:root{--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-200:#fed7aa;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--orange-800:#9a3412;--orange-900:#7c2d12;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--white:#ffffff;--black:#000000;--cream:#f7f6f5;--font-display:ui-serif,Georgia,"Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Monaco,"Cascadia Mono",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:0.875rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.5rem;--space-4:0.75rem;--space-5:1rem;--space-6:1.25rem;--space-8:1.5rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--radius-sm:4px;--radius:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.08),0 1px 2px -1px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -2px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.05);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--duration-instant:80ms;--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0.0,1,1);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--max-width:1100px;--max-width-wide:1280px}:root{--color-bg:var(--cream);--color-surface:var(--white);--color-surface-raised:var(--white);--color-surface-subtle:var(--gray-50);--color-surface-overlay:rgba(0,0,0,0.4);--color-text:var(--gray-800);--color-text-muted:var(--gray-500);--color-text-subtle:var(--gray-400);--color-text-inverse:var(--white);--color-text-link:var(--orange-600);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-border-focus:var(--orange-500);--color-accent:var(--orange-500);--color-accent-hover:var(--orange-600);--color-accent-active:var(--orange-700);--color-accent-soft:var(--orange-50);--color-accent-fg:var(--white);--color-success:var(--green-600);--color-success-soft:var(--green-50);--color-success-fg:var(--green-800);--color-warn:var(--amber-500);--color-warn-soft:var(--amber-50);--color-warn-fg:var(--amber-800);--color-danger:var(--red-600);--color-danger-hover:var(--red-700);--color-danger-soft:var(--red-50);--color-danger-fg:var(--red-800);--color-info:var(--blue-600);--color-info-soft:var(--blue-50);--color-info-fg:var(--blue-800);--color-focus-ring:var(--orange-500);--shadow-card:var(--shadow-sm);--shadow-elevated:var(--shadow-md)}:root[data-theme="dark"]{--color-bg:var(--gray-900);--color-surface:var(--gray-800);--color-surface-raised:var(--gray-700);--color-surface-subtle:var(--gray-800);--color-surface-overlay:rgba(0,0,0,0.7);--color-text:var(--gray-100);--color-text-muted:var(--gray-400);--color-text-subtle:var(--gray-500);--color-text-inverse:var(--gray-900);--color-text-link:var(--orange-400);--color-border:var(--gray-700);--color-border-strong:var(--gray-600);--color-border-focus:var(--orange-400);--color-accent:var(--orange-400);--color-accent-hover:var(--orange-300);--color-accent-active:var(--orange-200);--color-accent-soft:rgba(249,115,22,0.12);--color-accent-fg:var(--gray-900);--color-success:var(--green-500);--color-success-soft:rgba(34,197,94,0.12);--color-success-fg:var(--green-100);--color-warn:var(--amber-500);--color-warn-soft:rgba(245,158,11,0.12);--color-warn-fg:var(--amber-100);--color-danger:var(--red-500);--color-danger-hover:var(--red-400);--color-danger-soft:rgba(239,68,68,0.12);--color-danger-fg:var(--red-100);--color-info:var(--blue-500);--color-info-soft:rgba(59,130,246,0.12);--color-info-fg:var(--blue-100);--color-focus-ring:var(--orange-400);--shadow-card:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-elevated:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3)}@media (forced-colors:active){:root{--color-accent:ButtonText;--color-accent-hover:Highlight;--color-text:CanvasText;--color-bg:Canvas;--color-surface:Canvas;--color-border:CanvasText}}:root{--topnav-bg:var(--color-surface);--topnav-border:var(--color-border);--topnav-height:40px;--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-xl);--card-shadow:var(--shadow-card);--card-padding:var(--space-6);--btn-radius:var(--radius);--btn-height:32px;--btn-height-sm:24px;--btn-height-lg:36px;--btn-padding-x:var(--space-3);--input-bg:var(--color-surface);--input-border:var(--color-border);--input-border-focus:var(--color-border-focus);--input-radius:var(--radius);--input-height:40px;--table-border:var(--color-border);--table-row-hover:var(--color-surface-subtle);--table-row-stripe:var(--color-surface-subtle);--table-padding:var(--space-3);--table-padding-compact:var(--space-2);--flash-bg:var(--color-danger-soft);--flash-border:var(--color-danger);--flash-text:var(--color-danger-fg)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl);margin:0 0 var(--space-4) 0;letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-3) 0}h3{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2) 0}p{margin:0 0 var(--space-4) 0}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}main:focus{outline:none}.skip-link{position:absolute;top:-40px;left:var(--space-2);z-index:var(--z-overlay);padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-accent-fg);text-decoration:none;border-radius:var(--radius);font-weight:600;font-size:var(--text-sm);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-2)}.container{max-width:var(--max-width);margin:var(--space-6) auto;padding:0 var(--space-6)}.container-wide{max-width:var(--max-width-wide);margin:var(--space-6) auto;padding:0 var(--space-6)}.topnav{background:var(--topnav-bg);border-bottom:1px solid var(--topnav-border);padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-6);position:sticky;top:0;z-index:var(--z-sticky);min-height:var(--topnav-height)}.brand{font-size:var(--text-md);font-weight:600;color:var(--color-accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.brand:hover{text-decoration:none}.nav-links{display:flex;gap:var(--space-1);flex:1;flex-wrap:wrap}.nav-links a{padding:var(--space-2) var(--space-3);color:var(--color-text);text-decoration:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-links a:hover{background:var(--color-surface-subtle);text-decoration:none}.nav-links a.active,.nav-links a[aria-current="page"]{background:var(--color-accent);color:var(--color-accent-fg)}.nav-right{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}.health-link{text-decoration:none;font-size:var(--text-md)}.nav-toggle{display:none}.nav-toggle-label{display:none;cursor:pointer;padding:var(--space-2)}@media (max-width:768px){.nav-toggle-label{display:block}.nav-links{display:none;position:absolute;top:var(--topnav-height);left:0;right:0;background:var(--topnav-bg);flex-direction:column;padding:var(--space-3);border-bottom:1px solid var(--topnav-border);box-shadow:var(--shadow-elevated)}.nav-toggle:checked ~ .nav-links{display:flex}.nav-links a{padding:var(--space-3)}.topnav{position:relative}}.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:-0.125em}.icon-sm{font-size:var(--text-sm)}.icon-md{font-size:var(--text-md)}.icon-lg{font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--btn-padding-x);height:var(--btn-height);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--btn-radius);font-size:var(--text-sm);font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:hover{background:var(--color-surface-subtle);text-decoration:none}.btn:active{transform:translateY(0.5px)}.btn:disabled,.btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;pointer-events:none}.btn-sm{height:var(--btn-height-sm);font-size:var(--text-xs);padding:0 var(--space-3)}.btn-lg{height:var(--btn-height-lg);font-size:var(--text-base);padding:0 var(--space-6)}.btn-primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow)}.btn-secondary{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent-soft)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--color-surface-subtle)}.btn-danger{background:var(--color-danger);color:var(--white);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-danger-ghost{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger-ghost:hover{background:var(--color-danger-soft)}.btn-icon{width:var(--btn-height);padding:0}.btn-pill{border-radius:var(--radius-pill);padding-left:var(--space-6);padding-right:var(--space-6)}.btn.is-loading{position:relative;color:transparent !important;pointer-events:none}.btn.is-loading::after{content:'';position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;color:var(--color-accent-fg)}.btn-primary.is-loading::after,.btn-danger.is-loading::after{color:var(--white)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){@keyframes spin{to{opacity:0.45}}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);margin-bottom:var(--space-4)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card-header h2,.card-header h3{margin:0}.card-body{}.card-body--compact{padding:var(--space-3)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2)}.card.is-interactive{transition:box-shadow var(--duration-fast) var(--ease-out)}.card.is-interactive:hover{box-shadow:var(--shadow-elevated)}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.metric-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600;font-family:var(--font-mono)}.metric-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:1}.metric-delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500}.metric-delta.is-up{color:var(--color-success)}.metric-delta.is-down{color:var(--color-danger)}.metric-delta.is-neutral{color:var(--color-text-muted)}.metric-delta .delta-prior{color:var(--color-text-subtle);font-weight:400;margin-left:var(--space-1);font-size:0.7em}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);line-height:1}.badge-ok{background:var(--color-success-soft);color:var(--color-success-fg)}.badge-warn{background:var(--color-warn-soft);color:var(--color-warn-fg)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-fg)}.badge-info{background:var(--color-info-soft);color:var(--color-info-fg)}.badge-neutral{background:var(--color-surface-subtle);color:var(--color-text-muted)}.badge-tier-bronze{background:#b45309;color:#fef3c7}.badge-tier-silver{background:#9ca3af;color:#fff}.badge-tier-gold{background:#d97706;color:#fff}.badge-tier-platinum{background:#6b7280;color:#fff}.badge-role-admin{background:#fee2e2;color:#991b1b}.badge-role-manager{background:#fef3c7;color:#92400e}.badge-role-cashier{background:#dbeafe;color:#1e40af}.badge-sm{padding:2px var(--space-1);font-size:0.625rem}.badge-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.badge-dot{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.badge-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}.form-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-row label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-help{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1);font-weight:500}.form-row.is-required label::after{content:" *";color:var(--color-danger)}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],input[type="search"],input[type="url"],input[type="tel"],textarea,select{width:100%;padding:0 var(--space-3);height:var(--input-height);background:var(--input-bg);color:var(--color-text);border:1px solid var(--input-border);border-radius:var(--input-radius);font-family:inherit;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}textarea{height:auto;min-height:88px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--color-accent-soft)}input[aria-invalid="true"],textarea[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--color-danger)}input[aria-invalid="true"]:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.form-row-inline{display:flex;gap:var(--space-3);align-items:center}.form-row-inline input,.form-row-inline select{flex:1}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.table thead th{text-align:left;padding:var(--table-padding) var(--space-4);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border-strong)}.table tbody td{padding:var(--table-padding) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text)}.table tbody tr:last-child td{border-bottom:0}.table.is-striped tbody tr:nth-child(odd) td{background:var(--table-row-stripe)}.table.is-hoverable tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.table.is-hoverable tbody tr:hover td{background:var(--table-row-hover)}.table--compact thead th,.table--compact tbody td{padding:var(--table-padding-compact) var(--space-3)}.table--comfortable thead th,.table--comfortable tbody td{padding:var(--space-4)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{text-align:right;white-space:nowrap}.table .empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted);font-style:italic}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--color-success-soft);color:var(--color-success-fg);border-color:var(--color-success)}.alert-warn{background:var(--color-warn-soft);color:var(--color-warn-fg);border-color:var(--color-warn)}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger-fg);border-color:var(--color-danger)}.alert-error{background:var(--color-danger-soft);color:var(--color-danger-fg);border-color:var(--color-danger)}.alert-info{background:var(--color-info-soft);color:var(--color-info-fg);border-color:var(--color-info)}.flash{background:var(--flash-bg);color:var(--flash-text);border-left:4px solid var(--flash-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state .icon{font-size:3rem;color:var(--color-text-subtle);margin-bottom:var(--space-3)}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-2)}.empty-state p{margin-bottom:var(--space-4)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid var(--color-accent);border-right-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;font-size:var(--text-md)}@media (prefers-reduced-motion:reduce){.spinner{animation:spinner-pulse 1.2s ease-in-out infinite}@keyframes spinner-pulse{0%,100%{opacity:1}50%{opacity:0.45}}}.skeleton{background:linear-gradient(90deg,var(--color-surface-subtle) 25%,var(--color-border) 50%,var(--color-surface-subtle) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-sweep 1.4s ease-in-out infinite;display:inline-block;height:1em;width:100%}.skeleton-block{display:block}.skeleton-circle{border-radius:50%;width:3em;height:3em}.skeleton-line{height:0.875em}@keyframes skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-surface-subtle);animation:none}}.modal-backdrop{position:fixed;inset:0;background:var(--color-surface-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in var(--duration-base) var(--ease-out)}.modal-dialog{background:var(--color-surface-raised);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-in var(--duration-base) var(--ease-out)}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2)}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(-1rem) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warn{color:var(--color-warn)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}@media print{.topnav,.nav-right,.nav-toggle-label,.skip-link,.no-print{display:none !important}body{background:white;color:black;font-size:11pt}.card{border:1px solid #999;box-shadow:none}a{color:black;text-decoration:underline}.table thead th{position:static;background:white}.table.is-striped tbody tr:nth-child(odd) td{background:#f5f5f5}h1{font-size:18pt}h2{font-size:14pt}}.quick-sell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.quick-sell-grid .btn{height:var(--btn-height-lg);font-weight:600}.error-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.error-card{max-width:480px;text-align:center;padding:var(--space-12) var(--space-8)}.error-code{font-size:4rem;font-weight:800;color:var(--color-accent);letter-spacing:var(--tracking-tight);line-height:1;margin-bottom:var(--space-2)}.error-code-danger{color:var(--color-danger)}.error-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-6)}.error-rid{margin:var(--space-6) 0;padding:var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius)}.rid-code{display:block;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}:root{--bg:var(--color-bg);--card-bg:var(--card-bg);--text:var(--color-text);--text-muted:var(--color-text-muted);--border:var(--color-border);--primary:var(--color-accent);--primary-hover:var(--color-accent-hover);--danger:var(--color-danger);--warn:var(--color-warn);--good:var(--color-success);--ok:var(--color-info);--flash-bg:var(--flash-bg);--flash-border:var(--flash-border);--badge-ok-bg:var(--color-success-soft);--badge-ok-fg:var(--color-success-fg);--badge-warn-bg:var(--color-warn-soft);--badge-warn-fg:var(--color-warn-fg);--badge-danger-bg:var(--color-danger-soft);--badge-danger-fg:var(--color-danger-fg)}.sparkline{display:inline-block;vertical-align:middle;margin-left:var(--space-2)}.donut-wrap{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.legend{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);min-width:140px}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{flex:1;color:var(--color-text)}.legend-value{font-weight:600;font-variant-numeric:tabular-nums}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard-chart-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--space-5)}.dashboard-chart-card h3{margin:0 0 var(--space-3) 0;font-size:var(--text-md);color:var(--color-text)}.dashboard-chart-card .data-freshness{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.insight-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--space-5);border-left:4px solid var(--color-border-strong)}.insight-card.severity-ok{border-left-color:var(--color-success)}.insight-card.severity-warn{border-left-color:var(--color-warn)}.insight-card.severity-danger{border-left-color:var(--color-danger)}.insight-card h3{margin:0 0 var(--space-3) 0;font-size:var(--text-md);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.insight-card .insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.insight-card .insight-item{padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle);border-radius:var(--radius);font-size:var(--text-sm);line-height:var(--leading-normal)}.insight-card .insight-body{color:var(--color-text-muted)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.quadrant-star,.quadrant-dog{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-6) 0 var(--space-2) 0;font-size:var(--text-md)}.quadrant-star{color:var(--color-success)}.quadrant-dog{color:var(--color-danger)}.top-list{list-style:none;padding:0;margin:0}.top-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.top-list li:last-child{border-bottom:0}.top-list .name{flex:1;color:var(--color-text)}.top-list .value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-accent)}.alert-list{list-style:none;padding:0;margin:0}.alert-list li{padding:var(--space-2) var(--space-3);border-radius:var(--radius);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.alert-list li.severity-danger{background:var(--color-danger-soft);color:var(--color-danger-fg)}.alert-list li.severity-warn{background:var(--color-warn-soft);color:var(--color-warn-fg)}.alert-list li.severity-ok{background:var(--color-success-soft);color:var(--color-success-fg)}kbd{font-family:var(--font-mono);font-size:0.85em;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;box-shadow:0 1px 0 var(--color-border);display:inline-block;line-height:1.4}.customer-picker{display:flex;flex-direction:column;gap:var(--space-1)}.customer-picker-row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.customer-picker-row .btn{flex:1;justify-content:flex-start}.customer-picker-hint{display:block;color:var(--color-text-muted);font-size:var(--text-xs);background:var(--color-surface-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border-left:3px solid var(--color-accent);margin-top:var(--space-1)}.customer-picker-modal{border:none;padding:0;background:transparent;max-width:560px;width:90vw;max-height:90vh}.customer-picker-modal::backdrop{background:var(--color-surface-overlay)}.customer-picker-modal-form,.customer-picker-new-panel{display:flex;flex-direction:column;background:var(--color-surface-raised);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.customer-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.customer-picker-modal-header h3{margin:0;font-size:var(--text-md)}.customer-picker-search-row{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-6);align-items:center}.customer-picker-search-row input[type="search"]{flex:1}.customer-picker-results{padding:0 var(--space-6) var(--space-4);min-height:120px;max-height:50vh;overflow-y:auto}.customer-picker-result{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;gap:var(--space-3);font-family:inherit;color:var(--color-text)}.customer-picker-result:hover{background:var(--color-surface-subtle);border-color:var(--color-accent)}.customer-picker-result:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.customer-picker-result-main{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.customer-picker-result-main strong{font-size:var(--text-sm);color:var(--color-text)}.customer-picker-result-main small{color:var(--color-text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-picker-result-stats{color:var(--color-accent);font-weight:500;font-size:var(--text-xs);white-space:nowrap}.customer-picker-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border)}.customer-picker-new-panel{padding:0 var(--space-6) var(--space-4)}.customer-picker-new-panel .form-row{margin-bottom:var(--space-3)}.customer-picker-new-panel .form-actions{margin-top:var(--space-4)}.customer-picker-error{background:var(--color-danger-soft);color:var(--color-danger-fg);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);margin-bottom:var(--space-3)}.topnav{padding:.5rem var(--space-4);gap:var(--space-3);min-height:48px}.topnav .brand{font-size:var(--text-sm);gap:var(--space-1)}.topnav .brand .icon{font-size:var(--text-md)}.menu-btn{padding:0 var(--space-3);height:32px;font-size:var(--text-xs)}.menu-btn span{display:none}.nav-right{gap:var(--space-2)}.nav-right .btn-icon{width:32px;height:32px}.topnav .help-link,.topnav .health-link{display:none}.nav-menu{position:relative;display:flex;align-items:center}.menu-btn{display:inline-flex;align-items:center;gap:.25rem;padding:0 .75rem;height:32px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-family:inherit;cursor:pointer;white-space:nowrap}.menu-btn:hover{background:var(--color-surface-subtle)}.menu-panel{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:.5rem 0}.nav-menu.is-open .menu-panel{display:block}.menu-section{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.5rem 1rem .25rem}.menu-panel a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-text);text-decoration:none;font-size:var(--text-sm);cursor:pointer}.menu-panel a:hover{background:var(--color-surface-subtle);text-decoration:none}.menu-panel a.active{background:var(--color-accent-soft);color:var(--color-accent)}@media(max-width:768px){.nav-menu{position:static}.menu-panel{position:fixed;top:var(--topnav-height);left:0;right:0;bottom:0;min-width:0;border-radius:0;border:none;box-shadow:none;overflow-y:auto;padding-top:1rem}.nav-menu.is-open .menu-panel{display:flex;flex-direction:column;gap:.25rem}}@media(prefers-reduced-motion:reduce){.menu-panel{transition:none}}.calendar-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.calendar-nav-current{font-weight:500;font-size:var(--text-xs);color:var(--color-text-muted)}.calendar-weekday-row,.calendar-day-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.calendar-weekday{font-size:var(--text-xs);text-transform:uppercase;text-align:center;padding:var(--space-1) 0;color:var(--color-text-muted);font-weight:600}.calendar-day-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:52px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-text);text-decoration:none}.calendar-day-cell:hover{background:var(--color-surface-subtle);text-decoration:none;border-color:var(--color-accent)}.calendar-day-cell.is-today{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.calendar-day-cell.is-selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.calendar-day-label{font-weight:500}.calendar-day-count{font-size:var(--text-xs);color:var(--color-text-muted)}.calendar-day-cell.is-selected .calendar-day-count,.calendar-day-cell.is-today .calendar-day-count{color:inherit;opacity:.85}.calendar-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);background:var(--color-surface-subtle);border-radius:var(--radius);border:1px dashed var(--color-border)}@media (max-width:768px){.calendar-weekday-row{display:none}.calendar-day-row{grid-template-columns:1fr}.calendar-day-cell{flex-direction:row;justify-content:space-between;min-height:auto}}.restock-form{display:inline-flex;gap:var(--space-1);align-items:center;flex-wrap:wrap}.restock-form input[type=number]{margin:0}.price-strip{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.price-strip svg{vertical-align:middle;margin-left:var(--space-1)}@media(max-width:768px){.restock-form{width:100%}}dialog.modal{border:none;padding:0;background:transparent;max-width:500px;width:90vw;max-height:90vh;overflow:visible}dialog.modal::backdrop{background:var(--color-surface-overlay);animation:fade-in .2s ease-out}dialog.modal .modal-dialog{background:var(--color-surface-raised);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:modal-in .2s ease-out;width:100%}dialog.modal .modal-dialog.is-danger{border-top:4px solid var(--color-danger)}dialog.modal .modal-header h2{margin:0;font-size:var(--text-md)}dialog.modal .modal-footer{justify-content:flex-end}.search-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.search-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px)}.search-dialog{position:relative;z-index:1;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:min(580px,92vw);max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:modal-in 0.18s ease-out}.search-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.search-header .icon{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-md)}.search-header input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--color-text);outline:none;height:auto;padding:0;width:100%}.search-header input::placeholder{color:var(--color-text-subtle)}.search-header kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text-muted);flex-shrink:0}.search-results{overflow-y:auto;max-height:calc(70vh - 72px);padding:var(--space-3)}.search-hint,.search-empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-6) var(--space-4)}.search-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);padding:var(--space-2) var(--space-3) var(--space-1)}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-radius:var(--radius);cursor:pointer;text-decoration:none;color:var(--color-text);gap:var(--space-3)}.search-result-item:hover,.search-result-item:focus{background:var(--color-surface-subtle);outline:none}.search-result-item .result-main{flex:1;min-width:0}.search-result-item .result-name{font-weight:500;font-size:var(--text-sm)}.search-result-item .result-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.search-result-item .result-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.search-no-results{text-align:center;color:var(--color-text-muted);padding:var(--space-6)}.notif-center{position:relative}.notif-btn{position:relative}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--color-danger);color:#fff;border-radius:8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notif-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:300px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:200;overflow:hidden;animation:modal-in 0.15s ease-out}.notif-center.is-open .notif-dropdown{display:block}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600}.notif-list{max-height:320px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-surface-subtle)}.notif-item .notif-icon{flex-shrink:0;margin-top:2px}.notif-item .notif-text{flex:1}.notif-item .notif-time{font-size:var(--text-xs);color:var(--color-text-muted)}.notif-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6) var(--space-4);font-size:var(--text-sm)}.skeleton-screen{padding:var(--space-6)}.skeleton-row{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.skeleton-block{display:block}.skeleton-pill{display:inline-block;height:1em;width:60%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-surface-subtle) 25%,var(--color-border) 50%,var(--color-surface-subtle) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-pill{background:var(--color-surface-subtle);animation:none}}.table-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.table-info strong{color:var(--color-text)}[data-copy]{cursor:pointer;position:relative}[data-copy]:hover{color:var(--color-accent)}.copy-tooltip{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:var(--color-gray-800,#374151);color:#fff;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:10}[data-copy]:hover .copy-tooltip{opacity:1}@media(max-width:768px){.menu-btn span{display:inline}.nav-right .search-btn .btn-icon{width:32px;height:32px}.nav-right .notif-btn .btn-icon{width:32px;height:32px}.nav-right .theme-toggle .btn-icon{width:32px;height:32px}}.ts-relative{font-size:var(--text-xs);color:var(--color-text-muted)}.quick-sell-search-row{margin-bottom:var(--space-3)}.quick-sell-btn.is-out-of-stock{opacity:0.45}.quick-sell-btn.is-out-of-stock .btn{cursor:not-allowed}.quick-sell-grid .btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.customer-badge{display:inline-flex;align-items:center;gap:3px;background:var(--color-accent-soft);color:var(--color-accent-fg);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.voided-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-danger-soft);color:var(--color-danger-fg);border:2px solid var(--color-danger);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center;font-weight:700}.voided-banner strong{font-size:var(--text-xl);letter-spacing:0.05em}.voided-banner span{font-size:var(--text-sm);font-weight:400;opacity:0.85}tr.is-voided>td{position:relative}tr.is-voided>td:first-child::before{content:'';position:absolute;left:0;top:50%;width:100%;border-top:2px solid var(--color-danger);opacity:0.6}tr.is-voided>td{opacity:0.5}tr.is-voided{background:var(--color-danger-soft,#fef2f2)}@media print{.topnav,.nav-right,.nav-toggle-label,.skip-link,.no-print{display:none !important}body{background:white;color:black;font-size:11pt}.card{border:1px solid #999;box-shadow:none}a{color:black;text-decoration:underline}.table thead th{position:static;background:white}.table.is-striped tbody tr:nth-child(odd) td{background:#f5f5f5}h1{font-size:18pt}h2{font-size:14pt}.voided-banner{border:2px solid #000;background:#fff;color:#000}.voided-banner svg{stroke:#000}@page{margin:0.5cm}}
.tag-picker .tag-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);font-family:inherit}.tag-pill:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.tag-pill.is-active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.tag-pill.is-custom{background:var(--color-warn-soft);border-color:var(--color-warn);color:var(--color-warn-fg)}.tag-pill.is-custom.is-active{background:var(--color-warn);color:var(--color-warn-fg);border-color:var(--color-warn)}.tag-custom-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-1)}.tag-custom-row .tag-custom-input{flex:1}