:root{--bg: #0b2a1a;--card: #ffffff;--text: #0b1220;--muted: #6b7280;--border: rgba(0,0,0,.12)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#fff}.splash{height:100vh;width:100vw;overflow:hidden;display:grid;place-items:center;padding:0}.loginPage,.appPage{min-height:100vh;width:100%;display:grid;place-items:center;padding:6%}.logoSplash{width:min(92vw,1100px);max-height:78vh;height:auto;animation:splashIn 1.2s ease-out both;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}@keyframes splashIn{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}.loginCard{width:100%;max-width:520px;background:var(--card);color:var(--text);border-radius:18px;padding:8%;box-shadow:0 18px 60px #00000059}.loginTitle{margin:0 0 6%;font-size:clamp(22px,3.6vw,34px);font-weight:750;letter-spacing:-.02em}.loginSub{margin:0 0 8%;font-size:clamp(13px,2.2vw,15px);color:var(--muted)}.field{width:100%;margin-top:4%}.input{width:100%;padding:4% 4.5%;border-radius:12px;border:1px solid var(--border);outline:none;font-size:clamp(14px,2.6vw,16px)}.input:focus{border-color:#0b2a1a8c;box-shadow:0 0 0 4px #0b2a1a1f}.btn{width:100%;margin-top:6%;padding:4% 4.5%;border-radius:12px;border:0;background:var(--bg);color:#fff;font-size:clamp(14px,2.6vw,16px);font-weight:650;cursor:pointer}.btn:hover{filter:brightness(1.07)}.error{display:block;margin-top:4%;color:#dc2626;font-size:clamp(12px,2.2vw,14px)}.appCard{width:100%;max-width:1100px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:4%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.appTitle{margin:0 0 3%;font-size:clamp(20px,3vw,30px);font-weight:750}.tableWrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.14);font-size:clamp(13px,2.2vw,15px)}th{color:#ffffffd9;font-weight:700}td{color:#fffffff2}.shopPage{height:100vh;overflow:hidden;width:100%;background:radial-gradient(1200px 600px at 30% 10%,rgba(255,255,255,.08),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(255,255,255,.06),transparent 55%),var(--bg);color:#fff}.topbar{height:10vh;min-height:64px;max-height:86px;width:100%;display:grid;grid-template-columns:18% 1fr 10%;align-items:center;padding:.9% 3%;gap:1.6%}.brandPill{height:100%;max-height:72px;min-height:54px;width:100%;max-width:260px;background:#ffffffe0;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:10px 14px;overflow:hidden;box-shadow:0 18px 40px #0003}.brandLogo{width:100%;height:100%;max-height:42px;object-fit:contain;display:block}.tabs{display:flex;justify-content:center;gap:1.8%;flex-wrap:wrap}.tabBtn{border:0;background:transparent;color:#ffffffc7;font-weight:800;letter-spacing:.06em;font-size:clamp(12px,1.35vw,14px);padding:10px 14px;border-radius:999px;cursor:pointer;transition:.2s ease}.tabBtn:hover{background:#ffffff14;color:#ffffffeb}.tabBtn.active{background:#ffffff24;color:#fff;box-shadow:0 10px 24px #00000040}.logoutBtn{justify-self:end;width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;cursor:pointer;transition:.2s ease}.logoutBtn:hover{transform:translateY(-1px);background:#ffffff1a}.logoutIcon{font-size:22px;font-weight:900}.shopMain{height:90vh;overflow:hidden;width:100%;display:grid;grid-template-columns:24% 1fr;gap:2.2%;padding:1.2% 3% 2.2%;align-items:stretch}.filters{height:100%;overflow:hidden}.filterCard{height:100%;width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:8%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto}.filterCard h3{margin:0 0 6%;font-size:clamp(16px,2vw,18px);font-weight:800}.divider{height:1px;width:100%;background:#ffffff1f;margin:10% 0}.options{display:grid;gap:10px}.opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000014;cursor:pointer;transition:.18s ease}.opt input{accent-color:#ffffff}.opt span{font-size:clamp(13px,1.6vw,15px);color:#ffffffeb;font-weight:650}.opt:hover{background:#ffffff14}.opt.on{background:#ffffff1f;border-color:#fff3}.clearBtn{margin-top:6px;border:0;background:#ffffff1a;color:#ffffffeb;font-weight:800;border-radius:12px;padding:10px 12px;cursor:pointer}.clearBtn:hover{filter:brightness(1.08)}.catalog{height:100%;overflow:hidden}.catalogCard{height:100%;width:100%;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:3.2%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.catalogHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:2.2%}.catalogHead h2{margin:0;font-size:clamp(20px,2.6vw,30px);font-weight:900}.catalogHead p{margin:8px 0 0;color:#ffffffb8;font-size:clamp(13px,1.6vw,15px)}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chip{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;font-weight:800;font-size:clamp(12px,1.4vw,13px)}.chip.ghost{background:#0000001a;color:#ffffffc7}.grid{height:calc(100% - 72px);overflow:auto;align-content:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-right:8px}.prod{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0000001a;transition:.2s ease}.prod:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0000004d;border-color:#fff3}.imgWrap{position:relative;width:100%;aspect-ratio:16/9;background:#ffffff0f}.imgWrap img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;right:12px;top:12px;padding:8px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid rgba(255,255,255,.22);background:#00000038}.badge.ok{background:#22c55e38}.badge.off{background:#f43f5e38}.prodBody{padding:12px 12px 14px}.prodTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.prodTop h4{margin:0;font-size:clamp(14px,1.8vw,16px);font-weight:900}.price{font-weight:900;opacity:.92;white-space:nowrap}.meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;color:#ffffffb3;font-size:12px}.sku{opacity:.85}.actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ghostBtn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}.ghostBtn:hover{background:#ffffff1a}.primaryBtn{border:0;background:#ffffffeb;color:#0b2a1a;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}.primaryBtn:hover{filter:brightness(1.04)}.primaryBtn:disabled{opacity:.45;cursor:not-allowed}.grid::-webkit-scrollbar,.filterCard::-webkit-scrollbar{width:0px;height:0px}.grid,.filterCard{scrollbar-width:none}.grid,.filterCard{-webkit-overflow-scrolling:touch}@media (max-width: 980px){.topbar{grid-template-columns:34% 1fr 18%}.shopMain{grid-template-columns:1fr}.filterCard{height:auto;max-height:28vh}.grid{grid-template-columns:repeat(2,minmax(0,1fr));height:calc(100% - 86px)}.brandPill{max-width:240px}}@media (max-width: 620px){.topbar{height:11vh;padding:2% 3%;grid-template-columns:44% 1fr 18%}.shopMain{height:89vh}.grid{grid-template-columns:1fr}.logoutBtn{width:48px;height:48px;border-radius:14px}.brandPill{max-width:210px}}