@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Sora:wght@600;700&display=swap";:root{--bg-deep: #061124;--bg-mid: #0c1f3f;--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .14);--card: #f6f8ff;--card-soft: #eef2ff;--ink: #102242;--ink-soft: #5c6a86;--line: #d7def4;--gold: #f4be58;--gold-soft: #ffe3a3;--brand: #1c6dff;--brand2: #18b3a6;--danger: #cb4258;font-family:Plus Jakarta Sans,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% -10%,rgba(255,205,103,.28),transparent 30%),radial-gradient(circle at 95% 10%,rgba(28,109,255,.3),transparent 28%),linear-gradient(165deg,var(--bg-deep),var(--bg-mid) 40%,#123767 70%,#10345d 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(to right,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.16) 1px,transparent 1px);background-size:36px 36px}.mini-shell{position:relative;max-width:1040px;margin:0 auto;padding:20px 20px 96px;display:grid;gap:14px}.mini-shell-loading{min-height:100vh;place-items:center}.lux-loader{width:min(760px,100%);border-radius:24px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#05142ec7,#0f2b529e);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f5f8ff;box-shadow:0 30px 80px #03081680;padding:clamp(22px,5vw,38px);display:grid;gap:18px}.lux-orb{width:88px;height:88px;position:relative;margin-bottom:6px}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid transparent}.ring-1{border-top-color:#fff;border-right-color:#fff6;animation:spin 1.4s linear infinite}.ring-2{top:10px;right:10px;bottom:10px;left:10px;border-left-color:var(--gold);border-bottom-color:#f4be5880;animation:spin-reverse 1.1s linear infinite}.orb-core{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff5d7,#f0bf5d);box-shadow:0 0 28px #f4be58cc;animation:pulse 1.6s ease-in-out infinite}.lux-loader-content h1{margin:5px 0 8px;font-family:Sora,sans-serif;font-size:clamp(24px,4.6vw,38px);line-height:1.12}.loader-eyebrow{margin:0;color:var(--gold-soft);letter-spacing:.16em;font-size:11px;font-weight:700}.loading-sub{margin:0;opacity:.95;min-height:24px}.loading-track{margin-top:16px;height:8px;border-radius:999px;background:#ffffff38;overflow:hidden}.loading-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#e9f0ff,var(--gold));box-shadow:0 0 20px #f4be5873;transition:width .6s ease}.loader-percent{margin:8px 0 0;text-align:right;font-weight:700;color:#d7e4ff}.hero{border-radius:20px;padding:clamp(16px,3vw,24px);border:1px solid rgba(255,255,255,.2);color:#f5f8ff;background:linear-gradient(130deg,#ffffff26,#ffffff0a),linear-gradient(120deg,#0a1f49,#1a3f80 55%,#135f8e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 55px #03091b73}.hero h1{margin:10px 0 7px;font-family:Sora,sans-serif;font-size:clamp(26px,5vw,40px);line-height:1.1}.hero p{margin:0;color:#edf5ffeb}.badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}.mini-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;width:100%;max-width:100%;display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:0;background:#081c3ae0;border-top:1px solid rgba(255,255,255,.2);box-shadow:0 -10px 24px #040c1e57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mini-nav button{flex:1;border:1px solid transparent;background:transparent;color:#e9f2ffbd;border-radius:10px;padding:9px 8px;font-weight:800;cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px}.mini-nav button span{font-size:11px;letter-spacing:.01em}.mini-nav button.active{background:linear-gradient(95deg,#2b7dff,#14bca0);color:#fff;box-shadow:0 8px 16px #1490d659}.mini-nav button:active{transform:translateY(1px)}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card,.checkout-card,.invoice-card,.history-card{border-radius:16px;border:1px solid rgba(255,255,255,.32);background:linear-gradient(165deg,#f6f8fff2,#ebf1ffeb);box-shadow:0 16px 35px #08143633}.product-card{padding:14px}.product-image{width:100%;height:164px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:10px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-head h2{margin:0;font-family:Sora,sans-serif;font-size:18px}.stock{background:linear-gradient(90deg,#e6eeff,#dae6ff);color:#194b98;border-radius:999px;border:1px solid #c7d7ff;padding:4px 9px;font-size:12px;font-weight:700}.desc{color:var(--ink-soft);min-height:38px;margin:8px 0 10px}.price{font-size:25px;font-weight:800;color:#0f2553}.qty-row{margin-top:9px;display:inline-flex;align-items:center;gap:10px}.qty-row span{min-width:20px;text-align:center;font-weight:700}.qty-row button{width:34px;height:34px;border-radius:10px;border:1px solid #c7d5fa;background:#fff;color:var(--ink);font-size:16px;cursor:pointer}.checkout-card,.invoice-card,.history-card{padding:14px}.checkout-page{min-height:62vh}.delivery-card{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.pager-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.pager-card span{color:var(--ink-soft);font-size:13px;font-weight:700}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.history-item p{margin:4px 0 0;color:var(--ink-soft);font-size:13px}.status-badge{border-radius:999px;font-size:11px;font-weight:800;padding:6px 10px;letter-spacing:.03em}.status-badge.pending{background:#fff1d3;color:#8a5c07}.status-badge.paid,.status-badge.delivered{background:#dbf4e8;color:#106441}.status-badge.cancelled,.status-badge.expired,.status-badge.failed{background:#fde8ee;color:#8e2639}.profile-card{background:linear-gradient(180deg,#f6f8fff2,#e9f0ffed)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-item{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:5px}.profile-item span{color:var(--ink-soft);font-size:12px}.profile-item strong{font-size:15px}.line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.line span{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.checkout-btn{width:100%;border:none;border-radius:12px;padding:12px;color:#fff;font-weight:800;background:linear-gradient(90deg,#135ef5,#11b49f);box-shadow:0 10px 20px #135ef54d;cursor:pointer}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.qr{width:min(320px,100%);display:block;margin:12px auto;border-radius:12px;border:1px solid var(--line)}.note,.status{color:var(--ink-soft);font-size:14px}.security{margin-top:10px;display:inline-flex;align-items:center;gap:8px;color:#15573e;background:#e5f8ef;border:1px solid #bce8d2;border-radius:999px;padding:7px 12px;font-size:12px}.error-box{color:#8e2236;background:#fdebf0;border:1px solid #f8c7d2;border-radius:12px;padding:12px}.success-box{color:#0f5c3a;background:#e6f8ef;border:1px solid #bde8d2;border-radius:12px;padding:12px;font-size:14px;font-weight:700}.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.outline-btn{border:1px solid #bfd2fa;border-radius:10px;padding:9px 12px;background:#f5f8ff;color:#1b3f88;font-weight:700;cursor:pointer}.outline-btn.danger{border-color:#f3c5cf;background:#fff2f5;color:#8e2d3f}.loading{background:var(--card);border-radius:12px;border:1px solid var(--line);padding:18px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@media(max-width:800px){.mini-shell{padding:14px 14px 92px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.mini-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mini-nav button{min-height:54px;gap:4px}.mini-nav button span{font-size:10px}.lux-loader{border-radius:18px}}@media(max-width:560px){.products-grid{grid-template-columns:1fr}.pager-card{flex-wrap:wrap}}