:root{--paper: #FBFCFD;--paper-2: #F1F4F7;--card: #FFFFFF;--ink: #0E1116;--ink-2: #3A424C;--muted: #6B7280;--line: rgba(14, 17, 22, .08);--line-strong: rgba(14, 17, 22, .14);--accent: #E11D48;--accent-deep: #BE123C;--accent-soft: #FFE4E6;--accent-ink: #FFFFFF;--gold: #B45309;--gold-soft: #FEF3C7;--green: #047857;--green-soft: #D1FAE5;--red-soft: var(--accent-soft);--blue: #1D4ED8;--blue-soft: #DBEAFE;--success: var(--green);--danger: var(--accent);--warning: var(--gold);--info: var(--blue);--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "Spline Sans Mono", ui-monospace, monospace;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(14, 17, 22, .04);--shadow-sm: 0 1px 2px rgba(14, 17, 22, .04), 0 1px 3px rgba(14, 17, 22, .06);--shadow-md: 0 4px 8px rgba(14, 17, 22, .05), 0 12px 28px rgba(14, 17, 22, .09);--shadow-lg: 0 16px 40px rgba(14, 17, 22, .1), 0 4px 8px rgba(14, 17, 22, .06);--shadow-pop: 0 24px 60px rgba(14, 17, 22, .18);--shadow-accent: 0 8px 24px rgba(225, 29, 72, .28);--grad-ink: linear-gradient(135deg, #1A1F26 0%, #0B0E12 100%);--grad-accent: linear-gradient(135deg, #F43F5E 0%, #BE123C 100%);--grad-paper: linear-gradient(180deg, #FFFFFF 0%, #F4F6F8 100%);--grad-glass: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.4) 100%);--ease-snap: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-xfast: 80ms;--dur-fast: .15s;--dur-base: .24s;--dur-slow: .38s;--rail-w: 76px;--tap: 44px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--paper: #0B0E12;--paper-2: #141921;--card: #1B2129;--ink: #F1F4F8;--ink-2: #B7C0CC;--muted: #7C8898;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--accent: #F43F5E;--accent-deep: #E11D48;--accent-soft: rgba(244, 63, 94, .16);--gold: #FBBF24;--gold-soft: rgba(245, 158, 11, .16);--green: #34D399;--green-soft: rgba(16, 185, 129, .16);--red-soft: var(--accent-soft);--blue: #60A5FA;--blue-soft: rgba(59, 130, 246, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .45);--shadow-md: 0 4px 8px rgba(0, 0, 0, .45), 0 12px 28px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .55);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .7);--shadow-accent: 0 8px 24px rgba(244, 63, 94, .32);--grad-paper: linear-gradient(180deg, #1B2129 0%, #141921 100%);--grad-glass: linear-gradient(180deg, rgba(27,33,41,.7) 0%, rgba(27,33,41,.4) 100%)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--body);font-size:14.5px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:var(--ink);background-color:var(--card)}input::placeholder,textarea::placeholder{color:var(--muted)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}hr{border:0;height:1px;background:var(--line)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.display{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:.98}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}body,[style*="var(--paper"],[style*="var(--card"],[style*="var(--ink"]{transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease}::selection{background:var(--accent-soft);color:var(--accent-deep)}:root[data-theme=dark] ::selection{color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:3px solid var(--paper)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{border-color:var(--paper)}:where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes flash{0%{background:var(--green-soft)}to{background:var(--card)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin .7s linear infinite}.skeleton{background:linear-gradient(90deg,var(--paper-2) 0%,var(--card) 50%,var(--paper-2) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-md);font-weight:600;font-size:14px;white-space:nowrap;transition:transform var(--dur-xfast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;min-height:var(--tap)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad-accent);color:var(--accent-ink);box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 10px 28px #e11d4852}.btn-ink{background:var(--grad-ink);color:#fff;box-shadow:var(--shadow-sm)}.btn-ink:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--paper-2);border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}.btn-danger{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-danger:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.btn-sm{height:32px;min-height:32px;padding:0 12px;font-size:13px;border-radius:var(--r-sm)}.btn-lg{height:52px;padding:0 24px;font-size:16px;border-radius:var(--r-lg)}.btn-block{width:100%}.input{width:100%;height:42px;padding:0 14px;background:var(--card);color:var(--ink);border:1.5px solid var(--line-strong);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input:hover{border-color:var(--ink-2)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.card-elevated{box-shadow:var(--shadow-md)}.card-glass{background:var(--grad-glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.5)}.card-interactive{cursor:pointer;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--paper-2);color:var(--ink-2)}.badge-success{background:var(--green-soft);color:var(--green)}.badge-warning{background:var(--gold-soft);color:var(--gold)}.badge-danger{background:var(--red-soft);color:var(--accent)}.badge-info{background:var(--blue-soft);color:var(--blue)}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);font-size:14px}.alert-success{background:var(--green-soft);border-color:transparent;color:var(--green)}.alert-warning{background:var(--gold-soft);border-color:transparent;color:var(--gold)}.alert-danger{background:var(--red-soft);border-color:transparent;color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;text-align:center;color:var(--muted);border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--paper-2)}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.safe-top{padding-top:max(16px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.safe-x{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.login-grid{display:grid;grid-template-columns:1.1fr 1fr;height:100%}@media(max-width:880px){.login-grid{grid-template-columns:1fr}.login-hero{display:none!important}}.pinkey{transition:transform .08s ease,background-color .15s ease;min-height:var(--tap)}.pinkey:active{transform:scale(.95)}@media(max-width:760px){.dash-head{flex-wrap:wrap!important;row-gap:10px!important;padding-left:16px!important;padding-right:16px!important}.dash-pad{padding-left:16px!important;padding-right:16px!important}}.dash-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}.dash-tile:active{transform:translateY(0)}@media(max-width:1024px){.pub-burger{display:inline-flex!important;align-items:center;justify-content:center}.pub-nav{display:none!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}.pub-nav.pub-nav-open{display:flex!important}.pub-nav a{padding:12px 14px!important;min-height:var(--tap);display:flex;align-items:center}}@media(min-width:1025px){.pub-burger{display:none!important}}.pos-cart-toggle{display:none}@media(max-width:900px){.pos-app{grid-template-columns:1fr!important}.pos-main{border-right:none!important;padding-bottom:148px}.pos-rail{position:fixed!important;bottom:0;left:0;right:0;flex-direction:row!important;height:auto!important;justify-content:space-around;align-items:center;gap:4px;z-index:30;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--line);background:var(--card)}.pos-rail-brand{display:none!important}.pos-rail>div,.pos-rail>a,.pos-rail>button{flex:0 0 auto!important;min-height:var(--tap);min-width:var(--tap)}.pos-cart{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:40;transform:translate(100%);transition:transform var(--dur-base) var(--ease-snap);box-shadow:var(--shadow-pop)}.pos-cart.pos-cart-open{transform:none}.pos-cart-close{display:inline-flex!important;align-items:center;justify-content:center;margin-right:4px}.pos-cart-toggle{display:flex;position:fixed;left:12px;right:12px;bottom:84px;z-index:35;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 20px;border-radius:14px;background:var(--grad-accent);color:var(--accent-ink);font-weight:700;font-size:16px;box-shadow:var(--shadow-accent)}}@media(prefers-reduced-motion:reduce){.pos-cart{transition:none!important}}@media(max-width:760px){.board-scroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.board-col{scroll-snap-align:start}}@media(max-width:414px){body{font-size:14px}}@media(hover:none)and (pointer:coarse){button,.btn,.pinkey{min-height:var(--tap)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:url(/brand/logo.png) no-repeat center center / min(50vw,600px) auto;opacity:.045}:root[data-theme=dark] body:after{opacity:.08;filter:invert(1)}.pos-rail-logo{filter:brightness(0) invert(1)}:root[data-theme=dark] .pos-rail-logo{filter:none}@media print{.no-print{display:none!important}}