:root{--surface:#fff;--mut2:#8A93B2;--redbg:#FFE8F0;--offbg:#EEE;--preview:#E7EBF3;--shadow:rgba(33,48,140,.2);--ac:#4B5CFF;--ac2:#14D9A1;--ink:#0F1535;--mut:#5B6482;--line:#E3E8F4;--bg:#F7F9FF;--card:#fff;--soft:#EEF1FF;--ok:#0B8F6B;--okbg:#E6FBF4;--bad:#D6336C}
[data-theme=escuro]{--ac:#6B7CFF;--ac2:#14D9A1;--ink:#E9EDFF;--mut:#9AA5CF;--mut2:#7480AA;--line:#222D55;--bg:#0A0F1F;--card:#111832;--surface:#0D1330;--soft:#1A2350;--ok:#3DE0B0;--okbg:#0F2F2B;--bad:#FF6B9A;--redbg:#3A1530;--offbg:#222B4A;--preview:#0A0F1F;--shadow:rgba(0,0,0,.5);color-scheme:dark}
[data-theme=halloween]{--ac:#E8590C;--soft:#FFF0E6;--ac2:#7B2FF7}
[data-theme=natal]{--ac:#C92A2A;--soft:#FFEDED;--ac2:#2F9E44}
[data-theme=anonovo]{--ac:#B8860B;--soft:#FFF8E1;--ac2:#4B5CFF}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:15px}
h1,h2,h3,.brand{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;letter-spacing:-.5px}h1{font-size:26px;margin:0 0 4px}h2{font-size:18px;margin:0 0 12px}
button,input,select,textarea{font:inherit;color:inherit}a{color:var(--ac)}
.shell{display:flex;min-height:100vh}.side{width:240px;background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:auto}
.brand{font-weight:800;font-size:22px;display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand img{width:34px;height:34px}.brand b{color:var(--ac)}
.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--mut);font-weight:500;cursor:pointer;text-decoration:none}.nav:hover{background:var(--bg)}.nav.on{background:var(--soft);color:var(--ac);font-weight:600}
.main{flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--line)}.top .r{display:flex;gap:10px;align-items:center}
.page{padding:28px;max-width:1180px}.sub{color:var(--mut);margin:0 0 22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}
.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.kpi .l{color:var(--mut);font-size:13px}.kpi .v{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;font-size:30px;font-weight:800;margin-top:6px}
.btn{border:0;border-radius:12px;background:var(--ac);color:#fff;padding:10px 18px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:var(--soft);color:var(--ac)}.btn.red{background:var(--redbg);color:var(--bad)}.btn.sm{padding:6px 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.5}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:-1px}
label{display:block;font-size:13px;font-weight:600;color:var(--mut);margin:12px 0 6px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.row .fit{flex:0 0 auto;min-width:0}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--soft);color:var(--ac)}.pill.ok{background:var(--okbg);color:var(--ok)}.pill.bad{background:var(--redbg);color:var(--bad)}.pill.off{background:var(--offbg);color:var(--mut)}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--mut);padding:8px;border-bottom:1px solid var(--line)}td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.tabs{display:flex;gap:6px;margin:0 0 18px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:20px;cursor:pointer;background:var(--surface);border:1px solid var(--line);font-weight:600;color:var(--mut)}.tab.on{background:var(--ac);color:#fff;border-color:var(--ac)}
.bots{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.bot{position:relative}.bot .av{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.bot .st{display:flex;gap:16px;margin:12px 0;color:var(--mut);font-size:13px}.bot .st b{display:block;color:var(--ink);font-size:18px}
.toast{position:fixed;right:20px;bottom:20px;background:#0F1535;border:1px solid var(--line);color:#fff;padding:12px 18px;border-radius:14px;z-index:9;max-width:340px}.toast.err{background:var(--bad)}
.auth{max-width:400px;margin:8vh auto;padding:0 16px}.chat{display:grid;grid-template-columns:300px 1fr;gap:16px;height:70vh}.chat .list{overflow:auto}.chat .li{padding:10px;border-radius:12px;cursor:pointer}.chat .li:hover,.chat .li.on{background:var(--soft)}
.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px}.m{max-width:75%;padding:8px 12px;border-radius:14px;background:var(--bg);white-space:pre-wrap;word-break:break-word}.m.out{align-self:flex-end;background:var(--ac);color:#fff}
.bars{display:flex;align-items:flex-end;gap:6px;height:150px}.bars div{flex:1;background:var(--soft);border-radius:6px 6px 0 0;position:relative;min-height:2px}.bars div i{display:block;background:var(--ac);border-radius:6px 6px 0 0;position:absolute;bottom:0;left:0;right:0}
.prog{height:10px;background:var(--soft);border-radius:6px;overflow:hidden}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.code{font-family:ui-monospace,monospace;font-size:12px;background:var(--bg);padding:10px;border-radius:10px;word-break:break-all;border:1px solid var(--line)}
.tb{display:flex;gap:4px;margin-bottom:6px}.tb button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 10px;cursor:pointer}
.preview{background:var(--preview);border-radius:16px;padding:14px}.preview .bub{background:var(--surface);border-radius:14px;padding:10px 12px;white-space:pre-wrap}
.bell{position:relative;cursor:pointer}.bell em{position:absolute;top:-6px;right:-8px;background:var(--bad);color:#fff;border-radius:10px;font-size:11px;font-style:normal;padding:1px 6px}
@media(max-width:820px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static;flex-direction:row;overflow:auto;padding:8px}.brand{display:none}.nav{white-space:nowrap}.chat{grid-template-columns:1fr;height:auto}.page{padding:16px}}

[data-theme=escuro] .brand img{filter:none}[data-theme=escuro] .btn.ghost{color:#B8C1FF}[data-theme=escuro] input::placeholder,[data-theme=escuro] textarea::placeholder{color:var(--mut2)}[data-theme=escuro] .code{background:#0A0F1F}[data-theme=escuro] .m{background:#1A2350}[data-theme=escuro] .bars div{background:#1A2350}[data-theme=escuro] .prog{background:#1A2350}[data-theme=escuro] .bub{background:#161E40;color:var(--ink)}[data-theme=escuro] .nav:hover{background:#151C3E}[data-theme=escuro] .pill.ok{color:var(--ok)}[data-theme=escuro] select option{background:#111832;color:#E9EDFF}
.bell{color:var(--mut)}.side{box-shadow:none}.card{box-shadow:none}