.utility-bar{color:var(--utility-text);background:#1b2026;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 20px;font-size:11px;display:flex}.utility-bar .group{align-items:center;gap:18px;display:flex}.locale-toggle{border-radius:var(--radius-pill);min-height:40px;font-family:inherit;font-size:var(--fs-md);cursor:pointer;box-sizing:border-box;transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);background:0 0;flex:none;place-items:center;padding:0 18px;font-weight:700;display:inline-grid}.locale-toggle-face{grid-area:1/1}.locale-toggle-ghost{visibility:hidden;pointer-events:none}.locale-toggle--dark{color:var(--card-stripe-a);border:1px solid #ffffff47}.locale-toggle--dark:hover{border-color:var(--focus-on-dark)}.locale-toggle--dark:active{background:#ffffff1f;transform:translateY(1px)}.locale-toggle--light{border:1px solid var(--on-dark-muted);color:var(--text)}.locale-toggle--light:active{background:var(--panel-cool);transform:translateY(1px)}.locale-toggle:focus-visible{outline:2px solid var(--focus-on-dark);outline-offset:2px}.locale-toggle--light:focus-visible{outline-color:var(--blue)}.utility-bar .link{cursor:pointer}.utility-bar .link:hover{color:#fff}.utility-bar .pending-note{color:#f0b35c;font-weight:600}.site-header{background:var(--ink);border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:24px;padding:14px 20px;display:flex}.logo{cursor:pointer;color:var(--card-stripe-a);flex-direction:column;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.logo img{width:auto;height:38px;display:block}.header-actions{--ctl-fg:var(--white);--ctl-muted:var(--on-dark-muted);--ctl-active:var(--orange-on-dark);--ctl-hover-bg:#ffffff1f;--ctl-ring:var(--ink);--ctl-focus:var(--focus-on-dark);align-items:center;gap:4px;margin-left:auto;display:flex}.site-footer{background:var(--ink);color:var(--footer-text);flex:none;padding:14px 20px;font-size:11.5px;display:flex}.utility-bar button.link{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.utility-bar button.link:hover{color:#fff}.utility-bar button.link:focus-visible{outline-offset:2px;outline:2px solid #fff}.skip-link{z-index:200;background:var(--ink);color:#fff;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.m-chrome{display:none}.m-bar{align-items:center;gap:2px;height:56px;padding:0 6px;display:flex}.m-icon-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--card-stripe-a);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.m-icon-btn:hover{background:#ffffff1f}.m-icon-btn:disabled{color:var(--on-dark-muted);cursor:default}.m-icon-btn:focus-visible{outline:2px solid var(--focus-on-dark);outline-offset:1px}.m-logo{min-width:0;color:var(--card-stripe-a);flex:1;justify-content:center;align-items:center;display:flex}.m-logo img{width:auto;height:30px;display:block}.m-drawer-overlay{z-index:180;background:#14181c8c;position:fixed;inset:0}.m-drawer{z-index:190;background:#fff;flex-direction:column;width:min(320px,86vw);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 18px #14181c40}.m-drawer-head{background:var(--ink);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 6px 0 16px;display:flex}.m-drawer-title{font-family:var(--font-condensed);letter-spacing:1.6px;text-transform:uppercase;font-size:15px;font-weight:700}.m-drawer-close{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.m-drawer-close:focus-visible{outline-offset:1px;outline:2px solid #fff}.m-drawer-section{border-bottom:1px solid var(--border);padding:10px 0}.m-drawer-locale{border-bottom:0;padding:12px 16px}.m-drawer-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);padding:4px 16px 6px;font-size:10.5px;font-weight:700}.m-drawer-item{text-align:left;width:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.m-drawer-item:hover{background:var(--panel-bg)}.m-drawer-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.m-drawer-note{color:var(--text-secondary);padding:8px 16px;font-size:13px}.m-drawer-pending{color:#a06a12;margin-top:2px;font-size:11.5px;font-weight:700;display:block}.m-drawer-depts{flex-shrink:0}.m-dept-row{align-items:center;display:flex}.m-dept-row .m-dept-link{flex:auto;width:auto}.m-dept-name{flex:auto;min-width:0}.m-dept-count{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.m-dept-toggle{height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;display:inline-flex}.m-dept-toggle:hover{color:var(--text)}.m-dept-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.m-dept-toggle svg{transition:transform .14s}.m-dept-toggle.open svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.m-dept-toggle svg{transition:none}}.m-dept-subitem{color:var(--text-secondary);padding-left:40px;font-weight:500}.cycle-inline{display:none}.cycle-strip{background:var(--ink);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff24}.cycle-strip-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding:8px 24px;display:flex}.cycle-strip-label{color:var(--on-dark-muted);font-size:var(--fs-md);font-weight:600}.cycle-timer{font-family:var(--font-display);gap:6px;display:inline-flex}.cycle-box{border-radius:var(--radius-btn-lg);text-align:center;background:#ffffff14;border:1px solid #ffffff24;min-width:44px;padding:6px 0 5px}.cycle-box--urgent{background:#e8763f29;border-color:#e8763f73}.cycle-box-value{font-weight:800;font-size:var(--fs-18);color:var(--white);font-variant-numeric:tabular-nums;line-height:1}.cycle-box--urgent .cycle-box-value{color:var(--orange-on-dark)}.cycle-box-label{font-weight:700;font-size:var(--fs-micro);letter-spacing:.14em;color:var(--timer-label);margin-top:3px}.cycle-box--urgent .cycle-box-label{color:var(--orange-label)}.cycle-timer-loading{color:var(--on-dark-muted);font-size:var(--fs-lg);letter-spacing:.1em}@media (min-width:1024px){.cycle-inline{flex-direction:column;flex:0 0 164px;justify-content:center;align-items:center;gap:2px;height:48px;display:flex;overflow:hidden}.cycle-inline-label{max-width:100%;color:var(--on-dark-muted);font-size:var(--fs-2xs);text-align:center;white-space:nowrap;font-weight:700;line-height:11px}.cycle-inline .cycle-timer{gap:4px}.cycle-inline .cycle-box{border-radius:var(--radius-sm);width:34px;min-width:34px;height:30px;padding:3px 0 2px}.cycle-inline .cycle-box-value{font-size:var(--fs-md);line-height:14px}.cycle-inline .cycle-box-label{margin-top:1px;font-size:7px;line-height:8px}.cycle-inline .cycle-timer-loading{min-height:30px;font-size:var(--fs-md);align-items:center;display:inline-flex}.cycle-strip{display:none}}@media (max-width:767.98px){.app-shell[data-catalog-index=true]>.cycle-strip{display:none}.cycle-strip-inner{gap:8px;padding:8px 12px}.cycle-strip-label{font-size:var(--fs-sm)}}@keyframes ctlPulse{0%,to{opacity:.35}50%{opacity:.7}}.cart-action,.account-control{box-sizing:border-box;color:var(--ctl-fg,var(--text));border-radius:var(--radius-btn);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.cart-action:hover,.account-control:hover{background:var(--ctl-hover-bg,var(--hover-bg))}.cart-action:active,.account-control:active{transform:translateY(1px)}.cart-action:focus-visible,.account-control:focus-visible{outline:2px solid var(--ctl-focus,var(--blue));outline-offset:2px}.cart-action.is-active,.account-control.is-active{border-bottom-color:var(--orange-accent)}.cart-action.is-active .cart-action-glyph,.account-control.is-active .account-glyph{color:var(--ctl-active,var(--orange))}.cart-action--header{flex-direction:column;justify-content:center;gap:2px;min-width:52px;min-height:48px;padding:4px 10px}.cart-action-glyph{display:inline-flex;position:relative}.cart-badge{border-radius:var(--radius-pill);background:var(--nav-inactive);min-width:18px;height:18px;color:var(--ink);font-size:var(--fs-2xs);box-sizing:border-box;border:2px solid var(--ctl-ring,#fff);justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex;position:absolute;top:-7px;right:-10px}.cart-badge--orange{background:var(--orange);color:var(--white)}.cart-badge--almost{box-shadow:0 0 0 2px var(--ctl-ring,#fff), 0 0 0 3px var(--orange-on-dark)}.cart-action--tab .cart-badge{border:none;min-width:16px;height:16px;padding:0 4px;top:-5px;right:-11px}.cart-action-label{font-size:var(--fs-sm);white-space:nowrap;font-weight:700;line-height:1.1}.cart-action-label.is-muted{color:var(--ctl-muted,var(--text-muted))}.cart-action-shimmer{border-radius:var(--radius-xs);background:currentColor;width:50px;height:9px;margin-top:3px;animation:1.2s ease-in-out infinite ctlPulse}.cart-action.is-disabled{opacity:.45;cursor:default}.account-control--full,.account-control--compact{gap:11px;min-height:48px;padding:6px 10px}.account-glyph{flex:none;display:inline-flex}.account-text{flex-direction:column;justify-content:center;align-items:flex-start;min-width:96px;line-height:1.15;display:flex}.account-control--compact .account-text{min-width:auto}.account-primary{font-size:var(--fs-15);white-space:nowrap;font-weight:600}.account-secondary{font-size:var(--fs-md);color:var(--ctl-muted,var(--text-muted));white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-top:1px;font-weight:400;overflow:hidden}.account-shimmer{border-radius:var(--radius-xs);background:currentColor;width:78px;height:10px;margin-top:4px;animation:1.2s ease-in-out infinite ctlPulse}.cart-action--tab,.account-control--tab{border-radius:var(--radius-sm);flex-direction:column;gap:2px;min-width:48px;min-height:56px;padding:6px 4px}.account-tab-label,.cart-action--tab .cart-action-label{font-size:var(--fs-2xs);letter-spacing:.02em;font-weight:700}.tab-bar,.tab-bar-spacer{display:none}@media (max-width:767.98px){.tab-bar{z-index:130;background:var(--ink);min-height:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom,0px));padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));--ctl-fg:var(--nav-inactive);--ctl-muted:var(--on-dark-muted);--ctl-active:var(--orange-on-dark);--ctl-hover-bg:#ffffff14;--ctl-ring:var(--ink);--ctl-focus:var(--focus-on-dark);border-top:1px solid #ffffff24;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #151a1f2e}.tab-bar-spacer{height:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom,0px));background:var(--ink);display:block}}.tab-bar .tab-item,.tab-bar .cart-action,.tab-bar .account-control{min-width:0;min-height:56px;color:var(--ctl-fg);cursor:pointer;border-bottom:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 2px;text-decoration:none;display:flex}.tab-item{border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-standard)}.tab-item:active{transform:translateY(1px)}.tab-bar .tab-item:hover,.tab-bar .cart-action:hover,.tab-bar .account-control:hover{background:var(--ctl-hover-bg)}.tab-bar .tab-item:focus-visible,.tab-bar .cart-action:focus-visible,.tab-bar .account-control:focus-visible{outline:2px solid var(--ctl-focus);outline-offset:-2px}.tab-item-label{font-size:var(--fs-2xs);letter-spacing:.02em;font-weight:700}.tab-bar .tab-item.is-active,.tab-bar .cart-action.is-active,.tab-bar .account-control.is-active{color:var(--ctl-active)}@media (prefers-reduced-motion:reduce){.cart-action-shimmer,.account-shimmer{opacity:.5;animation:none}}.desktop-chrome{z-index:120;background:var(--ink);position:sticky;top:0}.desktop-chrome .utility-bar{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;gap:18px;height:50px;padding:0 20px}.utility-actions{flex:none;margin-left:auto}.desktop-chrome .logo{flex-direction:row;flex:none}.desktop-chrome .logo img{height:32px}.desktop-chrome .site-header{flex-wrap:nowrap;gap:12px;height:64px;padding:8px 20px}.signup-chrome{z-index:120;background:var(--hakka-header-deep);justify-content:space-between;align-items:center;gap:18px;height:50px;padding:0 20px;display:flex;position:sticky;top:0}.signup-chrome .logo{flex-direction:row;flex:none}.signup-chrome .logo img{height:32px}.app-shell{--orange:var(--hakka-orange-primary);--orange-hover:var(--hakka-orange-active);--orange-active:var(--hakka-orange-active);--orange-accent:var(--hakka-orange-primary);--orange-on-dark:var(--hakka-orange-active);--cta:var(--hakka-orange-primary);--cta-hover:var(--hakka-orange-active)}.desktop-chrome{background:var(--hakka-header-main)}.desktop-chrome .utility-bar{background:var(--hakka-header-deep)}.desktop-chrome .site-header,.m-chrome{background:var(--hakka-header-main)}.m-bar{background:var(--hakka-header-deep)}.tab-bar,.tab-bar-spacer{background:var(--hakka-bottom-nav)}.tab-bar{--ctl-active:var(--hakka-orange-active);--ctl-ring:var(--hakka-bottom-nav)}.cart-badge--orange{background:var(--hakka-orange-active)}.search-form{border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--page-bg);align-items:center;gap:8px;height:48px;padding:0 5px 0 12px;display:flex}.search-form--desktop{flex:420px;min-width:220px;max-width:720px}.search-form:focus-within{outline:2px solid var(--focus-on-dark);outline-offset:2px}.search-form .search-glyph{color:var(--text-muted);flex:none;align-items:center;display:inline-flex}.search-form input{min-width:0;height:100%;color:var(--text);font-size:var(--fs-md);background:0 0;border:0;outline:0;flex:1;padding:0 2px}.search-form input::placeholder{color:var(--text-muted)}.search-form input:disabled,.search-form button:disabled{opacity:1}.search-clear-slot{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.search-clear{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.search-clear:hover{background:var(--pressed-cool);color:var(--text)}.search-clear:active{transform:translateY(1px)}.search-clear:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.search-submit{border-radius:var(--radius-btn);background:var(--orange);height:38px;color:var(--white);font-size:var(--fs-13);letter-spacing:.3px;cursor:pointer;border:0;flex:none;padding:0 18px;font-weight:700}.search-submit:hover{background:var(--orange-hover)}.search-submit:active{background:var(--orange-active);transform:translateY(1px)}.search-submit:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.department-menu{flex:none;position:relative}.department-trigger{border-radius:var(--radius-btn);min-width:176px;height:48px;color:var(--white);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:0 0;border:1px solid #ffffff3d;justify-content:flex-start;align-items:center;gap:9px;padding:0 13px;font-weight:700;display:inline-flex}.department-trigger:hover,.department-trigger.is-open{background:#ffffff1f;border-color:#ffffff7a}.department-trigger:active{background:var(--ink-3);transform:translateY(1px)}.department-trigger:focus-visible{outline:2px solid var(--focus-on-dark);outline-offset:2px}.department-trigger:disabled{opacity:.65;cursor:default}.department-trigger-chevron{transition:transform var(--dur-fast) var(--ease-standard);margin-left:auto;display:inline-flex}.department-trigger.is-open .department-trigger-chevron{transform:rotate(180deg)}.department-panel{z-index:160;width:min(420px,100vw - 40px);max-height:calc(100vh - var(--chrome-desktop-height) - 16px);border:1px solid var(--border-warm);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-lg);animation:department-panel-in var(--dur-fast) var(--ease-standard);padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}@keyframes department-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.department-panel-label{color:var(--text-muted);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px 8px;font-weight:700}.department-panel-list{gap:2px;display:grid}.department-panel-link,.department-panel-all{border-radius:var(--radius-sm);min-height:44px;color:var(--text);font-size:var(--fs-md);align-items:center;gap:10px;padding:9px 10px;font-weight:600;text-decoration:none;display:flex}.department-panel-link:hover,.department-panel-all:hover{background:var(--panel-cool);color:var(--text);text-decoration:none}.department-panel-link:active,.department-panel-all:active{background:var(--pressed-cool)}.department-panel-link:focus-visible,.department-panel-all:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.department-panel-marker{border:2px solid var(--orange);border-radius:var(--radius-circle);flex:none;width:8px;height:8px}.department-panel-link.is-active .department-panel-marker{background:var(--orange)}.department-panel-name{flex:1;min-width:0}.department-panel-count{color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex:none}.department-panel-all{border-top:1px solid var(--border-soft);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--blue);margin-top:6px}.desktop-chrome .header-actions,.m-tablet-actions{--ctl-fg:var(--white);--ctl-muted:var(--on-dark-muted);--ctl-active:var(--orange-on-dark);--ctl-hover-bg:#ffffff1f;--ctl-ring:var(--ink);--ctl-focus:var(--focus-on-dark);align-items:center;gap:4px;display:flex}.desktop-chrome .header-actions{flex:none;margin-left:auto}.m-bar-actions,.m-tablet-actions{align-items:center;display:flex}.m-bar-actions{flex:none;gap:4px}.m-tablet-actions{gap:2px}.search-form--compact{height:50px;margin:0 12px 10px}.search-form--compact input{font-size:var(--fs-base)}.m-drawer-overlay{opacity:0;pointer-events:none;background:var(--overlay);transition:opacity var(--dur-fast) var(--ease-standard)}.m-drawer-overlay.is-open{opacity:1;pointer-events:auto}.m-drawer{opacity:0;pointer-events:none;transition:transform var(--dur-med) var(--ease-standard), opacity var(--dur-med) var(--ease-standard);animation:none;transform:translate(-100%)}.m-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(0)}#main-content{width:100%;min-width:0;scroll-margin-top:var(--chrome-desktop-height);flex:1 0 auto}.app-shell[data-signup-wizard=true] #main-content{scroll-margin-top:50px}@media (max-width:1023.98px){.desktop-chrome{display:none}.m-chrome{z-index:120;background:var(--hakka-header-main);border-bottom:1px solid #ffffff24;display:block;position:sticky;top:0}#main-content{scroll-margin-top:var(--chrome-compact-height)}.signup-chrome{height:56px;padding:0 12px}.signup-chrome .logo img{height:30px}.app-shell[data-signup-wizard=true] #main-content{scroll-margin-top:56px}}@media (min-width:1024px){.desktop-chrome{display:block}}@media (min-width:768px) and (max-width:1023.98px){.m-bar{gap:8px;padding:0 12px}.m-logo{justify-content:flex-start}.m-tablet-actions .account-control--compact{padding-inline:8px}}@media (max-width:767.98px){.m-tablet-actions{display:none}}@media (prefers-reduced-motion:reduce){.department-trigger-chevron,.department-panel,.m-drawer-overlay,.m-drawer{transition:none;animation:none}}
:root{--ink:#232a31;--ink-hover:#39434d;--text:#21262b;--text-secondary:#3a4249;--text-tertiary:#67707a;--text-muted:#616a74;--text-faint:#9aa4ac;--page-bg:#f6f5f2;--panel-bg:#f6f7f8;--panel-bg-alt:#f9fafb;--hover-bg:#f2f4f5;--border:#d5d9dd;--border-tile:#dcdfe2;--border-soft:#e2e6e9;--border-softer:#e9ecee;--border-faint:#eef1f3;--border-btn:#cfd5da;--orange:#b84e15;--orange-hover:#a04010;--orange-active:#8f3c10;--orange-accent:#d4611f;--cta:#b84e15;--cta-hover:#9c3f11;--hakka-header-deep:#040609;--hakka-header-main:#090d12;--hakka-bottom-nav:#090d12;--hakka-orange-primary:#d84702;--hakka-orange-active:#f14a00;--hakka-logo-orange:#ee5b04;--hakka-logo-orange-highlight:#f75d01;--hakka-logo-orange-shadow:#d64700;--hakka-logo-white:#fff;--blue:#2a6ea8;--blue-hover:#1d5285;--blue-fill:#e8f2fb;--green:#1e7a3a;--amber:#a86200;--danger:#a83232;--utility-text:#b8c0c7;--footer-text:#9aa4ac;--product-photo-ratio:640 / 479;--font-body:Barlow, system-ui, sans-serif;--font-condensed:"Barlow Condensed", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--bp-md:768px;--bp-wide:1024px;--chrome-desktop-height:114px;--chrome-compact-height:117px;--mobile-tab-bar-height:71px;--white:#fff;--on-dark-muted:#b3bcc3;--nav-inactive:#98a3ad;--timer-label:#8fa0ad;--orange-on-dark:#f0824a;--orange-icon:#e8763f;--orange-label:#e8955f;--focus-on-dark:#8fb8dd;--ink-3:#454e56;--panel-cool:#eef0f1;--pressed-cool:#e2e5e8;--warm-100:#f1ede6;--card-stripe-a:#f3efe9;--card-stripe-b:#efe9e1;--neutral-500:#8a939b;--text-muted-2:#6b7480;--icon-muted:#8a9099;--watermark:#a49b8a;--row-sub:#8a8578;--chevron:#b3aca0;--border-warm:#e3ded6;--card-border:#e8e4dd;--card-border-hover:#d5cfc4;--field-border:#b9b2a6;--row-border:#d8d2c8;--green-bg:#e4f0e8;--green-hover:#166030;--green-active:#124d27;--pending-bg:#f9e7dc;--draft-bg:#fbf1ea;--fs-micro:8px;--fs-3xs:9px;--fs-2xs:10px;--fs-xs:11px;--fs-sm:12px;--fs-13:13px;--fs-md:14px;--fs-15:15px;--fs-base:16px;--fs-18:18px;--fs-lg:20px;--fs-22:22px;--fs-xl:24px;--fs-26:26px;--fs-29:29px;--fs-2xl:30px;--fs-hero:44px;--font-display:"Barlow Semi Condensed", "Barlow Condensed", system-ui, sans-serif;--space-0_5:2px;--space-1:4px;--space-1_5:6px;--space-2:8px;--space-2_5:10px;--space-3:12px;--space-3_5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:8px;--radius-btn:9px;--radius-btn-lg:10px;--radius-md:12px;--radius-card:14px;--radius-card-inner:13px;--radius-pill:999px;--radius-circle:50%;--shadow-sm:0 1px 3px #151a1f14;--shadow-md:0 1px 2px #151a1f0f, 0 1px 3px #151a1f14;--shadow-lg:0 12px 32px #151a1f2e;--shadow-card-hover:0 4px 14px #151a1f14;--overlay:#151a1f80;--ease-standard:cubic-bezier(.2, 0, .2, 1);--dur-fast:.15s;--dur-med:.24s}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);font-family:var(--font-body);color:var(--text);font-size:13px}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover);text-decoration:underline}button,input,select{font-family:inherit}input:focus,select:focus{outline:2px solid #9fb4c455}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--blue);outline-offset:1px}@keyframes clfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#e9ecee 25%,#f3f5f6 37%,#e9ecee 63%) 0 0/800px 100%;border-radius:3px;animation:1.3s infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton{background:#e9ecee;animation:none}}.page-wrap{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:10px 20px 36px}.app-shell{background:var(--page-bg);flex-direction:column;min-height:100dvh;display:flex}.btn-orange{background:var(--cta);color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:2px;padding:8px 10px;font-size:12.5px;font-weight:700}.btn-orange:hover{background:var(--cta-hover)}.btn-orange:disabled{color:var(--text-tertiary);cursor:default;background:#d5d9dd}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-btn);cursor:pointer;background:#fff;border-radius:2px;font-size:12.5px;font-weight:600}.btn-ghost:hover{border-color:var(--text-faint)}.btn-dark{background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;border-radius:2px;font-size:12.5px;font-weight:600}.btn-dark:hover{background:var(--ink-hover)}