:root{--c-bg: oklch(.978 .003 60);--c-surface: oklch(1 0 0);--c-surface-2: oklch(.965 .004 60);--c-ink: oklch(.185 .012 255);--c-ink-muted: oklch(.45 .018 255);--c-ink-subtle: oklch(.65 .012 255);--c-border: oklch(.906 .005 70);--c-border-2: oklch(.86 .008 70);--c-success: oklch(.55 .16 150);--c-success-bg: oklch(.94 .04 150);--c-warning: oklch(.62 .16 70);--c-warning-bg: oklch(.95 .05 70);--c-danger: oklch(.55 .19 20);--c-danger-bg: oklch(.95 .04 20);--c-info: oklch(.55 .15 230);--c-info-bg: oklch(.94 .04 230);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--t-xs: 11px;--t-sm: 12px;--t-base: 14px;--t-md: 15px;--t-lg: 16px;--t-xl: 20px;--t-2xl: 24px;--shadow-sm: 0 1px 3px oklch(0 0 0 / .08), 0 1px 2px oklch(0 0 0 / .04);--shadow-md: 0 4px 12px oklch(0 0 0 / .1), 0 2px 4px oklch(0 0 0 / .06)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:44px;padding:0 var(--s-4);font-family:inherit;font-size:var(--t-base);font-weight:500;line-height:1;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--admin-accent);color:#fff;border-color:var(--admin-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:focus-visible{outline:3px solid color-mix(in oklch,var(--admin-accent) 40%,transparent);outline-offset:2px}.btn-secondary{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-border-2)}.btn-secondary:hover{background:var(--c-surface-2);border-color:var(--c-border-2)}.btn-secondary:focus-visible{outline:3px solid color-mix(in oklch,var(--admin-accent) 30%,transparent);outline-offset:2px}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--c-ink-muted);border-color:transparent}.btn-ghost:hover{background:var(--c-surface-2);color:var(--c-ink)}.btn-sm{height:30px;padding:0 var(--s-3);font-size:var(--t-sm)}.btn-icon{padding:0;width:36px;flex-shrink:0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--c-ink);line-height:1.3}.field-label .required{color:var(--c-danger);margin-left:2px}.field-input,.field-select,.field-textarea{width:100%;height:36px;padding:0 var(--s-3);font-family:inherit;font-size:var(--t-base);color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-border-2);border-radius:var(--r-md);transition:border-color .15s ease,box-shadow .15s ease;appearance:none;-webkit-appearance:none}.field-textarea{height:auto;min-height:80px;padding:var(--s-2) var(--s-3);resize:vertical;line-height:1.5}.field-input::placeholder,.field-textarea::placeholder{color:var(--c-ink-subtle)}.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--admin-accent) 20%,transparent)}.field-input[aria-invalid=true],.field-select[aria-invalid=true],.field-textarea[aria-invalid=true]{border-color:var(--c-danger)}.field-input[aria-invalid=true]:focus,.field-select[aria-invalid=true]:focus,.field-textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--c-danger) 20%,transparent)}.field-hint{font-size:var(--t-sm);color:var(--c-ink-muted);line-height:1.4}.field-error{font-size:var(--t-sm);color:var(--c-danger);line-height:1.4}.field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px;cursor:pointer}.field-checkbox{display:flex;align-items:center;gap:var(--s-2);cursor:pointer}.field-checkbox input[type=checkbox]{width:16px;height:16px;border-radius:var(--r-sm);accent-color:var(--admin-accent);cursor:pointer;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-4)}@media(max-width:640px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.field-full{grid-column:1 / -1}.table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-base)}.data-table th{padding:10px 16px;text-align:left;font-size:var(--t-sm);font-weight:600;color:var(--c-ink-muted);background:var(--c-surface-2);border-bottom:1px solid var(--c-border);white-space:nowrap}.data-table th:first-child{border-radius:var(--r-lg) 0 0 0}.data-table th:last-child{border-radius:0 var(--r-lg) 0 0}.data-table td{padding:12px 16px;color:var(--c-ink);border-bottom:1px solid var(--c-border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:last-child td:first-child{border-radius:0 0 0 var(--r-lg)}.data-table tr:last-child td:last-child{border-radius:0 0 var(--r-lg) 0}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:color-mix(in oklch,var(--admin-accent) 4%,var(--c-surface))}.data-table a{color:var(--admin-accent);text-decoration:none;font-weight:500}.data-table a:hover{text-decoration:underline}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6)}.panel-sm{padding:var(--s-5)}.panel-title{font-size:var(--t-md);font-weight:600;color:var(--c-ink);margin-bottom:var(--s-4)}.panel+.panel{margin-top:var(--s-4)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap}.page-title{font-size:var(--t-xl);font-weight:700;color:var(--c-ink);line-height:1.2}.page-subtitle{font-size:var(--t-base);color:var(--c-ink-muted);margin-top:var(--s-1)}.actions-bar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:var(--t-xs);font-weight:500;border-radius:999px;white-space:nowrap;line-height:1}.badge-success{background:var(--c-success-bg);color:var(--c-success)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge-info{background:var(--c-info-bg);color:var(--c-info)}.badge-neutral{background:#e3e5e7;color:var(--c-ink-muted)}.badge-processing{background:oklch(.93 .05 290);color:#421792}.badge-paid{background:#cef7d8;color:oklch(.34 .14 152)}.badge-shipped{background:#c2ecfe;color:oklch(.36 .16 225)}.badge-cancelled{background:oklch(.93 .05 18);color:oklch(.4 .2 18)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-12) var(--s-6);color:var(--c-ink-muted);gap:var(--s-3)}.empty-state svg{opacity:.35}.empty-state strong{font-size:var(--t-md);font-weight:600;color:var(--c-ink)}.empty-state p{font-size:var(--t-base);max-width:40ch}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-top:var(--s-4);font-size:var(--t-sm);color:var(--c-ink-muted);flex-wrap:wrap}.pagination-links{display:flex;align-items:center;gap:var(--s-2)}.alert{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-base);border:1px solid transparent}.alert-success{background:var(--c-success-bg);color:var(--c-success);border-color:color-mix(in oklch,var(--c-success) 30%,transparent)}.alert-warning{background:var(--c-warning-bg);color:var(--c-warning);border-color:color-mix(in oklch,var(--c-warning) 30%,transparent)}.alert-danger{background:var(--c-danger-bg);color:var(--c-danger);border-color:color-mix(in oklch,var(--c-danger) 30%,transparent)}.alert-info{background:var(--c-info-bg);color:var(--c-info);border-color:color-mix(in oklch,var(--c-info) 30%,transparent)}.divider{height:1px;background:var(--c-border);margin:var(--s-6) 0}.inline-form{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5)}.inline-form-title{font-size:var(--t-md);font-weight:600;color:var(--c-ink);margin-bottom:var(--s-4)}.stack{display:flex;flex-direction:column}.stack-4>*+*{margin-top:var(--s-4)}.stack-6>*+*{margin-top:var(--s-6)}.stack-8>*+*{margin-top:var(--s-8)}