:root{--font-mono: "SF Mono","Cascadia Code","JetBrains Mono","Fira Code","Consolas","Courier New",monospace;--text-micro: .6875rem;--text-small: .75rem;--text-body: .875rem;--text-large: 1.0625rem;--text-heading: 1.25rem;--text-hero: 1.75rem;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-widest: .16em;--leading-none: 1;--leading-tight: 1.3;--leading-normal: 1.6;--surface-base: #0a0a0a;--surface-raised: #111111;--surface-overlay: #161616;--border-subtle: #1a1a1a;--border-default: #282828;--border-strong: #3a3a3a;--text-primary: #f5f0e8;--text-secondary: #a8a49c;--text-tertiary: #6b6760;--text-ghost: #3d3a36;--text-inverse: #0a0a0a;--accent: #c8b89a;--accent-muted: #8a7e6c;--accent-dim: #3d3829;--status-error: #b34040;--status-error-bg: #1a0f0f;--status-error-border: #2a1515;--status-success: #5a8a5a;--status-success-bg: #0f1a0f;--status-success-border: #1a2e1a;--status-warning: #b38f40;--status-active: #6aaa6a;--status-inactive: #555250;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-w-narrow: 480px;--max-w-default: 640px;--max-w-content: 720px;--max-w-wide: 880px;--dur-fast: .12s;--dur-normal: .18s;--dur-slow: .28s;--dur-glacial: .4s;--ease: ease;--ease-out: cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block}button{cursor:pointer}::selection{background:var(--accent-dim);color:var(--text-primary)}a{color:var(--text-primary);text-decoration:none;transition:color var(--dur-normal) var(--ease)}a:hover{color:var(--text-secondary)}*:focus-visible{outline:1px solid var(--accent-muted);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:none;cursor:pointer;padding:var(--space-3) var(--space-6);transition:background var(--dur-normal) var(--ease),color var(--dur-normal) var(--ease),border-color var(--dur-normal) var(--ease)}.btn-primary{background:var(--text-primary);color:var(--text-inverse);width:100%}.btn-primary:hover{background:var(--accent)}.btn-ghost{background:none;border:1px solid var(--border-default);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--border-strong);color:var(--accent)}.btn-text{background:none;border:none;color:var(--text-tertiary);padding:var(--space-1) var(--space-2);font-size:var(--text-small);letter-spacing:var(--tracking-wider);text-transform:uppercase}.btn-text:hover{color:var(--text-primary)}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-micro)}.btn:disabled{opacity:.5;cursor:wait;pointer-events:none}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-body);transition:border-color var(--dur-normal) var(--ease)}.input:focus{border-color:var(--border-strong);outline:none}.input::placeholder{color:var(--text-tertiary)}.select{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236b6760' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);transition:border-color var(--dur-normal) var(--ease)}.select:focus{border-color:var(--border-strong);outline:none}.checkbox{accent-color:var(--accent)}.label{display:block;font-size:var(--text-micro);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.label .input,.label .select{margin-top:var(--space-1)}.table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.table thead tr{border-bottom:1px solid var(--border-default);text-align:left}.table th{padding:var(--space-2) var(--space-2) var(--space-2) 0;font-weight:400;font-size:var(--text-micro);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.table th:not(:first-child){padding-left:var(--space-2)}.table td{padding:var(--space-2) var(--space-2) var(--space-2) 0}.table td:not(:first-child){padding-left:var(--space-2)}.table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-raised)}.badge{font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-active{color:var(--status-active)}.badge-inactive{color:var(--status-inactive)}.badge-paid{color:var(--status-warning)}.badge-shipped{color:var(--text-tertiary)}.back-link{display:inline-flex;align-items:center;font-size:var(--text-small);color:var(--text-tertiary);transition:color var(--dur-normal) var(--ease),transform var(--dur-normal) var(--ease-out)}.back-link:hover{color:var(--text-primary);transform:translate(-2px)}.nav-link{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-default);padding:var(--space-3) var(--space-4);font-size:var(--text-body);letter-spacing:var(--tracking-wide);color:var(--text-primary);transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease)}.nav-link:after{content:"→";transition:transform var(--dur-normal) var(--ease-out)}.nav-link:hover{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text-primary)}.nav-link:hover:after{transform:translate(3px)}.admin-page{max-width:var(--max-w-default);margin:0 auto;padding:var(--space-8)}.admin-page-wide{max-width:var(--max-w-wide);margin:0 auto;padding:var(--space-8)}.admin-page-narrow{max-width:var(--max-w-narrow);margin:0 auto;padding:var(--space-8)}@media(max-width:480px){.admin-page,.admin-page-wide,.admin-page-narrow{padding:var(--space-6) var(--space-4)}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-4)}.admin-header-stack{display:block;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-4)}.admin-title{font-size:var(--text-body);letter-spacing:var(--tracking-widest);color:var(--text-secondary);font-weight:400}.back-link+.admin-title{margin-top:var(--space-2)}.btn-inline{width:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-small)}.select-auto{width:auto}.form-inline{display:inline}.stat-card{border:1px solid var(--border-default);padding:var(--space-4);text-align:center;transition:border-color var(--dur-normal) var(--ease),background var(--dur-normal) var(--ease)}.stat-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.stat-card-value{font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight)}.stat-card-label{font-size:var(--text-micro);color:var(--text-tertiary);letter-spacing:var(--tracking-wider);margin-top:var(--space-1)}.form-error{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error);font-size:var(--text-small);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.empty-state{color:var(--text-tertiary);font-size:var(--text-body)}.logo-link{width:48px;display:block;color:var(--text-primary);transition:color var(--dur-normal) var(--ease)}.logo-link:hover{color:var(--text-secondary)}.text-right{text-align:right}.text-center{text-align:center}.text-tertiary{color:var(--text-tertiary)}.text-ghost{color:var(--text-ghost)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}