:root{--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--fg: oklch(18% .012 250);--muted: oklch(54% .012 250);--border: oklch(92% .005 250);--accent: oklch(58% .18 255);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--surface-2: oklch(97% .004 250);--fg-soft: oklch(28% .014 250);--accent-deep: oklch(48% .18 255);--accent-fg: oklch(99% .002 240);--ink-invert: oklch(96% .006 250);--panel: oklch(16% .02 250);--panel-line: oklch(32% .02 250);--danger: oklch(54% .18 25);--danger-bg: oklch(96% .03 25);--ok: oklch(52% .12 150);--ok-bg: oklch(96% .03 150);--warn: oklch(62% .14 75);--focus: oklch(58% .18 255);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.75rem;--text-display: clamp(2.4rem, 6vw, 4.25rem);--rule: 1px solid var(--border);--radius: 0;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--dur: .18s;--header-h: 64px}@media(prefers-reduced-motion:reduce){:root{--dur: .01ms}}html,body{overflow-x:clip}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--fg);background:var(--bg);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,.brand{font-family:var(--font-display);font-style:normal;letter-spacing:-.02em}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--panel);color:var(--ink-invert);display:flex;flex-direction:column;border-right:1px solid var(--panel-line)}.sidebar .brand{padding:1.15rem 1.2rem;border-bottom:1px solid var(--panel-line);font-size:.95rem}.sidebar .brand span{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:color-mix(in oklch,var(--ink-invert) 62%,transparent);margin-top:.2rem}.side-nav{display:flex;flex-direction:column;padding:.75rem .6rem;gap:.2rem}.side-nav a{min-height:44px;display:flex;align-items:center;padding:0 .8rem;color:color-mix(in oklch,var(--ink-invert) 80%,transparent)}.side-nav a:hover{background:color-mix(in oklch,var(--ink-invert) 8%,transparent);color:var(--ink-invert)}.side-nav a.is-on,.side-nav a.active,.side-nav a.is-on:hover,.side-nav a.active:hover{background:var(--accent);color:var(--accent-fg)}.side-nav a.is-on:hover,.side-nav a.active:hover{background:var(--accent-deep);color:var(--accent-fg)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:56px;border-bottom:var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--surface)}.topbar span{color:var(--muted);font-size:.85rem;font-family:var(--font-mono)}.topbar-actions{display:flex;align-items:center;gap:.35rem}.content{padding:1.5rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.page-title{margin:0;font-size:1.35rem}.muted{color:var(--muted)}.small{font-size:.82rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border:1px solid var(--border);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--accent-fg)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-bg);color:var(--danger)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--fg)}.btn-small{min-height:36px;padding:0 .7rem;font-size:.85rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:var(--rule);margin-bottom:1.5rem}.stat{background:var(--surface);padding:1.1rem}.stat b{display:block;font-size:1.8rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.stat span{color:var(--muted);font-size:.85rem}.table-wrap{border:var(--rule);overflow:auto;background:var(--surface)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .9rem;border-bottom:var(--rule);font-size:.9rem;vertical-align:middle}th{color:var(--muted);font-weight:600;background:var(--surface-2)}.product-cell{display:flex;align-items:center;gap:.7rem;min-width:0}.product-cell img,.thumb{width:48px;height:36px;object-fit:cover;background:var(--panel);border:var(--rule);flex-shrink:0}.product-cell a{color:var(--fg);font-weight:600}.product-cell a:hover{color:var(--accent-deep)}.inline{display:flex;gap:.8rem;flex-wrap:wrap}.inline label{display:flex;align-items:center;gap:.35rem;font-weight:400;margin:0}.sort-btns{display:flex;flex-direction:column;gap:.2rem}.sort-btns button{width:36px;height:28px;border:var(--rule);background:var(--surface);color:var(--fg);cursor:pointer}.sort-btns button:hover{background:var(--surface-2)}.form-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);gap:1.5rem;align-items:start}.field-row{display:flex;gap:.5rem;align-items:end}.field-row input{flex:1}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.85rem}input,textarea,select{width:100%;margin-top:.3rem;border:var(--rule);background:var(--surface);color:var(--fg);font:inherit;padding:.6rem .7rem}input[type=checkbox],input[type=radio]{width:auto;margin-top:0;accent-color:var(--accent)}textarea{resize:vertical;min-height:88px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.drop{border:1px dashed var(--border);min-height:140px;display:grid;place-items:center;text-align:center;padding:1rem;background:var(--surface-2);color:var(--muted);cursor:pointer}.drop:hover,.drop.is-over{background:color-mix(in oklch,var(--accent) 8%,var(--surface));color:var(--fg)}.drop input{display:none}.image-list{display:grid;gap:.75rem;margin-top:.75rem}.image-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:.75rem;border:var(--rule);padding:.6rem;background:var(--surface)}.image-item img{width:96px;height:72px;object-fit:cover;background:var(--panel)}.image-actions{display:flex;flex-direction:column;gap:.25rem}.image-actions .sort-btns{flex-direction:row}.image-item .muted{display:block;font-weight:400;margin-top:.25rem}.preview-card{border:var(--rule);background:var(--surface);position:sticky;top:1rem}.preview-card img,.preview-fallback{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--panel)}.preview-fallback{display:grid;place-items:center;color:var(--ink-invert);font-family:var(--font-mono);font-size:.75rem}.preview-card .body{padding:.9rem 1rem 1.1rem}.preview-card h3{margin:0 0 .3rem}.banner{padding:.6rem .8rem;margin-bottom:1rem;font-size:.9rem}.banner.error{background:var(--danger-bg);color:var(--danger)}.banner.ok{background:var(--ok-bg);color:var(--ok)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%);border:var(--rule);background:var(--surface);padding:2rem 1.5rem}.login-card h1{margin:0 0 .35rem;font-size:1.4rem}.login-card .btn-primary{width:100%;margin-top:.4rem}.info-row{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:.7rem;border:var(--rule);padding:.85rem;margin-bottom:.7rem;background:var(--surface)}.checks{display:flex;gap:1rem;margin:.5rem 0 1rem}.checks label{display:flex;align-items:center;gap:.4rem;font-weight:500;margin:0}.checks input{width:auto;margin:0}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{flex-direction:column;align-items:stretch}.side-nav{flex-direction:row;width:100%;padding:.4rem;overflow:auto}.side-nav a{flex:1 0 auto;justify-content:center;white-space:nowrap}.form-layout,.stat-grid,.row-2,.info-row,.image-item{grid-template-columns:1fr}.preview-card{position:static}}.side-nav a.active,.side-nav a.active:hover{background:var(--accent);color:var(--accent-fg)}.error,.banner.error{background:var(--danger-bg);color:var(--danger);padding:.6rem .8rem;margin-bottom:1rem;font-size:.9rem}.notice,.banner.ok{background:var(--ok-bg);color:var(--ok);padding:.6rem .8rem;margin-bottom:1rem;font-size:.9rem}.form-wrap{max-width:720px}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.quick-links{display:flex;gap:.6rem;flex-wrap:wrap}.inline-label{display:flex;align-items:center;gap:.35rem;font-weight:400;margin:.15rem 0}.table-wrap .btn+.btn,.table-wrap a.btn+button,.table-wrap a.btn+a.btn{margin-left:.4rem}a.btn-primary,a.btn-primary:hover{color:var(--accent-fg)}