:root{--bg: #070b14;--bg-glow-1: rgba(37, 99, 235, .09);--bg-glow-2: rgba(14, 165, 233, .06);--surface: #0d1424;--surface-2: #111b30;--surface-3: #16233b;--border: #1e2c47;--border-strong: #2b3a55;--accent: #3b82f6;--accent-2: #22d3ee;--accent-grad: linear-gradient(135deg, #2563eb, #0ea5e9);--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--text: #e8edf7;--text-muted: #8ea0bd;--radius: 16px;--radius-sm: 10px;background:radial-gradient(1100px 500px at 85% -10%,var(--bg-glow-1),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--bg-glow-2),transparent 60%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;padding:10px 12px;color:inherit;background:var(--surface-2);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}button{background:var(--accent-grad);border:none;color:#fff;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.7)}button.secondary{background:var(--surface-3);border:1px solid var(--border-strong)}button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}button.active,nav button.active{background:var(--accent-grad)}.login-page{display:grid;min-height:100vh;place-items:center}.login-card,.panel,.filters,.kpi,.health-item{background:linear-gradient(170deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius)}.panel,.filters{box-shadow:0 10px 40px #02081459}.login-card{display:grid;gap:12px;width:420px;padding:28px;box-shadow:0 0 0 1px #3b82f61f,0 30px 80px #02081499}.login-card h1{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 4px}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0a101ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand strong{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px;letter-spacing:.02em}.brand span,.hint,.page-header p,.kpi span,.role{color:var(--text-muted)}.brand span{display:block;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;padding:9px 12px}.sidebar nav button:hover{background:var(--surface-2);color:var(--text);filter:none}.sidebar nav button.active{background:linear-gradient(90deg,#2563eb38,#0ea5e914);border:1px solid rgba(59,130,246,.35);color:#dbeafe}.sidebar-footer{margin-top:auto;display:grid;gap:8px;font-size:13px;color:var(--text-muted)}.content{padding:28px 32px;max-width:1500px}.page-header,.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-header h2{font-size:26px;letter-spacing:-.01em}.page-header h2,.panel h3{margin:0 0 8px}.kpi-grid,.health-grid,.field-grid,.filters{display:grid;gap:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.health-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.health-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill.stopped-bad{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.field-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.kpi,.panel,.filters,.form-panel{padding:20px}.health-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.panel{margin-bottom:18px}.panel h3{font-size:15px;letter-spacing:.02em}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;background:radial-gradient(closest-side,rgba(59,130,246,.18),transparent)}.kpi strong{display:block;font-size:30px;font-weight:700;margin-top:8px;background:linear-gradient(135deg,#e8edf7,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.bento-dashboard{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:20px}.bento-tile-lg{background:linear-gradient(165deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:border-color .15s ease,transform .12s ease}.bento-tile-lg:hover{border-color:#3b82f673;transform:translateY(-2px)}.agent-live-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.agent-live-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;gap:6px;padding:14px}.agent-live-tile strong{font-size:15px}.agent-live-tile .sip{color:var(--text-muted);font-size:12px}.pill{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:3px 12px;width:fit-content}.pill.running{background:#22c55e24;border:1px solid rgba(34,197,94,.4);color:#4ade80}.pill.stopped{background:#94a3b81a;border:1px solid rgba(148,163,184,.3);color:var(--text-muted)}.pill.in-call{background:#3b82f624;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.chip{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;color:var(--text-muted);font-size:13px;font-weight:500;padding:8px 14px}.chip:hover{border-color:var(--accent);color:var(--text);filter:none}.chip.active{background:linear-gradient(135deg,#2563eb4d,#0ea5e92e);border-color:var(--accent);color:#dbeafe}.field,.filters label,.field-grid>label{display:grid;gap:6px}.checkbox-row{display:flex;align-items:center;gap:10px;margin:16px 0 4px}.field-label{font-weight:600}.field-hint{font-size:12px;line-height:1.4;color:var(--text-muted)}.lang-toggle{display:flex;gap:4px;margin-bottom:4px}.lang-toggle button{flex:1;padding:6px 8px;font-size:12px;font-weight:600;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-muted)}.lang-toggle button.active{background:var(--accent-grad);border-color:transparent;color:#fff}.checkbox{display:flex;align-items:center;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions.inline{flex-wrap:nowrap}.actions.tabs{margin-bottom:16px}.wizard-step{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.wizard-step h3{color:#93c5fd;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{color:#7dd3fc;font-size:11px;font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase}th,td{border-bottom:1px solid var(--border);padding:10px}tbody tr:hover{background:#3b82f60d}.banner{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}.banner.ok{background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:#86efac}.banner.warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:#fcd34d}.error{color:#fca5a5}.state-block{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);margin:24px 0;padding:40px;text-align:center}.state-block.error{border-color:#ef444466;color:#fca5a5}.state-block.muted{color:var(--text-muted)}.inline-link{color:#60a5fa}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020610a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50}.modal{width:min(520px,100%);background:linear-gradient(170deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border-strong);border-radius:var(--radius);padding:24px;box-shadow:0 30px 90px #020814b3}.modal h3{margin-top:0}dl.meta{display:grid;grid-template-columns:200px 1fr;gap:10px}dl.meta dt{color:var(--text-muted)}dl.meta dd{margin:0}pre,code{background:#0a101d;border:1px solid var(--border);border-radius:8px;overflow:auto}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}}
