@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--color-ink);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}h1{font-size:52px;font-weight:800;line-height:1.08;letter-spacing:-.025em}h2{font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.02em}h3{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.01em}h4{font-size:20px;font-weight:600;line-height:1.3}h5{font-size:18px;font-weight:600;line-height:1.35}h6{font-size:16px;font-weight:600;line-height:1.4}p{line-height:1.7}a{color:var(--color-accent-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}p a:not(.btn),li a:not(.btn){text-decoration:underline;text-underline-offset:2px}img{display:block;max-width:100%;height:auto}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-muted{color:var(--color-ink-muted)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent-text)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-danger{color:var(--color-danger-text)}.text-info{color:var(--color-info-text)}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.divider{height:1px;background-color:var(--color-border);border:none;margin:var(--space-5) 0}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1}.section{padding:var(--space-8) 0}.section-sm{padding:var(--space-6) 0}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--color-ink-muted);margin-bottom:var(--space-5)}.breadcrumbs a{color:var(--color-ink-muted)}.breadcrumbs a:hover{color:var(--color-accent-text)}.breadcrumbs .sep{color:var(--color-border-strong)}.breadcrumbs .current{color:var(--color-ink)}.spinner{width:24px;height:24px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;gap:var(--space-4)}.empty-state__icon{width:64px;height:64px;color:var(--color-border-strong)}.empty-state__title{font-size:20px;font-weight:600;color:var(--color-ink);font-family:var(--font-display)}.empty-state__description,.empty-state__body,.empty-state__text{color:var(--color-ink-muted);max-width:320px}#toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);pointer-events:none;max-width:100%;padding:0 var(--space-4)}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-solid);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--color-ink);min-width:280px;max-width:420px;animation:toastIn var(--transition-smooth) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.toast.toast--dismissing{opacity:0;transform:translate(30px)}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.toast__content{flex:1;line-height:var(--line-height-normal);word-break:break-word}.toast__close{background:transparent;border:none;color:var(--color-ink-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast)}.toast__close:hover{color:var(--color-ink);background:var(--color-surface-alt)}.toast--success{border-left-color:var(--color-success)}.toast--success .toast__icon{color:var(--color-success-text)}.toast--warning{border-left-color:var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning-text)}.toast--danger,.toast--error{border-left-color:var(--color-danger)}.toast--danger .toast__icon,.toast--error .toast__icon{color:var(--color-danger-text)}.toast--info{border-left-color:var(--color-info)}.toast--info .toast__icon{color:var(--color-info-text)}@keyframes toastIn{0%{transform:translateY(-16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#customer-header-placeholder{display:block;height:72px}#customer-header-placeholder.customer-header-placeholder--overlay{height:0}.skeleton-header{height:72px;width:100%;border-bottom:1px solid var(--color-border)}.skeleton-sidebar{width:260px;height:100vh}.skeleton-text{height:1rem;margin-bottom:var(--space-2);width:80%}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-fluid),transform var(--transition-fluid)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.visible>*:nth-child(1){transition-delay:0ms}.reveal-stagger.visible>*:nth-child(2){transition-delay:80ms}.reveal-stagger.visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.visible>*:nth-child(6){transition-delay:.4s}.dark-section{background:var(--color-dark);color:var(--color-dark-ink)}.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:var(--color-dark-ink)}.dark-section a:not(.btn){color:var(--color-accent-text)}.dark-section a:not(.btn):hover{color:var(--color-accent-hover)}.marquee-wrap{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.marquee-track{display:flex;gap:var(--space-4);width:max-content;animation:marqueeScroll 30s linear infinite}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stat-pill{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--glass-dark-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-dark-border);border-radius:var(--radius-pill);transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth);cursor:default}@media(hover:hover)and (pointer:fine){.stat-pill:hover{transform:translateY(-4px) scale(1.02);border-color:#eab30859;box-shadow:0 10px 25px -10px var(--color-gold-glow),var(--shadow-md)}}.stat-pill__number{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-accent-on-dark);line-height:1}.stat-pill__label{font-size:13px;color:var(--color-dark-ink-muted);line-height:1.2}.dot-pattern{position:relative}.dot-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}.dot-pattern>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.marquee-track{animation:none}}@media(max-width:480px){h1{font-size:34px}h2{font-size:26px}h3{font-size:20px}}@media(max-width:768px){html,body{overflow-x:clip}}[data-theme=dark] .toast{background:var(--color-surface-solid);border-color:var(--color-border)}[data-theme=dark] .empty-state__icon{color:#fff3}[data-theme=dark] .empty-state__title{color:var(--color-ink)}[data-theme=dark] .divider{background-color:var(--color-border)}[data-theme=dark] .breadcrumbs a{color:var(--color-ink-muted)}[data-theme=dark] .breadcrumbs .current{color:var(--color-ink)}[data-theme=dark] .glass{background:var(--glass-bg);border-color:var(--glass-border)}:root{--color-primary-50: #FAFAF9;--color-primary-100: #F5F5F4;--color-primary-200: #E7E5E4;--color-primary-300: #D6D3D1;--color-primary-400: #A8A29E;--color-primary-500: #78716C;--color-primary-600: #57534E;--color-primary-700: #44403C;--color-primary-800: #292524;--color-primary-900: #1C1917;--color-primary-950: #0C0A09;--color-secondary-50: #FFFBEB;--color-secondary-100: #FEF3C7;--color-secondary-200: #FDE68A;--color-secondary-300: #FCD34D;--color-secondary-400: #FBBF24;--color-secondary-500: #F59E0B;--color-secondary-600: #D97706;--color-secondary-700: #B45309;--color-secondary-800: #92400E;--color-secondary-900: #78350F;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-success-ramp-100:#DCFCE7;--color-success-ramp-500:#22C55E;--color-success-ramp-600:#16A34A;--color-success-ramp-700:#15803D;--color-warning-ramp-100:#FEF3C7;--color-warning-ramp-500:#F59E0B;--color-warning-ramp-600:#CA8A04;--color-warning-ramp-700:#B45309;--color-danger-ramp-100: #FEE2E2;--color-danger-ramp-500: #EF4444;--color-danger-ramp-600: #DC2626;--color-danger-ramp-700: #B91C1C;--color-info-ramp-100: #DBEAFE;--color-info-ramp-500: #3B82F6;--color-info-ramp-600: #2563EB;--color-info-ramp-700: #1D4ED8;--color-bg: #FAF9F6;--color-surface: rgba(255, 255, 255, .88);--color-surface-solid: #FFFFFF;--color-surface-alt: #F3F2EE;--color-ink: var(--color-primary-950);--color-ink-muted: var(--color-primary-600);--color-border: rgba(28, 25, 23, .08);--color-border-strong: rgba(28, 25, 23, .14);--color-primary: var(--color-primary-900);--color-primary-hover: var(--color-primary-800);--color-on-primary: #FFFFFF;--color-accent: #A16207;--color-accent-hover: #854D0E;--color-accent-text: #854D0E;--color-accent-on-dark: #EAB308;--color-accent-soft: rgba(202, 138, 4, .1);--color-gold-glow: rgba(202, 138, 4, .18);--color-admin-sidebar: var(--color-primary-950);--color-dark: var(--color-primary-950);--color-dark-surface: var(--color-primary-900);--color-dark-surface-hover: var(--color-primary-800);--color-dark-border: rgba(255, 255, 255, .06);--color-dark-ink: rgba(255, 255, 255, .92);--color-dark-ink-muted: rgba(255, 255, 255, .5);--glass-dark-bg: rgba(12, 10, 9, .65);--glass-dark-border: rgba(255, 255, 255, .08);--color-success: var(--color-success-ramp-600);--color-success-bg: rgba(22, 163, 74, .1);--color-warning: var(--color-warning-ramp-600);--color-warning-bg: rgba(202, 138, 4, .1);--color-danger: var(--color-danger-ramp-600);--color-danger-bg: rgba(220, 38, 38, .08);--color-info: var(--color-info-ramp-600);--color-info-bg: rgba(37, 99, 235, .08);--color-neutral: var(--color-primary-500);--color-neutral-bg: rgba(120, 113, 108, .1);--color-success-text: #166534;--color-warning-text: #92400E;--color-danger-text: #B91C1C;--color-info-text: #1D4ED8;--color-neutral-text: #57534E;--color-focus-ring: var(--color-accent-text);--touch-target: 44px;--color-row-hover: rgba(161, 98, 7, .07);--chart-1: #A16207;--chart-2: #2563EB;--chart-3: #15803D;--chart-4: #D97706;--chart-5: #7C3AED;--chart-6: #78716C;--chart-7: #DC2626;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--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: 80px;--space-10: 96px;--space-11: 128px;--space-12: 160px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--glass-blur: 16px;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .06);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .05);--shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, .05);--shadow-gold: 0 4px 24px rgba(202, 138, 4, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--transition-fluid: .6s cubic-bezier(.16, 1, .3, 1);--z-header: 100;--z-sidebar: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}[data-theme=dark]{color-scheme:dark;--color-bg: var(--color-primary-950);--color-surface: rgba(28, 25, 23, .72);--color-surface-solid: var(--color-primary-900);--color-surface-alt: var(--color-primary-800);--color-ink: rgba(255, 255, 255, .92);--color-ink-muted: rgba(255, 255, 255, .55);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-primary: var(--color-primary-50);--color-primary-hover: var(--color-primary-200);--color-on-primary: var(--color-primary-950);--color-accent-text: #EAB308;--color-success-text: #4ADE80;--color-warning-text: #FBBF24;--color-danger-text: #F87171;--color-info-text: #60A5FA;--color-neutral-text: #A8A29E;--color-accent-soft: rgba(202, 138, 4, .15);--color-gold-glow: rgba(202, 138, 4, .25);--color-row-hover: rgba(234, 179, 8, .08);--chart-1: #EAB308;--chart-2: #60A5FA;--chart-3: #4ADE80;--chart-4: #F59E0B;--chart-5: #A78BFA;--chart-6: #A8A29E;--chart-7: #F87171;--glass-bg: rgba(28, 25, 23, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25);--shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, .3);--shadow-gold: 0 4px 24px rgba(202, 138, 4, .3);--color-success-bg: rgba(22, 163, 74, .15);--color-warning-bg: rgba(202, 138, 4, .15);--color-danger-bg: rgba(220, 38, 38, .12);--color-info-bg: rgba(37, 99, 235, .12);--color-neutral-bg: rgba(120, 113, 108, .15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 22px;font-family:var(--font-display);font-size:15px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal),transform .16s cubic-bezier(.23,1,.32,1);text-decoration:none;border:1px solid transparent;white-space:nowrap;line-height:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{flex-shrink:0}.icon{display:inline-block;flex-shrink:0;vertical-align:-.125em}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)!important;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff!important;box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#fff!important;border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff!important;box-shadow:var(--shadow-gold)}.btn-secondary{background:var(--color-surface-solid);color:var(--color-ink)!important;border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-ink-muted);color:var(--color-ink)!important}.btn-ghost{background:transparent;color:var(--color-ink)!important;border-color:transparent}.btn-ghost:hover{background:var(--color-surface-alt);color:var(--color-ink)!important}.btn-ghost-light{background:transparent;color:#fff!important;border-color:#ffffff59}.btn-ghost-light:hover{background:#ffffff14;border-color:#fff;color:#fff!important;box-shadow:0 0 16px #ffffff1a}.btn-danger{background:var(--color-danger);color:#fff!important;border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-ramp-700);border-color:var(--color-danger-ramp-700);color:#fff!important}.btn-danger-outline{background:transparent;color:var(--color-danger-text);border-color:var(--color-danger)}.btn-danger-outline:hover{background:var(--color-danger-bg)}.btn-success{background:var(--color-success-ramp-700);color:#fff!important;border-color:var(--color-success-ramp-700)}.btn-success:hover{filter:brightness(.92);color:#fff!important}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 30px;font-size:16px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-icon-sm{width:30px;height:30px;padding:0;border-radius:var(--radius-sm)}.btn-block{width:100%}.card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)}.card--hover{cursor:pointer}@media(hover:hover)and (pointer:fine){.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-ink)}.card__subtitle{font-size:13px;color:var(--color-ink-muted);margin-top:2px}.kpi-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)}@media(hover:hover)and (pointer:fine){a.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.kpi-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.kpi-card__value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--color-ink);line-height:1;margin-bottom:var(--space-2);letter-spacing:-.02em}.kpi-card__delta{font-size:13px;display:flex;align-items:center;gap:var(--space-1)}.kpi-card__delta--up{color:var(--color-success-text)}.kpi-card__delta--down{color:var(--color-danger-text)}.kpi-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);color:var(--color-accent-text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.badge-primary{background:var(--color-accent-soft);color:var(--color-accent-text)}.badge-payment{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;white-space:nowrap;border:1.5px solid currentColor}.badge-payment:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-payment--unpaid{color:var(--color-danger-text);border-color:var(--color-danger);background:var(--color-danger-bg)}.badge-payment--deposit{color:var(--color-warning-text);border-color:var(--color-warning);background:var(--color-warning-bg)}.badge-payment--paid{color:var(--color-success-text);border-color:var(--color-success);background:var(--color-success-bg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:14px;font-weight:500;color:var(--color-ink)}.form-label--required:after{content:" *";color:var(--color-danger-text)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--color-surface-solid);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:15px;color:var(--color-ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-ink-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-surface-alt);color:var(--color-ink-muted);cursor:not-allowed}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-gold-glow)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-danger)}.form-input--error:focus,.form-select--error:focus{box-shadow:0 0 0 3px #dc26261f}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2357534E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.payment-method-name{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);vertical-align:middle}.payment-logo{width:64px;height:32px;padding:4px;box-sizing:border-box;object-fit:contain;flex-shrink:0;border-radius:4px;background:#fff}.payment-logo[src="/assets/payments/cash.svg"],.payment-logo[src="/assets/payments/bank-transfer.svg"]{background:#f0f4f3;border-radius:6px;box-shadow:inset 0 0 0 1px #1f29371a}.payment-method-select{display:flex;align-items:center;gap:var(--space-2)}.payment-method-select>select{flex:1;min-width:0}.payment-method-select>.payment-logo{display:none}.payment-method-select[data-method=cash]>.payment-logo--cash,.payment-method-select[data-method=bank_transfer]>.payment-logo--bank-transfer,.payment-method-select[data-method=gcash]>.payment-logo--gcash,.payment-method-select[data-method=maya]>.payment-logo--maya{display:block}.form-select option{color:var(--color-ink);background:var(--color-surface-solid)}.form-textarea{resize:vertical;min-height:100px}.form-hint,.form-help,.help{font-size:13px;color:var(--color-ink-muted);margin-top:var(--space-1)}.form-error{font-size:13px;color:var(--color-danger-text);display:flex;align-items:center;gap:var(--space-1)}.form-check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.form-check__label{font-size:15px;color:var(--color-ink);cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-solid);position:relative}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-ink);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:nth-child(2n) td{background:var(--color-surface-alt)}.table tbody tr:hover td{background:var(--color-row-hover)}.table .actions-cell{white-space:nowrap;text-align:right}@media(max-width:768px){.table-container{border-radius:var(--radius-md)}.table th:first-child,.table td:first-child{position:sticky;left:0;z-index:5;background:var(--color-surface-solid);box-shadow:2px 0 6px #0000000f}.table th:first-child{z-index:6;background:var(--color-surface-alt)}[data-theme=dark] .table th:first-child,[data-theme=dark] .table td:first-child{background:var(--color-surface-solid);box-shadow:2px 0 6px #00000040}[data-theme=dark] .table th:first-child{background:var(--color-surface-alt)}}.table tr.row-danger td{background:var(--color-danger-bg)!important}.table tr.row-warning td{background:var(--color-warning-bg)!important}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-5)}.tab-btn{padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--color-ink-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;white-space:nowrap}.tab-btn:hover{color:var(--color-ink)}.tab-btn.active{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.tab-panel{display:none}.tab-panel.active{display:block}:where(.admin-layout) .tabs{flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-alt);width:fit-content;max-width:100%}:where(.admin-layout) .tab-btn{appearance:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-md);margin-bottom:0;padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-ink-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);min-height:40px}:where(.admin-layout) .tab-btn:hover{color:var(--color-ink);background:var(--color-surface)}:where(.admin-layout) .tab-btn:is(.active,[aria-pressed=true],[aria-selected=true]){color:var(--color-on-primary);background:var(--color-primary)}.product-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-smooth),transform var(--transition-smooth);cursor:pointer}@media(hover:hover)and (pointer:fine){.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}}.product-card__image-wrap{display:block;aspect-ratio:1;overflow:hidden;background:var(--color-surface-alt);position:relative}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}@media(hover:hover)and (pointer:fine){.product-card:hover .product-card__image{transform:scale(1.06)}}.product-card__body{padding:var(--space-4)}.product-card__category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-text);margin-bottom:var(--space-2)}.product-card__name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2);line-height:1.3}.product-card__variants{font-size:12px;color:var(--color-ink-muted);margin-bottom:var(--space-3)}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-card__price{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-ink)}.product-card__price span{font-size:13px;font-weight:400;color:var(--color-ink-muted)}.product-card__price .badge{font-size:12px;font-weight:600;color:var(--color-neutral-text)}.stepper{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin-bottom:var(--space-7)}.stepper:before{content:"";position:absolute;top:16px;left:24px;right:24px;height:2px;background:var(--color-border-strong);z-index:0}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1;flex:1}.stepper-step__circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface-solid);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-ink-muted);transition:all var(--transition-fast);flex-shrink:0}.stepper-step--done .stepper-step__circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.stepper-step--active .stepper-step__circle{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.stepper-step__label{font-size:11px;font-weight:500;color:var(--color-ink-muted);text-align:center;max-width:80px;line-height:1.3}.stepper-step--done .stepper-step__label,.stepper-step--active .stepper-step__label{color:var(--color-ink)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-5);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--color-border-strong)}.timeline-item__dot{width:24px;height:24px;border-radius:50%;background:var(--color-success);border:2px solid var(--color-success);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px}.timeline-item__content{flex:1}.timeline-item__status{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-1)}.timeline-item__timestamp{font-size:12px;color:var(--color-ink-muted);margin-bottom:var(--space-2)}.timeline-item__note{font-size:14px;color:var(--color-ink-muted);background:var(--color-surface-alt);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.upload-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-5);text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-accent);background:var(--color-accent-soft)}.upload-zone__icon{color:var(--color-ink-muted);margin:0 auto var(--space-3)}.upload-zone__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-1)}.upload-zone__hint{font-size:13px;color:var(--color-ink-muted)}.upload-zone__hint strong{color:var(--color-accent-text)}.file-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.file-item__preview{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-border-strong);flex-shrink:0}.file-item__info{flex:1;min-width:0}.file-item__name{font-size:14px;font-weight:500;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__size{font-size:12px;color:var(--color-ink-muted)}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;text-decoration:none;transition:all var(--transition-smooth)}@media(hover:hover)and (pointer:fine){.category-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}}.category-card__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-text);display:flex;align-items:center;justify-content:center}.category-card__name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--color-ink)}.category-card__count{font-size:12px;color:var(--color-ink-muted)}.qty-stepper{display:flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.qty-stepper__btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--color-ink-muted);background:var(--color-surface-alt);transition:all var(--transition-fast);flex-shrink:0;cursor:pointer}.qty-stepper__btn:hover{background:var(--color-border-strong);color:var(--color-ink)}.qty-stepper__input{width:50px;height:34px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:15px;font-weight:600;color:var(--color-ink);background:var(--color-surface-solid);-moz-appearance:textfield;appearance:textfield}.qty-stepper__input::-webkit-outer-spin-button,.qty-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper__input:focus:not(:focus-visible){outline:none}.filter-sidebar{width:240px;flex-shrink:0}.filter-group{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.filter-group:last-child{border-bottom:none}.filter-group__title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-muted);margin-bottom:var(--space-3)}.filter-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;margin-bottom:var(--space-2);padding:6px 8px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-ink);transition:background var(--transition-fast),color var(--transition-fast)}.filter-option:hover{background:var(--color-surface-alt)}.filter-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.filter-option__check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:4px;background:var(--color-surface-solid);transition:all var(--transition-fast);flex-shrink:0}.filter-option:hover .filter-option__check{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.filter-option input[type=checkbox]:checked+.filter-option__check{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.filter-option__check:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-1px);opacity:0;transition:opacity var(--transition-fast)}.filter-option input[type=checkbox]:checked+.filter-option__check:after{opacity:1}.filter-option__label{font-size:14.5px;color:var(--color-ink)}.filter-option__count{font-size:11px;font-weight:700;color:var(--color-ink-muted);background:var(--color-surface-alt);padding:2px 8px;border-radius:var(--radius-pill);margin-left:auto;transition:background var(--transition-fast),color var(--transition-fast)}.filter-option:hover .filter-option__count{background:var(--color-border-strong);color:var(--color-ink)}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.color-swatch:hover{transform:scale(1.1)}}.color-swatch.selected{border-color:var(--color-ink)}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-accent) var(--fill, 100%),var(--color-border-strong) var(--fill, 100%));cursor:pointer;border:none;margin:6px 0}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:3px solid #fff;box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .1s}@media(hover:hover)and (pointer:fine){.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}}.range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:3px solid #fff;box-shadow:0 1px 4px #0003;cursor:pointer}.range-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--color-border-strong)}.range-slider-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--color-ink-muted);margin-top:var(--space-2)}.range-slider-labels span:last-child{font-weight:700;color:var(--color-accent-text)}.search-box{position:relative;flex:1;max-width:320px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-ink-muted);pointer-events:none}.search-box input{width:100%;padding:9px 12px 9px 38px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-solid);font-size:14px;color:var(--color-ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-gold-glow)}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar__left{display:flex;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.toolbar__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:14px;border:1px solid}.alert svg{flex-shrink:0;margin-top:1px}.alert a:not(.btn){color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.alert-info{background:var(--color-info-bg);border-color:#2563eb26;color:var(--color-info-text)}.alert-success{background:var(--color-success-bg);border-color:#16a34a26;color:var(--color-success-text)}.alert-warning{background:var(--color-warning-bg);border-color:#ca8a0426;color:var(--color-warning-text)}.alert-danger,.alert-error{background:var(--color-danger-bg);border-color:#dc262626;color:var(--color-danger-text)}.chip-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{padding:5px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;border:1px solid var(--color-border-strong);background:var(--color-surface-solid);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.stats-row{display:flex;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:120px}.stat-item__label{font-size:12px;color:var(--color-ink-muted);margin-bottom:var(--space-1)}.stat-item__value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-ink)}.variant-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.variant-chip{padding:6px 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface-solid)}.variant-chip:hover{border-color:var(--color-accent)}.variant-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.variant-chip:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.order-summary-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);position:sticky;top:88px;box-shadow:var(--shadow-sm)}.order-summary-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:14px;color:var(--color-ink)}.order-summary-line--total{font-family:var(--font-display);font-size:18px;font-weight:700;border-top:2px solid var(--color-border-strong);padding-top:var(--space-3);margin-top:var(--space-2)}.design-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)}@media(hover:hover)and (pointer:fine){.design-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.design-card__preview{aspect-ratio:4/3;background:var(--color-surface-alt);overflow:hidden}.design-card__preview img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}@media(hover:hover)and (pointer:fine){.design-card:hover .design-card__preview img{transform:scale(1.04)}}.design-card__body{padding:var(--space-3)}.design-card__filename{font-size:13px;font-weight:600;color:var(--color-ink);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-card__meta{font-size:12px;color:var(--color-ink-muted)}.design-card__actions{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.auth-page{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.auth-card{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-logo img{width:64px;height:64px;object-fit:contain;border-radius:50%}.stock-bar{width:100%;height:6px;background:var(--color-border-strong);border-radius:var(--radius-pill);overflow:hidden}.stock-bar__fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition-normal)}.stock-bar__fill--healthy{background:var(--color-success)}.stock-bar__fill--low{background:var(--color-warning)}.stock-bar__fill--out{background:var(--color-danger)}.popover{position:absolute;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);padding:var(--space-4);min-width:220px;display:none}.popover.open{display:block}@media(max-width:768px){.form-row{grid-template-columns:1fr}.filter-sidebar{width:100%}.stepper{overflow-x:auto;padding-bottom:var(--space-3)}.stepper-step__label{display:none}}@media(max-width:480px){.auth-card{padding:var(--space-5) var(--space-4)}.drawer{width:100%}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:13px;color:var(--color-ink-muted);flex-wrap:wrap;gap:var(--space-2)}.pagination__info{white-space:nowrap}.pagination__controls{display:flex;align-items:center;gap:var(--space-2)}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;padding:0 10px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-ink);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.pagination__btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}.pagination__btn:disabled{opacity:.4;cursor:default}.pagination__pages{display:flex;gap:4px}.pagination__page{display:inline-flex;align-items:center;justify-content:center;height:32px;min-width:32px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-solid);color:var(--color-ink);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.pagination__page:hover{border-color:var(--color-accent);color:var(--color-accent-text)}.pagination__page--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.pagination__page--active:hover{background:var(--color-primary);color:var(--color-on-primary)}.pagination input[type=number]{-moz-appearance:textfield;appearance:textfield}.pagination input[type=number]::-webkit-outer-spin-button,.pagination input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary:hover{color:var(--color-on-primary)!important}[data-theme=dark] .variant-chip.selected,[data-theme=dark] .chip.active,[data-theme=dark] .pagination__page--active,[data-theme=dark] .pagination__page--active:hover{color:var(--color-bg)!important}[data-theme=dark] .form-select option{background-color:var(--color-surface-solid)!important;color:var(--color-ink)!important}[data-theme=dark] .qty-stepper__input{border-left-color:var(--color-border)!important;border-right-color:var(--color-border)!important}[data-theme=dark] .range-slider::-webkit-slider-thumb{border-color:var(--color-surface-solid)!important}[data-theme=dark] .range-slider::-moz-range-thumb{border-color:var(--color-surface-solid)!important}[data-theme=dark] .stock-bar__fill--healthy{background:var(--color-success)!important}[data-theme=dark] .stock-bar__fill--low{background:var(--color-warning)!important}[data-theme=dark] .stock-bar__fill--out{background:var(--color-danger)!important}[data-theme=dark] .order-row--new{background:var(--color-accent-soft)!important}[data-theme=dark] .role-admin{background:#fde8d826!important;color:#fdba74!important}[data-theme=dark] .role-staff{background:#dbeafe26!important;color:#60a5fa!important}[data-theme=dark] .role-customer{background:#dcfce726!important;color:#4ade80!important}[data-theme=dark] #audit-reset-warning{background:var(--color-warning-bg)!important;border-bottom-color:var(--color-border)!important;color:var(--color-warning-text)!important}.skeleton{background-color:var(--color-surface-alt)!important;background-image:linear-gradient(90deg,#fff0,#ffffff73,#fff0)!important;background-size:200% 100%!important;animation:shimmer 1.5s infinite linear!important;border-radius:var(--radius-sm)!important;color:transparent!important;pointer-events:none!important;user-select:none!important}[data-theme=dark] .skeleton{background-color:#ffffff0d!important;background-image:linear-gradient(90deg,#fff0,#ffffff14,#fff0)!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.gallery__main{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-alt);margin-bottom:var(--space-3);border:1px solid var(--color-border);position:relative}.gallery__main img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth),opacity var(--transition-normal);transform-origin:center center}@media(hover:hover)and (pointer:fine){.gallery__main:hover img{transform:scale(1.15)}}.gallery__thumbs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.gallery__thumb{width:64px;height:64px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.gallery__thumb:hover{transform:translateY(-2px)}}.gallery__thumb.active{border-color:var(--color-primary);transform:scale(1.04)}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.table-responsive-wrapper table{margin-bottom:0;width:100%;border-collapse:separate;border-spacing:0}.table-sticky-col th:first-child,.table-sticky-col td:first-child{position:sticky;left:0;z-index:10;background:var(--color-surface-solid);border-right:2px solid var(--color-border)}.table-sticky-col th:first-child{z-index:11}[data-theme=dark] .table-sticky-col th:first-child,[data-theme=dark] .table-sticky-col td:first-child{background:var(--color-surface-solid)}@media(max-width:768px){.table-stacked{display:block;border:none!important}.table-stacked thead{display:none}.table-stacked tbody{display:flex;flex-direction:column;gap:var(--space-3)}.table-stacked tr{display:block;background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs)}.table-stacked td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0!important;border-bottom:1px dashed var(--color-border);text-align:right;font-size:var(--text-sm)}.table-stacked td:last-child{border-bottom:none}.table-stacked td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-ink-muted);text-align:left;margin-right:var(--space-3)}}@media(max-width:768px){.form-input,.form-select,.form-textarea,.search-box input{font-size:16px}input[placeholder=Page]{font-size:16px!important}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(hover:none)and (pointer:coarse){.qty-stepper__btn{min-width:44px;min-height:44px}.qty-stepper__input,.btn,.btn-sm{min-height:44px}.btn-icon,.btn-icon-sm{width:44px;height:44px}.form-input,.form-select,.form-textarea,.search-box input{min-height:44px}.pagination__page,.pagination__btn{height:44px;min-width:44px}.qty-stepper__btn{width:44px;height:44px}.qty-stepper__input{height:44px}.tab-btn{min-height:44px}.skip-link{min-height:44px;display:inline-flex;align-items:center}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}}.admin-notification-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-ink);text-decoration:none}.admin-notification-row:hover,.admin-notification-row:focus-visible{background:var(--color-surface-alt)}.admin-notification-row__dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--color-primary)}.admin-notification-row strong,.admin-notification-row small{display:block}.admin-notification-row small{margin-top:2px;color:var(--color-ink-muted);line-height:1.45}.admin-notification-empty{padding:var(--space-6) var(--space-4);color:var(--color-ink-muted);text-align:center;font-size:13px}.admin-payment-dialog .modal{width:min(520px,calc(100vw - 32px))}.message-attachment-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.message-attachment-controls[hidden]{display:none}.message-attach-button{display:inline-flex;align-items:center;gap:6px;min-height:40px}.message-attachment-help,.message-file-meta,.message-file-status{font-size:12px;color:var(--color-ink-muted);overflow-wrap:anywhere}.message-attachment-selection,.message-attachment-status{flex-basis:100%}.message-attachment-status{font-size:13px}.message-attachment-status.is-error{color:var(--color-danger-text)}.message-selected-file{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2);margin-top:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.message-selected-file span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.message-selected-file img{width:56px;height:56px;object-fit:contain;flex-shrink:0}.message-file-card{max-width:100%;min-width:0;margin-top:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.message-file-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.message-file-image{display:block;width:auto;height:auto;max-width:100%;max-height:260px;object-fit:contain;border-radius:var(--radius-sm);margin:var(--space-2) 0}.message-file-card button{margin:var(--space-2) var(--space-2) 0 0}.message-image-dialog{max-width:90vw;max-height:90vh;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.message-image-dialog::backdrop{background:#000000a6}.message-image-dialog img{display:block;max-width:85vw;max-height:75vh;width:auto;height:auto;margin-top:var(--space-2);object-fit:contain}