:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent-text:#1d4ed8;--focus-ring:#2563eb59;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-text:#334155;--sidebar-strong:#0f172a;--sidebar-muted:#64748b;--sidebar-hover:#f1f5f9;--sidebar-active-bg:#eff6ff;--sidebar-active-text:#1d4ed8;--success:#15803d;--success-soft:#dcfce7;--warn:#b45309;--warn-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--danger-border:#fecaca;--neutral-soft:#f1f5f9;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a1f;--radius:8px;--radius-sm:6px;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:Inter,-apple-system,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:14px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f17;--surface:#111827;--surface-2:#172033;--border:#1f2a3d;--border-strong:#334155;--text:#e5e7eb;--text-muted:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f624;--accent-text:#93c5fd;--focus-ring:#60a5fa66;--sidebar-bg:#0a0e15;--sidebar-border:#1a2230;--sidebar-text:#cbd5e1;--sidebar-strong:#fff;--sidebar-muted:#7d8ba1;--sidebar-hover:#151c2a;--sidebar-active-bg:#3b82f62e;--sidebar-active-text:#fff;--success:#4ade80;--success-soft:#22c55e26;--warn:#fbbf24;--warn-soft:#f59e0b26;--danger:#f87171;--danger-soft:#ef444424;--danger-border:#ef444459;--neutral-soft:#1e293b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000080}*{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{letter-spacing:-.01em;font-weight:600;line-height:1.3}button,input,select,textarea{font:inherit;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s}:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}button{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);color:var(--text);padding:6px 12px;font-weight:500;line-height:1.4}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--accent-text)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);min-height:34px;padding:6px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;margin-bottom:20px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}th{color:var(--text-muted);letter-spacing:.02em;background:var(--surface-2);white-space:nowrap;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:240px;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{color:var(--sidebar-strong);letter-spacing:.02em;align-items:center;gap:10px;margin:0;padding:18px 20px 16px;font-size:16px;font-weight:700;display:flex}.sidebar-brand .mark{border-radius:var(--radius-sm);background:var(--accent);color:#fff;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.sidebar-brand small{color:var(--sidebar-muted);letter-spacing:0;font-size:11px;font-weight:500;display:block}.tenant-picker{border-bottom:1px solid var(--sidebar-border);padding:0 16px 16px}.sidebar label{color:var(--sidebar-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.sidebar select{background:var(--sidebar-hover);border-color:var(--sidebar-border);width:100%;color:var(--sidebar-text)}.sidebar nav{padding:8px 8px 16px}.nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-muted);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--sidebar-text);background:0 0;border:none;margin:1px 0;padding:7px 12px;font-weight:500;display:block}.nav-item:hover:not(.active):not(:disabled){background:var(--sidebar-hover);color:var(--sidebar-strong);border-color:#0000}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:12px;margin-top:auto;padding:14px 16px 16px;font-size:13px;display:flex}.sidebar-footer .user{color:var(--sidebar-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sidebar-footer button:not(.primary){border-color:var(--sidebar-border);color:var(--sidebar-text);background:0 0}.sidebar-footer button:not(.primary):hover:not(:disabled){background:var(--sidebar-hover);border-color:var(--sidebar-muted);color:var(--sidebar-strong)}.sidebar-footer .row{gap:8px;display:flex}.sidebar-footer .row>button{flex:1}.sidebar-footer input{width:100%}.segmented{border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.segmented button{border:none;border-radius:0;flex:1;padding:5px 0;font-size:12px}.segmented button+button{border-left:1px solid var(--sidebar-border)}.segmented button[aria-pressed=true]{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.main{flex:1;min-width:0;max-width:1320px;padding:28px 36px 40px;overflow-x:auto}.main h2{margin:0 0 20px;font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:18px 20px}.card h3{margin:0 0 14px;font-size:15px}.stat-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column-reverse;gap:4px;padding:16px 18px;display:flex}.stat-tile .value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.stat-tile .label{color:var(--text-muted);font-size:12px;font-weight:500}.form-row{flex-direction:column;gap:6px;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(220px,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-weight:500}.badge{background:var(--neutral-soft);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:2px 8px;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)}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));align-items:start;gap:20px;display:grid}.settings-grid .card{margin-bottom:0}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card-header h3{margin:0}.kv{grid-template-columns:minmax(120px,42%) 1fr;margin:0;display:grid}.kv dt,.kv dd{border-top:1px solid var(--border);margin:0;padding:7px 0}.kv dt{color:var(--text-muted);padding-right:12px}.kv dd{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px}.status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status.ok{color:var(--success)}.status.bad{color:var(--danger)}.meter{background:var(--neutral-soft);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.meter>span{background:var(--accent);height:100%;display:block}.meter.high>span{background:var(--danger)}.page-note{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);margin-bottom:20px;padding:10px 14px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:min(360px,100%);box-shadow:var(--shadow-md);padding:28px}.login-card h2{text-align:center;margin-bottom:20px}.login-card button.primary{width:100%;padding:8px}.muted{color:var(--text-muted);font-size:13px}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.sidebar nav{flex-wrap:wrap;gap:2px 4px;display:flex}.nav-group-label{width:100%;padding:10px 4px 2px}.nav-item{width:auto}.main{padding:20px 16px 32px}.settings-grid{grid-template-columns:1fr}}