:root,[data-theme=paper]{--bg:#f7f5f1;--surface:#fff;--surface2:#f0ece5;--border:#e6e0d6;--text:#1c1916;--text2:#6b6258;--text3:#aaa298;--accent:#1c1916;--accent-fg:#fff;--green:#15803d;--green-bg:#f0fdf4;--amber:#b45309;--amber-bg:#fef3c7;--red:#b91c1c;--red-bg:#fff0f0;--swatch:#d6cfc4}[data-theme=midnight]{--bg:#000;--surface:#0d0d0d;--surface2:#161616;--border:#252525;--text:#f5f5f5;--text2:#888;--text3:#444;--accent:#f5f5f5;--accent-fg:#000;--green:#4ade80;--green-bg:#4ade801a;--amber:#fbbf24;--amber-bg:#fbbf241a;--red:#f87171;--red-bg:#f871711a;--swatch:#000}[data-theme=carbon]{--bg:#111;--surface:#1a1a1a;--surface2:#222;--border:#303030;--text:#ededed;--text2:#888;--text3:#555;--accent:#ededed;--accent-fg:#111;--green:#4ade80;--green-bg:#4ade801a;--amber:#fbbf24;--amber-bg:#fbbf241a;--red:#f87171;--red-bg:#f871711a;--swatch:#333}[data-theme=ocean]{--bg:#030e1c;--surface:#071626;--surface2:#0c2040;--border:#123260;--text:#c8dff5;--text2:#5b85ab;--text3:#2d5070;--accent:#3b9aff;--accent-fg:#fff;--green:#34d399;--green-bg:#34d3991f;--amber:#fbbf24;--amber-bg:#fbbf241f;--red:#f87171;--red-bg:#f871711f;--swatch:#0a2a50}[data-theme=forest]{--bg:#040c06;--surface:#081409;--surface2:#0e2212;--border:#183d1c;--text:#c4e8cb;--text2:#4e8a5a;--text3:#2a5030;--accent:#4ade80;--accent-fg:#040c06;--green:#4ade80;--green-bg:#4ade801f;--amber:#fbbf24;--amber-bg:#fbbf241f;--red:#f87171;--red-bg:#f871711f;--swatch:#0d3012}[data-theme=violet]{--bg:#060412;--surface:#0e0820;--surface2:#160c30;--border:#251548;--text:#e2d8f8;--text2:#7c5cbf;--text3:#3d2a6a;--accent:#a78bfa;--accent-fg:#060412;--green:#34d399;--green-bg:#34d3991f;--amber:#fbbf24;--amber-bg:#fbbf241f;--red:#f87171;--red-bg:#f871711f;--swatch:#2d1060}[data-theme=rose]{--bg:#fdf6f6;--surface:#fff;--surface2:#faeaea;--border:#f0d5d5;--text:#2d1212;--text2:#8a5858;--text3:#c4a0a0;--accent:#e11d48;--accent-fg:#fff;--green:#15803d;--green-bg:#f0fdf4;--amber:#b45309;--amber-bg:#fef3c7;--red:#be123c;--red-bg:#fff0f4;--swatch:#f0c0c8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0%}}.anim-fade-up{animation:.4s cubic-bezier(.16,1,.3,1) both fadeUp}.anim-fade-in{animation:.25s both fadeIn}.anim-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) both scaleIn}.anim-slide-down{animation:.2s cubic-bezier(.16,1,.3,1) both slideDown}.anim-spin{animation:.7s linear infinite spin}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}@media (min-width:640px){.container{padding:0 32px}}@media (min-width:1024px){.container{padding:0 48px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:box-shadow .25s,transform .25s,border-color .25s}.card:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0000001f}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s,transform .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{color:var(--red);border:1px solid var(--border);background:0 0}.btn-danger:hover{background:var(--red-bg);border-color:var(--red)}.input{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);appearance:none;border-radius:8px;outline:none;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}select.input{cursor:pointer}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.badge{letter-spacing:.04em;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:var(--green);background:var(--green-bg)}.badge-expiring{color:var(--amber);background:var(--amber-bg)}.badge-expired{color:var(--red);background:var(--red-bg)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;position:relative}.status-dot.active{background:var(--green)}.status-dot.expiring{background:var(--amber)}.status-dot.expired{background:var(--red)}.status-dot.expiring:after{content:"";background:var(--amber);border-radius:50%;animation:1.8s infinite pulse-ring;position:absolute;inset:0}.progress-track{background:var(--surface2);border-radius:100px;height:3px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;animation:.8s cubic-bezier(.4,0,.2,1) both progressFill}.pill{border:1.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:100px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.pill:hover{border-color:var(--text2);color:var(--text)}.pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.skeleton{background:linear-gradient(90deg, var(--surface2) 0%, var(--border) 50%, var(--surface2) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#00000080;justify-content:center;align-items:flex-end;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@media (min-width:640px){.overlay{align-items:center;padding:24px}}.product-card .card-actions{opacity:0;pointer-events:none;transition:opacity .18s}.product-card:hover .card-actions{opacity:1;pointer-events:auto}@media (hover:none){.product-card .card-actions{opacity:1;pointer-events:auto}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-fg)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:480px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.product-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:480px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}}@media (hover:none){.btn{min-height:44px}.pill{min-height:36px;padding:8px 14px}.card:hover{box-shadow:none;transform:none}}@media (max-width:639px){.header-search{display:none!important}.btn-label-desktop{display:none}}.modal-inner{border-radius:16px 16px 0 0;width:100%;max-height:92dvh}@media (min-width:540px){.modal-inner{border-radius:16px;max-width:520px;max-height:88dvh}}