:root{--bg:#0b0d15;--bg2:#11141f;--card:#181d2b;--card2:#1f2638;--input:#1e2537;--line:#2a3147;--text:#f0f2f8;--muted:#9aa1b9;--muted2:#6b728e;--purple:#7c5cfc;--blue:#5c9cfc;--pink:#f472b6;--green:#22d68c;--orange:#f5a623;--red:#f56565;--gradient:linear-gradient(135deg,#7c5cfc,#5c9cfc);--shadow:0 18px 60px rgba(0,0,0,.4);--radius:18px;--radius-sm:12px;--transition:.25s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:#39415a;border-radius:20px}.top{position:sticky;top:0;z-index:300;display:grid;grid-template-columns:auto minmax(360px,760px) auto;align-items:center;gap:24px;padding:12px clamp(18px,4vw,60px);background:rgba(11,13,21,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.5px}.brand em{font-style:normal;color:var(--blue)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gradient);box-shadow:0 8px 24px rgba(124,92,252,.32)}.searchbar{position:relative;display:flex;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:40px;padding:5px;transition:var(--transition)}.searchbar:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(92,156,252,.1)}.searchbar input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:11px 8px;min-width:0}.searchbar button{border:0;background:transparent;cursor:pointer}.search-submit{background:var(--gradient)!important;color:#fff!important;border-radius:30px!important;padding:10px 16px!important;display:flex;align-items:center;gap:8px}.top nav{display:flex;align-items:center;gap:10px}.nav-icon{position:relative;display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:13px}.nav-icon:hover{background:var(--card);color:var(--text)}.nav-icon b{min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--red);font-size:10px;display:grid;place-items:center;color:#fff}.icon-ghost,.circle-btn{border:1px solid var(--line);background:var(--card);width:40px;height:40px;border-radius:12px;cursor:pointer;display:grid;place-items:center}.circle-btn{border-radius:50%;position:relative}.circle-btn span{position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;top:7px;right:8px}.circle-btn.small{width:32px;height:32px}main{min-height:calc(100vh - 70px)}body:not(:has(.os-shell)) main{max-width:1440px;margin:auto;padding:30px clamp(16px,4vw,60px) 80px}footer{padding:34px clamp(18px,4vw,60px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#080a10;border-top:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:13px}.footer-brand strong{color:var(--text);font-size:18px}.footer-brand p{margin:3px 0 0}.footer-brand+div{display:flex;gap:10px}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;transition:var(--transition)}.btn:hover{transform:translateY(-1px);border-color:#46506b}.btn.primary{background:var(--gradient);border-color:transparent;box-shadow:0 8px 24px rgba(124,92,252,.25)}.btn.large{padding:13px 20px}.btn.small{padding:8px 12px}.muted{color:var(--muted)}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}.notice i{font-size:18px;margin-top:2px}.notice div{display:grid;gap:2px}.notice span{font-size:12px;color:var(--muted)}.notice.success{background:rgba(34,214,140,.08);border-color:rgba(34,214,140,.24)}.notice.success i{color:var(--green)}.notice.error{background:rgba(245,101,101,.08);border-color:rgba(245,101,101,.25)}.notice.error i{color:var(--red)}
/* OS shell */.os-shell{display:flex;min-height:calc(100vh - 63px);width:100%}.os-sidebar{width:260px;flex:0 0 260px;background:var(--bg2);border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;position:sticky;top:63px;height:calc(100vh - 63px);overflow:auto;z-index:90}.os-brand{display:flex;align-items:center;gap:12px;padding:0 8px 20px;border-bottom:1px solid var(--line)}.os-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--gradient);box-shadow:0 6px 18px rgba(124,92,252,.28)}.os-brand div{display:grid}.os-brand strong{font-size:17px}.os-brand small{font-size:10px;color:var(--muted);letter-spacing:.7px}.os-user{display:flex;align-items:center;gap:10px;padding:16px 9px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);font-weight:800;font-size:12px}.os-user>div:last-child{display:grid;min-width:0}.os-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-user small{font-size:10px;color:var(--muted)}.os-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-label{font-size:9px;color:var(--muted2);text-transform:uppercase;letter-spacing:1px;font-weight:800;padding:14px 11px 7px}.os-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:12.5px;font-weight:600;transition:var(--transition)}.os-nav a i{width:18px;text-align:center;font-size:14px}.os-nav a:hover{background:var(--card);color:var(--text)}.os-nav a.active{background:var(--gradient);color:#fff;box-shadow:0 7px 20px rgba(124,92,252,.23)}.nav-badge{margin-left:auto;background:var(--red);font-size:9px;padding:2px 7px;border-radius:20px;color:#fff}.sidebar-store{margin-top:14px;border-top:1px solid var(--line);padding:15px 10px 0;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:9px}.os-main{flex:1;min-width:0;padding:26px clamp(18px,3vw,38px) 70px;overflow:hidden}.os-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.os-topbar>div:first-child{display:flex;gap:10px;align-items:flex-start}.os-topbar h1{font-size:26px;margin:2px 0 1px;letter-spacing:-.6px}.os-topbar p{margin:0;color:var(--muted);font-size:12px}.os-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;border:0;background:var(--card);width:38px;height:38px;border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.os-metrics{margin-bottom:18px}.os-metrics article{background:var(--card);border:1px solid var(--line);padding:18px;border-radius:var(--radius);display:flex;align-items:center;gap:13px;min-width:0;transition:var(--transition)}.os-metrics article:hover{transform:translateY(-2px);border-color:#3b4562}.metric-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;display:grid;place-items:center}.metric-icon.blue{background:rgba(92,156,252,.12);color:var(--blue)}.metric-icon.purple{background:rgba(124,92,252,.12);color:var(--purple)}.metric-icon.pink{background:rgba(244,114,182,.12);color:var(--pink)}.metric-icon.green{background:rgba(34,214,140,.12);color:var(--green)}.os-metrics article>div{display:grid;min-width:0}.os-metrics small{color:var(--muted);font-size:10px}.os-metrics b{font-size:21px;margin:1px 0}.os-metrics em{font-style:normal;color:var(--muted2);font-size:9px}.os-metrics em.up{color:var(--green)}.os-metrics.compact article{padding:14px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}.os-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 6px 30px rgba(0,0,0,.08)}.os-card.span-2{min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.card-head>div:first-child{min-width:0}.card-head small{font-size:9px;color:var(--muted2);letter-spacing:.8px;font-weight:800}.card-head h2{font-size:16px;margin:3px 0}.card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-head>i{font-size:20px;color:var(--blue)}.status-dot{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(34,214,140,.1)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);transition:var(--transition)}.action-grid a:hover{border-color:#435071;transform:translateY(-1px)}.action-grid>a>i:first-child{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(92,156,252,.1);color:var(--blue)}.action-grid a span{display:grid}.action-grid a b{font-size:12px}.action-grid a small{font-size:9px;color:var(--muted)}.action-grid>a>i:last-child{font-size:10px;color:var(--muted2)}.health-list{list-style:none;margin:0;padding:0}.health-list li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.health-list li:last-child{border:0}.health-list li i{color:var(--blue);width:17px}.health-list li span{flex:1;color:var(--muted)}.health-list li b{color:var(--green);font-size:9px}.product-op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-op-grid div{padding:16px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}.product-op-grid i{font-size:18px;color:var(--blue)}.product-op-grid b{font-size:12px}.product-op-grid small{color:var(--muted);font-size:9px}.big-action{display:grid;place-items:center;text-align:center;gap:6px;padding:30px 15px;border:1px dashed #3e4965;border-radius:14px;background:var(--bg2)}.big-action i{font-size:28px;color:var(--purple)}.big-action b{font-size:13px}.big-action small{font-size:10px;color:var(--muted)}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-grid button{border:1px solid var(--line);background:var(--bg2);border-radius:10px;padding:10px;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:8px}.map-panel{height:350px;border-radius:15px;background:#111827;position:relative;overflow:hidden;border:1px solid #28334c}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(92,156,252,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(92,156,252,.07) 1px,transparent 1px);background-size:34px 34px;transform:rotate(4deg) scale(1.1)}.pin{position:absolute;color:var(--green);font-size:24px;filter:drop-shadow(0 3px 5px #000)}.pin.p1{left:30%;top:30%}.pin.p2{right:25%;bottom:25%;color:var(--orange)}.route-line{position:absolute;left:31%;top:36%;width:44%;height:2px;background:linear-gradient(90deg,var(--green),var(--orange));transform:rotate(23deg);transform-origin:left}.map-overlay{position:absolute;left:16px;bottom:16px;padding:10px 12px;background:rgba(11,13,21,.87);border:1px solid var(--line);border-radius:10px;display:grid}.map-overlay b{font-size:11px}.map-overlay small{font-size:9px;color:var(--muted)}.delivery-card{display:flex;gap:10px;align-items:center;padding:14px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.delivery-card>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(34,214,140,.1);color:var(--green)}.delivery-card div{display:grid}.delivery-card b{font-size:12px}.delivery-card small{font-size:9px;color:var(--muted)}.button-stack{display:grid;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:rgba(245,166,35,.1);color:var(--orange);font-size:9px;font-weight:800;text-transform:capitalize}.status-pill.active{background:rgba(34,214,140,.1);color:var(--green)}.wallet-card{background:linear-gradient(145deg,#1a1d32,#1b2540);position:relative;overflow:hidden}.wallet-card>i{position:absolute;right:22px;top:22px;font-size:40px;color:rgba(255,255,255,.08)}.wallet-card h2{font-size:28px;margin:5px 0}.wallet-card p{color:var(--muted);font-size:10px;max-width:280px}.reward-progress{height:7px;border-radius:10px;background:var(--bg2);overflow:hidden;margin:18px 0 10px}.reward-progress span{display:block;height:100%;background:var(--gradient);border-radius:10px}.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finance-grid div{display:grid;padding:14px;background:var(--bg2);border:1px solid var(--line);border-radius:12px}.finance-grid small{font-size:9px;color:var(--muted)}.finance-grid b{font-size:17px}.empty-state{padding:30px;text-align:center;display:grid;place-items:center;gap:5px;color:var(--muted)}.empty-state i{font-size:28px;color:var(--muted2)}.empty-state b{color:var(--text);font-size:12px}.empty-state p{font-size:10px;margin:0}
/* Product creation */.product-create-card{margin-bottom:16px}.rich-product-form{display:grid;gap:0}.form-section{padding:18px 0;border-top:1px solid rgba(255,255,255,.05)}.form-section:first-of-type{border-top:0}.form-section-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.form-section-title>span{width:28px;height:28px;border-radius:8px;background:rgba(124,92,252,.12);color:var(--purple);display:grid;place-items:center;font-size:10px;font-weight:900}.form-section-title>div{display:grid}.form-section-title b{font-size:12px}.form-section-title small{font-size:9px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(5,1fr)}label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.hint{font-size:8px;color:var(--muted2);font-weight:500}.os-card input,.os-card select,.os-card textarea,.panel input,.panel select,.panel textarea{width:100%;padding:10px 12px;background:var(--input);border:1px solid var(--line);border-radius:10px;color:var(--text);outline:0;transition:var(--transition)}.os-card input:focus,.os-card select:focus,.os-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(92,156,252,.08)}.os-card select option{background:var(--bg2)}.check-label{align-self:end;display:flex!important;flex-direction:row;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);padding:10px 12px;border-radius:10px}.check-label input{width:auto!important}.check-label span{display:grid}.check-label b{font-size:10px;color:var(--text)}.check-label small{font-size:8px;color:var(--muted)}.media-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dropzone{min-height:170px;border:1.5px dashed #46516f;border-radius:15px;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;cursor:pointer;transition:var(--transition)}.dropzone:hover,.dropzone.drag{border-color:var(--blue);background:rgba(92,156,252,.05)}.dropzone.video:hover,.dropzone.video.drag{border-color:var(--pink);background:rgba(244,114,182,.05)}.dropzone input{display:none}.drop-icon{width:48px;height:48px;border-radius:14px;background:rgba(92,156,252,.1);color:var(--blue);display:grid;place-items:center;font-size:19px;margin-bottom:10px}.dropzone.video .drop-icon{background:rgba(244,114,182,.1);color:var(--pink)}.dropzone b{color:var(--text);font-size:12px}.dropzone span{font-size:9px;color:var(--muted);margin-top:3px}.dropzone small{font-size:8px;color:var(--muted2);margin-top:8px}.media-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin-top:10px}.media-preview:empty{display:none}.preview-item{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--bg2)}.preview-item img,.preview-item video{width:100%;height:100%;object-fit:cover}.preview-item span{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(0,0,0,.68);padding:4px 6px;border-radius:6px;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-preview .preview-item{aspect-ratio:16/9}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid rgba(255,255,255,.05)}.span-2{grid-column:1/-1}.compact-form{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:8px;align-items:end}.dashboard-grid .os-card:nth-child(2) .compact-form{grid-template-columns:1fr auto}.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chip-list span{padding:5px 8px;border:1px solid var(--line);border-radius:20px;font-size:8px;color:var(--muted)}.table-search{display:flex;align-items:center;gap:7px;background:var(--input);border:1px solid var(--line);border-radius:30px;padding:4px 12px}.table-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:160px!important}.table-wrap{overflow:auto}.premium-table,table{width:100%;border-collapse:collapse}.premium-table th,table th{text-align:left;padding:10px;color:var(--muted2);font-size:8px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);white-space:nowrap}.premium-table td,table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:10px;vertical-align:middle}.table-product{display:flex;align-items:center;gap:9px;min-width:180px}.table-product>div:last-child{display:grid}.table-product b{font-size:10px}.table-product small,.premium-table td>small{font-size:8px;color:var(--muted);display:block}.product-thumb-sm{width:38px;height:38px;flex:0 0 38px;background:var(--bg2);border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;overflow:hidden;color:var(--blue)}.product-thumb-sm img{width:100%;height:100%;object-fit:cover}.premium-table code{font-size:8px;color:var(--blue)}.strike{text-decoration:line-through;color:var(--muted2)!important}.media-count{display:flex;gap:5px}.media-count span{padding:4px 7px;background:var(--bg2);border-radius:7px;color:var(--muted)}.variant-popover{position:absolute;right:0;width:290px;padding:13px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:30;display:grid;gap:7px}.variant-popover h4{margin:0 0 4px}.variant-popover .split{display:grid;grid-template-columns:1fr 1fr;gap:6px}details{position:relative}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}
/* Store */.hero{min-height:410px;padding:48px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(92,156,252,.18),transparent 35%),radial-gradient(circle at 20% 90%,rgba(244,114,182,.1),transparent 35%),var(--bg2);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;overflow:hidden}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-2.4px;margin:10px 0 16px}.hero p{color:var(--muted);max-width:680px}.hero-actions,.actions,.buy-row,.share{display:flex;gap:9px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{padding:8px 12px;border:1px solid var(--line);background:var(--card);border-radius:20px;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.grid.products{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card.product{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px;transition:var(--transition)}.card.product:hover{transform:translateY(-3px);border-color:#3c4663;box-shadow:var(--shadow)}.product img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--bg2);border-radius:12px}.product small{color:var(--muted);font-size:9px}.product h3{font-size:13px;margin:5px 0;min-height:38px}.price{font-weight:900;font-size:18px;margin:7px 0}.product-page{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.gallery,.product-info,.summary,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.hero-img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--bg2);border-radius:14px}.gallery video{width:100%;border-radius:12px;margin-top:10px}.product-info h1{font-size:34px}.product-info dl{display:grid;grid-template-columns:100px 1fr;gap:8px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:16px}.cart-item{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px;margin-bottom:9px}.cart-item img{width:86px;height:86px;object-fit:contain;background:var(--bg2);border-radius:10px}.summary p{display:flex;justify-content:space-between}.auth{min-height:72vh;display:grid;place-items:center}.auth .panel{width:min(450px,100%)}.auth label,.panel form label{display:grid;gap:6px;margin:10px 0}.auth input,.auth select,.panel input,.panel select,.panel textarea{background:var(--input);border:1px solid var(--line);color:var(--text);padding:11px;border-radius:10px}.checkout form{display:grid;grid-template-columns:1fr 340px;gap:18px}#suggestions{position:absolute;top:55px;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;overflow:hidden;z-index:500}#suggestions a{display:block;padding:9px 12px;font-size:11px}#suggestions a:hover{background:var(--card2)}#toast{position:fixed;right:20px;bottom:20px;background:#fff;color:#111827;padding:11px 14px;border-radius:10px;display:none;z-index:900;font-size:11px;font-weight:700;box-shadow:var(--shadow)}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(2,1fr)}.form-grid.four{grid-template-columns:repeat(3,1fr)}.grid.products{grid-template-columns:repeat(3,1fr)}}@media(max-width:940px){.top{grid-template-columns:1fr auto}.searchbar{grid-column:1/-1;grid-row:2}.top nav .nav-icon span{display:none}.os-sidebar{position:fixed;left:-270px;top:0;height:100vh;z-index:600;transition:var(--transition)}.os-sidebar.open{left:0}.os-main{padding:18px}.mobile-menu{display:grid;place-items:center}.dashboard-grid{grid-template-columns:1fr}.product-op-grid,.finance-grid{grid-template-columns:repeat(2,1fr)}.hero,.product-page,.cart-layout,.checkout form{grid-template-columns:1fr}.grid.products{grid-template-columns:repeat(2,1fr)}.media-upload-grid{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.top{padding:10px 12px;gap:8px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.search-submit span{display:none}.os-main{padding:14px 10px 50px}.os-topbar{align-items:flex-start}.os-topbar h1{font-size:21px}.os-actions .circle-btn{display:none}.os-metrics{grid-template-columns:1fr 1fr;gap:8px}.os-metrics article{padding:11px;gap:8px}.metric-icon{width:35px;height:35px;flex-basis:35px}.os-metrics b{font-size:15px}.action-grid,.product-op-grid,.finance-grid,.social-grid{grid-template-columns:1fr}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.compact-form,.dashboard-grid .os-card:nth-child(2) .compact-form{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.media-preview{grid-template-columns:repeat(3,1fr)}.grid.products{gap:8px}.card.product{padding:8px}.hero{padding:25px 18px;border-radius:20px}.hero h1{font-size:38px;letter-spacing:-1.4px}.cart-item{grid-template-columns:68px 1fr}.cart-item img{width:68px;height:68px}.cart-item>button{grid-column:1/-1}footer{flex-direction:column;align-items:flex-start}.table-search{display:none}}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input,.inline-form select{min-width:120px}.mini-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.gallery-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:9px;background:var(--bg2);padding:4px;cursor:pointer;overflow:hidden}.gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.gallery-thumb.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(92,156,252,.12)}.product-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media(max-width:780px){.admin-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.product-video-grid{grid-template-columns:1fr}}
/* V4 live operating UI */
.live-section{scroll-margin-top:18px;margin-top:18px}.live-loading{color:var(--muted);font-size:11px}.compact-stack{display:grid;gap:9px}.compact-stack input,.compact-stack select,.wallet-inline input,.wallet-inline select,.chat-compose input{background:var(--input);border:1px solid var(--line);color:var(--text);padding:10px;border-radius:9px}.wallet-inline{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finance-grid .finance-tile{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.finance-tile small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.finance-tile b{font-size:17px;display:block;margin-top:4px}.live-table{width:100%;border-collapse:collapse}.live-table th{font-size:8px;text-transform:uppercase;color:var(--muted);padding:9px;border-bottom:1px solid var(--line);text-align:left}.live-table td{padding:10px 9px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.live-table .btn{padding:5px 8px;font-size:8px}.campaign-actions,.delivery-actions{display:flex;gap:5px;flex-wrap:wrap}.analytics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.analytics-summary>div{padding:12px;background:var(--bg2);border:1px solid var(--line);border-radius:12px}.analytics-summary small{display:block;color:var(--muted);font-size:8px}.analytics-summary b{font-size:16px}.real-map{height:420px;border-radius:15px;border:1px solid var(--line);overflow:hidden;background:var(--bg2)}.chat-layout{display:grid;grid-template-columns:280px 1fr;min-height:480px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2)}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:var(--text);padding:12px;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:var(--card)}.conversation-item b{font-size:10px;display:block}.conversation-item span{font-size:8px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item em{font-style:normal;background:var(--danger);border-radius:20px;font-size:7px;padding:2px 5px;float:right}.chat-panel{display:grid;grid-template-rows:1fr auto;min-width:0}.chat-messages{padding:14px;overflow:auto;max-height:430px}.message-bubble{max-width:75%;padding:9px 11px;border-radius:12px;background:var(--card);margin:6px 0;font-size:10px}.message-bubble.me{margin-left:auto;background:rgba(92,156,252,.15);border:1px solid rgba(92,156,252,.25)}.message-bubble small{display:block;color:var(--muted);font-size:7px;margin-bottom:3px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.notification-list{display:grid;gap:7px}.notification-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.notification-item.unread{border-color:rgba(92,156,252,.5);background:rgba(92,156,252,.05)}.notification-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(92,156,252,.1);color:var(--blue)}.notification-item b{font-size:10px}.notification-item p{font-size:8px;color:var(--muted);margin:2px 0}.mini-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mini-product{border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:8px}.mini-product img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--card)}.mini-product b{display:block;font-size:9px;margin-top:6px}.mini-product small{color:var(--muted);font-size:8px}.searchbar .image-search-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:7px}.image-search-panel{position:absolute;top:55px;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:510;padding:12px;display:none}.image-results{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.image-result{padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--bg2)}.image-result img{width:100%;aspect-ratio:1;object-fit:contain}.image-result b{font-size:8px;display:block}.image-result small{font-size:7px;color:var(--muted)}.card.product{position:relative;overflow:hidden}.product-hover-actions{position:absolute;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;transform:translateY(8px);transition:var(--transition);z-index:4}.card.product:hover .product-hover-actions{opacity:1;transform:translateY(0)}.product-hover-actions button{border:0;border-radius:10px;padding:9px 6px;font-size:9px;font-weight:700;cursor:pointer}.instantBuy{background:var(--accent-gradient);color:#fff}.product-hover-actions .addCart{background:#fff;color:#111827}.wishlist-btn{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(11,13,21,.75);backdrop-filter:blur(8px);color:#fff;z-index:5;cursor:pointer}.wishlist-btn.active{color:#ff5b8d;border-color:#ff5b8d}.share-sheet{display:none;gap:6px;flex-wrap:wrap;margin-top:10px}.share-sheet.open{display:flex}.share-sheet a,.share-sheet button{padding:7px 9px;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:9px;font-size:9px;cursor:pointer}.passkey-note{font-size:8px;color:var(--muted);margin-top:6px}
@media(max-width:940px){.finance-grid{grid-template-columns:repeat(2,1fr)}.mini-product-grid{grid-template-columns:repeat(3,1fr)}.chat-layout{grid-template-columns:220px 1fr}}
@media(max-width:620px){.chat-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:180px}.real-map{height:330px}.mini-product-grid{grid-template-columns:repeat(2,1fr)}.finance-grid,.analytics-summary{grid-template-columns:1fr 1fr}.product-hover-actions{opacity:1;transform:none}.image-results{grid-template-columns:repeat(2,1fr)}}

/* Product comparison */
.compare-wrap{overflow:auto;border:1px solid var(--border-color);border-radius:18px;background:var(--bg-card);margin:20px 0 40px}.compare-table{width:100%;border-collapse:collapse;min-width:760px}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:top}.compare-table thead th{min-width:190px;position:sticky;top:0;background:var(--bg-secondary);z-index:2}.compare-table thead th:first-child{min-width:150px;left:0;z-index:3}.compare-table tbody th{position:sticky;left:0;background:var(--bg-secondary);text-align:left;z-index:1}.compare-table img{width:120px;height:90px;object-fit:contain;display:block;margin:0 auto 10px;border-radius:12px;background:#fff}.compare-table a{font-weight:700;color:var(--text-primary)}

/* =========================================================
   V5 PREMIUM EXPERIENCE
   ========================================================= */
:root{--v5-indigo:#6d5dfc;--v5-blue:#2f7df6;--v5-cyan:#31d7ff;--v5-pink:#ff5ea8;--v5-gold:#ffb347;--v5-deep:#070b16;--v5-surface:rgba(17,24,39,.78);--v5-glass:rgba(255,255,255,.055);--v5-line:rgba(255,255,255,.095);--v5-shadow:0 30px 90px rgba(0,0,0,.45)}
body{background:radial-gradient(circle at 12% 8%,rgba(47,125,246,.12),transparent 24%),radial-gradient(circle at 88% 16%,rgba(255,94,168,.09),transparent 25%),radial-gradient(circle at 52% 88%,rgba(109,93,252,.10),transparent 30%),var(--v5-deep);min-height:100vh}.premium-top{background:rgba(7,11,22,.82);box-shadow:0 12px 40px rgba(0,0,0,.18)}.brand>span:last-child{display:grid;line-height:1}.brand small{font-size:7px;letter-spacing:1.25px;color:var(--muted2);font-weight:700;text-transform:uppercase;margin-top:4px}.brand-mark{background:linear-gradient(135deg,var(--v5-indigo),var(--v5-blue),var(--v5-cyan));box-shadow:0 8px 26px rgba(47,125,246,.32)}
.ambient-gadgets{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient-gadgets i{position:absolute;color:rgba(110,145,255,.055);font-size:clamp(22px,4vw,58px);filter:drop-shadow(0 0 18px rgba(92,156,252,.05));animation:techFloat 18s ease-in-out infinite}.ambient-gadgets i:nth-child(1){left:3%;top:18%;animation-delay:-2s}.ambient-gadgets i:nth-child(2){right:4%;top:28%;animation-delay:-8s}.ambient-gadgets i:nth-child(3){left:10%;bottom:16%;animation-delay:-13s}.ambient-gadgets i:nth-child(4){right:13%;bottom:12%;animation-delay:-6s}.ambient-gadgets i:nth-child(5){left:44%;top:10%;animation-delay:-4s}.ambient-gadgets i:nth-child(6){right:37%;bottom:5%;animation-delay:-11s}.ambient-gadgets i:nth-child(7){left:28%;top:48%;animation-delay:-16s}.ambient-gadgets i:nth-child(8){right:24%;top:55%;animation-delay:-9s}@keyframes techFloat{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(0,-34px,0) rotate(9deg)}}
.premium-hero{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--v5-line);background:linear-gradient(135deg,rgba(12,18,38,.94),rgba(17,24,52,.88) 55%,rgba(22,36,68,.82));box-shadow:var(--v5-shadow);padding:clamp(36px,6vw,78px);align-items:center}.premium-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-170px;background:radial-gradient(circle,rgba(49,215,255,.20),rgba(109,93,252,.08) 48%,transparent 68%);animation:pulseOrb 7s ease-in-out infinite}.premium-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.025));pointer-events:none}@keyframes pulseOrb{50%{transform:scale(1.08);opacity:.78}}.hero-copy{position:relative;z-index:2;max-width:760px}.premium-hero h1{font-size:clamp(44px,6vw,84px);line-height:.98;letter-spacing:-3.8px;margin:12px 0 20px;max-width:920px}.premium-hero p{font-size:clamp(15px,1.4vw,19px);color:#b8c2d9;max-width:720px}.hero-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-trust span{border:1px solid var(--v5-line);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 13px;color:#cdd8ef;font-size:11px}.hero-trust i{margin-right:6px;color:var(--v5-cyan)}.btn.glass{background:rgba(255,255,255,.06);backdrop-filter:blur(18px)}.hero-orbit{position:relative;min-height:340px;display:grid;place-items:center;z-index:2}.orbit-core{width:150px;height:150px;border-radius:42px;display:grid;place-items:center;background:linear-gradient(145deg,#111827,#243b80);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 70px rgba(47,125,246,.3),inset 0 1px rgba(255,255,255,.1);font-weight:900}.orbit-core i{font-size:42px;color:#fff}.orbit-core span{font-size:14px;letter-spacing:1px}.orbit-card{position:absolute;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:16px;background:rgba(17,24,39,.86);border:1px solid var(--v5-line);box-shadow:0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(18px);animation:orbitFloat 6s ease-in-out infinite}.orbit-card i{color:var(--v5-cyan)}.orbit-card b{font-size:11px}.orbit-card.one{top:12%;left:3%;animation-delay:-1s}.orbit-card.two{right:2%;top:27%;animation-delay:-3.5s}.orbit-card.three{left:22%;bottom:4%;animation-delay:-5s}@keyframes orbitFloat{50%{transform:translateY(-14px) rotate(1deg)}}
.premium-heading{margin-top:44px;margin-bottom:18px}.premium-heading h2{font-size:clamp(26px,3.2vw,42px);letter-spacing:-1.6px;margin:5px 0}.premium-heading p{color:var(--muted);margin:0}.category-showcase{scroll-margin-top:120px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{position:relative;min-height:118px;display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(24,29,43,.95),rgba(15,22,40,.9));border:1px solid var(--v5-line);overflow:hidden;transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:0 14px 34px rgba(0,0,0,.16)}.category-card:before{content:"";position:absolute;width:90px;height:90px;right:-18px;top:-24px;border-radius:50%;background:radial-gradient(circle,rgba(92,156,252,.16),transparent 68%);transition:.35s}.category-card:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(49,215,255,.32);box-shadow:0 24px 55px rgba(0,0,0,.25)}.category-card:hover:before{transform:scale(1.5)}.category-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,93,252,.25),rgba(49,215,255,.15));font-size:22px;color:#c9f6ff;border:1px solid rgba(255,255,255,.08)}.category-card div{display:grid}.category-card b{font-size:14px}.category-card small{font-size:10px;color:var(--muted)}.category-arrow{margin-left:auto;color:var(--muted2);transition:.3s}.category-card:hover .category-arrow{color:var(--v5-cyan);transform:translate(2px,-2px)}
.trending-shell{padding:6px 0}.premium-chips{display:flex;gap:9px;flex-wrap:wrap}.premium-chips a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;border:1px solid var(--v5-line);background:rgba(255,255,255,.04);font-size:11px;color:#d2d9ea;transition:.25s}.premium-chips a:hover{background:linear-gradient(135deg,rgba(109,93,252,.22),rgba(47,125,246,.16));border-color:rgba(92,156,252,.42);transform:translateY(-2px)}.premium-chips i{color:var(--v5-cyan)}
.premium-products{gap:16px}.premium-product-card{border-radius:22px!important;background:linear-gradient(145deg,rgba(24,29,43,.96),rgba(14,20,35,.94))!important;border:1px solid var(--v5-line)!important;box-shadow:0 15px 45px rgba(0,0,0,.16);transition:.34s cubic-bezier(.2,.8,.2,1)!important;padding-bottom:64px!important}.premium-product-card:hover{transform:translateY(-8px);border-color:rgba(92,156,252,.32)!important;box-shadow:0 28px 65px rgba(0,0,0,.28)}.product-image-wrap{position:relative;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#e7ecf4);overflow:hidden;min-height:210px;display:grid;place-items:center}.product-image-wrap img{height:210px!important;object-fit:contain!important;transition:.4s}.premium-product-card:hover .product-image-wrap img{transform:scale(1.055)}.quick-tag{position:absolute;left:10px;bottom:10px;background:rgba(7,11,22,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);padding:6px 9px;border-radius:999px;font-size:8px;color:#fff}.premium-product-card .price{font-size:18px;font-weight:900}.premium-product-card .wishlist-btn{top:12px;right:12px;background:rgba(7,11,22,.82);width:40px;height:40px;transition:.25s}.premium-product-card .wishlist-btn.active{background:rgba(255,94,168,.14);box-shadow:0 0 0 5px rgba(255,94,168,.06)}.premium-product-card .wishlist-btn.active i{animation:heartPop .35s ease}@keyframes heartPop{50%{transform:scale(1.4)}}.premium-product-card .product-hover-actions{bottom:10px;left:10px;right:10px}.premium-product-card .product-hover-actions button{padding:11px 8px;font-size:10px}.premium-product-card .instantBuy{background:linear-gradient(135deg,#7c5cfc,#3978ff,#21c7ef)}
.premium-panel{position:relative;border:1px solid var(--v5-line);border-radius:28px;background:linear-gradient(135deg,rgba(21,29,53,.92),rgba(12,17,31,.94));box-shadow:var(--v5-shadow);overflow:hidden}.premium-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(49,215,255,.12),transparent 65%);right:-80px;top:-100px;pointer-events:none}.cart-hero,.checkout-hero,.campaign-cart-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 38px;margin-bottom:20px}.cart-hero h1,.checkout-hero h1,.campaign-cart-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.7px;margin:7px 0}.cart-hero p,.checkout-hero p,.campaign-cart-hero p{color:#aab5cb;max-width:760px}.premium-share-sheet{padding:14px;border:1px solid var(--v5-line);border-radius:18px;background:rgba(17,24,39,.86);box-shadow:0 20px 60px rgba(0,0,0,.25);margin-bottom:15px}.premium-share-sheet a,.premium-share-sheet button{font-size:11px!important;padding:10px 14px!important}.premium-cart-layout{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr)!important;gap:18px!important;align-items:start}.cart-items-panel{display:grid;gap:12px}.premium-cart-item{display:grid!important;grid-template-columns:118px 1fr auto!important;gap:16px!important;align-items:center;padding:16px!important;border:1px solid var(--v5-line)!important;border-radius:20px!important;background:rgba(17,24,39,.72)!important;backdrop-filter:blur(16px);transition:.25s}.premium-cart-item:hover{border-color:rgba(92,156,252,.3)!important;transform:translateY(-2px)}.cart-product-image{width:118px;height:104px;border-radius:16px;background:#f6f8fc;display:grid;place-items:center;overflow:hidden}.cart-product-image img{width:100%;height:100%;object-fit:contain}.cart-product-copy{display:grid;gap:5px}.cart-product-copy b{font-size:15px}.cart-product-copy small{color:var(--muted)}.cart-product-copy span{font-size:11px;color:#dce5f8}.qty-control{display:inline-grid;grid-template-columns:32px 54px 32px;align-items:center;margin-top:5px;width:max-content;background:rgba(255,255,255,.04);border:1px solid var(--v5-line);border-radius:12px;overflow:hidden}.qty-control button{height:34px;border:0;background:transparent;color:#fff;cursor:pointer}.qty-control input{width:54px;text-align:center;border:0!important;border-left:1px solid var(--v5-line)!important;border-right:1px solid var(--v5-line)!important;border-radius:0!important;background:transparent!important;padding:6px!important}.cart-line-price{display:grid;justify-items:end;gap:12px}.cart-line-price>b{font-size:16px}.icon-danger{width:38px;height:38px;border:1px solid rgba(245,101,101,.22);background:rgba(245,101,101,.08);color:#ff8e9a;border-radius:12px;cursor:pointer}.premium-summary{position:sticky;top:100px;border-radius:24px!important;background:linear-gradient(160deg,rgba(24,33,58,.94),rgba(12,17,30,.96))!important;border:1px solid var(--v5-line)!important;padding:24px!important;box-shadow:0 24px 65px rgba(0,0,0,.24)!important}.premium-summary h2{font-size:24px;margin:8px 0 20px}.premium-summary p{display:flex;justify-content:space-between;color:var(--muted)}.premium-summary p b{color:#fff}.premium-summary .grand-total{font-size:18px;color:#fff}.premium-summary .grand-total b{font-size:26px;background:linear-gradient(90deg,#fff,#78ddff);-webkit-background-clip:text;color:transparent}.premium-checkout-btn{padding:14px!important;border-radius:14px!important;box-shadow:0 14px 35px rgba(47,125,246,.24)}.whatsapp-btn{margin-top:9px;background:rgba(34,214,140,.08)!important;border-color:rgba(34,214,140,.22)!important}.trust-list{display:grid;gap:7px;margin-top:16px;color:var(--muted);font-size:10px}.trust-list i{width:18px;color:var(--v5-cyan)}.premium-empty{padding:70px 24px!important;border:1px solid var(--v5-line);border-radius:26px;background:linear-gradient(145deg,rgba(24,29,43,.85),rgba(12,17,30,.9));text-align:center}.empty-orbit{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(135deg,rgba(109,93,252,.2),rgba(49,215,255,.12));border:1px solid rgba(255,255,255,.08);font-size:30px;animation:orbitFloat 5s ease-in-out infinite}
.checkout-hero{min-height:210px}.checkout-trust-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(49,215,255,.17),rgba(109,93,252,.08) 58%,transparent 60%);border:1px solid rgba(92,156,252,.22);box-shadow:0 0 60px rgba(49,215,255,.08)}.checkout-trust-ring i{font-size:30px;color:var(--v5-cyan)}.checkout-trust-ring span{font-size:10px;color:#c8d3e8;font-weight:800}.checkout-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.65fr);gap:18px;align-items:start}.premium-checkout-form{display:grid;gap:16px}.checkout-card,.checkout-order-card{border:1px solid var(--v5-line);background:linear-gradient(145deg,rgba(23,30,51,.9),rgba(12,17,30,.94));border-radius:24px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.16)}.checkout-step{display:flex;align-items:center;gap:13px;margin-bottom:18px}.checkout-step>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v5-indigo),var(--v5-blue));font-weight:900}.checkout-step small{font-size:9px;letter-spacing:1px;color:var(--v5-cyan);font-weight:800}.checkout-step h2{margin:2px 0;font-size:20px}.premium-form label,.email-settings label,.campaign-builder-grid label,.checkout-card label{display:grid;gap:7px;color:#bdc7da;font-size:10px;font-weight:700}.premium-form input,.premium-form select,.premium-form textarea,.email-settings input,.email-settings select,.campaign-builder-grid input,.campaign-builder-grid select,.campaign-builder-grid textarea,.checkout-card input,.checkout-card select,.checkout-card textarea{width:100%;background:rgba(6,10,20,.58);border:1px solid rgba(255,255,255,.09);color:#fff;padding:12px 13px;border-radius:12px;outline:none;transition:.22s}.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus,.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{border-color:rgba(49,215,255,.44);box-shadow:0 0 0 3px rgba(49,215,255,.06)}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-choice{position:relative;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:14px!important;border:1px solid var(--v5-line);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer;transition:.25s}.payment-choice:hover,.payment-choice.selected{border-color:rgba(49,215,255,.34);background:linear-gradient(135deg,rgba(109,93,252,.11),rgba(49,215,255,.055));transform:translateY(-2px)}.payment-choice input{position:absolute;opacity:0}.payment-choice-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(92,156,252,.12);color:#8fdfff;font-size:17px}.payment-choice b{display:block;font-size:11px;color:#fff}.payment-choice small{font-size:9px;color:var(--muted)}.installment-options{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:14px;border:1px dashed rgba(92,156,252,.26);border-radius:16px;background:rgba(92,156,252,.04)}.checkout-order-card{position:sticky;top:100px}.checkout-order-card h2{font-size:28px;margin:8px 0 18px}.checkout-items{display:grid;gap:9px;max-height:330px;overflow:auto;padding-right:3px}.checkout-mini-item{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}.checkout-mini-item img{width:58px;height:50px;object-fit:contain;background:#f7f8fb;border-radius:9px}.checkout-mini-item b{font-size:10px;display:block}.checkout-mini-item small{font-size:8px;color:var(--muted)}.checkout-mini-item strong{font-size:10px}.summary-lines{display:grid;gap:7px;margin-top:16px}.summary-lines p{display:flex;justify-content:space-between;margin:0;color:var(--muted);font-size:11px}.summary-lines p b{color:#fff}.summary-lines .grand-total{padding-top:10px;border-top:1px solid var(--v5-line);font-size:15px}.summary-lines .grand-total b{font-size:21px}.checkout-security{display:flex;gap:11px;margin-top:18px;padding:13px;border-radius:14px;background:rgba(34,214,140,.055);border:1px solid rgba(34,214,140,.16)}.checkout-security i{color:var(--green);font-size:18px}.checkout-security b{display:block;font-size:10px}.checkout-security small{color:var(--muted);font-size:8px}.order-mobile-summary{display:none}
.premium-footer{position:relative!important;display:block!important;padding:58px clamp(18px,5vw,76px) 22px!important;background:linear-gradient(180deg,#070b16,#05070d)!important;border-top:1px solid rgba(255,255,255,.07)!important;overflow:hidden}.footer-glow{position:absolute;width:480px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(47,125,246,.13),transparent 66%);left:10%;top:-170px}.footer-grid{position:relative;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:36px;max-width:1440px;margin:auto}.footer-grid>div:not(.footer-intro){display:grid;align-content:start;gap:10px}.footer-grid h4{margin:0 0 5px;color:#fff;font-size:12px}.footer-grid a{color:#8d99b1;font-size:11px;transition:.2s}.footer-grid a:hover{color:#fff;transform:translateX(2px)}.footer-intro{max-width:420px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:20px;color:#fff!important}.footer-logo span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--v5-indigo),var(--v5-blue),var(--v5-cyan));box-shadow:0 12px 28px rgba(47,125,246,.2)}.footer-intro h3{font-size:24px;line-height:1.14;letter-spacing:-.8px;margin:18px 0 9px;color:#fff}.footer-intro p{color:#8390a9;max-width:390px;font-size:11px}.footer-social{display:flex;gap:8px;margin-top:18px}.footer-social a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--v5-line);background:rgba(255,255,255,.035);color:#c9d3e7!important}.footer-social a:hover{transform:translateY(-3px)!important;border-color:rgba(92,156,252,.34)}.footer-bottom{position:relative;max-width:1440px;margin:38px auto 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:15px;color:#647089;font-size:9px}.footer-trust{display:flex;gap:8px;align-items:center}.footer-trust i{color:#7fdff7}
.os-shell{background:transparent}.os-sidebar{background:rgba(8,12,23,.92);backdrop-filter:blur(22px)}.premium-user{padding:8px 9px 18px!important;margin-bottom:4px;border-bottom:1px solid var(--v5-line)}.metric-link{display:block}.metric-link article{height:100%}.form-action{display:flex;align-items:end}.form-action .btn{width:100%}.gateway-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.gateway-setting-card{border:1px solid var(--v5-line);border-radius:18px;padding:16px;background:linear-gradient(145deg,rgba(21,28,49,.86),rgba(10,15,28,.9))}.gateway-setting-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gateway-setting-head b{font-size:14px}.gateway-setting-head small{display:block;color:var(--muted);font-size:8px}.gateway-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.gateway-setting-card form{display:grid;gap:8px}.gateway-setting-card input,.gateway-setting-card select{background:rgba(4,8,17,.58);border:1px solid var(--v5-line);color:#fff;padding:10px;border-radius:10px;font-size:10px}.gateway-help{padding:9px;border-radius:10px;background:rgba(92,156,252,.05);color:var(--muted);font-size:8px}.compact-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr auto!important;align-items:end;gap:10px}.switch-line{display:flex!important;align-items:center!important;gap:8px!important}.switch-line input{width:auto!important}.campaign-studio{background:linear-gradient(145deg,rgba(27,24,55,.9),rgba(11,17,31,.94))}.campaign-builder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.campaign-builder-grid>div{display:grid;gap:10px}.label-like{font-size:10px;color:#bdc7da;font-weight:700;margin-bottom:7px}.campaign-product-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:350px;overflow:auto}.campaign-product-option{position:relative;border:1px solid var(--v5-line);border-radius:13px;padding:8px;background:rgba(255,255,255,.025);cursor:pointer;transition:.2s}.campaign-product-option.selected{border-color:rgba(49,215,255,.4);background:rgba(49,215,255,.055)}.campaign-product-option input{position:absolute;opacity:0}.campaign-product-option img{width:100%;height:80px;object-fit:contain;background:#f7f8fb;border-radius:9px}.campaign-product-option b{display:block;font-size:9px;margin-top:5px}.campaign-product-option small{font-size:8px;color:var(--muted)}.email-campaign-fields{display:grid;gap:11px;margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(92,156,252,.18);background:rgba(92,156,252,.035)}.email-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.email-campaign-fields>label{display:grid;gap:7px;color:#bdc7da;font-size:10px;font-weight:700}.email-campaign-fields textarea,.email-campaign-fields input,.email-campaign-fields select{background:rgba(6,10,20,.58);border:1px solid rgba(255,255,255,.09);color:#fff;padding:11px;border-radius:11px}.consent-box{display:flex!important;align-items:flex-start!important;gap:8px!important}.consent-box input{width:auto!important;margin-top:2px}.campaign-launch{margin-top:14px}.campaign-share-result{margin-top:14px}.campaign-result-card{padding:15px;border-radius:16px;border:1px solid rgba(34,214,140,.17);background:rgba(34,214,140,.05)}.campaign-result-card .share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.customer-cart-card{background:linear-gradient(145deg,rgba(22,32,57,.92),rgba(10,16,29,.94))}.dashboard-cart-list{display:grid;gap:8px}.dashboard-cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--v5-line);border-radius:13px;background:rgba(255,255,255,.025)}.dashboard-cart-item img{width:64px;height:56px;object-fit:contain;background:#fff;border-radius:9px}.dashboard-cart-item b{font-size:10px}.dashboard-cart-item small{display:block;color:var(--muted);font-size:8px}.dashboard-cart-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--v5-line)}.dashboard-cart-summary strong{font-size:20px}.dashboard-share-links{display:flex;gap:7px;flex-wrap:wrap}.dashboard-share-links a,.dashboard-share-links button{border:1px solid var(--v5-line);background:rgba(255,255,255,.035);color:#fff;padding:8px 10px;border-radius:10px;font-size:9px;cursor:pointer}.viewed-product{position:relative}.viewed-product .view-count{position:absolute;right:5px;top:5px;border-radius:999px;background:rgba(7,11,22,.82);padding:3px 6px;font-size:7px}.premium-user+.os-nav{padding-top:4px}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(3,1fr)}.gateway-settings-grid{grid-template-columns:1fr}.compact-grid{grid-template-columns:repeat(2,1fr)!important}.email-settings{grid-template-columns:repeat(2,1fr)}.campaign-product-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:940px){.premium-hero{grid-template-columns:1fr!important;min-height:auto}.hero-orbit{min-height:280px}.category-grid{grid-template-columns:repeat(2,1fr)}.premium-cart-layout,.checkout-shell{grid-template-columns:1fr!important}.premium-summary,.checkout-order-card{position:static}.campaign-builder-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.checkout-order-card{display:none}.order-mobile-summary{display:block}.payment-choice-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body:not(:has(.os-shell)) main{padding:18px 11px 54px}.premium-hero{padding:28px 20px;min-height:auto}.premium-hero h1{font-size:46px;letter-spacing:-2.3px}.hero-orbit{min-height:240px}.orbit-core{width:115px;height:115px;border-radius:32px}.orbit-card{padding:9px 11px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category-card{min-height:94px;padding:12px;gap:9px;border-radius:16px}.category-icon{width:42px;height:42px;border-radius:13px;font-size:17px}.category-card b{font-size:11px}.category-card small{font-size:8px}.premium-product-card{padding-bottom:62px!important}.cart-hero,.checkout-hero,.campaign-cart-hero{padding:24px 18px;display:grid}.checkout-trust-ring{display:none}.premium-cart-item{grid-template-columns:82px 1fr!important}.cart-product-image{width:82px;height:76px}.cart-line-price{grid-column:2;justify-items:start;display:flex;align-items:center;justify-content:space-between}.payment-choice-grid,.installment-options{grid-template-columns:1fr}.checkout-card{padding:17px}.premium-footer{padding:42px 18px 18px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-intro{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:grid}.gateway-settings-grid,.campaign-product-picker{grid-template-columns:1fr}.email-settings,.compact-grid{grid-template-columns:1fr!important}.campaign-product-picker{max-height:300px}.dashboard-cart-summary{display:grid}.premium-top .brand small{display:none}}
.premium-modal{position:fixed;inset:0;background:rgba(3,6,14,.72);backdrop-filter:blur(10px);display:none;place-items:center;z-index:1200;padding:18px}.premium-modal.open{display:grid}.premium-modal-card{position:relative;width:min(520px,100%);padding:26px;border-radius:24px;border:1px solid var(--v5-line);background:linear-gradient(145deg,#18213a,#0c1222);box-shadow:0 40px 100px rgba(0,0,0,.5)}.premium-modal-card h2{font-size:26px;margin:7px 0}.premium-modal-card p{color:var(--muted)}.modal-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:12px;border:1px solid var(--v5-line);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:22px}.gateway-button-list{display:grid;gap:9px;margin-top:16px}.gateway-button-list button{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid var(--v5-line);background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.gateway-button-list button:hover{border-color:rgba(49,215,255,.38);background:rgba(49,215,255,.06)}