:root{color-scheme:dark;--bg-base: #020617;--bg-surface: #0f172a;--bg-elevated: #1e293b;--border: #334155;--border-strong: #475569;--text-primary: #f8fafc;--text-body: #cbd5e1;--text-secondary: #94a3b8;--text-disabled: #64748b;--brand: #2563eb;--brand-bg-soft: rgba(37, 99, 235, .2);--info-text: #60a5fa;--success-text: #22c55e;--error-text: #f87171;--warning-text: #f59e0b;--panel-shadow: 0 10px 24px rgba(2, 6, 23, .5)}:root[data-theme=light]{color-scheme:light;--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-body: #334155;--text-secondary: #475569;--text-disabled: #94a3b8;--brand: #2563eb;--brand-bg-soft: rgba(37, 99, 235, .12);--info-text: #2563eb;--success-text: #15803d;--error-text: #dc2626;--warning-text: #b45309;--panel-shadow: 0 10px 24px rgba(15, 23, 42, .1)}html,body,#root{height:100%;margin:0}body{font-family:Fira Sans,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background-color:var(--bg-base);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mono{font-family:Fira Code,JetBrains Mono,Consolas,monospace}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media(max-width:1279px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:1023px){.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.grid-4,.grid-2,.grid-5{grid-template-columns:1fr}}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.panel-hover{transition:transform .2s,box-shadow .2s;cursor:pointer}.panel-hover:hover{transform:translateY(-2px);box-shadow:var(--panel-shadow)}.status-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.status-pill .dot{width:6px;height:6px;border-radius:50%;margin-right:6px}.header-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s}.header-icon-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.header-icon-btn:disabled{cursor:not-allowed;color:var(--text-disabled);opacity:.5}.sidebar-link{display:flex;align-items:center;padding:10px 12px;margin-bottom:2px;border-radius:8px;color:var(--text-secondary);background:transparent;font-size:14px;text-decoration:none;transition:color .15s,background .15s}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.sidebar-link.active{color:var(--text-primary);background:var(--bg-elevated);font-weight:500}.sidebar-link.collapsed{justify-content:center;padding:10px 0}.header-icon-btn:focus-visible,.sidebar-link:focus-visible,.panel-hover:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;padding:8px 16px;border-radius:6px;background:var(--brand);color:#fff;text-decoration:none;font-size:14px}.skip-link:focus{left:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes romc-pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{animation:romc-pulse 2s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}