*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f7;font-family:Segoe UI,Noto Sans TC,Arial,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit}.app-shell{color:#111827;background:#eef2f7;grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{color:#e5e7eb;background:#101827;flex-direction:column;gap:22px;padding:20px 14px;display:flex}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:8px 10px 16px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#9ca3af;margin-top:2px;font-size:12px}.sidebar nav{gap:5px;display:grid}.sidebar button,.top-actions button,.panel-title button{cursor:pointer;font:inherit;border:0}.sidebar button{color:#cbd5e1;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:flex}.sidebar button.active,.sidebar button:hover{color:#fff;background:#25314a}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:#64748b;margin-bottom:3px;font-size:13px;display:block}h1,h2,p{margin:0}h1{font-size:26px;font-weight:700}h2{font-size:16px;font-weight:700}.top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.language-toggle{background:#fff;border:1px solid #d8dee8;border-radius:6px;align-items:center;gap:2px;min-height:36px;padding:0 4px;display:inline-flex}.language-toggle svg{color:#64748b;margin:0 4px}.language-toggle button{background:0 0;border:0;border-radius:5px;min-height:28px;padding:0 8px}.language-toggle button.active{color:#fff;background:#0f5c8f}.top-actions button,.auth-form button,.auth-form a,.session-card button,.panel-title button{color:#334155;background:#fff;border:1px solid #d8dee8;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;text-decoration:none;display:inline-flex}.top-actions .language-toggle button{background:0 0;border:0;border-radius:5px;min-height:28px;padding:0 8px}.top-actions .language-toggle button.active{color:#fff;background:#0f5c8f}.top-actions button:disabled,.auth-form button:disabled,.session-card button:disabled,.panel-title button:disabled{cursor:not-allowed;opacity:.55}.pill{background:#e2e8f0;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.pill.live{color:#166534;background:#dcfce7}.pill.waiting-auth{color:#075985;background:#e0f2fe}.pill.connecting{color:#334155;background:#e2e8f0}.pill.unauthorized{color:#991b1b;background:#fee2e2}.pill.demo{color:#92400e;background:#fef3c7}.member-chip{color:#155e75;background:#cffafe;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.auth-panel{background:#fff;border:1px solid #bfd3ea;border-radius:8px;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.25fr);align-items:center;gap:16px;margin-bottom:14px;padding:16px;display:grid}.auth-copy{align-items:flex-start;gap:12px;display:flex}.auth-copy svg{color:#0f5c8f;flex:none}.auth-copy p,.auth-meta{color:#64748b;margin-top:4px;font-size:13px}.auth-form{grid-template-columns:minmax(160px,1fr) minmax(140px,.7fr) auto auto;gap:8px;display:grid}.auth-form input{min-width:0;min-height:36px;font:inherit;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px}.auth-form button{color:#fff;background:#0f5c8f;border-color:#0f5c8f}.auth-form a{background:#fff}.auth-meta{grid-column:1/-1;margin:0}.session-card{background:#fff;border:1px solid #dce3ed;border-radius:8px;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:grid}.session-card .status-row{border-bottom:0;gap:2px;padding-bottom:0;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:14px;display:grid}.metric{background:#fff;border:1px solid #dce3ed;border-radius:8px;align-content:space-between;min-height:106px;padding:14px;display:grid}.metric span{color:#64748b;font-size:13px}.metric strong{font-size:24px;line-height:1.1}.metric.blue svg{color:#2563eb}.metric.green svg{color:#16a34a}.metric.orange svg{color:#ea580c}.metric.red svg{color:#dc2626}.metric.gray svg{color:#475569}.content-grid{grid-template-columns:1.4fr .9fr .9fr;gap:14px;display:grid}.panel{background:#fff;border:1px solid #dce3ed;border-radius:8px;min-width:0;padding:16px}.panel.wide{grid-column:span 2}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title p{color:#64748b;margin-top:3px;font-size:13px}.chart{height:302px}.stack{gap:10px;display:grid}.status-row{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:12px;padding-bottom:9px;font-size:14px;display:flex}.status-row span{color:#64748b}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.policy{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.policy svg{color:#16a34a;flex:none}.policy strong,.policy span{display:block}.policy strong{font-size:13px}.policy span{color:#64748b;margin-top:2px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:10px 8px}th{color:#64748b;font-weight:700}code{color:#334155;background:#f1f5f9;border-radius:4px;padding:2px 5px}.status{color:#075985;background:#e0f2fe;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.tenant-tree,.alerts{gap:10px;display:grid}.tenant{background:#f8fafc;border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.tenant.child{margin-left:22px}.tenant strong,.tenant span{display:block}.tenant span{color:#64748b;font-size:12px}.alert{background:#f8fafc;border-left:4px solid #64748b;border-radius:6px;padding:10px 12px}.alert.warning{border-left-color:#ea580c}.alert.info{border-left-color:#2563eb}.alert p{color:#475569;margin-top:4px;font-size:13px}@media (width<=1160px){.app-shell{grid-template-columns:78px 1fr}.brand div,.sidebar button span{display:none}.sidebar button{justify-content:center}.metric-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:3;padding:10px;position:sticky;top:0}.sidebar nav{display:flex;overflow-x:auto}.sidebar button{flex:0 0 44px}.workspace{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.auth-panel,.session-card,.auth-form{grid-template-columns:1fr}.metric-grid,.policy-grid{grid-template-columns:1fr 1fr}th,td{white-space:nowrap}table{display:block;overflow-x:auto}}