:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--n-0:#fff;--n-25:#fbfbfc;--n-50:#f6f7f9;--n-100:#f0f1f3;--n-150:#e7e9ed;--n-200:#dfe1e7;--n-300:#cdd0d9;--n-400:#9ba1af;--n-500:#6f7686;--n-600:#545c70;--n-700:#3a4258;--n-800:#222a42;--n-900:#11172c;--n-950:#0a0e1c;--brand-ink:#11172c;--brand-accent:#305aff;--brand-bg:#f0f1f3;--accent:#1e3ec2;--accent-strong:#17309a;--accent-solid:var(--brand-accent);--accent-ring:#305aff59;--accent-wash:#305aff1a;--primary-color:var(--accent);--primary-color-hover:var(--accent-strong);--primary-color-light:var(--accent-wash);--primary-color-shadow:var(--accent-ring);--secondary-color:#7593ff;--secondary-text-color:var(--n-400);--third-color:var(--n-900);--third-color-02:#11172c80;--action:var(--n-900);--action-hover:var(--n-800);--action-active:var(--n-950);--on-action:#fff;--text-primary:var(--n-900);--text-secondary:var(--n-600);--text-muted:var(--n-500);--text-faint:var(--n-400);--text-on-dark:var(--n-50);--background-color:var(--n-100);--bg-app:var(--n-100);--bg-white:var(--n-0);--bg-elevated:var(--n-0);--bg-surface:var(--n-50);--bg-surface-alt:var(--n-50);--bg-muted:var(--n-150);--bg-inset:var(--n-50);--bg-hover:var(--n-100);--bg-sidebar:var(--n-0);--bg-topbar:#fffc;--code-bg:var(--n-950);--code-fg:var(--n-200);--accent-color:var(--n-600);--accent-color-hover:var(--n-700);--accent-color-dark:var(--n-700);--accent-color-light:var(--n-100);--accent-color-shadow:#0000000f;--border-color:var(--n-200);--border-color-strong:var(--n-300);--border-color-light:var(--n-150);--border-subtle:var(--n-150);--success-color:#15803d;--success-color-dark:#166534;--success-bg:#dcfce7;--success-bg-light:#f0fdf4;--success-border:#bbf7d0;--warning-color:#b45309;--warning-color-dark:#92400e;--warning-bg:#fef3c7;--warning-bg-light:#fffbeb;--warning-border:#fde68a;--danger-color:#dc2626;--danger-color-dark:#b91c1c;--danger-color-darker:#991b1b;--danger-bg:#fee2e2;--danger-bg-light:#fef2f2;--danger-border-light:#fecaca;--info-color:#2563eb;--info-color-dark:#1d4ed8;--info-bg:#dbeafe;--info-bg-light:#eff6ff;--info-border:#bfdbfe;--shadow-xs:0 1px 1px #0a0e1c0a;--shadow-sm:0 1px 2px #0a0e1c0f;--shadow-md:0 4px 12px -2px #0a0e1c1a, 0 2px 4px -2px #0a0e1c0f;--shadow-lg:0 12px 32px -8px #0a0e1c29;--shadow-xl:0 20px 48px -12px #0a0e1c38;--ring-focus:0 0 0 3px var(--accent-ring);--radius-xs:3px;--radius-sm:5px;--radius-md:6px;--radius-lg:8px;--radius-xl:8px;--radius-2xl:10px;--radius-3xl:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--focus-color:var(--accent-solid);--focus-shadow:var(--ring-focus);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.24s cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--font-sans:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--title-font-family:var(--font-sans);--title-tracking:-.035em;--caption-tracking:.1em;--fs-page:30px;--fs-section:20px;--fs-card:16px;--fs-body:14px;--fs-sm:13px;--fs-meta:12px;--fs-mono:12.5px;--lh-tight:1.25;--lh-normal:1.55;--overlay-bg:#0a0e1c73;--sidebar-w:232px;--sidebar-w-collapsed:232px;--topbar-h:56px;--content-max:1120px}hanko-auth,hanko-profile{--color:var(--text-primary);--color-shade-1:var(--text-secondary);--color-shade-2:var(--border-color);--brand-color:var(--action);--brand-color-shade-1:var(--action-hover);--brand-contrast-color:var(--on-action);--background-color:var(--bg-white);--error-color:var(--danger-color);--link-color:var(--accent);--input-background-color:var(--bg-white);--input-border-color:var(--border-color);--input-color:var(--text-primary);--border-radius:var(--radius-md);--border-style:solid;--border-width:1px;--item-height:42px;--container-padding:0;--font-family:var(--font-sans);--font-size:14px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--accent-wash)}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-strong)}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:var(--title-tracking);font-weight:500;font-family:var(--title-font-family);margin:0}*{scrollbar-width:thin;scrollbar-color:var(--n-300) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--n-300);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--n-400);background-clip:padding-box}code,pre{font-family:var(--font-mono)}code{background:var(--bg-muted);border-radius:var(--radius-sm);border:1px solid var(--border-color-light);color:var(--text-secondary);padding:.1em .36em;font-size:.86em}pre code{color:inherit;background:0 0;border:none;padding:0}.h-page,.h-section,.h-card,.card-title,.section-title,.form-section-title{font-family:var(--title-font-family)}.h-page{font-size:var(--fs-page);letter-spacing:-.04em;font-weight:500;line-height:1.08}.h-section{font-size:var(--fs-section);letter-spacing:-.03em;font-weight:500}.h-card{font-size:var(--fs-card);letter-spacing:-.02em;font-weight:600}.text-body{font-size:var(--fs-body)}.text-sm{font-size:var(--fs-sm)}.text-meta{font-size:var(--fs-meta);font-weight:500}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.strong{color:var(--text-primary);font-weight:600}.mono{font-family:var(--font-mono);font-size:var(--fs-mono)}.eyebrow{font-size:var(--fs-meta);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button,.btn{font:inherit;font-size:var(--fs-body);cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);height:34px;color:var(--text-primary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}button:hover,.btn:hover{background:var(--bg-hover);border-color:var(--border-color-strong)}button:focus-visible,.btn:focus-visible{box-shadow:var(--ring-focus);outline:none}button.primary,.btn.primary{background:var(--action);color:var(--on-action);border-color:var(--action)}button.primary:hover,.btn.primary:hover{background:var(--action-hover);border-color:var(--action-hover)}button.primary:active,.btn.primary:active{background:var(--action-active)}button.ghost,.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}button.ghost:hover,.btn.ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#0000}button.subtle,.btn.subtle{background:var(--bg-muted);color:var(--text-secondary);border-color:#0000}button.subtle:hover,.btn.subtle:hover{background:var(--border-color);color:var(--text-primary)}button.danger,.btn.danger{color:var(--danger-color);border-color:var(--border-color);background:var(--bg-white)}button.danger:hover,.btn.danger:hover{background:var(--danger-bg-light);border-color:var(--danger-border-light)}button.sm,.btn.sm{height:28px;font-size:var(--fs-sm);gap:5px;padding:0 9px}button.lg,.btn.lg{height:38px;padding:0 16px}button.block,.btn.block{width:100%}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn svg,button svg{flex:none}.link-muted{color:var(--text-secondary);font-weight:500}.link-muted:hover{color:var(--text-primary)}input,select,textarea{font:inherit;font-size:var(--fs-body);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-white);height:34px;color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 11px}textarea{height:auto;padding:9px 11px;line-height:1.5}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--n-900);cursor:pointer;flex:0 0 16px;margin:0;padding:0}input[type=radio]{border-radius:50%}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-color-strong)}input:focus,select:focus,textarea:focus{border-color:var(--n-400);box-shadow:var(--ring-focus);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--bg-muted);cursor:not-allowed;color:var(--text-muted)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;padding-right:30px}label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:500;display:block}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.field .hint,.form-hint{font-size:var(--fs-meta);color:var(--text-muted);margin-top:6px;line-height:1.5}fieldset{border:none;margin:0;padding:0}.form-section{border-top:1px solid var(--border-color-light);margin-top:20px;padding-top:20px}.form-section:first-child{border-top:none;margin-top:0;padding-top:0}.form-section-title{font-size:var(--fs-sm);color:var(--text-primary);margin:0 0 14px;font-weight:600}.search-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);height:34px;color:var(--text-muted);align-items:center;gap:8px;min-width:220px;padding:0 11px;display:flex}.search-field:focus-within{border-color:var(--n-400);box-shadow:var(--ring-focus)}.search-field svg{flex:none}.search-field input{background:0 0;border:none;height:100%;padding:0}.search-field input:focus{box-shadow:none}.input-affix{position:relative}.input-affix input{padding-right:38px}.input-affix .affix-btn{width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;padding:0;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-affix .affix-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.card.pad-0{padding:0}.card.hover{transition:border-color var(--transition-fast)}.card.hover:hover{border-color:var(--border-color-strong)}.card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.card-head h3,.card-head h2{margin:0}.card h3{font-size:var(--fs-card);font-weight:600}.card-title{font-size:var(--fs-card);margin:0;font-weight:600}.card-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:3px}.section-title{font-size:var(--fs-section);letter-spacing:-.014em;margin:0 0 4px;font-weight:600}.panel{background:var(--bg-inset);border:1px solid var(--border-color-light);border-radius:var(--radius-md);padding:16px}.panel.quiet{border-color:#0000}.kv{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;gap:16px;padding:9px 0;display:flex}.kv:last-child{border-bottom:none}.kv .kv-k{color:var(--text-muted);font-size:var(--fs-body)}.kv .kv-v{font-weight:500}.badge{border-radius:var(--radius-sm);font-size:var(--fs-meta);white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-muted);color:var(--text-secondary);align-items:center;gap:6px;padding:2px 8px;font-weight:500;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.badge.pulse .dot{position:relative}.badge.pulse .dot:after{content:"";opacity:.28;background:currentColor;border-radius:50%;animation:1.8s ease-out infinite badge-pulse;position:absolute;inset:-3px}@keyframes badge-pulse{0%{opacity:.4;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.badge--success{color:var(--success-color);background:var(--success-bg-light);border-color:var(--success-border)}.badge--warning{color:var(--warning-color);background:var(--warning-bg-light);border-color:var(--warning-border)}.badge--danger{color:var(--danger-color);background:var(--danger-bg-light);border-color:var(--danger-border-light)}.badge--info{color:var(--info-color);background:var(--info-bg-light);border-color:var(--info-border)}.badge--neutral{color:var(--text-muted);background:var(--bg-muted);border-color:var(--border-color)}.badge--brand{color:var(--accent);background:var(--accent-wash);border-color:#0000}.pill{border-radius:var(--radius-sm);font-size:var(--fs-meta);white-space:nowrap;background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-color);align-items:center;gap:5px;padding:2px 8px;font-weight:500;display:inline-flex}.pill.accent{color:var(--accent);background:var(--accent-wash);border-color:#0000}.pill.muted{color:var(--text-muted);background:var(--bg-muted)}.pill.info{color:var(--info-color);background:var(--info-bg-light);border-color:var(--info-border)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;gap:1px;min-height:0;padding:10px 12px 12px;display:flex;overflow-y:auto}.sidebar-brand{align-items:center;gap:8px;height:40px;margin-bottom:8px;padding:8px 8px 6px;display:flex}.sidebar-brand .logo-wrap{align-items:center;display:flex}.sidebar-brand svg{display:block}.wm{align-items:center;gap:7px;display:inline-flex}.wm .wm__text{font-family:var(--title-font-family);letter-spacing:-.045em;color:var(--brand-ink);font-weight:600;line-height:1}.wm .wm__text em{color:var(--brand-accent);font-style:normal}.wm--onInk .wm__text{color:var(--n-0)}.nav-group{margin-top:12px}.nav-group:first-of-type{margin-top:4px}.nav-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px;padding:4px 8px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--fs-body);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:9px;padding:7px 8px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item .nav-ico{width:16px;height:16px;color:var(--text-faint);transition:color var(--transition-fast);flex:none}.nav-item:hover .nav-ico{color:var(--text-muted)}.nav-item .nav-label{white-space:nowrap;overflow:hidden}.nav-item.active{background:var(--bg-hover);color:var(--text-primary);font-weight:600}.nav-item.active .nav-ico{color:var(--text-primary)}.nav-item.active:before{content:"";background:var(--accent-solid);border-radius:0 2px 2px 0;width:2px;height:18px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar .spacer{flex:1}.sidebar-foot{border-top:1px solid var(--border-color-light);margin-top:10px;padding-top:10px}.avatar{border-radius:var(--radius-md);width:30px;height:30px;color:var(--on-action);background:var(--n-800);flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.main-wrap{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{z-index:30;height:var(--topbar-h);border-bottom:1px solid var(--border-color);background:var(--bg-topbar);-webkit-backdrop-filter:saturate(180%)blur(8px);flex:none;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.breadcrumbs{font-size:var(--fs-body);align-items:center;gap:6px;min-width:0;display:flex}.breadcrumbs a{color:var(--text-muted);font-weight:500}.breadcrumbs a:hover{color:var(--text-primary)}.breadcrumbs .sep{color:var(--text-faint)}.breadcrumbs .current{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.topbar .spacer{flex:1}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0;position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#0000}.icon-btn .notif-dot{background:var(--accent-solid);border:1.5px solid var(--bg-white);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.ws-select{border-radius:var(--radius-md);border:1px solid var(--border-color);height:32px;color:var(--text-primary);font-weight:500;font-size:var(--fs-sm);background:0 0;align-items:center;gap:8px;max-width:210px;padding:0 8px;display:flex}.ws-select:hover{background:var(--bg-hover)}.ws-select .ws-avatar{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--on-action);background:var(--n-800);flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.ws-select .ws-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-btn{border-radius:var(--radius-md);background:0 0;border-color:#0000;width:32px;height:32px;padding:0}.profile-btn:hover{background:var(--bg-hover)}.profile-btn .avatar{width:26px;height:26px;font-size:11px}.menu-anchor{position:relative}.menu{z-index:60;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-md);animation:menu-in .14s var(--ease-out);padding:5px;position:absolute;top:calc(100% + 6px);right:0}.menu.left{left:0;right:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.menu-head{border-bottom:1px solid var(--border-color-light);margin-bottom:4px;padding:8px 9px}.menu-head .name{font-weight:600;font-size:var(--fs-body);text-overflow:ellipsis;overflow:hidden}.menu-head .meta{font-size:var(--fs-meta);color:var(--text-muted);margin-top:1px}.menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;font-size:var(--fs-body);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:9px;height:auto;padding:7px 9px;font-weight:500;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item.danger{color:var(--danger-color)}.menu-item.danger:hover{background:var(--danger-bg-light)}.menu-item svg{width:15px;height:15px;color:var(--text-faint)}.menu-item.danger svg{color:var(--danger-color)}.menu-sep{background:var(--border-color-light);height:1px;margin:4px 0}.main{flex:1;padding:28px 24px 64px;overflow-y:auto}.main-inner{max-width:var(--content-max);margin:0 auto}.main h1{font-size:var(--fs-page);letter-spacing:-.02em;margin:0 0 6px;font-weight:600;line-height:1.15}.main .subtitle{color:var(--text-muted);font-size:var(--fs-body);max-width:72ch;margin-bottom:28px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-head h1{margin-bottom:6px}.page-head .subtitle{margin-bottom:0}.row{align-items:center;gap:12px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row.start{align-items:flex-start}.cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;display:flex}.stack-2{flex-direction:column;gap:8px;display:flex}.stack-3{flex-direction:column;gap:12px;display:flex}.stack-4{flex-direction:column;gap:16px;display:flex}.stack-5{flex-direction:column;gap:24px;display:flex}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.flex-1{flex:1;min-width:0}.divider{background:var(--border-color-light);border:none;height:1px;margin:20px 0}.divider.tight{margin:12px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.w-full{width:100%}@media (width<=1080px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.metric-grid{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-white);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.metric{border-right:1px solid var(--border-color-light);padding:16px 18px}.metric:last-child{border-right:none}.metric-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.metric-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.metric-ico{color:var(--text-faint);display:flex}.metric-ico svg{width:15px;height:15px}.metric-value{letter-spacing:-.02em;color:var(--text-primary);font-size:26px;font-weight:600;line-height:1.1}.metric-foot{font-size:var(--fs-meta);color:var(--text-muted);align-items:center;gap:6px;margin-top:5px;display:flex}.trend{font-size:var(--fs-meta);align-items:center;gap:2px;font-weight:600;display:inline-flex}.trend.up{color:var(--success-color)}.trend.down{color:var(--danger-color)}.trend.flat{color:var(--text-muted)}@media (width<=1080px){.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:none}.metric:first-child,.metric:nth-child(2){border-bottom:1px solid var(--border-color-light)}}@media (width<=560px){.metric-grid{grid-template-columns:1fr}.metric{border-right:none;border-bottom:1px solid var(--border-color-light)}.metric:last-child{border-bottom:none}}.table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-white);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-color-light);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.table-scroll{overflow-x:auto}table.data{border-collapse:collapse;background:var(--bg-white);width:100%;font-size:var(--fs-body)}table.data thead th{z-index:1;background:var(--bg-white);color:var(--text-muted);font-weight:500;font-size:var(--fs-meta);letter-spacing:.01em;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 14px;position:sticky;top:0}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text-secondary)}table.data th .th-arrow{opacity:.4;margin-left:3px}table.data th.sorted .th-arrow{opacity:1;color:var(--text-secondary)}table.data td{text-align:left;border-bottom:1px solid var(--border-color-light);vertical-align:middle;color:var(--text-secondary);padding:11px 14px}table.data tbody tr{transition:background var(--transition-fast)}table.data tbody tr:hover{background:var(--bg-surface)}table.data tbody tr:last-child td{border-bottom:none}table.data td a{color:var(--text-primary);font-weight:500}table.data td a:hover{color:var(--accent)}.td-strong{color:var(--text-primary);font-weight:500}.td-actions{text-align:right;white-space:nowrap}.td-num{font-variant-numeric:tabular-nums}.row-menu-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0}.row-menu-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.empty{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-white);padding:48px 24px}.empty .empty-ico{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-color-light);place-items:center;margin:0 auto 16px;display:grid}.empty .empty-ico svg{width:20px;height:20px}.empty h3{font-size:var(--fs-card);margin:0 0 6px}.empty p{color:var(--text-muted);max-width:44ch;font-size:var(--fs-body);margin:0 auto 18px}.skeleton{border-radius:var(--radius-sm);background:var(--bg-muted);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#0000000a,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton.text{height:12px;margin:6px 0}.skeleton.title{width:40%;height:18px}.skeleton.line-80{width:80%}.skeleton.line-60{width:60%}.skeleton.line-40{width:40%}.alert{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-white);font-size:var(--fs-body);color:var(--text-secondary);align-items:flex-start;gap:10px;padding:11px 13px;line-height:1.5;display:flex}.alert .alert-ico{color:var(--text-muted);flex:none;margin-top:1px}.alert-title{color:var(--text-primary);font-weight:600}.alert--info{background:var(--info-bg-light);border-color:var(--info-border)}.alert--info .alert-ico{color:var(--info-color)}.alert--success{background:var(--success-bg-light);border-color:var(--success-border)}.alert--success .alert-ico{color:var(--success-color)}.alert--warning{background:var(--warning-bg-light);border-color:var(--warning-border)}.alert--warning .alert-ico{color:var(--warning-color)}.alert--danger{background:var(--danger-bg-light);border-color:var(--danger-border-light);color:var(--danger-color-dark)}.alert--danger .alert-ico{color:var(--danger-color)}pre.code,.code-block{background:var(--code-bg);color:var(--code-fg);border-radius:var(--radius-md);font-size:var(--fs-mono);border:1px solid var(--n-800);padding:13px 14px;line-height:1.6;position:relative;overflow:auto}.code-block .copy-btn{height:26px;font-size:var(--fs-meta);color:#e4e4e7;background:#ffffff0f;border:1px solid #ffffff1f;padding:0 8px;position:absolute;top:8px;right:8px}.code-block .copy-btn:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.code-block pre{margin:0;padding-right:84px}.tabs{border-bottom:1px solid var(--border-color);gap:2px;margin-bottom:14px;display:flex}.tab{height:34px;color:var(--text-muted);font-weight:500;font-size:var(--fs-sm);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:0 12px}.tab:hover{color:var(--text-primary);background:0 0}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent-solid)}.copy-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);align-items:center;gap:8px;height:34px;padding:0 4px 0 11px;display:flex}.copy-field .cf-val{min-width:0;font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.copy-field .cf-btn{height:26px;font-size:var(--fs-meta);padding:0 8px}.chart{width:100%;display:block}.chart .area{fill:var(--accent-solid);opacity:.08}.chart .line{fill:none;stroke:var(--accent-solid);stroke-width:1.75px}.chart .grid-line{stroke:var(--border-color-light);stroke-width:1px}.chart .axis-label{fill:var(--text-faint);font-size:11px}.chart .dot{fill:var(--bg-white);stroke:var(--accent-solid);stroke-width:1.75px}.copy-toast{background:var(--n-900);color:#fff;font-size:var(--fs-meta);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:center;gap:7px;margin-top:14px;padding:8px 11px;animation:.14s ease-out copy-toast-in;display:flex}.copy-toast--warn{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-color-strong)}@keyframes copy-toast-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.copy-toast{animation:none}}.chart-tip{pointer-events:none;background:var(--n-900);color:#fff;font-size:var(--fs-meta);border-radius:var(--radius-sm);white-space:nowrap;z-index:5;box-shadow:var(--shadow-md);padding:5px 8px;position:absolute;transform:translate(-50%,-120%)}.chart-wrap{position:relative}.login-shell{background:var(--bg-app);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-sm);animation:card-rise .26s var(--ease-out);padding:32px}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.login-card .brand{align-items:center;gap:8px;margin-bottom:8px;display:flex}.login-card .tagline{color:var(--text-muted);font-size:var(--fs-body);margin-bottom:24px}.login-card .login-foot{border-top:1px solid var(--border-color-light);font-size:var(--fs-meta);color:var(--text-muted);text-align:center;margin-top:20px;padding-top:16px;line-height:1.6}.login-card .login-foot a{color:var(--text-secondary,var(--text-muted));text-underline-offset:2px;text-decoration:underline}.login-card .login-foot a:hover{color:var(--accent,var(--text-primary))}.stepper{align-items:center;gap:0;margin:0 0 24px;display:flex}.step{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.step .step-dot{border:1px solid var(--border-color-strong);background:var(--bg-white);width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-normal);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.step .step-text{min-width:0}.step .step-idx{color:var(--text-faint);font-size:11px;font-weight:500}.step .step-name{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.step .step-bar{background:var(--border-color);flex:1;height:1px;margin:0 12px}.step.active .step-dot{border-color:var(--n-900);background:var(--n-900);color:#fff}.step.active .step-name{color:var(--text-primary)}.step.done .step-dot{border-color:var(--n-900);background:var(--n-900);color:#fff}.step.done .step-bar{background:var(--n-900)}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=640px){.choice-grid{grid-template-columns:1fr}}.choice{text-align:left;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-white);transition:border-color var(--transition-fast), background var(--transition-fast);white-space:normal;width:100%;height:auto;padding:14px;line-height:1.45;display:block;position:relative}.choice:hover{border-color:var(--border-color-strong)}.choice.selected{border-color:var(--n-900);box-shadow:inset 0 0 0 1px var(--n-900)}.choice .choice-title{font-weight:600;font-size:var(--fs-body);color:var(--text-primary);align-items:center;gap:8px;display:flex}.choice .choice-desc{font-size:var(--fs-sm);color:var(--text-muted);margin-top:3px}.choice .choice-check{color:var(--text-primary);opacity:0;transition:opacity var(--transition-fast);position:absolute;top:12px;right:12px}.choice.selected .choice-check{opacity:1}.choice.disabled{opacity:.5;cursor:not-allowed}.choice.disabled:hover{border-color:var(--border-color)}.choice-grid--places{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));max-width:760px}.choice-grid>*{min-width:0}.choice .choice-title{flex-wrap:wrap;min-width:0}.choice .choice-title,.choice .choice-desc{white-space:normal;overflow-wrap:break-word}.choice .choice-check+.choice-title{padding-right:24px}.spec-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 24px;display:grid}.spec .spec-label{font-size:var(--fs-meta);color:var(--text-muted);font-weight:500}.spec .spec-value{font-weight:500;font-size:var(--fs-body);color:var(--text-primary);margin-top:3px}.modal-overlay{background:var(--overlay-bg);z-index:100;place-items:center;padding:24px;animation:.16s overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:modal-in .18s var(--ease-out);flex-direction:column;max-height:90vh;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-header{border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.modal-header h3{font-size:var(--fs-card);margin:0}.modal-body{padding:20px;overflow-y:auto}.modal-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0;font-size:18px;line-height:1}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.deploy-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}@media (width<=900px){.deploy-grid{grid-template-columns:1fr}}.deploy-card{transition:border-color var(--transition-fast);position:relative}.deploy-card:hover{border-color:var(--border-color-strong)}.deploy-card.recommended{border-color:var(--n-900)}.deploy-card .ribbon{background:var(--n-900);color:#fff;border-radius:var(--radius-sm);padding:2px 9px;font-size:11px;font-weight:600;position:absolute;top:-9px;right:14px}.deploy-card h3{font-size:var(--fs-card);margin:0 0 4px}.deploy-card .price{letter-spacing:-.02em;margin:10px 0 2px;font-size:24px;font-weight:600}.deploy-card .price small{color:var(--text-muted);font-size:13px;font-weight:400}.deploy-card ul{color:var(--text-secondary);font-size:var(--fs-body);margin:12px 0;padding-left:16px}.deploy-card li{margin:5px 0}.builder{grid-template-columns:240px 1fr 320px;gap:14px;height:calc(100vh - 200px);display:grid}.builder .palette,.builder .inspector{overflow:auto}.builder .canvas{background:radial-gradient(circle, var(--border-color) 1px, transparent 1px) 0 0 / 20px 20px, var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);position:relative;overflow:hidden}.block-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:grab;transition:border-color var(--transition-fast);margin-bottom:8px;padding:10px 12px}.block-card:hover{border-color:var(--border-color-strong)}.block-card .kind{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.block-card .name{font-weight:500}.canvas-block{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;padding:10px 12px;position:absolute}.canvas-block.selected{border-color:var(--n-900);box-shadow:inset 0 0 0 1px var(--n-900)}.canvas-block .head{justify-content:space-between;align-items:center;gap:8px;display:flex}.canvas-block .kind-pill{border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-muted);padding:2px 7px;font-size:10px;font-weight:500}.fade-in{animation:fade-in .22s var(--ease-out)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:none}a:focus-visible,.nav-item:focus-visible,.menu-item:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{width:var(--sidebar-w);z-index:80;transition:transform var(--transition-normal);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.main{padding:20px 16px 48px}}:root{--kvgrid-block:var(--n-900);--kvgrid-slot:var(--n-300)}.eyebrow{font-family:var(--font-mono);letter-spacing:var(--caption-tracking);text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--brand-accent);flex:none;width:7px;height:7px}.nav-group-label,.spec .spec-label,.metric-label,table.data thead th,.menu-head .meta{font-family:var(--font-mono);letter-spacing:var(--caption-tracking);text-transform:uppercase;font-size:10.5px;font-weight:500}.nav-group-label{color:var(--text-faint)}.metric-value{letter-spacing:-.04em;font-size:30px;font-weight:500}.nav-item.active:before{border-radius:0;width:3px;height:20px}.page-head h1{font-size:var(--fs-page);line-height:1.08}.page-head .eyebrow{margin-bottom:10px}.hero{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:24px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.hero h1{letter-spacing:-.045em;margin:10px 0 8px;font-size:40px;line-height:1.02}.hero .subtitle{color:var(--text-secondary);max-width:52ch;margin:0 0 18px}.hero .hero-proof{flex-wrap:wrap;gap:10px 22px;margin-top:18px;display:flex}.hero .hero-proof .eyebrow:before{background:var(--n-900)}.hero .hero-proof .eyebrow:first-child:before{background:var(--brand-accent)}.hero .kvgrid{display:block}@media (width<=900px){.hero{grid-template-columns:1fr}.hero .kvgrid{display:none}}.empty .kvgrid{margin:0 auto 20px;display:block}.empty h3{letter-spacing:-.03em;font-size:20px;font-weight:500}.statement{margin:4px 0 14px}.statement h3{letter-spacing:-.035em;margin:0 0 6px;font-size:22px;font-weight:500;line-height:1.1}.login-shell{background:var(--bg-app)}.login-split{grid-template-columns:minmax(0,420px) minmax(0,460px);align-items:center;gap:56px;display:grid}.login-art{flex-direction:column;gap:28px;display:flex}.login-art h2{letter-spacing:-.045em;font-size:46px;font-weight:500;line-height:1}.login-art .proofs{gap:10px;display:grid}@media (width<=900px){.login-split{grid-template-columns:1fr}.login-art{display:none}}.eyebrow+h1,.eyebrow+h2{margin-top:10px}.steps{align-items:center;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.steps-item{align-items:center;gap:8px;display:flex}.steps-item+.steps-item:before{content:"";background:var(--border-color);width:28px;height:1px;margin-right:2px}.steps-dot{width:22px;height:22px;font-size:var(--fs-meta);border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-weight:600;line-height:1;display:inline-flex}.steps-dot:disabled{cursor:default}.steps-item.is-current .steps-dot{border-color:var(--n-900);background:var(--n-900);color:var(--bg-white)}.steps-item.is-done .steps-dot{border-color:var(--n-900);background:var(--bg-white);color:var(--text-primary);cursor:pointer}.steps-item.is-done .steps-dot:hover{background:var(--bg-muted)}.steps-label{font-size:var(--fs-sm);color:var(--text-muted)}.steps-item.is-current .steps-label{color:var(--text-primary);font-weight:600}.provider-grid{flex-direction:column;gap:10px;display:flex}.provider-choice{align-items:center;gap:14px;padding:14px 16px;display:flex}.provider-choice-text{flex:1;min-width:0}.provider-choice .choice-title{flex-wrap:wrap;gap:10px}.provider-choice .choice-desc{margin-top:2px}.provider-choice-go{color:var(--text-muted);flex:none}.provider-choice:hover:not(.disabled) .provider-choice-go{color:var(--text-primary)}.provider-logo{border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014}.provider-logo--generic{background:var(--bg-muted);color:var(--text-muted);font-weight:700;font-size:var(--fs-body)}.provider-banner{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-muted);align-items:center;gap:14px;margin-bottom:20px;padding:12px 14px;display:flex}.provider-banner-title{font-weight:600}.provider-banner>div{flex:1;min-width:0}.provider-banner a{align-items:center;gap:4px;display:inline-flex}.form-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.form-grid .field{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.form-row .field{margin-bottom:0}@media (width<=560px){.form-row{grid-template-columns:1fr}}.tier-list{flex-direction:column;gap:20px;display:flex}.tier-card{margin:0}.tier-card .card-head{align-items:flex-start;gap:20px;margin-bottom:18px}.tier-price{text-align:right;white-space:nowrap;line-height:1.25}.tier-price-amount{font-size:var(--fs-section);font-weight:650}.tier-price-unit{font-size:var(--fs-meta);color:var(--text-muted);font-weight:400;display:block}.tier-card .spec-grid{border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light);margin:0 0 18px;padding:16px 0}.tier-foot{justify-content:space-between;align-items:center;gap:20px;display:flex}.tier-foot-note{font-size:var(--fs-sm);color:var(--text-muted);max-width:46ch}.tier-foot .btn{flex:none}@media (width<=620px){.tier-foot{flex-direction:column;align-items:stretch}.tier-foot .btn{justify-content:center;width:100%}}.mp{position:relative}.mp-trigger{text-align:left;white-space:normal;align-items:center;gap:12px;width:100%;height:auto;min-height:46px;padding:8px 12px;line-height:1.45;display:flex}.mp-trigger.open{border-color:var(--border-color-strong)}.mp-trigger-main{flex:1;min-width:0;display:block}.mp-trigger-name{font-weight:600;font-family:var(--font-mono);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-trigger-meta{font-size:var(--fs-meta);color:var(--text-muted);margin-top:2px;font-weight:400;display:block}.mp-blocked{font-size:var(--fs-meta);color:var(--warning-color);align-items:flex-start;gap:7px;margin-top:7px;line-height:1.5;display:flex}.mp-blocked svg{flex:none;margin-top:2px}.mp-panel{z-index:30;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden}.mp-search{border-bottom:1px solid var(--border-color-light);align-items:center;gap:8px;padding:0 11px;display:flex}.mp-search input{height:40px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.mp-search input:hover,.mp-search input:focus{box-shadow:none;border:none}.mp-tabs{border-bottom:1px solid var(--border-color-light);background:var(--bg-inset);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}.mp-tab{height:26px;color:var(--text-muted);font-size:var(--fs-meta);background:0 0;border:none;padding:0 10px;font-weight:500}.mp-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#0000}.mp-tab.on{background:var(--bg-white);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-color)}.mp-tab-note{font-size:var(--fs-meta);color:var(--text-muted);flex:1;padding-left:2px}.mp-mode{height:26px;font-size:var(--fs-meta);color:var(--accent);background:0 0;border-color:#0000;margin-left:auto;padding:0 10px;font-weight:500}.mp-mode:hover{background:var(--accent-wash);color:var(--accent);border-color:#0000}.mp-list{max-height:320px;padding:4px;overflow-y:auto}.mp-empty{font-size:var(--fs-sm);color:var(--text-muted);padding:16px 12px}.mp-row{border-radius:var(--radius-sm);cursor:pointer;white-space:normal;overflow-wrap:break-word;align-items:flex-start;gap:10px;padding:8px 9px;line-height:1.45;display:flex}.mp-row.cursor{background:var(--bg-hover)}.mp-row.selected .mp-row-name{color:var(--text-primary)}.mp-row.blocked{cursor:not-allowed}.mp-row.blocked .mp-row-name,.mp-row.blocked .mp-row-meta,.mp-row.blocked .mp-row-ico{opacity:.45}.mp-row-ico{color:var(--text-muted);flex:none;margin-top:2px}.mp-row.selected .mp-row-ico{color:var(--text-primary)}.mp-row-text{flex:1;min-width:0}.mp-row-name{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:7px;font-weight:500;display:flex}.mp-row-meta{font-size:var(--fs-meta);color:var(--text-muted);margin-top:2px;display:block}.mp-row-why{font-size:var(--fs-meta);color:var(--warning-color);margin-top:3px;line-height:1.45;display:block}