:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--panel:#fff;--panel-hover:#fafbfc;--border:#e2e5ea;--border-strong:#cbd2dc;--text:#1a1d23;--text-muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eef2ff;--danger:#b91c1c;--danger-soft:#fef2f2;--danger-border:#fecaca;--success:#15803d;--success-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 2px 8px #1018280f;--radius:8px;--radius-sm:6px;font-family:-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#191c22;--panel-hover:#1f232b;--border:#2b303a;--border-strong:#3a4150;--text:#e6e8eb;--text-muted:#9aa3af;--accent:#5b8def;--accent-hover:#7aa2f2;--accent-soft:#1c2740;--danger:#f87171;--danger-soft:#3a1c1e;--danger-border:#5c2626;--success:#4ade80;--success-soft:#163524;--warn:#fbbf24;--warn-soft:#3a2c0f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 10px #00000059}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-weight:650;line-height:1.25}button,input,select,textarea{transition:border-color .12s,background-color .12s,box-shadow .12s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent);outline:none}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);border-radius:var(--radius-sm);color:var(--text);padding:7px 14px;font-weight:500}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--text-muted)}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;background:var(--panel-hover);font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-hover)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;padding:16px 0;display:flex}.sidebar h1{letter-spacing:.02em;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 0 4px;padding:0 16px 14px;font-size:16px;display:flex}.sidebar h1:before{content:"";background:var(--accent);border-radius:3px;flex-shrink:0;width:9px;height:9px}.nav-item{text-align:left;color:var(--text-muted);background:0 0;border:none;border-left:3px solid #0000;border-radius:0;padding:9px 16px;font-weight:500}.nav-item:hover:not(.active){background:var(--panel-hover);color:var(--text);border-left-color:var(--border-strong)}.nav-item.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:auto;padding:12px 16px;font-size:13px}.main{flex:1;min-width:0;max-width:1100px;padding:28px 32px;overflow-x:auto}.main h2{margin-top:0;margin-bottom:18px;font-size:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:18px 20px}.card h3{margin-top:0;font-size:15px}.stat-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.stat-tile{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);min-width:130px;box-shadow:var(--shadow-sm);padding:14px 20px}.stat-tile .value{letter-spacing:-.01em;font-size:26px;font-weight:700}.stat-tile .label{color:var(--text-muted);margin-top:2px;font-size:13px}.form-row{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-row label{color:var(--text-muted);font-size:13px;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 16px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error-banner{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:14px;font-weight:500}.badge{background:var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.ACTIVE,.badge.RUNNING,.badge.READY,.badge.HEALTHY,.badge.ANSWERED,.badge.BRIDGED,.badge.COMPLETED,.badge.ENABLED{background:var(--success-soft);color:var(--success)}.badge.PAUSED,.badge.STOPPING,.badge.NOT_READY,.badge.WRAP_UP,.badge.RESERVED,.badge.RINGING,.badge.UNKNOWN,.badge.ORIGINATING,.badge.WAITING_INPUT,.badge.PLAYING_PROMPT,.badge.SCHEDULED,.badge.DRAFT,.badge.AUTHORIZED,.badge.TRANSFER_REQUESTED,.badge.AGENT_RESERVED,.badge.AGENT_RINGING{background:var(--warn-soft);color:var(--warn)}.badge.FAILED,.badge.ERROR,.badge.CANCELLED,.badge.DISABLED,.badge.UNHEALTHY,.badge.OFFLINE,.badge.BUSY{background:var(--danger-soft);color:var(--danger)}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:min(340px,100%);box-shadow:var(--shadow-md)}.login-card h2{text-align:center;margin-bottom:18px}.muted{color:var(--text-muted);font-size:13px}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;gap:4px;width:100%;padding:10px 12px}.sidebar h1{border-bottom:none;width:auto;margin:0;padding:0 8px 0 0}.sidebar>div{width:auto!important;padding:0!important}.nav-item{border-radius:var(--radius-sm);border-bottom:3px solid #0000;border-left:none;padding:6px 10px}.nav-item:hover:not(.active){border-left-color:#0000}.nav-item.active{border-bottom-color:var(--accent)}.sidebar-footer{border-top:none;margin-top:0;margin-left:auto;padding:0}.main{max-width:100%;padding:18px 16px}}