:root{--font-ui:"Outfit", system-ui, sans-serif;--font-code:"Geist Mono", "Fira Code", monospace}:root,[data-theme=dark]{--bg-app:#0a0b0f;--bg-sidebar:#0d0e14;--bg-base:#0d0e14;--bg-raised:#12141c;--bg-elevated:#171921;--bg-overlay:#1c1f2b;--bg-hover:#ffffff0a;--bg-active:#ffffff12;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff24;--text-primary:#f1f2f6;--text-secondary:#8890a4;--text-tertiary:#4a5268;--text-disabled:#2e3448;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 12px 40px #000000b3, 0 4px 16px #0006;--shadow-xl:0 24px 64px #000c;--noise-opacity:.03;--grid-opacity:.04}[data-theme=dim]{--bg-app:#161b22;--bg-sidebar:#0d1117;--bg-base:#161b22;--bg-raised:#1c2330;--bg-elevated:#21273a;--bg-overlay:#2a3244;--bg-hover:#ffffff0d;--bg-active:#ffffff17;--border-subtle:#ffffff12;--border-default:#ffffff1c;--border-strong:#ffffff2b;--text-primary:#e6edf3;--text-secondary:#7d8590;--text-tertiary:#484f58;--text-disabled:#30363d;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 12px 40px #0000008c;--shadow-xl:0 24px 64px #000000a6;--noise-opacity:.025;--grid-opacity:.035}[data-theme=light]{--bg-app:#f5f6fa;--bg-sidebar:#fff;--bg-base:#f5f6fa;--bg-raised:#fff;--bg-elevated:#f0f1f7;--bg-overlay:#e8eaf2;--bg-hover:#0000000a;--bg-active:#00000012;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#00000029;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-disabled:#d1d5db;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #0000001f;--shadow-xl:0 24px 64px #00000026;--noise-opacity:0;--grid-opacity:.04}:root,[data-accent=violet]{--accent:#8b5cf6;--accent-soft:#8b5cf61f;--accent-mid:#8b5cf640;--accent-glow:#8b5cf633;--accent-text:#a78bfa;--accent-border:#8b5cf659}[data-accent=blue]{--accent:#3b82f6;--accent-soft:#3b82f61f;--accent-mid:#3b82f640;--accent-glow:#3b82f633;--accent-text:#60a5fa;--accent-border:#3b82f659}[data-accent=green]{--accent:#10b981;--accent-soft:#10b9811f;--accent-mid:#10b98140;--accent-glow:#10b98133;--accent-text:#34d399;--accent-border:#10b98159}[data-accent=amber]{--accent:#f59e0b;--accent-soft:#f59e0b1f;--accent-mid:#f59e0b40;--accent-glow:#f59e0b33;--accent-text:#fbbf24;--accent-border:#f59e0b59}[data-accent=rose]{--accent:#f43f5e;--accent-soft:#f43f5e1f;--accent-mid:#f43f5e40;--accent-glow:#f43f5e33;--accent-text:#fb7185;--accent-border:#f43f5e59}:root{--green:#10b981;--green-soft:#10b9811f;--green-border:#10b9814d;--green-text:#34d399;--blue:#3b82f6;--blue-soft:#3b82f61f;--blue-border:#3b82f64d;--blue-text:#60a5fa;--amber:#f59e0b;--amber-soft:#f59e0b1f;--amber-border:#f59e0b4d;--amber-text:#fbbf24;--red:#ef4444;--red-soft:#ef44441f;--red-border:#ef44444d;--red-text:#f87171;--cyan:#06b6d4;--cyan-soft:#06b6d41f;--cyan-border:#06b6d44d;--cyan-text:#22d3ee;--purple:#8b5cf6;--purple-soft:#8b5cf61f;--purple-border:#8b5cf64d;--purple-text:#a78bfa;--sidebar-w:240px;--sidebar-w-sm:56px;--header-h:56px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;line-height:1.5;transition:background .25s,color .25s;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 20% -10%, var(--accent-glow) 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 85% 110%, #3b82f60d 0%, transparent 55%);transition:background .3s;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255, 255, 255, var(--grid-opacity)) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, var(--grid-opacity)) 1px, transparent 1px);background-size:40px 40px;transition:opacity .3s;position:fixed;inset:0}[data-theme=light] body:after{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}#__next,body>div{z-index:1;position:relative}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-mid);color:var(--accent-text)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-ui)}input,textarea,select{font-family:var(--font-ui)}code,.mono{font-family:var(--font-code)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.anim-fade-up{animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-fade-in{animation:.25s both fadeIn}.anim-slide-in{animation:.35s cubic-bezier(.16,1,.3,1) both slideInLeft}.stagger>*{animation:.38s cubic-bezier(.16,1,.3,1) both fadeUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:55ms}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:.165s}.stagger>:nth-child(n+5){animation-delay:.22s}.app-shell{z-index:1;--mx:50%;--my:18%;height:100vh;display:flex;position:relative;overflow:hidden}[data-mousefx=on][data-animations=on] .app-shell:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%);transition:background .2s;position:absolute;inset:0}[data-seasonal=on] .app-shell:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 12% 10%,#10b98117,#0000 22%),radial-gradient(circle at 88% 14%,#3b82f614,#0000 24%),radial-gradient(circle at 70% 90%,#f59e0b14,#0000 26%);position:absolute;inset:0}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.16,1,.3,1),background .25s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-sm)}@media (hover:hover) and (pointer:fine){.sidebar.collapsed:hover{width:var(--sidebar-w)}.sidebar.collapsed:hover .brand-text{opacity:1;pointer-events:auto;width:auto}.sidebar.collapsed:hover .sidebar-brand{justify-content:flex-start}.sidebar.collapsed:hover .user-chip{justify-content:flex-start;padding:8px 10px}.sidebar.collapsed:hover .user-meta{display:block}.sidebar.collapsed:hover .nav-section-label{opacity:1}.sidebar.collapsed:hover .nav-item{justify-content:flex-start;padding:8px 10px}.sidebar.collapsed:hover .nav-label,.sidebar.collapsed:hover .nav-badge{display:inline-flex}.sidebar.collapsed:hover .sidebar-footer .sidebar-action{justify-content:flex-start}}.sidebar-brand{border-bottom:1px solid var(--border-subtle);min-height:var(--header-h);flex-shrink:0;align-items:center;gap:10px;padding:14px 12px;display:flex}.brand-icon{border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--accent-border);width:32px;height:32px;box-shadow:0 0 16px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.brand-text{transition:opacity .2s,width .25s;overflow:hidden}.sidebar.collapsed .brand-text{opacity:0;pointer-events:none;width:0}.sidebar-user{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:10px 8px;overflow:hidden}.user-chip{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:9px;padding:8px 10px;transition:background .15s;display:flex;overflow:hidden}.sidebar.collapsed .user-chip{justify-content:center;padding:6px}.sidebar.collapsed .user-meta{display:none}.user-avatar{border-radius:var(--radius-full);border:1.5px solid var(--border-default);flex-shrink:0;width:26px;height:26px}.nav-section{padding:6px 6px 2px}.nav-section-label{color:var(--text-disabled);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:6px 8px 3px;font-size:10px;font-weight:700;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .nav-section-label{opacity:0}.nav-item{border-radius:var(--radius);color:var(--text-secondary);font-size:13.5px;font-weight:400;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;width:100%;margin-bottom:1px;padding:8px 10px;transition:all .12s;display:flex;position:relative;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{display:none}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-border);font-weight:600}.nav-item.active .nav-icon{color:var(--accent-text)}.nav-icon{flex-shrink:0;transition:color .12s}.nav-label{flex:1}.nav-badge{background:var(--accent-soft);color:var(--accent-text);border-radius:var(--radius-full);border:1px solid var(--accent-border);padding:1px 6px;font-size:10px;font-weight:700}.sidebar-nav{flex:1;padding:4px;overflow:hidden auto}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:4px;padding:8px;display:flex}.sidebar-action{justify-content:flex-start;width:100%}.disconnect-action{color:var(--red-text)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-scroll{flex:1;overflow:hidden auto}.page-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;min-height:var(--header-h);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;transition:background .25s;display:flex;position:sticky;top:0}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:17px;font-weight:700}.page-subtitle{color:var(--text-tertiary);margin-top:1px;font-size:12px}.page-header-left{min-width:0}.page-header-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.content{flex-direction:column;gap:20px;padding:24px;display:flex}.content-sm{gap:14px;padding:16px}.card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background .25s,border-color .25s;overflow:hidden}[data-surface=glass] .card,[data-surface=glass] .stat-card,[data-surface=glass] .settings-panel,[data-surface=glass] .sidebar{background:color-mix(in srgb, var(--bg-raised) 75%, transparent);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border-color:color-mix(in srgb, var(--accent) 20%, var(--border-subtle))}[data-surface=clay] .card,[data-surface=clay] .stat-card,[data-surface=clay] .settings-panel,[data-surface=clay] .sidebar{border-color:color-mix(in srgb, var(--accent) 14%, var(--border-subtle));box-shadow:inset 2px 2px 4px #ffffff0a, inset -2px -2px 6px #00000038, var(--shadow-md);border-radius:20px}[data-theme=light][data-surface=clay] .card,[data-theme=light][data-surface=clay] .stat-card,[data-theme=light][data-surface=clay] .settings-panel,[data-theme=light][data-surface=clay] .sidebar{box-shadow:inset 1px 1px 3px #ffffffbf, inset -1px -1px 3px #94a3b859, var(--shadow-md)}[data-surface=minimal] .card,[data-surface=minimal] .stat-card,[data-surface=minimal] .settings-panel,[data-surface=minimal] .sidebar{box-shadow:none;border-color:var(--border-default);border-radius:8px}.card-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.card-title{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.landing-shell{background:var(--bg-app);min-height:100vh;padding-bottom:104px}.landing-loading-shell{place-items:center;display:grid}.github-loader{border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-raised) 88%, transparent);border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;padding:14px 18px;display:inline-flex}.github-loader-svg{width:40px;height:40px;overflow:visible}.github-loader-ring,.github-loader-path,.github-loader-glyph{fill:none;stroke:url(#gh-loader-stroke);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.github-loader-ring{stroke-dasharray:34 18;transform-origin:60px 60px;animation:1.4s linear infinite loader-spin}.github-loader-path{opacity:.8}.github-loader-glyph{opacity:.35}.github-loader-node{fill:var(--accent-text);transform-origin:50%;animation:1.4s ease-in-out infinite loader-pulse}.github-loader .node-b{animation-delay:.18s}.github-loader .node-c{animation-delay:.36s}.status-dock{z-index:40;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;max-width:min(100vw - 32px,760px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.status-dock-loading{pointer-events:none}.status-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-raised) 88%, transparent);min-height:36px;color:var(--text-secondary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.status-pill-positive{border-color:var(--green-border)}.status-pill-negative{border-color:var(--red-border)}.status-pill-label{color:var(--text-primary)}.status-pill-metric{color:var(--text-secondary);font-weight:700}.status-pill-connection{color:var(--text-primary)}.status-pill-battery{color:var(--amber-text)}.status-pill-infra{align-items:center;gap:6px;display:inline-flex}.status-icon-ok{color:var(--green)}.status-icon-bad{color:var(--red)}.status-text-lg{color:var(--text-secondary);font-weight:700}.status-text-good{color:var(--green-text)}.status-text-bad{color:var(--red-text)}.status-text-muted{color:var(--text-secondary)}.footer-health-note{color:var(--text-secondary);background:#a855f726;border:1px solid #a855f74d;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:12px;display:inline-block}.footer-health-note a{color:var(--text-primary);font-weight:600;transition:color .2s}.footer-health-note a:hover{color:#a855f7}.status-dot{border-radius:9999px;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff05}.status-dot-ok{background:var(--green)}.status-dot-warn{background:var(--amber)}.status-dot-bad{background:var(--red)}@media (max-width:640px){.status-dock{justify-content:center;gap:6px;max-width:none;bottom:12px;left:50%;right:auto;transform:translate(-50%)}.status-pill{min-height:34px;padding:0 10px}.status-text-lg{display:none}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.inset-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.stat-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 20px;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-default);transform:translateY(-1px)}.stat-label{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.stat-value{color:var(--text-primary);letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.stat-sub{color:var(--text-secondary);font-size:12px}.badge{border-radius:var(--radius-full);letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.badge-green{background:var(--green-soft);color:var(--green-text);border-color:var(--green-border)}.badge-blue{background:var(--blue-soft);color:var(--blue-text);border-color:var(--blue-border)}.badge-amber{background:var(--amber-soft);color:var(--amber-text);border-color:var(--amber-border)}.badge-red{background:var(--red-soft);color:var(--red-text);border-color:var(--red-border)}.badge-cyan{background:var(--cyan-soft);color:var(--cyan-text);border-color:var(--cyan-border)}.badge-purple{background:var(--purple-soft);color:var(--purple-text);border-color:var(--purple-border)}.badge-muted{background:var(--bg-overlay);color:var(--text-secondary);border-color:var(--border-default)}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.6s linear infinite spin;display:inline-block}.spinner-sm{border-width:1.5px;width:12px;height:12px}.input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);outline:none;width:100%;padding:8px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .25s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-disabled)}.input:disabled{opacity:.45;cursor:not-allowed}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:88px;line-height:1.6}.input-group{flex-direction:column;gap:5px;display:flex}.input-label{color:var(--text-secondary);letter-spacing:.05em;font-size:11.5px;font-weight:600}.search-wrap{position:relative}.search-wrap .input{padding-left:34px}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.btn{border-radius:var(--radius);border:1px solid var(--border-default);background:var(--bg-hover);color:var(--text-secondary);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:all .13s;display:inline-flex}.btn:hover{color:var(--text-primary);background:var(--bg-active);border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.btn-accent:hover{background:var(--accent-mid);border-color:var(--accent);color:var(--accent-text)}.btn-solid{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow);font-weight:600}.btn-solid:hover{filter:brightness(1.1)}.btn-danger{background:var(--red-soft);border-color:var(--red-border);color:var(--red-text)}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.btn-xs{border-radius:var(--radius-sm);gap:4px;padding:4px 9px;font-size:11.5px}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-lg{padding:10px 20px;font-size:14px}.btn-icon{padding:7px}.btn-icon-sm{padding:5px}.table{border-collapse:collapse;width:100%}.table th{font-family:var(--font-ui);color:var(--text-tertiary);letter-spacing:.09em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);white-space:nowrap;padding:10px 18px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:11px 18px;font-size:13.5px;transition:background .1s}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:default}.table tbody tr:hover td{background:var(--bg-hover)}.row-actions{opacity:0;transition:opacity .15s}.table tbody tr:hover .row-actions{opacity:1}.toast{z-index:9999;background:var(--bg-overlay);border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;padding:12px 18px;font-size:13px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;right:24px;transform:translateY(14px)scale(.96)}.toast.show{opacity:1;transform:translateY(0)scale(1)}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--cyan)}.form-panel{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:14px;padding:18px 20px;transition:background .25s;animation:.3s cubic-bezier(.16,1,.3,1) both fadeUp;display:grid}.empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 32px;display:flex}.empty-state-icon{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);opacity:.6;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.empty-state p{color:var(--text-secondary);font-size:13px}.divider{background:var(--border-subtle);height:1px;margin:0}@media (max-width:900px){:root{--sidebar-w:200px}.content{gap:14px;padding:16px}.page-header{padding:12px 16px}}@media (max-width:640px){.app-shell{padding-left:var(--sidebar-w-sm)}.sidebar{z-index:100;width:var(--sidebar-w-sm);transition:transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-w-sm)}.sidebar:not(.collapsed){width:min(var(--sidebar-w), 86vw)}.mobile-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.main-area{width:100%;padding-left:0}.stat-grid{grid-template-columns:1fr 1fr!important}.table-wrap{overflow-x:auto}.page-header-right{gap:5px}.content{padding:12px}.hide-mobile{display:none!important}}@media (max-width:760px){.settings-panel{width:min(100vw,420px)}}@media (max-width:520px){.settings-panel{border-left:none;width:100vw}.settings-panel-body{gap:18px;padding:16px}.theme-pills{grid-template-columns:1fr 1fr;display:grid}}.settings-panel{background:var(--bg-sidebar);border-left:1px solid var(--border-default);z-index:200;width:320px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideRight;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.settings-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-panel-body{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.settings-section h4{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.theme-pills{flex-wrap:wrap;gap:6px;display:flex}.theme-pill{border-radius:var(--radius);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;text-align:center;font-size:12px;font-weight:500;font-family:var(--font-ui);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 10px;transition:all .15s;display:flex}.theme-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.theme-pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.accent-swatches{gap:8px;display:flex}.swatch{border-radius:var(--radius-full);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.swatch:hover{transform:scale(1.15)}.swatch.active{border-color:var(--text-primary)}.toggle-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{color:var(--text-primary);font-size:13px}.toggle-sub{color:var(--text-tertiary);margin-top:1px;font-size:11px}.toggle{background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:var(--accent)}.toggle:after{content:"";border-radius:var(--radius-full);background:#fff;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle.on:after{transform:translate(16px)}[data-animations=off] *,[data-animations=off] :before,[data-animations=off] :after{transition:none!important;animation:none!important}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-text)}.font-mono{font-family:var(--font-code)}.w-full{width:100%}.info-banner{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-md);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.info-banner.green{background:var(--green-soft);border-color:var(--green-border)}.info-banner.amber{background:var(--amber-soft);border-color:var(--amber-border)}.info-banner.red{background:var(--red-soft);border-color:var(--red-border)}.code-block{background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-code);color:var(--text-secondary);max-height:320px;padding:14px 16px;font-size:12px;line-height:1.7;overflow:auto}.tab-bar{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:2px;padding:4px;display:flex}.tab-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--font-ui);background:0 0;border:none;padding:6px 14px;transition:all .12s}.tab-item:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-item.active{background:var(--bg-raised);color:var(--accent-text);box-shadow:var(--shadow-sm)}.progress-bar{background:var(--border-default);border-radius:var(--radius-full);height:5px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .6s}