:root,:root[data-theme=light]{color-scheme:light;--bg:#ffffff;--bg-elevated:#fafafa;--bg-hover:#f4f4f5;--bg-active:#eeeef0;--bg-inset:#f7f7f8;--bg-overlay:rgba(0,0,0,0.45);--fg:#0a0a0a;--fg-muted:#525252;--fg-subtle:#8a8a8a;--fg-disabled:#b8b8b8;--fg-on-accent:#ffffff;--border:#ebebeb;--border-strong:#d4d4d4;--border-focus:#0a0a0a;--accent:#0a0a0a;--accent-hover:#1f1f1f;--accent-fg:#ffffff;--success:#16a34a;--success-bg:rgba(22,163,74,0.10);--warning:#b45309;--warning-bg:rgba(180,83,9,0.10);--danger:#b91c1c;--danger-bg:rgba(185,28,28,0.08);--info:#1d4ed8;--info-bg:rgba(29,78,216,0.08);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 6px 18px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);--shadow-lg:0 24px 48px rgba(0,0,0,0.10),0 4px 12px rgba(0,0,0,0.06);--ring:0 0 0 2px var(--bg),0 0 0 4px var(--border-focus);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--font-sans:"Geist","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}:root[data-theme=dark]{color-scheme:dark;--bg:#000000;--bg-elevated:#0a0a0a;--bg-hover:#111111;--bg-active:#161616;--bg-inset:#050505;--bg-overlay:rgba(0,0,0,0.65);--fg:#ededed;--fg-muted:#a1a1a1;--fg-subtle:#707070;--fg-disabled:#4a4a4a;--fg-on-accent:#000000;--border:#1a1a1a;--border-strong:#2a2a2a;--border-focus:#ffffff;--accent:#ffffff;--accent-hover:#e6e6e6;--accent-fg:#000000;--success:#3ddc84;--success-bg:rgba(61,220,132,0.12);--warning:#f5a623;--warning-bg:rgba(245,166,35,0.12);--danger:#ff5b5b;--danger-bg:rgba(255,91,91,0.10);--info:#6aa9ff;--info-bg:rgba(106,169,255,0.10);--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 8px 24px rgba(0,0,0,0.55),0 2px 6px rgba(0,0,0,0.4);--shadow-lg:0 32px 64px rgba(0,0,0,0.7),0 6px 18px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:24px;letter-spacing:-.02em}h1,h2{font-weight:600}h2{font-size:16px;letter-spacing:-.01em}h3{font-size:14px;font-weight:600}.mono,code{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--fg);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}::-webkit-scrollbar-track{background:transparent}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.app,.sidebar{background:var(--bg)}.sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;padding:16px 12px;border-right:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;border-bottom:1px solid var(--border)}.sidebar-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--fg);color:var(--bg)}.sidebar-brand-mark svg{width:16px;height:16px}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar-brand-text strong{font-size:13px;font-weight:600;letter-spacing:-.01em}.sidebar-brand-text span{color:var(--fg-subtle);font-size:11px}.sidebar-section{padding:16px 0 10px}.sidebar-section+.sidebar-section{border-top:1px solid var(--border)}.sidebar-label{padding:0 10px 6px;color:var(--fg-subtle);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav button{display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg-muted);font-size:13px;font-weight:500;text-align:left;transition:background 80ms ease,color 80ms ease}.sidebar-nav button svg{width:16px;height:16px;flex-shrink:0}.sidebar-nav button.is-active,.sidebar-nav button:hover{background:var(--bg-hover);color:var(--fg)}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:13px;font-weight:500;transition:background 80ms ease,color 80ms ease}.sidebar-nav-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-nav-link.is-active,.sidebar-nav-link:hover{background:var(--bg-hover);color:var(--fg)}.sidebar-nav button .count{margin-left:auto;padding:1px 6px;border-radius:var(--radius-pill);background:var(--bg-active);color:var(--fg-muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm)}.avatar,.sidebar-user img{width:28px;height:28px;border-radius:999px;object-fit:cover;background:var(--bg-active);border:1px solid var(--border);flex-shrink:0}.avatar-fallback{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--bg-active);border:1px solid var(--border);color:var(--fg-muted);font-size:12px;font-weight:600;flex-shrink:0}.sidebar-user-name{display:flex;flex-direction:column;min-width:0;line-height:1.2}.sidebar-user-name strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-name span{color:var(--fg-subtle);font-size:11px}.sidebar-foot-row{display:grid;grid-template-columns:1fr auto;grid-gap:6px;gap:6px}.main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px)}.topbar-title{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-title h1{font-size:18px;font-weight:600;letter-spacing:-.01em}.topbar-title p{color:var(--fg-subtle);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px}.content{padding:28px 32px 48px;max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.card-head h2{font-size:14px;font-weight:600}.card-head p{margin-top:4px;color:var(--fg-subtle);font-size:12px}.card-body{padding:16px 20px}.card-body.dense{padding:0}.card-foot{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-inset);color:var(--fg-subtle);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.stat{min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.stat-label{display:flex;align-items:center;gap:8px;color:var(--fg-subtle);font-size:12px;font-weight:500}.stat-label svg{width:14px;height:14px}.stat-value{margin-top:10px;font-size:24px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-meta,.stat-value{min-width:0;overflow-wrap:anywhere}.stat-meta{margin-top:4px;color:var(--fg-subtle);font-size:12px}.inline-link,.stat-meta a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:13px;font-weight:500;white-space:nowrap;transition:background 80ms ease,border-color 80ms ease,color 80ms ease,opacity 80ms ease}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn svg{width:14px;height:14px}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--fg-muted)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--fg)}.btn-danger{border-color:var(--border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.btn-icon{width:32px;padding:0}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-block{width:100%}.field{display:grid;grid-gap:6px;gap:6px}.field-label{font-size:12px;font-weight:500;color:var(--fg)}.field-hint{color:var(--fg-subtle);font-size:12px}.input,.select{height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:13px;transition:border-color 80ms ease,box-shadow 80ms ease}.input::placeholder{color:var(--fg-subtle)}.input:focus,.select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 18%,transparent)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;top:50%;left:10px;width:14px;height:14px;transform:translateY(-50%);color:var(--fg-subtle);pointer-events:none}.input-with-icon .input{padding-left:32px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid{display:grid;grid-gap:14px;gap:14px}.combo{position:relative}.combo-button{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px;gap:8px;width:100%;min-height:36px;padding:6px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);text-align:left;font-size:13px}.combo-button:hover{border-color:var(--fg-subtle)}.combo-button[aria-expanded=true]{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 18%,transparent)}.combo-button-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.combo-button-text strong{font-weight:500}.combo-button-text span,.combo-button-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-button-text span{color:var(--fg-subtle);font-size:11px}.combo-button-text strong:empty:before{content:attr(data-placeholder);color:var(--fg-subtle);font-weight:400}.combo-chevron{width:14px;height:14px;color:var(--fg-subtle)}.combo-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.combo-search{width:100%;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:13px}.combo-list{max-height:280px;overflow:auto;display:flex;flex-direction:column;gap:1px}.combo-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--fg);text-align:left;font-size:13px}.combo-option:hover{background:var(--bg-hover)}.combo-option.is-selected{background:var(--bg-active)}.combo-option strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-option span{color:var(--fg-subtle);font-size:11px;white-space:nowrap;flex-shrink:0}.combo-empty{padding:12px 10px;color:var(--fg-subtle);font-size:12px;text-align:center}.row-list{display:flex;flex-direction:column}.row-list>*+*{border-top:1px solid var(--border)}.row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:14px 20px;background:transparent;text-align:left;border:0;width:100%;color:inherit;font-size:inherit}.row:hover{background:var(--bg-hover)}a.row,button.row{cursor:pointer}.row-title{gap:10px;font-size:13px;font-weight:500}.row-meta,.row-title{display:flex;align-items:center}.row-meta{margin-top:4px;color:var(--fg-subtle);font-size:12px;gap:8px;flex-wrap:wrap}.row-meta .dot{width:3px;height:3px;border-radius:999px;background:var(--fg-disabled)}.row-actions{gap:8px}.empty-state,.row-actions{display:flex;align-items:center}.empty-state{flex-direction:column;justify-content:center;gap:6px;padding:48px 20px;text-align:center}.empty-state h3{font-size:14px;font-weight:600}.empty-state p{color:var(--fg-subtle);font-size:13px;max-width:360px}.empty-state svg{width:24px;height:24px;color:var(--fg-subtle);margin-bottom:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.settings-grid .card:first-child{grid-row:span 2}.settings-list{display:grid;grid-gap:12px;gap:12px}.settings-row{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;color:var(--fg-subtle);font-size:13px}.settings-row strong{color:var(--fg);font-size:13px;font-weight:600}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--radius-pill);background:var(--bg-active);color:var(--fg-muted);font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.pill .pill-dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.pill.is-success{background:var(--success-bg);color:var(--success)}.pill.is-warning{background:var(--warning-bg);color:var(--warning)}.pill.is-danger{background:var(--danger-bg);color:var(--danger)}.pill.is-info{background:var(--info-bg);color:var(--info)}.pill.is-pulse .pill-dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.switch input{position:absolute;opacity:0;inset:0}.switch-track{inset:0;background:var(--border-strong);transition:background .12s ease}.switch-thumb,.switch-track{position:absolute;border-radius:999px}.switch-thumb{top:2px;left:2px;width:14px;height:14px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .12s ease}.switch input:checked~.switch-track{background:var(--fg)}.switch input:checked~.switch-thumb{transform:translateX(14px);background:var(--bg)}.switch input:focus-visible~.switch-track{box-shadow:var(--ring)}.toggle-row{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-muted)}.tag{height:20px;padding:0 8px;border-radius:var(--radius-xs);background:var(--bg-active);letter-spacing:-.01em}.kbd,.tag{display:inline-flex;align-items:center;color:var(--fg-muted);font-size:11px;font-family:var(--font-mono)}.kbd{height:18px;padding:0 5px;border:1px solid var(--border);border-radius:var(--radius-xs)}.alert,.kbd{background:var(--bg-elevated)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.alert-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:var(--danger-bg);color:var(--danger)}.alert-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:var(--warning-bg);color:var(--warning)}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:var(--bg-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .12s ease}.drawer{position:fixed;top:0;right:0;z-index:51;display:flex;flex-direction:column;width:min(480px,100%);height:100vh;border-left:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-lg);animation:slide-in .18s cubic-bezier(.2,.8,.2,1)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.drawer-head h2{font-size:14px;font-weight:600}.drawer-head p{margin-top:2px;color:var(--fg-subtle);font-size:12px}.drawer-body{flex:1 1;overflow:auto;padding:20px}.drawer-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-inset)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--fg) 5%,transparent),transparent 60%),var(--bg)}.auth-card{width:min(440px,100%);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md);padding:32px;display:flex;flex-direction:column;gap:16px;text-align:center}.auth-card .sidebar-brand-mark{margin:0 auto;width:36px;height:36px}.auth-card .sidebar-brand-mark svg{width:20px;height:20px}.auth-card h1{font-size:20px;font-weight:600;letter-spacing:-.01em}.auth-card p{color:var(--fg-muted);font-size:13px;line-height:1.55}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-head h2{font-size:14px;font-weight:600}.section-head p{margin-top:2px;color:var(--fg-subtle);font-size:12px}.loader{min-height:100vh;display:grid;place-items:center;color:var(--fg-subtle);font-size:13px}.spinner{width:14px;height:14px;border-radius:999px;border:1.5px solid var(--border-strong);border-top-color:var(--fg);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.preview-page{max-width:1100px;margin:0 auto;padding:28px 32px 48px;display:flex;flex-direction:column;gap:20px}.preview-head{justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.crumbs,.preview-head{display:flex;align-items:center}.crumbs{gap:8px;color:var(--fg-subtle);font-size:13px;min-width:0}.crumbs svg{width:12px;height:12px}.crumbs strong{color:var(--fg);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:flex-start;padding:12px 20px;font-size:13px}.event-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.event-row+.event-row{border-top:1px solid var(--border)}.event-level{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-xs);background:var(--bg-active);color:var(--fg-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.event-level.warn{background:var(--warning-bg);color:var(--warning)}.event-level.error{background:var(--danger-bg);color:var(--danger)}.event-level.info{background:var(--info-bg);color:var(--info)}.event-time{color:var(--fg-subtle);font-family:var(--font-mono);font-size:12px;white-space:nowrap}@media (max-width:960px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--border)}.sidebar-foot,.sidebar-section{border:0;padding:0}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.content,.preview-page,.topbar{padding-left:16px;padding-right:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row,.settings-grid{grid-template-columns:1fr}.drawer{width:100%;border-left:0}}