:root{--bg: #f6f7f5;--panel: #ffffff;--ink: #1c2421;--muted: #66716c;--line: #e3e7e4;--brand: #0f766e;--brand-ink: #ffffff;--brand-soft: #e3f2ef;--warn: #b45309;--warn-soft: #fdf2e3;--bad: #b42318;--bad-soft: #fdecea;--ok: #157f3b;--ok-soft: #e6f4ea;--radius: 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}@media(prefers-color-scheme:dark){:root{--bg: #111614;--panel: #1a201d;--ink: #e6ebe8;--muted: #94a19b;--line: #2a332f;--brand: #2bb3a3;--brand-ink: #062521;--brand-soft: #173430;--warn-soft: #3a2a12;--bad-soft: #3b1a17;--ok-soft: #15301f}}*{box-sizing:border-box}body{margin:0}a{color:var(--brand)}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:2px}.brand{font-weight:700;font-size:16px;padding:6px 10px 16px;display:flex;gap:8px;align-items:center}.brand-dot{width:22px;height:22px;border-radius:6px;background:var(--brand);display:inline-block}.nav a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink);text-decoration:none}.nav a:hover{background:var(--bg)}.nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.sidebar-foot{margin-top:auto;padding:10px;border-top:1px solid var(--line);font-size:12px}.main{padding:24px;min-width:0}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--line)}.brand,.sidebar-foot{display:none}.nav{display:flex;gap:4px}.nav a{white-space:nowrap}.main{padding:16px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:12px}.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:16px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:24px;font-weight:700;margin-top:4px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}button,.btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 12px;border-radius:8px;cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px;width:100%}textarea{resize:vertical;min-height:80px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.check{flex-direction:row;align-items:center;color:var(--ink);font-size:14px}label.check input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:var(--bg);border:1px solid var(--line);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.badge.brand{background:var(--brand-soft);color:var(--brand);border-color:transparent}.alert{padding:10px 12px;border-radius:8px;background:var(--bad-soft);color:var(--bad);margin-bottom:12px}.notice{padding:10px 12px;border-radius:8px;background:var(--warn-soft);color:var(--warn);margin-bottom:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;border-radius:8px 8px 0 0;background:transparent}.tabs button.active{background:var(--panel);border:1px solid var(--line);border-bottom-color:var(--panel);margin-bottom:-1px;font-weight:600}.inbox{display:grid;grid-template-columns:320px 1fr;gap:12px;height:calc(100vh - 110px);min-height:480px}.inbox-list{overflow-y:auto;padding:0}.inbox-item{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.inbox-item:hover{background:var(--bg)}.inbox-item.active{background:var(--brand-soft)}.chat{display:flex;flex-direction:column;padding:0;min-height:0}.chat-head{padding:12px 16px;border-bottom:1px solid var(--line)}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.bubble{max-width:72%;padding:8px 12px;border-radius:12px;white-space:pre-wrap;word-wrap:break-word}.bubble.in{background:var(--panel);border:1px solid var(--line);align-self:flex-start}.bubble.out{background:var(--brand-soft);align-self:flex-end}.bubble .meta{font-size:11px;color:var(--muted);margin-top:4px}.chat-foot{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-foot textarea{min-height:42px}@media(max-width:900px){.inbox{grid-template-columns:1fr;height:auto}.inbox-list{max-height:300px}.chat{min-height:500px}}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login .card{width:100%;max-width:360px}.drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100%);background:var(--panel);border-left:1px solid var(--line);padding:20px;overflow-y:auto;box-shadow:-8px 0 24px #0000001f;z-index:10}.empty{padding:32px;text-align:center;color:var(--muted)}