@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--primary-400:#90a2ff;--primary-500:#5566e8;--primary-600:#6372f2;--primary-700:#3e4fbf;--secondary-500:#ee2e31;--secondary-600:#cc282a;--neutral-50:#e9edf3;--neutral-100:#c7cedb;--neutral-200:#9aa3b2;--neutral-600:#5b6472;--neutral-800:#1d2026;--neutral-900:#16181c;--neutral-950:#0e1012;--brand-600:var(--primary-500);--brand-700:var(--primary-600);--red-50:#fef2f2;--red-600:#ee2e31;--red-700:#c82225;--red-800:#991b1b;--amber-50:#fffbeb;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--green-50:#f0fdf4;--green-700:#4a6b3e;--blue-600:#5566e8;--indigo-600:#5566e8;--violet-700:#6d28d9;--color-bg-canvas:var(--neutral-950);--color-bg-surface:var(--neutral-900);--color-bg-surface-raised:var(--neutral-800);--color-bg-elevated:var(--neutral-800);--color-bg-input:var(--neutral-900);--color-bg-inverse:var(--neutral-50);--color-bg-menu-tile:var(--color-bg-surface);--color-bg-menu-tile-86:#101216;--color-bg-danger-subtle:#3d1415;--color-bg-warning-subtle:#2d1f05;--color-bg-success-subtle:#0e2b0c;--color-bg-training:var(--primary-500);--color-bg-glass:#0e1012b8;--glass-backdrop:#0009;--color-border-default:#262a31;--color-border-strong:#32373f;--color-border-focus:var(--primary-500);--color-border-danger:var(--secondary-500);--color-text-primary:var(--neutral-50);--color-text-secondary:var(--neutral-200);--color-text-tertiary:var(--neutral-600);--color-text-inverse:var(--neutral-50);--color-text-danger:var(--secondary-500);--color-text-success:#678d58;--color-action-primary:var(--primary-500);--color-action-primary-pressed:var(--primary-600);--color-action-secondary:#262a31;--color-action-danger:var(--secondary-500);--color-action-manager:var(--primary-500);--color-banner-degraded:var(--amber-800);--color-banner-offline:var(--secondary-500);--color-banner-stale-menu:var(--amber-700);--color-status-open:var(--primary-500);--color-status-sent:var(--primary-600);--color-status-partial:#f59e0b;--color-status-closed:#678d58;--color-status-walkout:var(--secondary-500);--color-status-count-variance:#f97316;--color-bg-action-subtle:#5566e824;--color-money-due:var(--neutral-50);--color-money-change:#678d58;--color-status-ok:var(--color-text-success);--color-status-warning:#f59e0b;--color-status-danger:var(--color-text-danger);--color-bg:var(--color-bg-canvas);--color-text:var(--color-text-primary);--color-border:var(--color-border-default);--color-success:var(--color-text-success);--color-warning:var(--amber-600);--color-danger:var(--color-text-danger);--color-bg-secondary:var(--color-bg-surface);--gradient-brand:linear-gradient(180deg, var(--primary-400) 0%, var(--primary-500) 48%, var(--primary-600) 100%);--gradient-brand-glow:radial-gradient(ellipse at 50% 0%, #5566e817, transparent 70%);--gradient-surface-raised:linear-gradient(180deg, #e9edf30e, transparent);--gradient-hero:radial-gradient(ellipse at 30% 18%, #5566e817, transparent 58%), radial-gradient(ellipse at 72% 82%, #5566e80d, transparent 60%);--gradient-obsidian:radial-gradient(ellipse 80% 50% at 50% -10%, #5566e81f, transparent 60%);--glow-brand:0 4px 20px #5566e833;--glow-danger:0 4px 16px #ee2e312e;--glow-brand-text:none;--ring-focus:0 0 0 4px #5566e838;--ring-danger:0 0 0 4px #ee2e3133;--elev-1:0 1px 2px #0003, 0 1px 1px #0000001f;--elev-2:0 2px 8px #00000042, 0 1px 3px #00000029;--elev-3:0 12px 40px #0000005c, 0 4px 12px #0003;--surface-glass:#0e1012bd;--surface-glass-border:#ffffff14;--surface-hairline:#ffffff0f;--surface-top-highlight:inset 0 1px 0 #ffffff0f;--surface-brand-glow:linear-gradient(135deg, #5566e81a, #5566e80a);--color-bg-hover:#ffffff0d;--color-bg-active:#ffffff17;--color-text-faint:#e9edf373;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font:"Inter", system-ui, sans-serif;--font-heading:"IBM Plex Mono", "JetBrains Mono", "DM Mono", ui-monospace, monospace;--font-mono:var(--font-heading);--type-display:600 clamp(22px, 4.4vw, 30px) / 38px var(--font-heading);--type-title:600 clamp(18px, 2.4vw, 20px) / 28px var(--font-heading);--type-body:400 clamp(14px, 1.4vw, 15px) / 22px var(--font);--type-body-strong:500 clamp(14px, 1.4vw, 15px) / 22px var(--font);--type-meta:400 clamp(11px, 1vw, 12px) / 16px var(--font);--type-button:600 clamp(13px, 1.1vw, 14px) / 20px var(--font);--type-mono:500 clamp(13px, 1.1vw, 14px) / 20px var(--font-mono);--type-hero:600 clamp(32px, 6vw, 48px) / 56px var(--font-heading);--hit-min:48px;--hit-primary:56px;--check-rail-width:340px;--bo-nav-width:240px;--bo-max:1280px;--container:1180px;--nav-h:64px;--bp-mobile-max:767px;--bp-tablet-min:768px;--bp-tablet-max:1199px;--bp-desktop-min:1200px;--touch-target-min:44px;--container-mobile:min(100%, var(--bp-mobile-max));--space-fluid-2:clamp(6px, 1.2vw, 8px);--space-fluid-3:clamp(10px, 1.6vw, 12px);--space-fluid-4:clamp(12px, 2vw, 16px);--space-fluid-5:clamp(16px, 3vw, 24px);--ease-out:cubic-bezier(.16, 1, .3, 1);--neutral-050:var(--neutral-50);--color-bg-raised:var(--color-bg-surface-raised);--radius-surface:var(--radius-lg);--radius-control:var(--radius-md);--radius-tag:var(--radius-pill);--font-sans:var(--font);--success-500:var(--color-text-success)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg-canvas:var(--neutral-50);--color-bg-surface:#fff;--color-bg-surface-raised:#fff;--color-bg-inverse:var(--neutral-950);--color-bg-menu-tile:#fff;--color-bg-menu-tile-86:var(--neutral-100);--color-bg-danger-subtle:#fde8e8;--color-bg-warning-subtle:#fef3cd;--color-bg-success-subtle:#d1fae5;--color-bg-glass:#e9edf3b3;--glass-backdrop:#0006;--color-border-default:var(--neutral-100);--color-border-focus:var(--primary-500);--color-border-danger:var(--secondary-600);--color-text-primary:var(--neutral-950);--color-text-secondary:var(--neutral-600);--color-text-inverse:var(--neutral-50);--color-text-danger:var(--primary-500);--color-text-success:var(--green-700);--color-action-primary:var(--primary-500);--color-action-primary-pressed:var(--primary-700);--color-action-secondary:var(--neutral-100);--color-action-manager:var(--primary-500);--color-status-open:var(--primary-700);--color-status-sent:var(--primary-500);--color-status-partial:#d97706;--color-status-closed:var(--green-700);--color-status-walkout:var(--secondary-600);--color-status-count-variance:#ea580c;--color-bg-action-subtle:#5566e814;--color-money-due:var(--neutral-950);--color-money-change:var(--green-700);--color-bg-hover:#0e10120d;--color-bg-active:#0e101217;--color-text-faint:#0e10126b;--surface-hairline:#0e101214;--surface-top-highlight:inset 0 1px 0 #fff9;--ring-focus:0 0 0 4px #5566e829}}[data-theme=light]{--color-bg-canvas:var(--neutral-50);--color-bg-surface:#fff;--color-bg-surface-raised:#fff;--color-bg-inverse:var(--neutral-950);--color-bg-menu-tile:#fff;--color-bg-menu-tile-86:var(--neutral-100);--color-bg-danger-subtle:#fde8e8;--color-bg-warning-subtle:#fef3cd;--color-bg-success-subtle:#d1fae5;--color-bg-glass:#e9edf3b3;--glass-backdrop:#0006;--color-border-default:var(--neutral-100);--color-border-focus:var(--primary-500);--color-border-danger:var(--secondary-600);--color-text-primary:var(--neutral-950);--color-text-secondary:var(--neutral-600);--color-text-inverse:var(--neutral-50);--color-text-danger:var(--primary-500);--color-text-success:var(--green-700);--color-action-primary:var(--primary-500);--color-action-primary-pressed:var(--primary-700);--color-action-secondary:var(--neutral-100);--color-action-manager:var(--primary-500);--color-status-open:var(--primary-700);--color-status-sent:var(--primary-500);--color-status-partial:#d97706;--color-status-closed:var(--green-700);--color-status-walkout:var(--secondary-600);--color-status-count-variance:#ea580c;--color-bg-action-subtle:#5566e814;--color-money-due:var(--neutral-950);--color-money-change:var(--green-700);--color-bg-hover:#0e10120d;--color-bg-active:#0e101217;--color-text-faint:#0e10126b;--surface-hairline:#0e101214;--surface-top-highlight:inset 0 1px 0 #fff9;--ring-focus:0 0 0 4px #5566e829}html,body,#app{height:100%}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;touch-action:manipulation;text-rendering:optimizelegibility;font-size:16px}body{font:var(--type-body);color:var(--color-text-primary);background:var(--color-bg-canvas);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}img,svg{max-width:100%;height:auto;display:block}svg{color:currentColor}svg:not([width]):not([height]){width:clamp(16px,1.4vw,24px)}img,video,picture{max-width:100%;height:auto}img[width],img[height],video[width],video[height]{object-fit:cover}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:600}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--ring-focus);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-600);background-clip:padding-box;border:3px solid #0000}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skeleton{background:linear-gradient(90deg, var(--color-bg-surface), var(--color-bg-surface-raised), var(--color-bg-surface));border-radius:var(--radius-sm);background-size:200% 100%;min-height:16px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-6);min-height:200px;color:var(--color-text-secondary);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);align-content:center;place-items:center;display:grid}.empty-state>div:first-child{border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);width:64px;height:64px;color:var(--color-text-tertiary);box-shadow:var(--surface-top-highlight);border-radius:50%;place-items:center;display:grid}.error-state{gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-danger-subtle);border:1px solid var(--color-border-danger);border-radius:var(--radius-md);color:var(--color-text-danger);display:grid}.error-state strong{font:var(--type-body-strong)}.error-state details{font:var(--type-meta);color:var(--color-text-secondary)}.error-state code{word-break:break-all;font-size:11px}.toast-host{bottom:var(--space-5);z-index:80;gap:var(--space-2);pointer-events:none;width:min(420px,100vw - 32px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--color-bg-surface-raised);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-default);border-left:3px solid var(--color-action-primary);box-shadow:var(--elev-3);font:var(--type-meta);pointer-events:auto;animation:toast-in .22s var(--ease-out);font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--hit-min);min-width:var(--hit-min);padding:0 var(--space-4);border-radius:var(--radius-md);font:var(--type-button);user-select:none;white-space:nowrap;box-shadow:var(--surface-top-highlight);transition:background .12s ease, transform 80ms ease, box-shadow .16s var(--ease-out), color .12s ease;border:1px solid #0000;font-weight:600;display:inline-flex;position:relative}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--ring-focus)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{min-height:40px;padding:0 var(--space-3);font-size:13px}.btn--lg,.btn--tile{min-height:var(--hit-primary);padding:0 var(--space-5);font-size:18px}.btn--primary{background:var(--color-action-primary);color:var(--color-text-inverse);box-shadow:var(--glow-brand)}.btn--primary:not(:disabled):hover{background:var(--color-action-primary-pressed);box-shadow:var(--glow-brand), 0 0 0 2px #5566e840;transform:translateY(-1px)}.btn--primary:not(:disabled):active{background:var(--color-action-primary-pressed);box-shadow:none;transform:translateY(0)scale(.98)}.btn--secondary{background:var(--color-bg-surface-raised);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:var(--surface-top-highlight)}.btn--secondary:not(:disabled):hover{background:var(--color-bg-surface);border-color:var(--color-border-strong)}.btn--secondary:not(:disabled):active{background:var(--color-bg-active);transform:scale(.98)}.btn--ghost{color:var(--color-text-secondary);border-color:var(--color-border-default);box-shadow:none;background:0 0}.btn--ghost:not(:disabled):hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.btn--ghost:not(:disabled):active{background:var(--color-bg-active);transform:scale(.98)}.btn--danger{background:var(--color-action-danger);color:var(--color-text-inverse);box-shadow:inset 0 1px 0 #ffffff24, var(--glow-danger)}.btn--danger:not(:disabled):hover{background:var(--red-700);box-shadow:inset 0 1px 0 #ffffff29, var(--glow-danger);transform:translateY(-1px)}.btn--danger:not(:disabled):active{background:var(--red-800);box-shadow:none;transform:translateY(0)scale(.98)}.btn--manager{background:var(--color-action-manager);color:var(--color-text-inverse);box-shadow:inset 0 1px #ffffff29}.btn--manager:not(:disabled):hover{filter:brightness(1.08)}.btn--manager:not(:disabled):active{filter:brightness(.95);transform:scale(.98)}.btn--brand{background:var(--color-action-primary);color:var(--color-text-inverse);box-shadow:var(--glow-brand)}.btn--brand:not(:disabled):hover{background:var(--color-action-primary-pressed);box-shadow:var(--glow-brand), 0 0 0 2px #5566e840}.btn--brand:not(:disabled):active{box-shadow:none;opacity:.9}.btn--block{width:100%}.icon-btn{width:var(--hit-min);height:var(--hit-min);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);color:var(--color-text-secondary);box-shadow:var(--surface-top-highlight);place-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-grid}.icon-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-bg-surface)}.icon-btn:active{background:var(--color-bg-active);transform:scale(.97)}.capability-locked{opacity:.85;position:relative}.capability-locked:after{content:"";vertical-align:-2px;background:currentColor;width:12px;height:12px;margin-left:6px;display:inline-block;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><rect x='5' y='11' width='14' height='9' rx='2.5'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>") 50%/contain no-repeat}.icon-row{align-items:center;gap:var(--space-3);min-height:52px;display:flex}.banner{width:100%;padding:var(--space-2) var(--space-4);font:var(--type-meta);letter-spacing:.01em;justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-inverse);font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff1f}.banner--info{background:var(--blue-600)}.banner--warning,.banner--degraded,.banner--stale-menu{background:var(--color-banner-degraded)}.banner--danger,.banner--offline{background:var(--color-banner-offline)}.banner--stale-menu{background:var(--color-banner-stale-menu)}.banner-stack{display:grid}.top-status-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);box-shadow:var(--surface-top-highlight);min-height:52px;display:flex}.top-status-bar__left,.top-status-bar__right{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.top-status-bar__meta{font:var(--type-meta);color:var(--color-text-secondary)}.training-chrome{background:var(--color-bg-training);color:var(--color-text-inverse);text-align:center;font:var(--type-meta);letter-spacing:.04em;padding:var(--space-1) var(--space-3);font-weight:700}.training-watermark{pointer-events:none;z-index:5;opacity:.06;font:700 96px / 1 var(--font);color:var(--violet-700);place-items:center;display:grid;position:fixed;inset:0;transform:rotate(-18deg)}.money{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.money--due{color:var(--color-money-due);font-size:1.15em}.money--change{color:var(--color-money-change)}.money--negative{color:var(--color-text-danger)}.money--due.glow-brand-text{text-shadow:var(--glow-brand-text)}.status-chip{border-radius:var(--radius-pill);min-height:22px;font:var(--type-meta);letter-spacing:.01em;color:var(--color-text-inverse);background:var(--neutral-600);border:1px solid #0000;align-items:center;gap:6px;padding:2px 10px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff29}.status-chip:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.status-chip--open{background:var(--color-status-open)}.status-chip--sent{background:var(--color-status-sent)}.status-chip--partially_paid,.status-chip--partial{background:var(--color-status-partial)}.status-chip--closed{background:var(--color-status-closed)}.status-chip--walkout,.status-chip--voided{background:var(--color-status-walkout)}.status-chip--training{background:var(--violet-700)}.status-chip--active{background:var(--color-status-closed)}.status-chip--inactive{background:var(--color-status-partial)}.status-chip--disabled{background:var(--neutral-600)}.status-chip--draft{background:var(--color-status-partial)}.status-chip--submitted{background:var(--color-status-sent)}.status-chip--in_progress{background:var(--color-status-partial)}.status-chip--finalized{background:var(--color-status-closed)}.status-chip--86{background:var(--color-status-walkout)}.status-chip--received{background:var(--color-status-closed)}.status-chip--depleted,.status-chip--wasted,.status-chip--revoked{background:var(--color-status-walkout)}.status-chip--degraded{background:var(--amber-600)}.status-chip--online{background:var(--color-status-closed)}.status-chip--offline{background:var(--color-status-walkout)}.status-chip--provisioning,.status-chip--pending{background:var(--amber-600)}.device-row--new{outline:2px solid var(--amber-600);background:#d977061f;animation:1.2s ease-out device-row-flash}@keyframes device-row-flash{0%{background:#d9770647}to{background:#d977061f}}.segmented{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.segmented__btn{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-sm);font:var(--type-meta);color:var(--color-text-secondary);text-align:center;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.segmented__btn:hover{color:var(--color-text-primary)}.segmented__btn.is-active{background:var(--color-bg-surface-raised);color:var(--color-text-primary);box-shadow:var(--elev-1), var(--surface-top-highlight)}.modal-backdrop{background:var(--glass-backdrop,#0009);-webkit-backdrop-filter:blur(10px);z-index:60;padding:var(--space-4);place-items:center;animation:.16s ease-out backdrop-fade;display:grid;position:fixed;inset:0}.modal-backdrop--glass{-webkit-backdrop-filter:blur(4px);background:#0000004d}.modal{background:var(--color-bg-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--elev-3);border:1px solid var(--color-border-default);width:min(560px,100%);max-height:min(90vh,900px);padding:var(--space-5);gap:var(--space-4);animation:modal-in .18s var(--ease-out);display:grid;overflow:auto}.modal__title{font:var(--type-display);margin:0;font-size:22px;line-height:28px}.modal__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.sheet-backdrop{z-index:200;background:#0006;justify-content:center;align-items:flex-end;animation:.15s ease-out backdrop-fade;display:flex;position:fixed;inset:0}.sheet-backdrop--glass{-webkit-backdrop-filter:blur(4px);background:#0000004d}.sheet{background:var(--color-bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border-strong);width:100%;max-width:500px;max-height:90vh;padding:var(--space-3) var(--space-4) var(--space-5);box-shadow:var(--elev-3);animation:sheet-up .24s var(--ease-out);overflow-y:auto}.sheet--bottom{max-height:90vh}.sheet--glass{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.sheet__handle{background:var(--color-border-default);width:36px;height:4px;margin:0 auto var(--space-3);border-radius:2px}.sheet__title{font:var(--type-title);margin-bottom:var(--space-3)}.sheet__body{margin-bottom:var(--space-4)}.sheet__actions{gap:var(--space-3);display:flex}.field{gap:var(--space-1);display:grid}.field label{font:var(--type-meta);color:var(--color-text-secondary);font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:44px;padding:0 var(--space-3);background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--surface-top-highlight);transition:border-color .12s ease, box-shadow .16s var(--ease-out), background .12s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-border-strong)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--ring-focus);outline:none}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-faint)}.field textarea{min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.pin-pad{gap:var(--space-3);width:min(320px,100%);margin:0 auto;display:grid}.pin-pad__dots{justify-content:center;gap:var(--space-3);min-height:24px;display:flex}.pin-pad__dot{border:2px solid var(--color-border-default);background:0 0;border-radius:50%;width:14px;height:14px;transition:background .1s}.pin-pad__dot.is-filled{background:var(--color-text-primary);border-color:var(--color-text-primary)}.pin-pad__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.pin-pad__key{min-height:var(--hit-primary);border-radius:var(--radius-md);background:var(--color-bg-surface);border:1px solid var(--color-border-default);font:var(--type-title);box-shadow:var(--surface-top-highlight);justify-content:center;align-items:center;transition:background .1s,transform 80ms,border-color .1s;display:flex}.pin-pad__key:hover{border-color:var(--color-border-strong);background:var(--color-bg-surface-raised)}.pin-pad__key:active{background:var(--color-bg-active);transform:scale(.97)}.pin-pad__error{font:var(--type-meta)}.reason-picker{gap:var(--space-4);display:grid}.reason-picker__options{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.reason-option{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font:var(--type-body);text-align:center;background:var(--color-bg-surface);box-shadow:var(--surface-top-highlight);font-size:14px;transition:background .12s,border-color .12s,box-shadow .12s}.reason-option:hover{border-color:var(--color-border-strong)}.reason-option.is-selected{border-color:var(--color-action-primary);background:var(--color-bg-action-subtle);box-shadow:inset 0 0 0 1px var(--color-action-primary);font-weight:600}.reason-option:active{background:var(--color-bg-active)}.data-table{border-collapse:separate;border-spacing:0;background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-default);width:100%;box-shadow:var(--surface-top-highlight);overflow:hidden}.data-table th,.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-default);font:var(--type-meta)}.data-table th{background:var(--color-bg-surface-raised);letter-spacing:.02em;color:var(--color-text-secondary);white-space:nowrap;font-size:11px;font-weight:600}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table tr:last-child td{border-bottom:none}.data-table .money,.data-table td{font-variant-numeric:tabular-nums}.data-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-height:var(--hit-min);box-shadow:var(--surface-top-highlight);transition:border-color .2s ease, transform .15s var(--ease-out), box-shadow .2s ease;grid-template-columns:1fr auto auto auto;align-items:center;display:grid}.data-row:hover{border-color:var(--color-border-strong);box-shadow:var(--elev-1);transform:translateY(-1px)}.data-row__title{font:var(--type-body-strong);align-items:center;gap:var(--space-2);display:flex}.data-row__meta{font:var(--type-meta);color:var(--color-text-secondary)}.data-row__actions{gap:var(--space-1);display:flex}.expand-toggle{margin-right:var(--space-2);transition:transform .15s;display:inline-block}.is-expanded .expand-toggle{transform:rotate(90deg)}.tr-expandable{cursor:pointer}.tr-detail{display:none}.tr-detail.is-visible{display:table-row}.tr-detail td{padding:var(--space-4) var(--space-5);background:var(--color-bg-surface)}.filter-group{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--surface-top-highlight);flex-wrap:wrap;align-items:center;display:flex}.filter-group select,.filter-group input{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);min-height:36px;padding:0 var(--space-3);font:var(--type-meta);background:var(--color-bg-surface)}.filter-connector{font:600 10px / 16px var(--font);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);padding:0 var(--space-1)}.view-toggle{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.view-toggle button{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);font:500 13px / 20px var(--font);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;transition:background .15s,color .15s,box-shadow .15s}.view-toggle button:hover{color:var(--color-text-primary)}.view-toggle button.is-active{background:var(--color-bg-surface-raised);color:var(--color-text-primary);box-shadow:var(--elev-1), var(--surface-top-highlight)}.chart-container{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--surface-top-highlight)}.chart-container__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.chart-container__title{font:var(--type-body-strong);letter-spacing:-.01em;font-size:16px}.chart-bar-chart{align-items:flex-end;gap:var(--space-2);height:140px;padding-top:var(--space-2);display:flex}.chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1;min-height:8px;transition:height .3s;position:relative}.chart-bar__label{font:400 10px / 14px var(--font);color:var(--color-text-secondary);white-space:nowrap;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.chart-comparison{gap:var(--space-2);display:flex}.chart-comparison label{font:var(--type-meta);color:var(--color-text-secondary);align-items:center;gap:var(--space-1);cursor:pointer;display:flex}.overview-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);box-shadow:var(--surface-top-highlight);display:grid}.overview-card__label{font:var(--type-meta);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.overview-card__value{font:600 24px / 32px var(--font-heading);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.overview-card__mono{color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.overview-card__row{justify-content:space-between;align-items:center;display:flex}.overview-card__status{font:500 12px / 16px var(--font);align-items:center;gap:6px;display:inline-flex}.overview-card__status--green{color:var(--color-text-success)}.overview-card__status--yellow{color:var(--color-banner-degraded)}.overview-card__status--red{color:var(--color-text-danger)}.overview-card .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.overview-card .dot--green{background:var(--color-text-success);box-shadow:0 0 6px #678d5866}.overview-card .dot--yellow{background:#f59e0b;box-shadow:0 0 6px #f59e0b66}.overview-card .dot--red{background:var(--color-text-danger);box-shadow:0 0 6px #ee2e3166}.sort-header{align-items:center;gap:var(--space-1);cursor:pointer;user-select:none;display:inline-flex}.sort-header:hover{color:var(--color-text-primary)}.sort-header__arrow{opacity:.3;font-size:10px}.sort-header.is-sorted .sort-header__arrow{opacity:1;color:var(--color-action-primary)}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--surface-top-highlight);place-items:center;transition:color .12s,border-color .12s,background .12s,transform 80ms;display:inline-grid}.theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-action-primary);background:var(--color-bg-surface)}.theme-toggle:active{transform:scale(.94)}.theme-toggle svg{width:18px;height:18px}.shortcut-hint{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-default);font:var(--type-meta);color:var(--color-text-secondary);display:inline-flex}.kbd{background:var(--color-bg-surface);border:1px solid var(--color-border-default);min-width:24px;height:24px;box-shadow:var(--surface-top-highlight);color:var(--color-text-primary);border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.doc-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);font:600 11px / 16px var(--font);display:inline-flex}.doc-badge--pos,.doc-badge--bo{color:#5566e8;background:#eef2ff}.doc-badge--hh{color:#4a6b3e;background:#edf7ee}.doc-badge--all{background:var(--neutral-100);color:var(--neutral-950)}.doc-badge--new{background:var(--gradient-brand);color:#000;font-weight:700}.spinner{border:3px solid var(--neutral-200);border-top-color:var(--color-action-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.surface-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-glass-border);box-shadow:var(--surface-top-highlight)}.glow-brand-text{text-shadow:var(--glow-brand-text)}.glow-brand{box-shadow:var(--glow-brand)}.canvas-brand-glow{background:var(--gradient-brand-glow), var(--color-bg-canvas);background-blend-mode:normal}.docs-shell{min-height:100vh;display:flex}.docs-nav{background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);flex-shrink:0;width:260px;height:100vh;padding:32px 16px;position:sticky;top:0;overflow-y:auto}.docs-nav h1{font:600 18px / 24px var(--font-heading);background:var(--gradient-brand);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.docs-nav p{font:400 12px / 16px var(--font);opacity:.5;color:var(--color-text-secondary);margin:0 0 24px}.docs-nav a{color:var(--color-text-secondary);font:500 13px / 20px var(--font);border-radius:6px;padding:6px 12px;text-decoration:none;transition:all .15s;display:block}.docs-nav a:hover,.docs-nav a.is-active{color:var(--primary-500);box-shadow:inset 2px 0 0 var(--primary-500);background:#5566e81a}.docs-nav .nav-group{font:600 10px / 16px var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:#ffffff4d;padding:16px 12px 4px}.docs-main{background:radial-gradient(ellipse at 30% 0%, #5566e80f, transparent 60%), radial-gradient(ellipse at 70% 100%, #678d580a, transparent 50%), var(--color-bg-canvas);flex:1;min-width:0;max-width:1080px;padding:48px 64px}@media (width<=800px){.docs-shell{flex-direction:column}.docs-nav{border-right:none;border-bottom:1px solid var(--color-border-default);width:100%;height:auto;position:static}.docs-main{padding:24px 16px}}.docs-section{margin-bottom:64px}.docs-section h2{font:600 28px / 36px var(--font-heading);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default);margin:0 0 8px;padding-bottom:8px}.docs-section>p{font:400 14px / 22px var(--font);color:var(--color-text-secondary);max-width:660px;margin:0 0 24px}.docs-section h3{font:600 18px / 24px var(--font-heading);color:var(--color-text-primary);margin:24px 0 12px}.docs-section h4{font:600 14px / 20px var(--font);color:var(--color-text-primary);margin:20px 0 8px}.docs-section p{font:400 14px / 22px var(--font);color:var(--color-text-secondary);max-width:720px;margin:0 0 16px}.docs-section a{color:var(--primary-500)}.docs-section a:hover{text-decoration:underline}.docs-section blockquote{border-left:3px solid var(--primary-500);color:var(--color-text-primary);background:#5566e80d;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 20px}.docs-section ul,.docs-section ol{font:400 14px / 22px var(--font);color:var(--color-text-secondary);margin:0 0 16px;padding-left:24px}.docs-section li{margin-bottom:4px}.docs-section li strong{color:var(--color-text-primary)}.docs-section code{color:var(--primary-500);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.docs-section pre{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:#ffffff08;border-radius:10px;margin-bottom:16px;padding:16px 20px;font:500 12px/20px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.docs-section pre code{color:var(--color-text-secondary);background:0 0;padding:0}.docs-section table{border-collapse:collapse;width:100%;font:400 13px / 20px var(--font);margin-bottom:16px}.docs-section table th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);background:#ffffff08;padding:8px 12px;font-weight:600}.docs-section table td{border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);padding:8px 12px}.docs-section table td:first-child{white-space:nowrap}.docs-section hr{border:none;border-top:1px solid var(--color-border-default);margin:32px 0}.docs-section footer{font:400 12px / 16px var(--font);color:var(--color-text-secondary);border-top:1px solid var(--color-border-default);padding:32px 0}.docs-subsection{margin-bottom:40px}.docs-subsection h3{font:600 18px / 24px var(--font-heading);color:var(--color-text-primary);align-items:center;gap:8px;margin:0 0 6px;display:flex}.docs-subsection h3 .chip{font:600 10px / 16px var(--font);color:var(--color-text-secondary);background:#ffffff14;border-radius:999px;padding:0 8px}.docs-subsection>p{font:400 13px / 20px var(--font);color:var(--color-text-secondary);margin:0 0 16px}.chip{font:600 10px / 16px var(--font);color:var(--color-text-secondary);vertical-align:middle;background:#ffffff14;border-radius:999px;padding:0 8px;display:inline-block}.status-badge{font:600 10px / 16px var(--font-heading);color:var(--primary-500);background:#5566e826;border-radius:999px;align-items:center;margin-right:4px;padding:2px 10px;display:inline-flex}.surface-badge{font:600 10px / 16px var(--font-heading);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.demo-preview{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:10px;margin-bottom:12px;padding:24px}.demo-preview--canvas{background:var(--color-bg-canvas)}.demo-preview--glass{background:var(--color-bg-glass);backdrop-filter:blur(16px);border:1px solid var(--surface-glass-border)}.demo-code{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:#ffffff08;border-radius:10px;margin-bottom:24px;padding:16px 20px;font:500 12px/20px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.demo-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-grid{gap:16px;display:grid}.demo-grid--2{grid-template-columns:1fr 1fr}@media (width<=600px){.demo-grid--2{grid-template-columns:1fr}}.token-table{border-collapse:collapse;width:100%;font:400 13px / 20px var(--font)}.token-table th{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-default);background:#ffffff08;padding:8px 12px;font-weight:600}.token-table td{border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);padding:8px 12px}.token-table td:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.token-swatch{vertical-align:middle;border:1px solid #ffffff1a;border-radius:4px;width:20px;height:20px;margin-right:6px;display:inline-block}.gradient-demo{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.gradient-card{min-height:80px;font:500 12px / 16px var(--font-heading);border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;padding:24px;display:flex}.glow-demo{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.glow-sample{width:100px;height:100px;font:600 14px / 20px var(--font-heading);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;justify-content:center;align-items:center;display:flex}.glow-sample--brand{box-shadow:var(--glow-brand);color:var(--primary-500);border-color:#5566e840}.glow-sample--danger{box-shadow:var(--glow-danger);color:var(--secondary-500);border-color:#ee2e314d}.glow-sample--brand-text{color:var(--primary-500);text-shadow:var(--glow-brand-text)}.glass-demo{background:linear-gradient(135deg, #5566e81a, #3e4fbf1a), var(--color-bg-canvas);border-radius:12px;flex-wrap:wrap;gap:16px;padding:32px;display:flex}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(16px);border:1px solid var(--surface-glass-border);border-radius:12px;min-width:180px;padding:24px}.glass-panel h4{font:600 14px / 20px var(--font-heading);color:var(--color-text-primary);margin:0 0 4px}.glass-panel p{font:400 12px / 16px var(--font);color:var(--color-text-secondary);margin:0}.pos-shell{background:var(--color-bg-canvas);flex-direction:column;min-height:480px;display:flex}.pos-check{flex:1;min-height:0;display:flex}.pos-check__workspace{flex-direction:column;flex:1;min-width:0;display:flex}.pos-check__toolbar{border-bottom:1px solid var(--color-border-default);align-items:center;gap:12px;padding:12px 16px;display:flex}.menu-grid{flex:1;padding:16px;overflow-y:auto}.menu-tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.menu-tile{background:var(--color-bg-menu-tile);border:1px solid var(--color-border-default);cursor:pointer;text-align:left;border-radius:10px;gap:4px;min-height:72px;padding:14px;transition:all .15s;display:grid}.menu-tile:hover{border-color:#5566e859;transform:scale(1.03);box-shadow:0 0 12px #5566e814}.menu-tile:active{transform:scale(.97)}.menu-tile__name{font:500 14px / 20px var(--font);color:var(--color-text-primary)}.menu-tile__price{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font:600 14px/20px ui-monospace,monospace}.menu-tile.is-86{opacity:.4;border-style:dashed}.menu-tile__badge{color:var(--secondary-500);font:700 9px / 14px var(--font-heading);background:#ee2e3126;border-radius:4px;padding:0 5px;position:absolute;top:4px;right:4px}.check-rail{background:var(--color-bg-surface);border-left:1px solid var(--color-border-default);flex-direction:column;flex-shrink:0;width:300px;display:flex}.check-rail__lines{flex:1;gap:4px;padding:8px 12px;display:grid;overflow-y:auto}.check-line{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.check-line:hover{background:#ffffff08}.check-line__name{font:500 14px / 20px var(--font);color:var(--color-text-primary)}.check-line__mods{font:400 11px / 16px var(--font);color:var(--color-text-secondary)}.check-line.is-voided{opacity:.4}.check-line.is-voided .check-line__name{text-decoration:line-through}.check-rail__totals{border-top:1px solid var(--color-border-default);gap:4px;padding:12px;display:grid}.check-rail__row{font:400 13px / 20px var(--font);color:var(--color-text-secondary);justify-content:space-between;display:flex}.check-rail__row--due{color:var(--color-text-primary);border-top:1px solid var(--color-border-default);margin-top:4px;padding-top:8px;font-weight:700}.check-rail__actions{background:var(--color-bg-canvas);border-top:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.bo-shell{background:var(--color-bg-canvas);flex-direction:column;min-height:400px;display:flex}.bo-nav{background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);align-items:center;gap:8px;min-height:52px;padding:0 16px;display:flex}.bo-nav__brand{font:600 16px / 24px var(--font-heading);background:var(--gradient-brand);-webkit-text-fill-color:transparent;background-clip:text;margin-right:24px}.bo-nav__links{gap:2px;display:flex}.bo-nav__link{font:500 13px / 20px var(--font);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 14px;transition:all .15s}.bo-nav__link.is-active{color:var(--primary-500);background:#5566e814}.bo-nav__link:hover:not(.is-active){color:var(--color-text-primary);background:#ffffff08}.bo-main{flex:1;gap:20px;padding:20px 24px;display:grid}.bo-top,.bo-page-header{justify-content:space-between;align-items:center;display:flex}.rollup-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rollup-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;gap:8px;padding:20px;display:grid}.rollup-card h2{font:400 12px / 16px var(--font);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.rollup-card__net{font:600 28px / 36px var(--font-heading);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.landing-demo{--l-canvas:#0e1012;--l-surface:#16181c;--l-raised:#1d2026;--l-border:#262a31;--l-strong:#32373f;--l-text:#e9edf3;--l-secondary:#9aa3b2;--l-accent:#90a2ff;--l-brand:#5566e8;--l-grad:linear-gradient(135deg, #5566e8, #6372f2);background:var(--l-canvas);border:1px solid var(--l-border);color:var(--l-text);font-family:var(--font);border-radius:16px;padding:24px}.landing-demo .l-mono,.landing-demo .l-title,.landing-demo .l-label{font-family:var(--font-heading)}.landing-demo .l-title{letter-spacing:-.02em;font-weight:600;line-height:1.1}.landing-demo .l-btn{border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.landing-demo .l-btn--primary{background:var(--l-grad);color:#fff}.landing-demo .l-btn--ghost{border:1px solid var(--l-strong);color:var(--l-text)}.landing-demo .l-chip{font:600 10px / 16px var(--font-heading);border:1px solid var(--l-border);color:var(--l-secondary);border-radius:999px;padding:2px 8px;display:inline-block}.landing-demo .l-chip--accent{color:var(--l-accent);background:#90a2ff1a;border-color:#90a2ff66}.landing-demo .l-chip--ok{color:#678d58;background:#678d581a;border-color:#678d5866}.landing-demo .l-badge{font:600 10px / 16px var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--l-secondary);border:1px solid var(--l-border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.landing-demo .l-dot{background:var(--l-accent);border-radius:50%;width:7px;height:7px;display:inline-block}.landing-demo .l-dot--ok{background:#678d58}.landing-demo .l-row{border-bottom:1px solid var(--l-border);align-items:center;gap:12px;padding:14px 0;display:flex}.landing-demo .l-row:first-of-type{border-top:1px solid var(--l-border)}.landing-demo .l-num{font:500 12px / 16px var(--font-heading);color:var(--l-secondary);width:28px}.landing-demo .l-cell{border:1px solid var(--l-border);background:var(--l-raised);border-radius:16px;padding:20px}.landing-demo .l-cell h4{font:600 14px / 20px var(--font);color:var(--l-text);margin:10px 0 4px}.landing-demo .l-cell p{font:400 12px / 18px var(--font);color:var(--l-secondary);margin:0}.landing-demo .l-win{border:1px solid var(--l-strong);background:linear-gradient(#14171c,#101215);border-radius:16px;overflow:hidden}.landing-demo .l-win-top{border-bottom:1px solid var(--l-border);font:500 11px / 16px var(--font-heading);color:var(--l-secondary);align-items:center;gap:12px;padding:10px 14px;display:flex}.landing-demo .l-win-top .l-spacer{flex:1}.landing-demo .l-win-live{color:#678d58;align-items:center;gap:6px;display:inline-flex}.landing-demo .l-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;display:grid}.landing-demo .l-stat{border:1px solid var(--l-border);border-radius:12px;padding:10px 12px}.landing-demo .l-stat b{font:600 15px / 20px var(--font-heading);display:block}.landing-demo .l-stat span{font:400 10px / 14px var(--font);color:var(--l-secondary)}.landing-demo .l-kds{border:1px solid var(--l-border);border-radius:12px;margin:0 14px 14px;padding:12px 14px}.landing-demo .l-kds p{font:500 11px / 18px var(--font-heading);color:var(--l-secondary);margin:0 0 4px}.landing-demo .l-kds b{color:var(--l-text)}.landing-demo .l-marquee{border-top:1px solid var(--l-border);border-bottom:1px solid var(--l-border);white-space:nowrap;font:500 12px / 16px var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--l-secondary);padding:14px 0;overflow:hidden}.landing-demo .l-marquee span{color:var(--l-brand)}.landing-demo .l-input{border:1px solid var(--l-strong);background:var(--l-canvas);height:44px;color:var(--l-text);font:400 14px / 20px var(--font);border-radius:12px;padding:0 14px}.landing-demo .l-label{font:500 12px / 18px var(--font);color:var(--l-text);margin-bottom:6px;display:block}.landing-demo .l-foot{font:400 12px / 18px var(--font);color:var(--l-secondary);border-top:1px solid var(--l-border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:var(--neutral-050);background:#7c93ff47}.container{max-width:var(--container);padding:0 max(var(--space-5), env(safe-area-inset-left,0px)) max(var(--space-5), env(safe-area-inset-right,0px));margin:0 auto}.mono{font-family:var(--font-mono)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(20px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}