:root{--blue: #2f5597;--blue-2: #3d6bb5;--green: #6bb64a;--teal: #6bb64a;--ink: #102033;--muted: #5b6b7c;--line: #e4ebf3;--bg: #f3f7fb;--card: #ffffff;--danger: #c2410c;--ok: #6bb64a;--warn: #b45309;--shadow: 0 10px 30px rgba(16, 32, 51, .08);--side: #2f5597;--side-text: #d7e6f7;--side-active: rgba(255, 255, 255, .12);--table-head: #f8fbff;--input-bg: #fbfdff}html[data-theme=dark]{--blue: #6ea0e6;--blue-2: #8ab4f0;--green: #7fcf5c;--teal: #7fcf5c;--ink: #e8eef7;--muted: #9aabc0;--line: #2a3648;--bg: #0f1621;--card: #171f2c;--danger: #f08a5a;--ok: #7fcf5c;--warn: #e0a24a;--shadow: 0 12px 32px rgba(0, 0, 0, .35);--side: #121a27;--side-text: #c5d4e8;--side-active: rgba(110, 160, 230, .18);--table-head: #1b2534;--input-bg: #121a27}html{color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.topbar{background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 28px;position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--blue)}.logo{display:block;height:120px;width:auto;object-fit:contain}.nav{display:flex;gap:18px;align-items:center;color:var(--muted);font-weight:500}.nav a.active,.nav a:hover{color:var(--blue)}.btn{border:0;border-radius:12px;padding:10px 16px;cursor:pointer;background:var(--blue);color:#fff;font-weight:600}.btn.secondary{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.btn.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#fff}.btn.ok{background:var(--ok)}.btn.warn{background:var(--warn)}.btn:disabled{opacity:.6;cursor:not-allowed}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 80px}.hero{background:linear-gradient(135deg,#2f5597,#3d6bb5 55%,#6bb64a);color:#fff;border-radius:28px;padding:42px;display:grid;gap:12px}.hero h1{margin:0;font-size:42px;letter-spacing:-.04em;max-width:none}.hero p{margin:0;max-width:none;opacity:.92}.search{margin-top:18px;display:flex;gap:8px;background:var(--card);border-radius:16px;padding:8px;border:1px solid var(--line)}.search input{flex:1;border:0;outline:0;padding:10px 12px;color:var(--ink);background:transparent}.grid{display:grid;gap:18px}.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.card .body{padding:14px 16px 16px}.card h3{margin:0 0 6px;font-size:16px}.muted{color:var(--muted)}.price{color:var(--blue);font-weight:700}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.badge.rx{background:#fff4e5;color:var(--warn)}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.danger{background:#fff1eb;color:var(--danger)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e7f6dc,#e8eef8 42%,var(--bg) 70%)}html[data-theme=dark] .auth-page{background:radial-gradient(circle at top left,#1a2a1c,#152033 42%,var(--bg) 70%)}.auth-card{width:min(440px,100%);background:var(--card);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{margin:8px 0 6px}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea,.row input,.row select,.row textarea{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--input-bg);color:var(--ink)}.social{display:grid;gap:10px;margin:16px 0}.social button{width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.error{background:#fff1eb;color:var(--danger);padding:10px 12px;border-radius:10px;margin-bottom:12px}.success{background:#ecfdf3;color:var(--ok);padding:10px 12px;border-radius:10px}html[data-theme=dark] .error{background:#3a221c}html[data-theme=dark] .success{background:#1c3224}.admin{display:grid;grid-template-columns:270px 1fr;min-height:100vh;transition:grid-template-columns .22s ease}.admin.admin-collapsed{grid-template-columns:88px 1fr}.admin-backdrop{display:none;border:0;background:#080e1873;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.side{background:var(--side);color:var(--side-text);padding:16px 12px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;overflow:auto}.side-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.side .side-logo{height:auto;margin:0;background:#fff;border-radius:12px;padding:8px;flex:1;max-width:calc(100% - 44px)}.side-user{margin:4px 8px 10px;opacity:.72;font-size:13px;line-height:1.35}.side-nav{display:grid;gap:4px;flex:1}.side a,.side-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:inherit;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;font-weight:500}.side a.active,.side a:hover,.side-action:hover{background:var(--side-active);color:#fff}.nav-ico{width:20px;height:20px;display:inline-flex;flex:0 0 20px}.nav-ico svg{width:20px;height:20px;fill:currentColor}.side-tool{border:0;background:#ffffff14;color:inherit;width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 36px}.side-tool svg,.admin-toolbar .side-tool svg{width:18px;height:18px;fill:currentColor}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.side-action{background:#ffffff14;justify-content:center;padding:10px 8px;font-size:13px}.admin-collapsed .side-actions{grid-template-columns:1fr}.admin-collapsed .side-user span,.admin-collapsed .nav-label,.admin-collapsed .side-user{display:none}.admin-collapsed .side .side-logo{max-width:100%;padding:6px}.admin-collapsed .side a,.admin-collapsed .side-action{justify-content:center;padding:10px}.admin-collapsed .side-top{flex-direction:column;align-items:stretch}.admin-collapsed .side-tool{width:100%}.admin-collapsed .side-actions .nav-label{display:none}.main{padding:24px;min-width:0;background:var(--bg)}.admin-toolbar{display:flex;gap:8px;justify-content:flex-end;margin:-8px 0 16px}.admin-toolbar .side-tool{background:var(--card);color:var(--ink);border:1px solid var(--line)}.mobile-only{display:none}.stat{background:var(--card);border-radius:16px;padding:16px;border:1px solid var(--line)}.stat b{display:block;font-size:24px;margin-top:6px}.dashboard-head{margin-bottom:22px}.dashboard-head h1{margin:0 0 6px}.dashboard-head .muted{margin:0}.dashboard-cards{margin-bottom:28px}.dashboard-cards .stat{border:0;padding:18px 18px 16px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.dashboard-cards .stat:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:currentColor;opacity:.9}.dashboard-cards .stat-label{font-size:13px;font-weight:600;letter-spacing:.01em;opacity:.85}.dashboard-cards .stat b{font-size:28px;letter-spacing:-.03em;margin-top:10px;line-height:1.1}.tone-blue{background:linear-gradient(145deg,#e8f0fb,#d7e6f7);color:#1e3f73}.tone-indigo{background:linear-gradient(145deg,#e9ecfb,#d8def8);color:#2f3f8f}.tone-teal{background:linear-gradient(145deg,#e4f6f3,#cfeedf);color:#0f6b5c}.tone-cyan{background:linear-gradient(145deg,#e3f6fb,#c9ebf5);color:#0b6b84}.tone-sky{background:linear-gradient(145deg,#e6f4fc,#d0e9f8);color:#1a5f8a}.tone-green{background:linear-gradient(145deg,#e8f7e4,#d4efc8);color:#2f6b1f}.tone-lime{background:linear-gradient(145deg,#eef8df,#e0f1c4);color:#4a6f14}.tone-amber{background:linear-gradient(145deg,#fff6e5,#ffe9c2);color:#8a5a08}.tone-orange{background:linear-gradient(145deg,#fff0e4,#ffdcc2);color:#9a4a12}.tone-rose{background:linear-gradient(145deg,#ffecec,#ffd6d6);color:#8f2a2a}.tone-violet{background:linear-gradient(145deg,#f1ebfb,#e4daf7);color:#5b3d8f}.tone-slate{background:linear-gradient(145deg,#eef1f5,#e2e7ee);color:#3a4656}html[data-theme=dark] .tone-blue{background:linear-gradient(145deg,#1c2d4a,#24385c);color:#b7d0f5}html[data-theme=dark] .tone-indigo{background:linear-gradient(145deg,#222847,#2b335c);color:#c3c9f5}html[data-theme=dark] .tone-teal{background:linear-gradient(145deg,#173632,#1d443e);color:#9fe3d2}html[data-theme=dark] .tone-cyan{background:linear-gradient(145deg,#163740,#1d4652);color:#9ed8ea}html[data-theme=dark] .tone-sky{background:linear-gradient(145deg,#173347,#1e425b);color:#a8d4f2}html[data-theme=dark] .tone-green{background:linear-gradient(145deg,#1d3a1c,#254a23);color:#b5e3a5}html[data-theme=dark] .tone-lime{background:linear-gradient(145deg,#2a3a16,#364a1c);color:#d0e79a}html[data-theme=dark] .tone-amber{background:linear-gradient(145deg,#3a2e14,#4a3a18);color:#f0d08a}html[data-theme=dark] .tone-orange{background:linear-gradient(145deg,#3c2616,#4d301c);color:#f0b888}html[data-theme=dark] .tone-rose{background:linear-gradient(145deg,#3d1e22,#4d262c);color:#f0b0b0}html[data-theme=dark] .tone-violet{background:linear-gradient(145deg,#2c2242,#382c54);color:#d0b8f0}html[data-theme=dark] .tone-slate{background:linear-gradient(145deg,#232a34,#2d3642);color:#c2ccd8}.dashboard-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 8px;box-shadow:var(--shadow)}.dashboard-panel h2{margin:0 0 12px;font-size:18px}.dashboard-panel table{box-shadow:none;border:0}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:16px;overflow:hidden}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:600;background:var(--table-head)}.row{display:flex;gap:12px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.site-footer{margin-top:48px;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,#e7eef7),var(--bg));color:var(--ink)}.site-footer-inner{max-width:1180px;margin:0 auto;padding:36px 20px 48px;display:flex;gap:28px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.site-footer-brand{max-width:560px;display:grid;gap:6px}.site-footer-name{margin:0;font-size:18px;font-weight:700;color:var(--blue);letter-spacing:-.02em}.site-footer-brand .muted{margin:0;font-size:14px;line-height:1.45}.site-footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-weight:600}.site-footer-links a{color:var(--blue)}.site-footer-links a:hover{color:var(--blue-2);text-decoration:underline}.cart-page{padding-bottom:96px}.cart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.cart-head h1{margin:0 0 6px;letter-spacing:-.03em}.cart-head .muted{margin:0}.cart-empty{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:48px 28px;text-align:center;box-shadow:var(--shadow)}.cart-empty h2{margin:0 0 8px}.cart-empty .muted{margin:0 0 20px}.cart-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:22px;align-items:start}.cart-list{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:112px 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow)}.cart-item-img{width:112px;height:112px;object-fit:cover;border-radius:14px;background:color-mix(in srgb,var(--blue) 8%,var(--card))}.cart-item-body{min-width:0;display:grid;gap:12px}.cart-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cart-item-top h3{margin:0 0 4px;font-size:18px;letter-spacing:-.02em}.cart-item-top .muted{margin:0;font-size:13px}.cart-item-price{margin:0;font-size:18px;white-space:nowrap}.cart-item-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--input-bg)}.qty-btn{width:36px;height:36px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:18px;font-weight:600}.qty input{width:48px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;padding:8px 4px;background:transparent;color:var(--ink);border-radius:0}.cart-remove{margin-left:auto}.cart-summary{position:sticky;top:88px;background:linear-gradient(165deg,color-mix(in srgb,var(--blue) 10%,var(--card)),var(--card));border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.cart-summary h2{margin:0 0 16px;font-size:20px}.cart-summary-row,.cart-summary-total{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px}.cart-summary-total{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:18px}.cart-checkout{display:block;text-align:center;margin-top:18px;width:100%}.cart-note{margin:12px 0 0;font-size:13px}.checkout-page{padding-bottom:96px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}.checkout-main{display:grid;gap:16px}.checkout-panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.checkout-panel h2{margin:0 0 14px;font-size:18px}.pay-options{display:grid;gap:10px}.pay-option{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--input-bg)}.pay-option.active{border-color:color-mix(in srgb,var(--blue) 55%,var(--line));background:color-mix(in srgb,var(--blue) 10%,var(--card))}.pay-option input{margin-top:4px}.pay-option span{display:grid;gap:2px}.pay-option strong{font-size:15px}.pay-option small{color:var(--muted);font-size:13px}.pay-option .warn-text{color:var(--warn)}.checkout-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checkout-items li{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px}.checkout-items li:last-child{border-bottom:0;padding-bottom:0}.wallet-page{padding-bottom:80px}.wallet-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-bottom:28px;align-items:stretch}.wallet-balance{padding:24px}.wallet-amount{display:block;font-size:40px;letter-spacing:-.04em;margin:8px 0 10px;color:var(--blue)}.wallet-fund .btn{width:100%}.wallet-card-btn{margin-top:4px;font-size:16px;padding:14px 18px}.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.product-form{display:grid;grid-template-columns:180px 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.product-image-box{display:grid;gap:8px;align-content:start}.product-image-preview,.product-image-empty{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:var(--input-bg)}.product-image-empty{display:grid;place-items:center;color:var(--muted);font-size:13px}.product-image-btn{width:100%;text-align:center;cursor:pointer}.product-fields .row input,.product-fields .row select{min-width:140px}.product-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid var(--line);flex:0 0 42px}.product-thumb.empty{background:var(--input-bg)}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-row .btn{width:auto}.preset-row .active-preset,.btn.ghost.active-preset{background:color-mix(in srgb,var(--blue) 14%,transparent);border-color:var(--blue)}@media(max-width:900px){.admin,.admin.admin-collapsed{grid-template-columns:1fr}.side{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:40;transform:translate(-105%);transition:transform .22s ease}.admin-mobile-open .side{transform:translate(0)}.admin-mobile-open .admin-backdrop{display:block}.mobile-only{display:inline-flex}.side-top .side-tool:last-child{display:none}.split,.hero{grid-template-columns:1fr;padding:24px}.hero h1{font-size:30px}.site-footer-inner{flex-direction:column;gap:20px}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:88px 1fr}.cart-item-img{width:88px;height:88px}.cart-remove{margin-left:0;width:100%}.checkout-layout,.wallet-layout,.product-form{grid-template-columns:1fr}}