:root{
  --bg:#f3f4f6;--surface:#ffffff;--surface-2:#f9fafb;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;
  --primary:#f97316;--primary-dark:#ea580c;--primary-soft:#fff7ed;--nav:#374151;--hero-end:#4b5563;
  --shadow:0 12px 34px rgba(17,24,39,.09);--danger:#b91c1c;
}
html[data-theme="dark"]{
  --bg:#111827;--surface:#1f2937;--surface-2:#273241;--text:#f9fafb;--muted:#cbd5e1;--border:#4b5563;
  --primary:#fb923c;--primary-dark:#f97316;--primary-soft:#3b2a1f;--nav:#030712;--hero-end:#374151;
  --shadow:0 12px 34px rgba(0,0,0,.35);--danger:#ef4444;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Arial,sans-serif;background:var(--bg)!important;color:var(--text)!important;transition:background .2s,color .2s}.hero{background:linear-gradient(135deg,var(--nav),var(--hero-end))!important;color:#fff!important;padding:48px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1{margin:0;font-size:38px}.container{width:min(1100px,92%);margin:30px auto}.narrow{max-width:560px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid.small{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.badge{display:inline-block;background:var(--primary-soft)!important;color:var(--primary-dark)!important;padding:7px 12px;border-radius:20px;font-weight:bold}.size{font-size:26px;font-weight:bold}.price{font-size:24px;color:var(--primary)!important;font-weight:bold}button,.linkbtn,input[type=submit]{background:var(--primary)!important;color:#fff!important;border:0;padding:13px 18px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:bold}button:hover,.linkbtn:hover,input[type=submit]:hover{background:var(--primary-dark)!important}.danger{background:var(--danger)!important;padding:8px 12px}.secondary{background:var(--nav)!important}.theme-toggle{background:var(--primary)!important;border:1px solid rgba(255,255,255,.45)!important;color:white!important;white-space:nowrap}.adminnav .theme-toggle{margin-left:auto;padding:9px 13px}input,select{width:100%;padding:13px;border:1px solid var(--border)!important;border-radius:12px;margin:8px 0 14px;background:var(--surface-2)!important;color:var(--text)!important}input[type="checkbox"]{width:auto;margin-right:8px}label{font-weight:bold}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:20px}.checkout{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:18px;padding:24px;width:min(430px,100%);position:relative}.close{position:absolute;right:15px;top:15px;background:var(--border)!important;color:var(--text)!important;padding:8px 12px}.notice{background:var(--primary-soft)!important;color:var(--text)!important;padding:14px;border-radius:12px;margin-bottom:18px;border:1px solid var(--primary)!important}.error{background:#ffe0e0;color:#921b1b;padding:12px;border-radius:12px;margin-bottom:14px}.adminnav{background:var(--nav)!important;color:white!important;padding:15px 6%;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.adminnav a{color:white!important;text-decoration:none}table{width:100%;border-collapse:collapse;background:var(--surface)!important;color:var(--text)!important;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)!important}th,td{padding:14px;border-bottom:1px solid var(--border)!important;text-align:left;vertical-align:top}th{background:var(--surface-2)!important}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end;margin-bottom:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-edit input,.inline-edit select{min-width:120px;margin:0}.muted{color:var(--muted)!important}a{color:var(--primary)}
@media(max-width:700px){.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:28px}table{display:block;overflow-x:auto}.adminnav{gap:10px}.adminnav .theme-toggle{margin-left:0}}