.user-menu{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast);font-family:var(--font-ui);align-items:center;gap:10px;padding:4px 12px 4px 4px;display:inline-flex}.user-menu:hover{background:var(--surface-3);border-color:var(--border-strong)}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.user-avatar--initials{background:var(--accent-gradient);color:var(--text-on-accent);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.app-header-brand{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-dot{background:var(--accent-gradient);width:12px;height:12px;box-shadow:0 0 14px var(--accent);border-radius:50%;flex-shrink:0}.app-nav-item{font-family:var(--font-ui);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border:none;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.app-nav-item--active{color:var(--text-primary);background:var(--surface-2);box-shadow:var(--shadow-sm)}.icon-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:16px;display:inline-flex}:root,[data-theme=dark]{--surface-0:#0a0a0c;--surface-1:#111114;--surface-2:#17171b;--surface-3:#1f1f24;--border-subtle:#ffffff0f;--border-strong:#ffffff1f;--text-primary:#f5f5f7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-on-accent:#0a0a0c;--accent:#0ee6ff;--accent-hover:#00c4db;--accent-active:#0891b2;--accent-soft-bg:#0ee6ff1a;--accent-soft-text:#67f0ff;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#fb7185;--danger-soft:#fb71851f;--board-bg:#0f0f13;--board-text:#f5f5f7;--board-meta:#a1a1aa;--board-muted:#71717a;--board-border:#ffffff0f;--board-grid-color:transparent;--board-inset-shadow:none;--board-accent:#0ee6ff;--board-accent-soft-bg:#0ee6ff1a;--board-highlight-shadow:#0ee6ff66;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-overlay:0 24px 64px #000000bf;--font-ui:Inter, system-ui, -apple-system, sans-serif;--font-display:"Inter Tight", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--motion-fast:.15s cubic-bezier(.22, 1, .36, 1);--motion-base:.28s cubic-bezier(.22, 1, .36, 1);--motion-slow:.48s cubic-bezier(.22, 1, .36, 1);--z-base:0;--z-nav:100;--z-dropdown:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--accent-gradient:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);--hero-glow:radial-gradient(80% 60% at 20% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 100%);--on-accent:var(--text-on-accent)}[data-theme=light]{--surface-0:#fafafb;--surface-1:#fff;--surface-2:#f4f4f6;--surface-3:#fff;--border-subtle:#0a0a0c0f;--border-strong:#0a0a0c1f;--text-primary:#0a0a0c;--text-secondary:#52525b;--text-tertiary:#71717a;--text-on-accent:#fff;--accent:#0891b2;--accent-hover:#0e7490;--accent-active:#155e75;--accent-soft-bg:#0891b21a;--accent-soft-text:#0e7490;--success:#059669;--success-soft:#0596691a;--warning:#d97706;--warning-soft:#d977061a;--danger:#e11d48;--danger-soft:#e11d481a;--board-bg:#f1f2f4;--board-text:#0a0a0c;--board-meta:#52525b;--board-muted:#71717a;--board-border:#0a0a0c1a;--board-grid-color:#0a0a0c0f;--board-inset-shadow:inset 0 1px 0 #fff9;--board-accent:#0e7490;--board-accent-soft-bg:#0e749024;--board-highlight-shadow:#0e749059;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014;--shadow-overlay:0 24px 64px #00000024;--accent-gradient:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);--hero-glow:radial-gradient(80% 60% at 20% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 100%);--on-accent:var(--text-on-accent)}.t-display-1{font-family:var(--font-display);letter-spacing:-.025em;font-size:56px;font-weight:700;line-height:1.05}.t-display-2{font-family:var(--font-display);letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1.1}.t-display-3{font-family:var(--font-display);letter-spacing:-.015em;font-size:32px;font-weight:600;line-height:1.15}.t-heading{font-family:var(--font-display);letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:1.2}.t-body-lg{font-family:var(--font-ui);letter-spacing:0;font-size:18px;font-weight:400;line-height:1.6}.t-body{font-family:var(--font-ui);letter-spacing:0;font-size:16px;font-weight:400;line-height:1.6}.t-body-sm{font-family:var(--font-ui);letter-spacing:0;font-size:14px;font-weight:400;line-height:1.55}.t-mono{font-family:var(--font-mono);letter-spacing:0;font-size:14px;font-weight:400;line-height:1.5}.t-mono-sm{font-family:var(--font-mono);letter-spacing:0;font-size:13px;font-weight:400;line-height:1.5}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawerInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes indeterminate{0%{left:-30%}to{left:100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-shell{background-image:var(--hero-glow);flex:auto;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow-y:auto}.auth-shell:before{content:"";background:radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--accent) 4%, transparent) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}[data-theme=light] .auth-shell:before{background:radial-gradient(circle at 80% 90%, color-mix(in srgb, var(--accent) 3%, transparent) 0%, transparent 50%)}.auth-card{background:var(--surface-1);border:1px solid var(--border-subtle);width:100%;max-width:440px;box-shadow:var(--shadow-lg);z-index:1;border-radius:20px;padding:40px 36px;animation:.32s cubic-bezier(.22,1,.36,1) cardIn;position:relative}.auth-brand{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:28px;font-size:16px;font-weight:700;display:flex}.auth-card h1{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.auth-card .lede{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.55}.auth-card .btn{width:100%}.status-card{text-align:center;padding-top:12px}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:28px;font-weight:700;display:inline-flex}.status-icon-success{background:var(--success-soft);color:var(--success);border:2px solid color-mix(in srgb, var(--success) 40%, transparent)}.status-icon-danger{background:var(--danger-soft);color:var(--danger);border:2px solid color-mix(in srgb, var(--danger) 40%, transparent)}.status-icon-loading{background:var(--accent-soft-bg);color:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 40%, transparent);animation:1.2s linear infinite spin}.status-icon-loading:before{content:"";border:3px solid;border-top-color:#0000;border-radius:50%;width:24px;height:24px}.status-meta{font-family:var(--font-mono);color:var(--text-tertiary);margin-top:16px;font-size:12px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.field-help{color:var(--text-tertiary);margin-top:2px;font-size:12px}.field-error{color:var(--danger);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.field-error:before{content:"";background:var(--danger);border-radius:50%;width:4px;height:4px}.input{background:var(--surface-1);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);transition:all var(--motion-fast);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg);outline:none}.input.has-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.password-wrap{position:relative}.password-wrap .input{padding-right:70px}.password-wrap .toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-wrap .toggle:hover{color:var(--text-primary);background:var(--surface-3)}.checkbox-row{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.btn{cursor:pointer;transition:all var(--motion-fast);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary[disabled]{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-oauth{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-strong);gap:10px}.btn-oauth:hover{background:var(--surface-3);border-color:var(--text-tertiary)}.btn-oauth .glogo{width:18px;height:18px;font-family:var(--font-display);color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.or-divider{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:20px 0;font-size:12px;font-weight:500;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-secondary);margin-top:24px;padding-top:24px;font-size:14px}.link{color:var(--accent);transition:color var(--motion-fast);font-weight:500;text-decoration:none}.link:hover{color:var(--accent-hover);text-decoration:underline}[data-theme=light] .link:hover{color:var(--accent-active)}.link-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.link-row .field-label{margin:0}.alert{border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.alert-info{background:var(--accent-soft-bg);color:var(--accent-soft-text);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.alert-success{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb, var(--success) 30%, transparent)}.alert-warning{background:var(--warning-soft);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent)}.alert-danger{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent)}.alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.alert-info .alert-icon{background:var(--accent);color:var(--text-on-accent)}.alert-success .alert-icon{background:var(--success);color:#0a0a0c}.alert-warning .alert-icon{background:var(--warning);color:#0a0a0c}.alert-danger .alert-icon{background:var(--danger);color:#fff}.strength-meter{gap:4px;margin-top:6px;display:flex}.strength-bar{background:var(--surface-3);border-radius:9999px;flex:1;height:4px}.strength-bar.active-1{background:var(--danger)}.strength-bar.active-2{background:var(--warning)}.strength-bar.active-3{background:var(--success)}.strength-label{color:var(--text-tertiary);margin-top:4px;font-size:11px}.brand-dot{background:var(--accent-gradient);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%}.app-header{background:color-mix(in srgb, var(--surface-0) 88%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:50;flex:none;align-items:center;gap:24px;height:64px;padding:0 24px;display:flex}.app-header-brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.app-nav{flex:1;align-items:center;gap:4px;display:flex}.app-nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500}.app-nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.app-nav-item.active{color:var(--text-primary);background:var(--surface-2);box-shadow:var(--shadow-sm)}.app-actions{align-items:center;gap:8px;display:flex}.hamburger{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:none}.hamburger:hover{background:var(--surface-2);color:var(--text-primary)}.search{background:var(--surface-2);border:1px solid var(--border-subtle);min-width:260px;color:var(--text-tertiary);cursor:pointer;transition:all var(--motion-fast);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;display:inline-flex}.search:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-secondary)}.search .kbd{font-family:var(--font-mono);background:var(--surface-0);border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:11px}.icon-btn{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:16px;display:inline-flex;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border-subtle)}.icon-btn .badge{background:var(--accent);border:2px solid var(--surface-0);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:6px;right:6px}.user-trigger{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--motion-fast);border-radius:9999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;font-family:inherit;display:inline-flex}.user-trigger:hover{background:var(--surface-3);border-color:var(--border-strong)}.user-avatar{background:var(--accent-gradient);width:28px;height:28px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.user-name{font-size:13px;font-weight:500}.menu{background:var(--surface-3);border:1px solid var(--border-subtle);min-width:240px;box-shadow:var(--shadow-lg);z-index:60;border-radius:14px;padding:6px;animation:.18s cubic-bezier(.22,1,.36,1) menuIn;display:none;position:absolute}.menu.open{display:block}.menu-header{border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding:12px 14px 10px}.menu-name{font-size:14px;font-weight:600}.menu-email{color:var(--text-tertiary);margin-top:2px;font-size:12px}.menu-role{background:var(--accent-soft-bg);color:var(--accent-soft-text);text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;margin-top:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:13px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item .glyph{width:16px;color:var(--text-secondary);text-align:center}.menu-item.danger,.menu-item.danger .glyph{color:var(--danger)}.menu-sep{background:var(--border-subtle);height:1px;margin:6px 0}.notif-panel{background:var(--surface-3);border:1px solid var(--border-subtle);width:360px;max-height:480px;box-shadow:var(--shadow-lg);z-index:60;border-radius:14px;animation:.18s cubic-bezier(.22,1,.36,1) menuIn;display:none;position:absolute;overflow:hidden}.notif-panel.open{flex-direction:column;display:flex}.notif-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-title{font-size:14px;font-weight:600}.notif-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:12px}.notif-list{max-height:380px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--motion-fast);gap:12px;padding:14px 16px;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item:last-child{border-bottom:none}.notif-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px}.notif-item.read .notif-dot{background:var(--surface-1);box-shadow:none}.notif-body{flex:1}.notif-msg{font-size:13px;line-height:1.5}.notif-time{color:var(--text-tertiary);margin-top:4px;font-size:11px}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:70;animation:fadeIn var(--motion-base);background:#00000080;display:none;position:fixed;inset:0}.drawer-backdrop.open{display:block}.drawer{background:var(--surface-1);border-right:1px solid var(--border-subtle);width:min(320px,85vw);box-shadow:var(--shadow-lg);z-index:71;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) drawerIn;display:none;position:fixed;top:0;bottom:0;left:0}.drawer.open{display:flex}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-nav{flex-direction:column;gap:2px;padding:12px;display:flex}.drawer-nav-item{color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--motion-fast);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.drawer-nav-item:hover{background:var(--surface-2)}.drawer-nav-item.active{background:var(--accent-soft-bg);color:var(--accent)}.drawer-nav-item .glyph{width:18px}.main{background:var(--surface-0);background-image:var(--hero-glow);flex:auto;overflow-y:auto}.main-inner{max-width:1280px;margin:0 auto;padding:32px 24px 64px}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.hero-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:18px;grid-template-columns:1.5fr 1fr;gap:32px;margin-bottom:32px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle at 100% 100%, var(--accent-soft-bg) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.hero-card-eyebrow{background:var(--accent-soft-bg);color:var(--accent-soft-text);text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;margin-bottom:14px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.hero-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.15}.hero-card p{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.6}.hero-progress{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.progress-row{color:var(--text-tertiary);align-items:center;gap:12px;font-size:12px;display:flex}.progress-track{background:var(--surface-2);border-radius:9999px;flex:1;height:6px;position:relative;overflow:hidden}.progress-track .progress-fill{background:var(--accent-gradient);width:42%;box-shadow:0 0 10px var(--accent);border-radius:9999px;position:absolute;top:0;bottom:0;left:0}.hero-card-side{background:var(--surface-2);z-index:1;border-radius:14px;flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.hero-card-side .label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.hero-card-side .value{font-family:var(--font-display);font-size:32px;font-weight:700}.hero-card-side .value-sub{color:var(--text-secondary);font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:12px}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:700}.stat-delta{color:var(--success);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.stat-delta:before{content:"▲";font-size:10px}.two-col{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.section-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.section-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.section-card-title{font-size:15px;font-weight:600}.section-card-link{color:var(--accent);font-size:13px;font-weight:500}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:14px 20px;display:flex}.activity-item:last-child{border-bottom:none}.activity-thumb{background:var(--accent-gradient);width:36px;height:36px;color:var(--text-on-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.activity-body{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:500}.activity-meta{color:var(--text-tertiary);margin-top:2px;font-size:12px}.activity-time{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.reco-list{flex-direction:column;gap:10px;padding:14px;display:flex}.reco-item{background:var(--surface-2);cursor:pointer;transition:all var(--motion-fast);border-radius:10px;padding:14px}.reco-item:hover{background:var(--surface-3);transform:translate(2px)}.reco-eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px}.reco-title{margin-bottom:4px;font-size:14px;font-weight:500}.reco-meta{color:var(--text-secondary);font-size:12px}.modal-backdrop{background:color-mix(in srgb, var(--surface-0) 80%, transparent);-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--motion-base);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:var(--surface-2);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-overlay);border-radius:18px;flex-direction:column;max-height:90vh;animation:.32s cubic-bezier(.22,1,.36,1) modalIn;display:flex}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-header{justify-content:space-between;align-items:flex-start;padding:24px 24px 0;display:flex}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.modal-close:hover{background:var(--surface-3);color:var(--text-primary)}.modal-body{color:var(--text-secondary);padding:16px 24px;font-size:14px;line-height:1.6;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;padding:16px 24px 24px;display:flex}.modal-footer.with-secondary{justify-content:space-between}.modal-danger .modal-title{align-items:center;gap:12px;display:flex}.modal-danger .danger-icon{background:var(--danger-soft);width:36px;height:36px;color:var(--danger);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.drawer-right{background:var(--surface-1);border-left:1px solid var(--border-subtle);width:min(440px,92vw);box-shadow:var(--shadow-overlay);z-index:101;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) drawerInRight;display:none;position:fixed;top:0;bottom:0;right:0}.drawer-right.open{display:flex}.drawer-title{font-family:var(--font-display);font-size:18px;font-weight:700}.drawer-body{color:var(--text-secondary);flex:1;padding:24px;font-size:14px;line-height:1.6;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.drawer-right .input{background:var(--surface-2)}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);transition:all var(--motion-base);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.32s cubic-bezier(.22,1,.36,1) toastIn;display:flex}.toast .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.toast.toast-success{border-left:3px solid var(--success)}.toast.toast-success .dot{background:var(--success);box-shadow:0 0 6px var(--success)}.toast.toast-info{border-left:3px solid var(--accent)}.toast.toast-info .dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}.toast.toast-warning{border-left:3px solid var(--warning)}.toast.toast-warning .dot{background:var(--warning)}.toast.toast-danger{border-left:3px solid var(--danger)}.toast.toast-danger .dot{background:var(--danger)}.toast-body{flex:1}.toast-msg{font-size:14px;line-height:1.4}.toast-meta{color:var(--text-tertiary);margin-top:2px;font-size:11px}.toast-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.toast-close:hover{color:var(--text-primary)}.spinner{border:2px solid var(--accent-soft-bg);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-md{border-width:3px;width:28px;height:28px}.spinner-lg{border-width:4px;width:44px;height:44px}.progress-bar{background:var(--surface-2);border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-bar .progress-fill{background:var(--accent-gradient);height:100%;box-shadow:0 0 10px var(--accent);transition:width var(--motion-base);border-radius:9999px}.progress-indeterminate{background:var(--surface-2);border-radius:9999px;width:100%;height:4px;position:relative;overflow:hidden}.progress-indeterminate:before{content:"";background:var(--accent-gradient);width:30%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite indeterminate;position:absolute;top:0;bottom:0}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.6s infinite shimmer}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line.w-90{width:90%}.skeleton-line.w-70{width:70%}.skeleton-line.w-50{width:50%}.skeleton-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.skeleton-circle{border-radius:50%;width:40px;height:40px}.preview-frame{background:var(--surface-1);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;padding:48px 32px;display:flex}.preview-frame .icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;font-size:28px;font-weight:700;display:inline-flex}.preview-frame .icon-info{background:var(--accent-soft-bg);color:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 30%, transparent)}.preview-frame .icon-warning{background:var(--warning-soft);color:var(--warning);border:2px solid color-mix(in srgb, var(--warning) 30%, transparent)}.preview-frame .icon-danger{background:var(--danger-soft);color:var(--danger);border:2px solid color-mix(in srgb, var(--danger) 30%, transparent)}.preview-frame h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:700}.preview-frame .err-code{font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:-4px;font-size:11px}.preview-frame p{color:var(--text-secondary);max-width:380px;font-size:14px;line-height:1.55}.tip-wrap{display:inline-flex;position:relative}.tip{background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--motion-fast);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tip-wrap:hover .tip{opacity:1}.tip:after{content:"";border:5px solid #0000;border-top-color:var(--surface-3);position:absolute;top:100%;left:50%;transform:translate(-50%)}.dd-wrap{display:inline-flex;position:relative}.dd{background:var(--surface-3);border:1px solid var(--border-subtle);min-width:200px;box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;animation:.18s cubic-bezier(.22,1,.36,1) ddIn;display:none;position:absolute;top:calc(100% + 6px);left:0}.dd.open{display:block}.dd-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--motion-fast);background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:8px 12px;font-family:inherit;font-size:13px;display:flex}.dd-item:hover{background:var(--surface-2)}.dd-item .glyph{width:16px;color:var(--text-secondary)}.dd-sep{background:var(--border-subtle);height:1px;margin:6px 0}.section{border-top:1px solid var(--border-subtle);padding:48px 0}.section-eyebrow{background:var(--accent-soft-bg);color:var(--accent-soft-text);text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;margin-bottom:14px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:6px;font-size:28px;font-weight:700}.section-sub{color:var(--text-secondary);margin-bottom:28px;font-size:15px}.demo-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:14px;padding:24px}.label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=767px){.app-header .app-nav,.app-header .search{display:none}.app-header .hamburger{display:inline-flex}.hero-card,.two-col{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%;padding-bottom:24px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%;padding:12px;font-size:14px}.drawer-right{border-left:none;width:100%}.toast-stack{max-width:none;left:16px;right:16px}}@media (width<=1023px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.table-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.table-toolbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.table-toolbar-right{align-items:center;gap:8px;display:flex}.table-search{background:var(--surface-2);border:1px solid var(--border-subtle);max-width:320px;color:var(--text-tertiary);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.table-search input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0}.table-search input::placeholder{color:var(--text-tertiary)}.table{border-collapse:collapse;width:100%;font-size:14px}.table thead{background:var(--surface-2)}.table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:12px;font-weight:600}.table th.sortable{cursor:pointer;transition:color var(--motion-fast)}.table th.sortable:hover{color:var(--text-primary)}.table th .sort-glyph{color:var(--text-tertiary);margin-left:4px;font-size:10px;display:inline-block}.table th.sort-asc,.table th.sort-asc .sort-glyph{color:var(--accent)}.table th.sort-asc .sort-glyph:after{content:"↑"}.table th.sort-desc,.table th.sort-desc .sort-glyph{color:var(--accent)}.table th.sort-desc .sort-glyph:after{content:"↓"}.table th.sortable:not(.sort-asc):not(.sort-desc) .sort-glyph:after{content:"↕"}.table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.table tbody tr{transition:background var(--motion-fast)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.selected{background:var(--accent-soft-bg);position:relative}.table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.table tbody tr:last-child td{border-bottom:none}.table.table-compact th{padding:8px 14px;font-size:11px}.table.table-compact td{padding:9px 14px;font-size:13px}.pill{border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pill:before{content:"";border-radius:50%;width:6px;height:6px}.pill-success{background:var(--success-soft);color:var(--success)}.pill-success:before{background:var(--success)}.pill-warning{background:var(--warning-soft);color:var(--warning)}.pill-warning:before{background:var(--warning)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-danger:before{background:var(--danger)}.pill-info{background:var(--accent-soft-bg);color:var(--accent-soft-text)}.pill-info:before{background:var(--accent)}.table .col-check{width:36px;padding-right:0}.table .col-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.user-cell{align-items:center;gap:10px;display:inline-flex}.user-cell .avatar{background:var(--accent-gradient);width:28px;height:28px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.user-cell .meta{flex-direction:column;line-height:1.3;display:flex}.user-cell .name{font-size:13px;font-weight:500}.user-cell .email{color:var(--text-tertiary);font-size:11px}.row-actions{gap:4px;display:inline-flex}.row-action{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.row-action:hover{background:var(--surface-3);color:var(--text-primary)}.table-pagination{border-top:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;display:flex}.pagination-controls{gap:4px;display:inline-flex}.page-btn{min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.page-btn:hover{background:var(--surface-2);color:var(--text-primary)}.page-btn.active{background:var(--accent-soft-bg);color:var(--accent-soft-text);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn:disabled:hover{background:0 0}.table-selection-bar{background:var(--accent-soft-bg);border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, transparent);justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;display:flex}.table-selection-bar .left{color:var(--accent-soft-text);font-weight:500}.table-selection-bar .right{gap:6px;display:inline-flex}.table-empty{text-align:center;color:var(--text-secondary);padding:48px 24px}.table-empty h3{font-family:var(--font-display);color:var(--text-primary);margin:12px 0 6px;font-size:18px;font-weight:600}.table-empty p{font-size:14px}.field-label .opt{color:var(--text-tertiary);font-weight:400}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.multi-select{background:var(--surface-1);border:1px solid var(--border-strong);min-height:44px;transition:all var(--motion-fast);cursor:text;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.multi-select:hover{border-color:var(--text-tertiary)}.multi-select:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg)}.chip{background:var(--accent-soft-bg);color:var(--accent-soft-text);border-radius:6px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:13px;font-weight:500;display:inline-flex}.chip-remove{width:18px;height:18px;color:var(--accent-soft-text);cursor:pointer;transition:background var(--motion-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.chip-remove:hover{background:color-mix(in srgb, var(--accent) 25%, transparent)}.multi-select input{min-width:80px;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:4px 2px;font-size:13px}.multi-select input::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;background:var(--surface-1);border:1px solid var(--border-strong);width:100%;min-height:96px;color:var(--text-primary);transition:all var(--motion-fast);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:14px;line-height:1.55}.textarea::placeholder{color:var(--text-tertiary)}.textarea:hover{border-color:var(--text-tertiary)}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg);outline:none}.input[type=date],.input[type=time],.input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .input[type=date],[data-theme=light] .input[type=time],[data-theme=light] .input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-group.horizontal{flex-direction:row;gap:16px}.radio-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.radio-card-group{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.radio-card{background:var(--surface-1);border:1.5px solid var(--border-subtle);cursor:pointer;transition:all var(--motion-fast);border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.radio-card:hover{border-color:var(--border-strong)}.radio-card.selected{border-color:var(--accent);background:var(--accent-soft-bg)}.radio-card input[type=radio]{accent-color:var(--accent);margin-top:2px}.radio-card .title{margin-bottom:2px;font-size:14px;font-weight:600}.radio-card .desc{color:var(--text-tertiary);font-size:12px}.checkbox-group{flex-direction:column;gap:8px;display:flex}.checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.switch{background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;width:40px;height:22px;transition:all var(--motion-fast);border-radius:9999px;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.switch:after{content:"";background:var(--text-secondary);width:16px;height:16px;transition:all var(--motion-base);border-radius:50%;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent-soft-bg)}.switch.on:after{background:var(--text-on-accent);left:20px}.switch-row{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.switch-row .text{flex-direction:column;gap:2px;display:flex}.switch-row .label{font-size:14px;font-weight:500}.switch-row .desc{color:var(--text-tertiary);font-size:12px}.file-drop{border:2px dashed var(--border-strong);text-align:center;background:var(--surface-1);transition:all var(--motion-fast);cursor:pointer;border-radius:12px;padding:28px 20px}.file-drop:hover,.file-drop.dragover{border-color:var(--accent);background:var(--accent-soft-bg)}.file-drop .icon{color:var(--text-tertiary);margin-bottom:8px;font-size:24px}.file-drop .primary{font-size:14px;font-weight:500}.file-drop .primary .link{color:var(--accent)}.file-drop .meta{color:var(--text-tertiary);margin-top:4px;font-size:12px}.file-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.file-row{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.file-row .icon{background:var(--accent-soft-bg);width:32px;height:32px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.file-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-row .size{color:var(--text-tertiary);font-size:12px}.file-row .remove{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:14px}.file-row .remove:hover{background:var(--surface-2);color:var(--text-primary)}.slider{appearance:none;background:var(--surface-2);border-radius:9999px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--accent-soft-bg);transition:transform var(--motion-fast);border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--accent-soft-bg);border:none;border-radius:50%}.slider-row{align-items:center;gap:14px;display:flex}.slider-row .value{font-family:var(--font-mono);color:var(--accent-soft-text);text-align:right;min-width:48px;font-size:13px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{font-feature-settings:"cv02", "cv03", "cv04", "cv11"}body{background-color:var(--surface-0);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}#root{flex-direction:column;flex:auto;min-height:0;display:flex}