:root{--cosmic-orange:#ff6a1a;--bright-orange:#ff8a3d;--deep-orange:#c53b00;--ink:#1d1511;--ink-soft:#55463f;--muted:#8b7a70;--paper:#fff8f2;--cream:#fff1e8;--plum:#372338;--teal:#0f766e;--glass:#ffffffa3;--glass-strong:#ffffffd1;--glass-dark:#1d1511bd;--glass-border:#ffffff61;--glow:#ff6a1a47;--shadow:0 20px 60px #47230c29;--radius:20px;--radius-sm:14px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}*{box-sizing:border-box}html{background:linear-gradient(145deg,#ff6a1a2e,#3723381a),linear-gradient(#fffaf5 0%,#f8e8df 48%,#f0f7f5 100%);min-width:320px}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100svh}@media (prefers-color-scheme:dark){:root{--ink:#fff8f2;--ink-soft:#e8d8cc;--muted:#c8b6ab;--paper:#1d1511;--cream:#2b1d17;--glass:#19120e9e;--glass-strong:#19120ed6;--glass-border:#ffffff29;--shadow:0 20px 70px #00000061}html{background:linear-gradient(145deg,#ff6a1a33,#0f766e1f),linear-gradient(#170f0c 0%,#251812 52%,#151c1c 100%)}}.admin-app,.auth-screen{min-height:100svh}.admin-app{grid-template-columns:1fr;display:grid}.admin-main{width:min(100%,1120px);padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 98px);margin:0 auto}.glass-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.auth-screen{place-items:center;min-height:100svh;padding:22px;display:grid}.auth-card{width:min(100%,430px);padding:24px}.auth-card h1,.page-title h1{color:var(--ink);letter-spacing:0;margin:6px 0 10px;font-size:clamp(1.85rem,7vw,3.8rem);line-height:1}.auth-card p,.page-title p{color:var(--ink-soft);margin:0}.brand-mark,.brand-row span,.sidebar-brand span{background:linear-gradient(135deg, var(--cosmic-orange), var(--deep-orange));color:#fff;letter-spacing:0;border-radius:15px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:850;display:inline-flex}.form-stack,.admin-form,.page-stack{flex-direction:column;display:flex}.form-stack,.admin-form{gap:16px}.form-stack{margin-top:22px}.admin-form{padding:16px}.page-stack{gap:16px;padding-top:14px}.mobile-header{min-height:60px;top:calc(env(safe-area-inset-top) + 8px);z-index:20;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:sticky}.brand-row,.profile-chip,.sidebar-brand{align-items:center;display:inline-flex}.brand-row,.profile-chip{gap:10px}.profile-chip{border:1px solid var(--glass-border);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;background:#ffffff61;border-radius:999px;max-width:48%;min-height:44px;padding:0 12px;font-size:.88rem;overflow:hidden}.desktop-sidebar{display:none}.mobile-bottom-nav{bottom:max(10px, env(safe-area-inset-bottom));z-index:30;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px;padding:8px;display:grid;position:fixed;left:10px;right:10px}.mobile-bottom-nav a,.mobile-bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:52px;padding:4px;font-size:.68rem;display:inline-flex}.mobile-bottom-nav a.active{color:var(--deep-orange);background:#ff6a1a24}.page-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{color:var(--deep-orange);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-card{min-height:116px;padding:14px}.metric-card svg{color:var(--deep-orange)}.metric-card span,.metric-card strong{display:block}.metric-card span{color:var(--muted);margin-top:10px;font-size:.76rem}.metric-card strong{color:var(--ink);margin-top:4px;font-size:clamp(1.35rem,8vw,2.4rem);line-height:1}.quick-actions,.filter-row,.two-column,.three-column,.card-actions,.image-actions{gap:10px;display:flex}.quick-actions,.filter-row{flex-wrap:wrap}.quick-actions>*,.filter-row>*{flex:160px}.primary-action,.secondary-action,.text-button,.icon-link,.icon-danger{border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-action{background:linear-gradient(135deg, var(--cosmic-orange), var(--deep-orange));box-shadow:0 14px 32px var(--glow);color:#fff}.secondary-action{border:1px solid var(--glass-border);color:var(--ink);background:#ffffff7a}.text-button,.icon-link{color:var(--deep-orange);background:0 0;padding-inline:4px}.align-left{justify-content:flex-start}.icon-danger{color:var(--deep-orange);background:#c53b001a;min-width:44px}.primary-action:disabled{cursor:not-allowed;opacity:.62}.primary-action:focus-visible,.secondary-action:focus-visible,.text-button:focus-visible,.icon-link:focus-visible,.icon-danger:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ff6a1a61}.compact-action{white-space:nowrap;flex:none}.content-panel,.state-panel{padding:16px}.section-heading{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-heading h2{margin:0;font-size:1.05rem}.card-list{gap:12px;display:grid}.item-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.item-card strong,.item-card span,.item-card small{overflow-wrap:anywhere;min-width:0;display:block}.item-card strong{color:var(--ink);font-size:1rem}.item-card span,.item-card small,.price-stack small{color:var(--muted)}.thumb{aspect-ratio:1;border:1px solid var(--glass-border);background:linear-gradient(135deg,#ff6a1a2e,#0f766e1f);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.code-thumb{color:var(--deep-orange);font-weight:900}.user-thumb svg{color:var(--deep-orange)}.price-stack{grid-column:2}.price-stack span{color:var(--ink);font-weight:850}.card-actions{grid-column:1/-1;justify-content:flex-end}.search-bar{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex}.search-bar input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.field{color:var(--ink-soft);flex-direction:column;gap:7px;font-size:.88rem;font-weight:800;display:flex}.field small{color:var(--muted);font-weight:500}.field-error,.inline-error,.warning-note{color:var(--deep-orange)}input,select{accent-color:var(--deep-orange);color:var(--ink);background:#ffffff9e;border:1px solid #8b7a7038;border-radius:14px;width:100%;min-width:0;min-height:48px;padding:0 12px}select{appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option{color:#1d1511;background:#fff8f2}.two-column,.three-column{flex-direction:column}.image-field{gap:14px;display:grid}.image-preview{aspect-ratio:4/3;background:linear-gradient(145deg,#ff6a1a29,#3723381f);border:1px dashed #c53b0047;border-radius:22px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.image-preview svg{color:var(--deep-orange);width:44px;height:44px}.image-preview img{object-fit:cover;width:100%;height:100%}.image-actions{flex-direction:column;position:relative}.image-actions .secondary-action{border-radius:12px;width:100%;min-height:48px}.image-actions .secondary-action span,.image-actions .text-button{text-align:center;line-height:1.2}.progress-track{background:#ffffff9e;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--bright-orange), var(--deep-orange));height:100%;display:block}.inline-error{justify-content:space-between;align-items:center;gap:10px;display:flex}.inline-error button{color:var(--deep-orange);background:0 0;border:0;min-height:44px;font-weight:800}.code-pill,.toggle-row{border:1px solid var(--glass-border);background:#ffffff7a;border-radius:16px;justify-content:space-between;align-items:center;min-height:54px;padding:10px 12px;display:flex}.toggle-row{cursor:pointer;gap:14px}.code-pill span,.toggle-row span{color:var(--muted);font-size:.82rem;font-weight:800}.toggle-row input[type=checkbox]{appearance:none;cursor:pointer;background:#1d151129;border:1px solid #8b7a7057;border-radius:999px;flex:none;width:50px;height:28px;min-height:28px;padding:0;transition:background .16s,border-color .16s;position:relative}.toggle-row input[type=checkbox]:after{content:"";background:#fff8f2;border-radius:50%;width:22px;height:22px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #1d151138}.toggle-row input[type=checkbox]:checked{background:linear-gradient(135deg, var(--cosmic-orange), var(--deep-orange));border-color:#0000}.toggle-row input[type=checkbox]:checked:after{transform:translate(22px)}.code-pill strong{color:var(--deep-orange);letter-spacing:0}.details-panel{border:1px solid var(--glass-border);background:#ffffff57;border-radius:16px;padding:12px}.details-panel summary{cursor:pointer;min-height:44px;padding-top:10px;font-weight:850}.sticky-submit{bottom:calc(env(safe-area-inset-bottom) + 82px);background:linear-gradient(#0000,#fff8f2f0);margin:4px -16px -16px;padding:12px 16px 16px;position:sticky}.sticky-submit .primary-action{width:100%}.state-panel{color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.spin{animation:1s linear infinite spin}.toast-stack{pointer-events:none;left:14px;right:14px;top:calc(env(safe-area-inset-top) + 14px);z-index:90;gap:8px;display:grid;position:fixed}.toast{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow);color:var(--ink);border-radius:16px;padding:12px 14px;font-weight:800}.toast-error{color:var(--deep-orange)}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=640px){.admin-main{padding-inline:24px}.item-card{grid-template-columns:76px minmax(0,1fr) auto}.price-stack,.card-actions{grid-column:auto}.two-column{flex-direction:row}.two-column>*{flex:1}.three-column{flex-direction:row}.three-column>*{flex:1}.image-field{grid-template-columns:minmax(220px,.9fr) 1fr}}@media (width>=980px){.admin-app{grid-template-columns:260px minmax(0,1fr)}.desktop-sidebar{align-self:start;height:calc(100svh - 32px);margin:16px;padding:18px;display:block;position:sticky;top:16px}.desktop-sidebar nav{gap:8px;margin-top:28px;display:grid}.desktop-sidebar nav a{color:var(--ink-soft);border-radius:16px;align-items:center;gap:12px;min-height:48px;padding:0 12px;display:flex}.desktop-sidebar nav a.active{color:var(--deep-orange);background:#ff6a1a24;font-weight:850}.sidebar-brand{gap:12px}.mobile-header,.mobile-bottom-nav{display:none}.admin-main{padding:24px 32px 48px}.metric-grid{gap:16px}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-page{max-width:880px}.sticky-submit{bottom:0}}