:root{--purple:#8943ff;--soft:#f2e9ff;--text:#26273e;--muted:#8d96ae;--line:#e5e7ef;--bg:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:hover{background:var(--soft)}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}header{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 22px;position:fixed;inset:0 0 auto;z-index:20}.brand{display:flex;gap:5px;align-items:center;text-decoration:none;color:#54596c;font-size:19px;letter-spacing:.5px}.brand>span:last-child{font-weight:700}.logo{display:grid;place-items:center;border:2px solid var(--purple);color:var(--purple);border-radius:50%;height:33px;width:33px;font-weight:600;margin-right:5px}.header-right{margin-left:auto;display:flex;align-items:center;gap:24px}.demo{font-size:11px;background:#fff5db;color:#8b681a;border-radius:20px;padding:7px 12px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#c3f4f1;color:#41666e;font-weight:600}aside{position:fixed;top:64px;bottom:0;width:65px;background:#fff;border-right:1px solid var(--line);z-index:15;padding:10px 11px;transition:width .2s;overflow:hidden}aside button{width:43px;height:44px;border-radius:9px;display:flex;align-items:center;gap:20px;margin-bottom:7px;color:#8691a8;white-space:nowrap}aside button span{font-size:24px;min-width:30px}aside button b{font-weight:500;font-size:14px;display:none}aside button.active{background:var(--purple);color:white;box-shadow:0 0 0 4px #f0e5ff}aside.expanded{width:240px;box-shadow:10px 0 30px #2720380a}aside.expanded button{width:216px}aside.expanded b{display:block}aside small{display:none;color:var(--muted);position:absolute;bottom:30px;line-height:1.8}aside.expanded small{display:block}.crumb{position:fixed;left:65px;top:64px;right:0;height:43px;display:flex;align-items:center;gap:16px;background:white;padding:0 22px;z-index:10;font-size:13px;color:var(--muted)}.crumb span:first-child{color:var(--purple)}.crumb i{color:#d5d9e4}main{margin:107px 0 0 65px;padding:38px 36px 60px;max-width:1600px}.container{max-width:1190px;margin:auto}.title{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:15px}h1{font-size:23px;margin:0 0 8px}h2{font-size:17px;margin:0}h3{font-size:15px;margin:0 0 15px}p{line-height:1.6}.muted{color:var(--muted)}.subtitle{color:#858da2;margin:0;font-size:13px}.primary{background:var(--purple);color:white;border-radius:8px;padding:12px 18px;box-shadow:0 3px 0 #6c2bd2}.primary:hover{background:#7934ed}.secondary{border:1px solid var(--line);border-radius:7px;padding:10px 14px;background:white}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{padding:12px 2px;color:#8a92a6;border-bottom:2px solid transparent}.tabs .selected{color:var(--purple);border-color:var(--purple)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 3px 15px #29304a02}.metric{display:flex;justify-content:space-between;gap:12px}.metric strong{display:block;font-size:31px;margin:12px 0}.metric small{font-size:11px;color:#8791a8}.bubble{background:var(--soft);color:var(--purple);border-radius:12px;width:39px;height:39px;display:grid;place-items:center;font-size:20px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-bottom:24px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.hint{color:var(--muted);font-weight:400;font-size:12px}.link{color:var(--purple);font-weight:500}.chart{height:205px;display:flex;gap:14px;padding:15px 8px 0 35px;align-items:end;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#eeeef4 50px);position:relative}.bar-group{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:5px;position:relative;padding-bottom:22px}.bar{width:21px;background:linear-gradient(100deg,#b999ff,#9170f2);border-radius:7px 7px 3px 3px;box-shadow:inset -2px -2px #7954d63b;position:relative}.bar.green{background:#c7efda;box-shadow:inset -2px -2px #a5d9bf}.bar-group label{position:absolute;bottom:0;font-size:10px;color:#7d879e}.legend{display:flex;justify-content:center;gap:20px;margin-top:23px;font-size:11px;color:#7d879e}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--purple)}.dot.green{background:#b1e4c7}.source{padding:13px 0;border-bottom:1px solid #f0f1f5;display:flex;align-items:center;gap:10px}.source .bubble{width:32px;height:32px;font-size:16px;background:#f5f6f9;color:#838da5}.source span{font-size:12px}.source small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.badge{font-size:10px;padding:5px 9px;border-radius:15px;white-space:nowrap;display:inline-block}.source .badge{margin-left:auto}.pending{background:#f3f3f7;color:#8b92a6}.high{background:#ffe4ed;color:#c25379}.medium{background:#fff1cc;color:#a07d28}.low{background:#e8f4ed;color:#559471}.note{font-size:11px;color:#939aae;line-height:1.6}.table-card{padding:22px 20px}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:13px 0 18px;border-top:1px solid var(--line)}input,select,textarea{border:1px solid #dfe2ec;border-radius:7px;padding:10px 12px;background:white;color:#626a80;min-width:0}input::placeholder{color:#9ca5bb}.search{margin-left:auto;width:230px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;color:#8991a7;font-weight:500;padding:15px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 10px;border-bottom:1px solid #eef0f5;font-size:12px;color:#646d84}tbody tr{cursor:pointer}tbody tr:hover{background:#faf7ff}.person{display:flex;align-items:center;gap:12px}.person .avatar{width:39px;height:39px;background:#eee3ff;color:#8562b1;font-size:12px}.person strong{font-weight:500;color:#505971;display:block;margin-bottom:5px}.person small{color:#969fb5;font-size:11px}.empty{text-align:center;padding:70px 20px}.empty .bubble{margin:0 auto 20px;width:65px;height:65px;font-size:30px}.table-scroll{overflow:auto}.footer{display:flex;justify-content:space-between;color:#969fb2;font-size:11px;padding-top:18px}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:22px}.profile{text-align:center;align-self:start}.profile>.avatar{width:80px;height:80px;font-size:26px;margin:15px 0}.profile h2{margin:10px 0}.profile .badge{margin:12px 0 24px}.profile label{text-align:left;display:block;font-size:12px;color:#818aa0;margin:15px 0 8px}.profile select{width:100%}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid .wide{grid-column:1/-1}.quote{border-left:3px solid #ccb2ff;background:#f9f6ff;padding:13px;margin:15px 0;line-height:1.7;font-size:13px}.quote small{display:block;color:#939bb0;font-size:11px}.message{background:#f5f6f9;padding:13px 16px;border-radius:12px;margin:14px 45px 14px 0;font-size:13px;line-height:1.6}.message.out{background:#f0e5ff;margin:14px 0 14px 45px}.message small{display:block;font-size:10px;color:#8f95a8}.message b{font-size:11px;font-weight:500;color:#727b90}.feedback{display:flex;gap:10px;margin-top:15px}.detail-grid textarea{width:100%;min-height:110px;line-height:1.7;resize:vertical}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#333449;color:white;border-radius:9px;padding:13px 20px;box-shadow:0 6px 20px #2223;z-index:40;display:none}.segments{display:grid;grid-template-columns:1fr 1fr;gap:20px}.segment{border:1px solid #ece8f5;min-height:130px}.segment p{font-size:13px;color:#8790a6}.banner{padding:12px 16px;background:#fff7e5;color:#967729;font-size:12px;border-radius:9px;margin-bottom:24px}.count{font-size:12px;color:#98a0b5;margin-left:12px}.reason{max-width:225px;line-height:1.5}.period{font-size:11px;color:#8d96ab}.back{margin-bottom:22px;color:var(--purple)}@media(min-width:1650px){main{margin-left:65px;max-width:none;padding-top:40px}}@media(max-width:1050px){main{padding:25px 20px}.grid{grid-template-columns:1.6fr 1fr}.stats{gap:10px}.metric strong{font-size:26px}.card{padding:18px}.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.profile-layout{grid-template-columns:220px 1fr}.header-right{gap:12px}}@media(max-width:700px){header{padding:0 12px;gap:10px}.brand{font-size:16px}.demo{font-size:9px;padding:5px 7px}#help{display:none}.header-right{gap:8px}.header-right .avatar{width:29px;height:29px}aside{width:54px;padding:10px 6px}.crumb{left:54px}main{margin-left:54px;padding:23px 12px}.stats{grid-template-columns:1fr 1fr}.grid,.profile-layout,.segments{grid-template-columns:1fr}.title{align-items:start;flex-direction:column}h1{font-size:21px}.stats .card{padding:14px}.bubble{width:29px;height:29px}.metric strong{font-size:27px}.profile{text-align:left}.profile>.avatar{float:left;margin-right:18px}.profile select{max-width:100%}.search{width:100%;margin:0}select{max-width:100%}.table-card{padding:17px 12px}.bar{width:15px}.card-head{align-items:start}.detail-grid{gap:15px}.header-right .demo{max-width:115px;text-align:center}.footer{gap:15px}.tabs{gap:20px}}
/* NANOFF Obsidian — visual preto/amarelo, vidro e luz */
:root{--purple:#f4d54a;--soft:rgba(245,214,74,.1);--text:#f3f2ee;--muted:#93959e;--line:rgba(255,255,255,.09);--bg:#101114;color-scheme:dark}body{background:radial-gradient(ellipse at 80% 0%,#63562730,transparent 45%),radial-gradient(ellipse at 15% 65%,#373d4b38,transparent 50%),#101114;background-attachment:fixed;letter-spacing:.1px}header{background:rgba(22,23,27,.76);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border-bottom:1px solid #ffffff0c;height:72px}.brand{color:#f4f2e9;letter-spacing:1px;font-size:19px}.brand>span:last-child{font-weight:400;color:#aaa9a3}.logo{border:1px solid #ffe97980;background:linear-gradient(135deg,#fff3ad,#e8c62e);color:#28240e;border-radius:11px;box-shadow:inset 0 1px 1px #fff9,0 3px 14px #e0bb2c21;font-size:18px}.header-right .avatar{border:1px solid #fff2;background:linear-gradient(145deg,#44464a,#27282c);color:#e8e6dc}.demo{background:#f4d54a10;color:#dcc46a;border:1px solid #f4d54a25;font-size:10px;letter-spacing:.3px}aside{top:72px;background:rgba(22,23,27,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);width:76px;padding:20px 15px;border-color:#ffffff0c}aside button{color:#91949f;border:1px solid transparent;height:46px;width:46px;margin-bottom:15px}aside button span{display:grid;place-items:center}aside button.active{background:linear-gradient(140deg,#ffe987,#eacc3c);color:#25230f;box-shadow:inset 0 1px 1px #fff9,0 5px 16px #0005;border-color:#fff3}aside button:hover{color:var(--purple)}aside button.active:hover{color:#25230f}aside.expanded{width:245px;background:rgba(26,27,31,.94);box-shadow:15px 0 40px #0004}.crumb{top:72px;left:76px;background:rgba(20,21,25,.68);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #ffffff06;color:#9698a3;height:44px}.crumb i{color:#4f515b}main{margin:116px 0 0 76px;padding:38px 35px 65px;max-width:none}.container{max-width:1240px}.title{margin-bottom:27px}h1{font-size:28px;letter-spacing:-1px;font-weight:550;margin-bottom:10px}h2{font-weight:550;letter-spacing:-.3px;font-size:16px}h3{font-weight:550}.subtitle{color:#989aa4;font-size:13px}.period{color:#93959f}.tabs{border:1px solid #fff1;background:#ffffff04;border-radius:14px;display:inline-flex;padding:5px;gap:5px;margin-bottom:26px;box-shadow:inset 0 1px #ffffff05}.tabs button{padding:10px 20px;border:0;border-radius:10px;font-size:12px}.tabs button.selected{background:linear-gradient(#393a3f,#292a2f);color:#fff5c4;box-shadow:inset 0 1px #ffffff15,0 3px 6px #0003}.stats{gap:17px;margin-bottom:22px}.card{background:linear-gradient(140deg,#ffffff0c,#ffffff03),rgba(30,31,36,.8);border:1px solid #ffffff12;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0b,0 12px 26px #00000016;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:24px}.metric{min-height:151px}.metric strong{font-size:38px;letter-spacing:-1.5px;font-weight:500;margin:16px 0 12px}.metric span{font-size:12px;color:#b3b4bb}.metric small{color:#92949d;font-size:10px}.metric:first-child{background:radial-gradient(ellipse at 95% 0%,#fff7c365,transparent 65%),linear-gradient(125deg,#f9df69,#dcb92e);border-color:#fff7b455;color:#25220d;box-shadow:inset 0 1px #fff9,0 10px 28px #0003}.metric:first-child span,.metric:first-child small{color:#605423}.metric:first-child .bubble{color:#493d0c;background:#fff5;border-color:#fff4}.bubble{background:linear-gradient(140deg,#ffffff0b,#ffffff02);color:#e9d577;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff06;border-radius:12px}.hint{color:#94969f;font-size:10px}.card-head{margin-bottom:25px}.chart{height:215px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#ffffff09 50px);gap:18px}.bar{width:24px;border:1px solid #fff4;border-bottom:0;background:linear-gradient(90deg,#dac244,#fae789 55%,#debd38);box-shadow:inset 2px 0 3px #fff2,0 3px 12px #0003;border-radius:7px 7px 2px 2px}.bar.green{background:linear-gradient(90deg,#5f6067,#929398);border-color:#fff2;box-shadow:inset 1px 0 #fff2}.bar-group label,.legend{color:#9c9ea7}.dot{background:#e7cf62}.dot.green{background:#8e9098}.source{border-color:#ffffff09;padding:16px 0}.source .bubble{background:#ffffff05;color:#cdc9b8;border-color:#fff1}.source span{color:#dededb}.source small{color:#858894}.source .badge{color:#9698a3}.pending{background:#ffffff07;color:#999ba5;border:1px solid #ffffff09}.note{color:#91939f}.link{color:#e5cd6e;font-weight:450}.primary{background:linear-gradient(#f7e38a,#dfc248);color:#2d280e;box-shadow:inset 0 1px #fff9,0 4px 10px #0003;border:1px solid #fce78566;border-radius:9px;font-weight:550}.primary:hover{background:linear-gradient(#fff0a9,#f0d460);color:#191707}.secondary{border-color:#ffffff16;background:linear-gradient(#ffffff0a,#ffffff03);color:#d6d6d8}.filters{border-color:#ffffff0d;padding:15px 0 20px}input,select,textarea{background:#17181c;border-color:#ffffff16;color:#ccced5;border-radius:9px;font-size:12px;box-shadow:inset 0 1px 3px #0002}input:focus,select:focus,textarea:focus{outline:2px solid #d6bd5d80;outline-offset:1px}input::placeholder{color:#707480}option{background:#232429;color:#ddd}.table-card{padding:23px}.count{color:#818591;font-size:11px}th{color:#858995;border-color:#ffffff0b;padding:16px 12px;font-size:10px}td{color:#aeb1bc;border-color:#ffffff08;padding:19px 12px}tbody tr:hover{background:#f4d54a07}.person strong{color:#e4e4e7;font-weight:450}.person small{color:#888c99}.person .avatar{background:linear-gradient(140deg,#4b4430,#2e2d2a);border:1px solid #e4cd7022;color:#dfd5a4}.high{background:#b29a361b;color:#ead275;border:1px solid #e6ca5326}.medium{background:#ffffff09;color:#c3c5d0;border:1px solid #ffffff10}.low{background:#6dbb9820;color:#9ac8af;border:1px solid #8bc3a91c}.footer{color:#787d8a}.profile>.avatar{background:linear-gradient(140deg,#f9e79d,#bba45a);color:#3e3414;border:1px solid #fff5;box-shadow:inset 0 2px #fff4,0 7px 25px #0004}.profile label{color:#9296a2}.quote{border-color:#d7bd59;background:linear-gradient(110deg,#e8cc6010,#e8cc6003);border-radius:0 10px 10px 0;color:#d5d3c9}.quote small{color:#97978f}.message{background:linear-gradient(140deg,#ffffff0b,#ffffff05);border:1px solid #fff1;color:#d3d4d9}.message.out{background:linear-gradient(140deg,#d3b64d20,#a18b3e0d);border-color:#d0b55425}.message b{color:#c4b776}.message small{color:#898e9a}.banner{background:#dec35a0c;border:1px solid #dec35a20;color:#cabc83}.segment{border-color:#ffffff12}.segment p{color:#9a9da8}#toast{background:rgba(50,51,57,.94);backdrop-filter:blur(25px);border:1px solid #fff2;color:#f4edcf;box-shadow:0 15px 45px #0007}.back{color:#dcca79}button{transition:background .18s,box-shadow .18s,color .18s}.card{transition:border-color .2s}.card:hover{border-color:#ffffff21}@media(min-width:1650px){main{margin-left:76px}}@media(max-width:1050px){main{padding:28px 22px}.card{padding:19px}.metric strong{font-size:34px}}@media(max-width:700px){header{height:64px}.brand{font-size:16px}aside{top:64px;width:54px;padding:14px 5px}aside button{width:43px;height:43px}.crumb{top:64px;left:54px}main{margin:108px 0 0 54px;padding:24px 12px}h1{font-size:24px}.metric{min-height:144px}.metric strong{font-size:33px}.metric span{font-size:11px}.metric small{font-size:9px}.card{border-radius:18px}.table-card{padding:16px}.chart{gap:9px}.bar{width:16px}.tabs{display:flex}.tabs button{padding:10px 14px}.title{gap:14px}.header-right .demo{font-size:9px}.stats{gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@supports not (backdrop-filter:blur(1px)){header,aside,.crumb{background:#202126}.card{background:#25262b}}