*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:4px}:root{--bg: #0a0a0a;--fg: #f0f0f0;--fg-ui: #c2c2c2;--muted: #888888;--line: rgba(255,255,255,.1);--line-strong: rgba(255,255,255,.2);--surface: #121212;--surface-2: #1a1a1a;--surface-raised: #1e1e1e;--accent: oklch(.62 .18 250);--accent-strong: oklch(.5 .16 255);--accent-fg: #fff;--danger: #ef4444;--danger-bg: rgba(239,68,68,.12);--danger-border: rgba(239,68,68,.3);--success: #22c55e;--success-bg: rgba(34,197,94,.12);--success-border: rgba(34,197,94,.3);--warning: #f59e0b;--warning-bg: rgba(245,158,11,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 16px 48px rgba(0,0,0,.6), 0 6px 20px rgba(0,0,0,.4);--shadow-xl: 0 32px 80px rgba(0,0,0,.7), 0 12px 32px rgba(0,0,0,.4);--display: "Space Grotesk", system-ui, sans-serif;--body: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--font: var(--body);--bg-section: var(--surface);--border: var(--line);--text: var(--fg);--text-muted: var(--muted);--text-faint: #606060;--inv-bg: #1c1c1c;--inv-text: var(--fg);--radius: 6px;--radius-sm: 3px;--radius-lg: 14px;--radius-xl: 22px;--transition: .18s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #f7f7f5;--fg: #111111;--fg-ui: #111111;--muted: #666666;--line: rgba(0,0,0,.08);--line-strong: rgba(0,0,0,.18);--surface: #ffffff;--surface-2: #efefed;--surface-raised: #fafaf8;--text-faint: #909090;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--shadow-lg: 0 16px 48px rgba(0,0,0,.12), 0 6px 20px rgba(0,0,0,.08);--shadow-xl: 0 32px 80px rgba(0,0,0,.16), 0 12px 32px rgba(0,0,0,.1);--inv-bg: #111111;--inv-text: #f5f5f5}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--body);font-weight:400;color:var(--fg);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden;text-wrap:pretty}h1,h2,h3,h4,h5{font-family:var(--display);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}a{text-decoration:none;color:inherit}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none;color:var(--fg);background:var(--surface)}img{display:block;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 40px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent-strong);color:var(--accent-fg);padding:11px 22px;font-size:.88rem;font-weight:600;font-family:var(--font);border-radius:999px;border:1.5px solid var(--accent-strong);letter-spacing:.01em;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .15s ease,box-shadow .2s ease;cursor:pointer}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px color-mix(in oklab,var(--accent) 45%,transparent)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--fg);padding:11px 22px;font-size:.88rem;font-weight:600;font-family:var(--font);border-radius:999px;border:1.5px solid var(--line-strong);letter-spacing:.01em;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-secondary:hover{background:var(--fg-ui);color:var(--bg);border-color:var(--fg-ui);transform:translateY(-1px);box-shadow:0 6px 20px #0003}.btn-secondary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px solid var(--line-strong);color:var(--muted);border-radius:999px;font-size:.88rem;font-family:var(--font);cursor:pointer;padding:9px 18px;transition:color var(--transition),border-color var(--transition),background var(--transition)}.btn-ghost:hover{color:var(--fg);border-color:var(--fg);background:color-mix(in oklab,var(--fg) 5%,transparent)}.section-title{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:8px;letter-spacing:-.02em}.section-subtitle{color:var(--muted);font-size:1rem;margin-bottom:48px}.page-header{background:var(--bg);padding:60px 0 40px;border-bottom:1px solid var(--line);margin-bottom:48px;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:36px 0 24px;margin-bottom:28px}.section-subtitle{margin-bottom:28px}}.page-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 100% at 50% 0%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 100% at 50% 0%,black 20%,transparent 100%);pointer-events:none}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:clamp(2rem,3.5vw,2.8rem);margin-bottom:6px;letter-spacing:-.03em}.page-header p{color:var(--muted);font-size:.95rem}.ph-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.ph-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;animation:ph-pulse 2.5s ease infinite}@keyframes ph-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklab,currentColor 20%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,currentColor 8%,transparent)}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.field label,.field .field-label{font-size:.82rem;font-weight:600;letter-spacing:.01em}.field input,.field textarea,.field select{border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:11px 14px;font-size:.9rem;transition:border-color var(--transition),box-shadow var(--transition);background:var(--surface);resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in oklab,var(--fg) 12%,transparent)}.field .error{font-size:.78rem;color:var(--danger)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-family:var(--mono)}.badge-new{background:var(--fg-ui);color:var(--bg)}.badge-recond{border:1px solid var(--line-strong);color:var(--fg)}.badge-cancel-req{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;background:#3e0011;color:#f48fb1;font-family:var(--mono)}[data-theme=light] .badge-cancel-req{background:#fce4ec;color:#b71c1c}.status-pending{background:#3e2000;color:#ffb74d}.status-paid{background:#030;color:#81c784}.status-processing{background:#001433;color:#90caf9}.status-shipped{background:#1a0033;color:#ce93d8}.status-delivered{background:#030;color:#a5d6a7}.status-cancelled{background:#3e0011;color:#f48fb1}[data-theme=light] .status-pending{background:#fff3e0;color:#e65100}[data-theme=light] .status-paid{background:#e8f5e9;color:#2e7d32}[data-theme=light] .status-processing{background:#e3f2fd;color:#1565c0}[data-theme=light] .status-shipped{background:#f3e5f5;color:#6a1b9a}[data-theme=light] .status-delivered{background:#e8f5e9;color:#1b5e20}[data-theme=light] .status-cancelled{background:#fce4ec;color:#880e4f}.spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--fg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-slide 1.4s ease infinite;border-radius:var(--radius)}@keyframes skeleton-slide{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@supports (animation-timeline: view()){.reveal{opacity:0;animation:reveal-up .55s cubic-bezier(.16,1,.3,1) forwards;animation-timeline:view();animation-range:entry 0% entry 25%}.reveal-fade{opacity:0;animation:reveal-fade .5s ease forwards;animation-timeline:view();animation-range:entry 0% entry 22%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.divider{height:1px;background:var(--line);margin:24px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;font-weight:500;font-family:var(--font);color:var(--muted);background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--fg);border-color:var(--fg)}.chip[aria-pressed=true]{background:var(--fg-ui);color:var(--bg);border-color:var(--fg-ui)}@media(max-width:768px){.container{padding:0 20px}.btn-primary,.btn-secondary,.field input,.field select{min-height:44px}}@media(max-width:480px){.section-title{font-size:1.45rem}.btn-lg{padding:12px 20px;font-size:.9rem}}.status-select{font-family:var(--font);font-size:.82rem;padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--fg);cursor:pointer}.desc-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;color:var(--muted)}