:root{--color-brand-50:#eab30814;--color-brand-100:#eab30826;--color-brand-200:#eab30840;--color-brand-400:#fbbf24;--color-brand-500:#eab308;--color-brand-600:#ca8a04;--color-brand-700:#a16207;--color-success:#22c55e;--color-success-rgb:34, 197, 94;--color-success-bg:#22c55e14;--color-warning:#f59e0b;--color-warning-rgb:245, 158, 11;--color-warning-bg:#f59e0b14;--color-warning-accent-rgb:234, 179, 8;--color-danger:#ef4444;--color-danger-rgb:239, 68, 68;--color-danger-bg:#ef444414;--color-danger-hover:#dc2626;--color-info:#3b82f6;--color-info-bg:#3b82f614;--color-on-brand:#fff;--color-on-warning:#000;--color-on-brand-strong:#09090b;--color-surface-inverse:#09090b;--color-overlay-strong:#000000b3;--color-overlay-medium:#00000073;--color-overlay-shadow:#0000004d;--color-overlay-shadow-sm:#00000026;--color-on-brand-overlay-04:#ffffff0a;--color-on-brand-overlay-08:#ffffff14;--color-on-brand-overlay-10:#ffffff1a;--color-on-brand-overlay-15:#ffffff26;--color-on-brand-overlay-18:#ffffff2e;--color-on-brand-overlay-25:#ffffff40;--color-on-brand-overlay-50:#ffffff80;--color-on-brand-text-08:#fffc;--color-on-brand-text-085:#ffffffd9;--color-orb-crimson:#dc143c12;--color-orb-violet:#a78bfa0f;--color-logo-gold-rgb:255, 221, 4;--color-neutral-slate-rgb:100, 116, 139;--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;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000000f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--duration-fast:.12s;--duration-base:.18s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--z-dropdown:50;--z-modal:100;--z-toast:150;--sidebar-width:220px;--sidebar-collapsed-width:52px}.page{gap:var(--space-6);padding:var(--space-6);box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;margin-inline:auto;display:flex}.page-narrow{width:100%;max-width:960px;margin:0 auto}.page-wide{width:100%;max-width:1440px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-xl);color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:700}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.section{gap:var(--space-4);flex-direction:column;display:flex}.section-title{font-size:var(--text-base);color:var(--color-text);font-weight:600}.page-cols{gap:var(--space-6);grid-template-columns:1fr 300px;align-items:start;display:grid}@media (max-width:768px){.page-cols{grid-template-columns:1fr}}.page-main{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.docs-panel{gap:var(--space-4);top:var(--space-6);flex-direction:column;display:flex;position:sticky}.docs-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.docs-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:10px;font-weight:700}.docs-entry{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.docs-entry:last-child{border-bottom:none;padding-bottom:0}.docs-entry-label{color:var(--color-text);font-size:11px;font-weight:600}.docs-entry-value{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono)}.docs-link{align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--duration-fast),color var(--duration-fast);font-size:12px;font-weight:500;text-decoration:none;display:flex}.docs-link:hover{background:var(--color-brand-50);color:var(--color-brand-500)}.docs-link-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}@media (max-width:1100px){.page-cols{grid-template-columns:1fr}.docs-panel{display:none}}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-1{gap:var(--space-1)}.stack-2{gap:var(--space-2)}.stack-3{gap:var(--space-3)}.stack-4{gap:var(--space-4)}.stack-5{gap:var(--space-5)}.stack-6{gap:var(--space-6)}.stack-8{gap:var(--space-8)}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between}.row-end{justify-content:flex-end}.row-center{justify-content:center}.row-wrap{flex-wrap:wrap}.grow{flex:1 1 0;min-width:0}.shrink-0{flex-shrink:0}.divider{background:var(--color-border);border:none;height:1px;margin:0}.divider-v{background:var(--color-border);align-self:stretch;width:1px}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.surface-padded{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.surface-subtle{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.surface-interactive{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.surface-interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid-cards-lg{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.card-grid-sm{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card-grid-md{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card-grid-lg{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}@media (max-width:900px){.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:var(--space-4)}}.h1,.h2,.h3,.h4{color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:700}.h1{font-size:28px}.h2{font-size:22px}.h3{font-size:18px}.h4{font-size:15px}.text{font-size:var(--text-base);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-bold{font-weight:600}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-mono{font-family:var(--font-mono)}.text-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-brand{color:var(--color-brand-500)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{flex-direction:column;display:flex}.field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:6px;font-size:11px;font-weight:700;line-height:1;display:block}.field-help{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:4px}.field-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:4px}.input,.textarea,.select{border:none;border-bottom:2px solid var(--color-brand-500);width:100%;font-size:13px;font-family:var(--font-sans);color:var(--color-text);appearance:none;box-sizing:border-box;background:0 0;border-radius:0;outline:none;padding:10px 14px;transition:border-color .15s,background .15s}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-text);background:var(--color-surface)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-danger)}.input[aria-invalid=true]:focus,.textarea[aria-invalid=true]:focus,.select[aria-invalid=true]:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb), .15)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.4;cursor:not-allowed}.textarea{resize:vertical;min-height:88px;line-height:1.6}.select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select option{color:var(--color-text);background:#1a1a1a}.input-sm{font-size:var(--text-xs);padding:6px 10px}.input-lg{padding:13px var(--space-4);font-size:var(--text-base)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-subtle);white-space:nowrap;text-align:left;border-bottom:1px solid var(--color-border);font-weight:700}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--color-brand-50)}.table-compact td,.table-compact th{padding:var(--space-2) var(--space-3)}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-brand-500);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:12px;height:12px}.spinner-lg{width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{padding:var(--space-12);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-border-strong) 50%, var(--color-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:600;display:inline-flex}.icon-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast);background:0 0;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}.icon-btn:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.icon-btn--active{background:var(--color-brand-50);border-color:var(--color-brand-100);color:var(--color-brand-500)}.icon-btn--active:hover{background:var(--color-brand-100);border-color:var(--color-brand-500);color:var(--color-brand-500)}.icon-btn-danger{color:#ef444499}.icon-btn-danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.icon-btn-sm{width:24px;height:24px}.icon-btn-lg{width:40px;height:40px}:root{--m-dur-instant:80ms;--m-dur-fast:.14s;--m-dur-base:.22s;--m-dur-slow:.32s;--m-dur-slower:.45s;--m-ease-standard:cubic-bezier(.2, 0, 0, 1);--m-ease-decelerate:cubic-bezier(0, 0, .2, 1);--m-ease-accelerate:cubic-bezier(.3, 0, 1, 1);--m-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--m-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--m-elev-0:none;--m-elev-1:0 1px 2px #0000001a, 0 1px 3px #0000000f;--m-elev-2:0 3px 6px #00000024, 0 3px 6px #00000014;--m-elev-3:0 10px 20px #0000002e, 0 6px 6px #0000001a;--m-elev-4:0 14px 28px #00000038, 0 10px 10px #00000029;--m-elev-5:0 19px 38px #00000042, 0 15px 12px #0000002e}.lift,.surface-padded,.surface,.surface-interactive{transition:transform var(--m-dur-base) var(--m-ease-standard),box-shadow var(--m-dur-base) var(--m-ease-standard),border-color var(--m-dur-base) var(--m-ease-standard),background var(--m-dur-base) var(--m-ease-standard)}.lift:hover,.surface-padded:hover,.surface-interactive:hover{box-shadow:var(--m-elev-2);transform:translateY(-2px)}.lift-sm:hover{box-shadow:var(--m-elev-1);transform:translateY(-1px)}.press:not(:disabled):active,.btn:not(:disabled):active,.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active,.btn-ghost:not(:disabled):active,.btn-danger:not(:disabled):active,.icon-btn:not(:disabled):active,.icon-btn-sm:not(:disabled):active,.icon-btn-lg:not(:disabled):active,.surface-interactive:active{transition-duration:var(--m-dur-instant);transform:translateY(1px)scale(.985)}.ripple,.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.icon-btn{isolation:isolate;position:relative;overflow:hidden}.ripple:after,.btn:after,.btn-primary:after,.btn-secondary:after,.btn-ghost:after,.btn-danger:after,.icon-btn:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), currentColor 10%, transparent 65%);opacity:0;pointer-events:none;border-radius:inherit;transition:transform .54s var(--m-ease-decelerate),opacity .54s var(--m-ease-decelerate);position:absolute;inset:0;transform:scale(0)}.ripple:active:after,.btn:active:after,.btn-primary:active:after,.btn-secondary:active:after,.btn-ghost:active:after,.btn-danger:active:after,.icon-btn:active:after{opacity:.16;transition-duration:0s;transform:scale(4)}.nudge-x svg,.nudge-y svg{transition:transform var(--m-dur-fast) var(--m-ease-standard)}.nudge-x:hover svg{transform:translate(2px)}.nudge-y:hover svg{transform:translateY(-2px)}.underline-reveal{transition:background-size var(--m-dur-base) var(--m-ease-standard);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px}.underline-reveal:hover,.underline-reveal:focus-visible{background-size:100% 1.5px}@keyframes m-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@keyframes m-pulse-strong{0%,to{opacity:1;box-shadow:0 0}50%{opacity:1;box-shadow:0 0 0 6px #0000}}.pulse{animation:m-pulse 2s var(--m-ease-standard) infinite}.pulse-strong{animation:m-pulse-strong 1.6s var(--m-ease-standard) infinite}@keyframes m-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg, var(--color-bg-subtle) 0%, var(--color-border) 50%, var(--color-bg-subtle) 100%);background-size:1000px 100%;animation:1.8s linear infinite m-shimmer}@keyframes m-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes m-fade-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes m-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes m-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes m-slide-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:m-fade-in var(--m-dur-slow) var(--m-ease-decelerate) both}.fade-in-up{animation:m-fade-in-up var(--m-dur-slow) var(--m-ease-decelerate) both}.fade-in-down{animation:m-fade-in-down var(--m-dur-slow) var(--m-ease-decelerate) both}.scale-in{animation:m-scale-in var(--m-dur-slow) var(--m-ease-decelerate) both}.slide-in-right{animation:m-slide-in-right var(--m-dur-slow) var(--m-ease-decelerate) both}.slide-in-up{animation:m-slide-in-up var(--m-dur-slow) var(--m-ease-decelerate) both}.stagger>*{animation:m-fade-in-up var(--m-dur-slower) var(--m-ease-decelerate) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:40ms}.stagger>:nth-child(3){animation-delay:80ms}.stagger>:nth-child(4){animation-delay:.12s}.stagger>:nth-child(5){animation-delay:.16s}.stagger>:nth-child(6){animation-delay:.2s}.stagger>:nth-child(7){animation-delay:.24s}.stagger>:nth-child(8){animation-delay:.28s}.stagger>:nth-child(9){animation-delay:.32s}.stagger>:nth-child(10){animation-delay:.36s}.stagger>:nth-child(11){animation-delay:.4s}.stagger>:nth-child(12){animation-delay:.44s}.stagger>:nth-child(13){animation-delay:.48s}.stagger>:nth-child(14){animation-delay:.52s}.stagger>:nth-child(15){animation-delay:.56s}.stagger>:nth-child(16){animation-delay:.6s}.stagger>:nth-child(17){animation-delay:.64s}.stagger>:nth-child(18){animation-delay:.68s}.stagger>:nth-child(19){animation-delay:.72s}.stagger>:nth-child(20){animation-delay:.76s}.card-grid>*{animation:m-fade-in-up var(--m-dur-slower) var(--m-ease-decelerate) both;transition:transform var(--m-dur-base) var(--m-ease-standard),box-shadow var(--m-dur-base) var(--m-ease-standard),border-color var(--m-dur-base) var(--m-ease-standard)}.card-grid>:hover{box-shadow:var(--m-elev-2);transform:translateY(-2px)}.card-grid>:first-child{animation-delay:0s}.card-grid>:nth-child(2){animation-delay:40ms}.card-grid>:nth-child(3){animation-delay:80ms}.card-grid>:nth-child(4){animation-delay:.12s}.card-grid>:nth-child(5){animation-delay:.16s}.card-grid>:nth-child(6){animation-delay:.2s}.card-grid>:nth-child(7){animation-delay:.24s}.card-grid>:nth-child(8){animation-delay:.28s}.card-grid>:nth-child(n+9){animation-delay:.32s}.modal,[role=dialog]>div,[role=alertdialog]>div{animation:m-scale-in var(--m-dur-slow) var(--m-ease-decelerate) both}.modal-overlay,[role=dialog]:before,[role=alertdialog]:before{animation:m-fade-in var(--m-dur-base) var(--m-ease-standard) both}[data-toast],.toast,[role=status]>*,[role=alert]>*{animation:m-slide-in-right var(--m-dur-slow) var(--m-ease-decelerate) both}.tab-btn{transition:color var(--m-dur-base) var(--m-ease-standard),border-color var(--m-dur-base) var(--m-ease-standard),background var(--m-dur-base) var(--m-ease-standard);position:relative}.tab-btn:after{content:"";background:var(--color-brand-500);width:0;height:2px;transition:width var(--m-dur-base) var(--m-ease-emphasized);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tab-btn:hover:after{width:40%}.tab-btn-active:after{width:80%}[class*=sidebar] a,[class*=Sidebar] a{transition:background var(--m-dur-base) var(--m-ease-standard),color var(--m-dur-base) var(--m-ease-standard),padding-left var(--m-dur-base) var(--m-ease-standard)}.status-badge[data-tone=success] .dot,.status-badge[data-pulse] .dot{animation:m-pulse 2s var(--m-ease-standard) infinite}.page-header,header[class*=page-header]{animation:m-fade-in-down var(--m-dur-slow) var(--m-ease-decelerate) both}.breadcrumb-list{animation:m-fade-in var(--m-dur-base) var(--m-ease-standard) both}.spinner{animation:.8s linear infinite m-spin}@keyframes m-spin{to{transform:rotate(360deg)}}.banner,.inline-alert{animation:m-fade-in-down var(--m-dur-slow) var(--m-ease-decelerate) both}.empty-state{animation:m-scale-in var(--m-dur-slower) var(--m-ease-decelerate) both;animation-delay:80ms}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-danger:hover:not(:disabled){box-shadow:var(--m-elev-1);transition-duration:var(--m-dur-fast);transform:translateY(-1px)}.icon-btn:hover:not(:disabled){transition-duration:var(--m-dur-fast);transform:scale(1.08)}.table tbody tr{transition:background var(--m-dur-fast) var(--m-ease-standard)}.table tbody tr:hover{background:var(--color-bg-subtle)}.search-bar-input:focus{transition-duration:var(--m-dur-fast)}.chip{transition:background var(--m-dur-fast) var(--m-ease-standard),transform var(--m-dur-fast) var(--m-ease-standard)}.chip:hover{transform:translateY(-1px)}:root,[data-theme=dark]{--color-bg:#09090b;--color-bg-subtle:#111113;--color-surface:#18181b;--color-border:#27272a;--color-border-strong:#3f3f46;--color-text:#fafafa;--color-text-muted:#a1a1aa;--color-text-subtle:#71717a;--color-table-head-bg:#1c1c1f;--color-table-head-text:#a1a1aa;--color-table-head-border:#27272a;--color-table-row-border:#27272a}[data-theme=light]{--color-bg:#fafafa;--color-bg-subtle:#f4f4f5;--color-surface:#fff;--color-border:#e4e4e7;--color-border-strong:#d4d4d8;--color-text:#09090b;--color-text-muted:#71717a;--color-text-subtle:#a1a1aa;--color-brand-500:#ca8a04;--color-brand-600:#a16207;--color-brand-400:#eab308;--color-table-head-bg:#f4f4f5;--color-table-head-text:#52525b;--color-table-head-border:#e4e4e7;--color-table-row-border:#f4f4f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}:root{--accent:var(--color-brand-500)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-400)}.app-shell{background:var(--color-bg);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);will-change:width;transition:width var(--duration-base) var(--ease-standard);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.main-column{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{flex:1;min-width:0;overflow:hidden auto}.page-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.page-header-left{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.kpi-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:stretch;width:100%;min-height:60px;display:flex}.kpi-card{min-width:100px;padding:0 var(--space-5);border-right:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-standard);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;display:flex}.kpi-card:last-child{border-right:none}.kpi-card:hover{background:var(--color-bg-subtle)}.kpi-value{font-size:var(--text-xl);color:var(--color-text);font-weight:700;line-height:1}.kpi-label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.kpi-trend{font-size:var(--text-xs);font-weight:500}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.toolbar-start{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.toolbar-end{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.search-bar{flex:1;align-items:center;min-width:200px;max-width:340px;display:flex;position:relative}.search-bar-icon{color:var(--color-text-subtle);pointer-events:none;align-items:center;display:flex;position:absolute;left:10px}.search-bar-input{width:100%;height:34px;padding:0 var(--space-3) 0 32px;font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);outline:none}.search-bar-input::placeholder{color:var(--color-text-subtle)}.search-bar-input:hover{border-color:var(--color-border-strong)}.search-bar-input:focus{border-color:var(--color-text);background:var(--color-surface)}.search-bar-count{font-size:var(--text-xs);color:var(--color-text-subtle);pointer-events:none;white-space:nowrap;position:absolute;right:10px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.pagination{padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination-controls{align-items:center;gap:var(--space-1);display:flex}.pagination-btn{min-width:30px;height:30px;padding:0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--color-brand-50);border-color:var(--color-brand-500);color:var(--color-brand-500)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff}.page-layout-split{gap:var(--space-6);flex:1;grid-template-columns:1fr 320px;min-height:0;display:grid}.page-layout-main{min-width:0;overflow-y:auto}@media (max-width:900px){.page-layout-split{grid-template-columns:1fr}}.docs-panel{border-left:1px solid var(--color-border);background:var(--color-bg-subtle);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.docs-panel-title{font-size:var(--text-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--space-3);border-bottom:2px solid var(--color-brand-500);margin-bottom:var(--space-1);font-weight:700}.docs-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.docs-card-title{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.docs-card-body{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.docs-steps{flex-direction:column;gap:0;display:flex;position:relative}.docs-step{gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.docs-step:last-child{padding-bottom:0}.docs-step:not(:last-child):before{content:"";background:var(--color-border);width:2px;position:absolute;top:24px;bottom:0;left:11px}.docs-step-num{border-radius:var(--radius-full);background:var(--color-brand-500);color:#fff;width:24px;height:24px;font-size:var(--text-xs);z-index:1;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.docs-step-content{flex:1;min-width:0;padding-top:4px}.docs-step-title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:600}.docs-step-body{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.docs-code{font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);white-space:pre-wrap;word-break:break-all;font-size:11px}.assistance-group{align-items:stretch;height:34px;display:inline-flex}.assistance-btn{align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:34px;font-size:var(--text-sm);color:var(--color-brand-500);background:var(--color-brand-50);border:1px solid var(--color-brand-100);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-right:none;border-radius:0;font-weight:500;display:inline-flex}.assistance-btn:hover{background:var(--color-brand-100);border-color:var(--color-brand-400)}.assistance-help-btn{width:34px;height:34px;color:var(--color-brand-500);background:var(--color-brand-50);border:1px solid var(--color-brand-100);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.assistance-help-btn:hover{background:var(--color-brand-100);border-color:var(--color-brand-400)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);border:1px solid #0000;border-radius:0;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-brand-500);color:#09090b;border-color:var(--color-brand-500)}.btn-primary:hover:not(:disabled){background:var(--color-brand-600);border-color:var(--color-brand-600)}.btn-primary:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.btn-secondary{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-border-strong)}.btn-secondary:focus-visible{outline-offset:2px;outline:2px solid #eab30866}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border)}.btn-ghost:focus-visible{outline-offset:2px;outline:2px solid #eab30866}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-danger:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:0 var(--space-5);font-size:var(--text-base)}.btn-full{width:100%}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.form-section-title{font-size:var(--text-sm);color:var(--color-text);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:700}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);color:var(--color-text);font-weight:700}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.setup-input-padded,.vault-init-input-padded{padding-right:40px}.page-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.code-block{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);white-space:pre-wrap;word-break:break-all;line-height:1.6}.tab-nav{align-items:center;gap:var(--space-1);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);background:var(--color-surface);display:flex}.tab-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500;display:inline-flex}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-brand-500);border-bottom-color:var(--color-brand-500)}.tab-btn-count{font-size:var(--text-xs);background:var(--color-bg-subtle);color:var(--color-text-muted);border-radius:var(--radius-full);padding:1px 6px;font-weight:600}.banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);font-size:var(--text-sm);border-radius:0;line-height:1.5;display:flex}.banner-info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.banner-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.banner-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.banner-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.banner-neutral{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text-muted)}.banner-body{flex:1}.banner-actions{gap:var(--space-2);align-items:center;display:flex}.banner-dismiss{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0;line-height:1}.banner-dismiss:hover{opacity:1}.inline-alert{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--color-bg-subtle);border-left:3px solid;border-radius:0}.inline-alert-info{border-color:var(--color-info)}.inline-alert-success{border-color:var(--color-success)}.inline-alert-warning{border-color:var(--color-warning)}.inline-alert-danger{border-color:var(--color-danger)}.inline-alert-title{color:var(--color-text);margin-bottom:var(--space-1);font-weight:600;display:block}.inline-alert-body{color:var(--color-text-muted);margin:0;line-height:1.5}.detail-list{gap:0;display:grid}.detail-list-2col .detail-row{grid-template-columns:1fr 1fr}.detail-row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);grid-template-columns:180px 1fr;display:grid}.detail-row:last-child{border-bottom:none}.detail-key{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-right:var(--space-4);align-self:center;font-weight:600}.detail-val{font-size:var(--text-sm);color:var(--color-text);align-self:center}.split-layout{gap:0;display:grid}.split-1-4{grid-template-columns:1fr 3fr}.split-1-3{grid-template-columns:1fr 2fr}.split-1-2{grid-template-columns:1fr 1fr}.split-sidebar{border-right:1px solid var(--color-border);padding-right:var(--space-4)}.split-content{padding-left:var(--space-4)}.split-sidebar-right.split-1-4{grid-template-columns:3fr 1fr}.split-sidebar-right.split-1-3{grid-template-columns:2fr 1fr}.split-sidebar-right.split-1-2{grid-template-columns:1fr 1fr}.split-sidebar-right .split-sidebar{border-right:none;border-left:1px solid var(--color-border);padding-right:0;padding-left:var(--space-4)}.split-sidebar-right .split-content{padding-left:0;padding-right:var(--space-4)}@media (max-width:768px){.split-1-4,.split-1-3,.split-1-2,.split-sidebar-right.split-1-4,.split-sidebar-right.split-1-3,.split-sidebar-right.split-1-2{grid-template-columns:1fr}.split-sidebar,.split-sidebar-right .split-sidebar{border-left:none;border-right:none;border-bottom:1px solid var(--color-border);padding:0 0 var(--space-4)}.split-content,.split-sidebar-right .split-content{padding:var(--space-4) 0 0}}@media (max-width:560px){.detail-row,.detail-list-2col .detail-row{grid-template-columns:1fr;gap:2px}.detail-key{padding-right:0}}@media (max-width:768px){.split-layout{grid-template-columns:1fr}.split-sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:var(--space-4)}.split-content{padding-left:0}.split-sidebar-right .split-sidebar{border-left:none;padding-left:0}.split-sidebar-right .split-content{padding-right:0}}.action-bar{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.action-bar-sticky{z-index:var(--z-sticky,10);position:sticky;bottom:0}.page-layout{grid-template-columns:220px 1fr;min-height:100%;display:grid}.page-layout-nav{border-right:1px solid var(--color-border);padding:var(--space-4)}.page-layout-body{padding:var(--space-6);overflow-y:auto}@media (max-width:768px){.page-layout{grid-template-columns:1fr}.page-layout-nav{border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.page-layout-body{padding:var(--space-4)}}.skip-link{z-index:10000;background:var(--color-brand-500);color:var(--color-on-brand);padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md) 0;font-weight:700;text-decoration:none;position:absolute;top:0;left:-10000px}.skip-link:focus{left:0}#main-content:focus{outline:none}.toast-success{background:var(--color-success-bg);color:var(--color-success)}.toast-error{background:var(--color-danger-bg);color:var(--color-danger)}.toast-info{background:var(--color-info-bg);color:var(--color-info)}.qr-skeleton{background:var(--color-bg-subtle);border-radius:var(--radius-md);width:220px;height:220px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
