.demo-root{--demo-sidebar-background:#fff;--demo-sidebar-foreground:#1d2540;--demo-sidebar-muted:#5c6785;--demo-sidebar-active:#e8ebff;--demo-sidebar-subactive:#f0f3f9;--demo-sidebar-active-foreground:#0313a6;--demo-sidebar-border:#dfe4ee;--demo-background:#f5f7fb;--demo-surface:#fff;--demo-surface-muted:#f0f3f9;--demo-border:#dfe4ee;--demo-foreground:#101733;--demo-muted-foreground:#5c6785;--demo-accent:#0313a6;--demo-accent-soft:#e8ebff;--demo-positive:#0f7a4d;--demo-warning:#a35a00;--demo-danger:#b0203a;--demo-radius:4px;--demo-radius-lg:8px;background:var(--demo-background);color:var(--demo-foreground);font-feature-settings:"tnum" 1;letter-spacing:-.005em;min-height:100vh;font-family:Geologica,Inter,system-ui,sans-serif}.demo-root input,.demo-root select,.demo-root textarea,.demo-root button{font-family:inherit}.demo-root .demo-module-title{letter-spacing:.02em;text-transform:uppercase;font-size:1.05rem;font-weight:600}.demo-root .demo-sidebar{background:var(--demo-sidebar-background);color:var(--demo-sidebar-foreground);border-right:1px solid var(--demo-sidebar-border)}.demo-root .demo-sidebar a:hover,.demo-root .demo-sidebar button:hover{background:var(--demo-sidebar-subactive)}.demo-root .demo-card{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg)}.demo-root .demo-muted{color:var(--demo-muted-foreground)}.demo-root .demo-table{border-collapse:collapse;width:100%;font-size:.875rem}.demo-root .demo-table th{text-align:left;color:var(--demo-muted-foreground);border-bottom:1px solid var(--demo-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:var(--demo-surface-muted);padding:.45rem .7rem;font-size:.72rem;font-weight:600}.demo-root .demo-table td{border-bottom:1px solid var(--demo-border);vertical-align:middle;padding:.5rem .7rem}.demo-root .demo-table tbody tr:hover{background:var(--demo-surface-muted)}.demo-root .demo-btn{border-radius:var(--demo-radius);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-foreground);cursor:pointer;align-items:center;gap:.375rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.demo-root .demo-btn:hover{background:var(--demo-surface-muted)}.demo-root .demo-btn-primary{background:var(--demo-accent);border-color:var(--demo-accent);color:#fff}.demo-root .demo-btn-primary:hover{background:#020e85}.demo-root .demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-root :focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.demo-root .demo-badge{border:1px solid var(--demo-border);background:var(--demo-surface-muted);color:var(--demo-muted-foreground);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.demo-root .demo-badge-positive{color:var(--demo-positive);background:#e6f5ed;border-color:#bfe4d1}.demo-root .demo-badge-warning{color:var(--demo-warning);background:#fdf1e0;border-color:#f0d6ae}.demo-root .demo-badge-danger{color:var(--demo-danger);background:#fdeaee;border-color:#f2c6cf}.demo-root .demo-badge-accent{background:var(--demo-accent-soft);color:var(--demo-accent);border-color:#c7cffb}