:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{height:100%;max-width:720px;margin:0 auto;background:#0f172a;display:flex;flex-direction:column;border-left:1px solid #1e293b;border-right:1px solid #1e293b}.header{padding:14px 16px;border-bottom:1px solid #1e293b;background:#0f172af5;position:sticky;top:0;z-index:5}.content{flex:1;overflow-y:auto;padding:14px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:14px;box-shadow:0 16px 35px #0000002e}.card.soft{background:#172033}.card.warn{border-color:#92400e;background:#92400e29}.card.error{border-color:#991b1b;background:#991b1b2e}.card.ok{border-color:#166534;background:#16653424}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.2}h2{font-size:16px}h3{font-size:13px;color:#cbd5e1}.small{font-size:12px;color:#94a3b8}.tiny{font-size:10px;color:#64748b}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.button{border:1px solid #334155;color:#e2e8f0;background:#1e293b;padding:10px 12px;border-radius:14px;font-weight:700;font-size:13px}.button.primary{background:#2563eb;border-color:#3b82f6;color:#fff}.button.danger{background:#7f1d1d;border-color:#991b1b}.button.ghost{background:transparent}.input{width:100%;border:1px solid #334155;background:#020617;color:#e2e8f0;border-radius:14px;padding:12px;outline:none}.input:focus{border-color:#3b82f6}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid #334155;background:#1e293b;color:#cbd5e1}.badge.ok{background:#1665342e;border-color:#166534;color:#86efac}.badge.warn{background:#92400e2e;border-color:#92400e;color:#fcd34d}.badge.error{background:#991b1b2e;border-color:#991b1b;color:#fecaca}.badge.info{background:#2563eb2e;border-color:#2563eb;color:#bfdbfe}.kpi-value{font-size:26px;font-weight:900;letter-spacing:-.04em}.list-item{width:100%;text-align:left;border:1px solid #1f2937;background:#111827;color:inherit;border-radius:16px;padding:12px}.list-item:hover{border-color:#334155;background:#172033}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tab{padding:10px;border-radius:14px;border:1px solid #334155;background:#111827;color:#94a3b8;font-weight:800}.tab.active{background:#2563eb;color:#fff;border-color:#60a5fa}.message-list{display:flex;flex-direction:column;gap:10px}.message{border-radius:16px;padding:10px 12px;border:1px solid #1f2937;background:#111827}.message.resident{background:#172554;border-color:#1d4ed8}.message.operator{background:#064e3b;border-color:#047857}.message.bot{background:#312e81;border-color:#4f46e5}.message.system{background:#27272a;border-color:#3f3f46}@media(max-width:420px){.grid,.tabs{grid-template-columns:1fr}.content{padding:10px}}