:root{--bg: #0F0F12;--bg-deep:#0a0a0c;--card: #1A1A20;--card2: #22222A;--line: #2E2E38;--gold: #C9A84C;--gold-d: #a8883e;--gold-l: #e8c86a;--txt: #F4F4F5;--muted: #9A9A9F;--green: #16A34A;--green-l:#dcfce7;--danger: #dc2626;--danger-l:#fee2e2;--radius: 12px;--shadow: 0 8px 32px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Century Gothic,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--txt);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}.container{max-width:480px;margin:0 auto;padding:0 16px}.page{min-height:100vh;background:var(--bg-deep);padding-bottom:40px}.section{padding:16px 16px 0;display:flex;flex-direction:column;gap:12px}.logo{display:flex;align-items:center;gap:10px;justify-content:center}.logo-sq{width:36px;height:36px;border-radius:9px;background:var(--gold);color:var(--bg);font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{font-size:18px;font-weight:700}.logo-text span{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 20px;border-radius:10px;font-size:15px;font-weight:700;transition:all .15s ease;min-height:48px;width:100%;letter-spacing:.2px}.btn-gold{background:var(--gold);color:var(--bg)}.btn-gold:hover{background:var(--gold-l)}.btn-gold:disabled{background:#4a4a50;color:var(--muted);cursor:not-allowed}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-outline:hover{background:#c9a84c1a}.btn-ghost{background:var(--card2);color:var(--txt);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:8px 14px;font-size:13px;min-height:36px;width:auto}.btn-icon{height:36px;border-radius:8px;padding:0;min-height:36px;width:36px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{padding:11px 14px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:var(--card2);color:var(--txt);transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field select option{background:var(--card2)}.field .hint{font-size:11px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card-header{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.card2{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:12px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700}.badge-gold{background:#c9a84c26;color:var(--gold);border:1px solid rgba(201,168,76,.3)}.badge-green{background:#16a34a26;color:var(--green);border:1px solid rgba(22,163,74,.3)}.badge-orange{background:#ea580c26;color:#ea580c;border:1px solid rgba(234,88,12,.3)}.badge-muted{background:var(--card2);color:var(--muted);border:1px solid var(--line)}.badge-red{background:#dc262626;color:var(--danger);border:1px solid rgba(220,38,38,.3)}.badge-blue{background:#2563eb26;color:#60a5fa;border:1px solid rgba(37,99,235,.3)}.navbar{background:var(--card);border-bottom:1px solid var(--line);padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar-actions{display:flex;gap:8px}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:var(--shadow);animation:slideIn .2s ease;min-width:240px;text-align:center;border:1px solid}.toast-success{background:#16a34a26;color:#4ade80;border-color:#16a34a4d}.toast-error{background:#dc262626;color:#f87171;border-color:#dc26264d}.toast-info{background:#c9a84c1f;color:var(--gold);border-color:#c9a84c4d}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.auth-tagline{font-size:13px;color:var(--muted);margin-bottom:28px;text-align:center}.auth-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}.auth-title{font-size:18px;font-weight:800;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-link{text-align:center;font-size:13px;color:var(--muted);margin-top:16px}.auth-link a{color:var(--gold);font-weight:700}.amount-display{background:#15151c;border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:20px}.amount-display .amount-value{font-size:32px;font-weight:800;color:var(--gold)}.amount-display .amount-label{font-size:11px;color:var(--muted);margin-top:2px}.product-card{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:border-color .15s}.product-card:hover{border-color:#c9a84c66}.product-card-img{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#2a2a33,#3a3a45);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:22px}.product-card-img img{width:100%;height:100%;object-fit:cover}.product-card-body{flex:1;min-width:0}.product-card-name{font-size:14px;font-weight:700;margin-bottom:2px}.product-card-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-price{font-size:14px;font-weight:800;color:var(--gold);margin-top:3px}.product-card-add{background:var(--gold);color:var(--bg);border:none;border-radius:7px;width:30px;height:30px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background .15s}.product-card-add:hover{background:var(--gold-l)}.shop-hero{background:var(--card);border-bottom:1px solid var(--line);padding:24px 16px;text-align:center}.shop-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#8a7234);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--bg)}.shop-name{font-size:20px;font-weight:800}.shop-desc{font-size:12px;color:var(--muted);margin-top:3px}.shop-url{font-size:11px;color:#c9a84c99;margin-top:3px}.kpi-row{display:flex;gap:10px}.kpi{flex:1;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:14px}.kpi-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:20px;font-weight:800;color:var(--gold);margin-top:4px}.kpi-value.green{color:var(--green)}.kpi-value.white{color:var(--txt)}.variant-section{margin-bottom:14px}.variant-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.variant-options{display:flex;gap:8px;flex-wrap:wrap}.variant-option{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--card2);color:var(--txt);cursor:pointer;transition:all .15s}.variant-option.selected{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.variant-option.unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed;color:var(--muted)}.variant-option:hover:not(.unavailable):not(.selected){border-color:#c9a84c66}.qty-selector{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;background:var(--card2);overflow:hidden}.qty-btn{width:44px;height:44px;border:none;background:transparent;color:var(--gold);font-size:20px;font-weight:700;cursor:pointer;transition:background .15s}.qty-btn:hover:not(:disabled){background:#c9a84c1f}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-input{width:56px;height:44px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--card);color:var(--txt);font-size:16px;font-weight:800;text-align:center;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-selector--disabled{opacity:.5}.order-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.order-row-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.order-id{font-size:11px;color:var(--muted);font-family:monospace}.order-total{font-size:16px;font-weight:800;color:var(--gold)}.order-items{font-size:13px;color:var(--txt);margin-bottom:4px}.order-contact{font-size:12px;color:var(--muted)}.order-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{padding:10px 14px;font-size:13px;font-weight:700;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.divider{border:none;border-top:1px solid var(--line);margin:14px 0}.secure{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.gimac-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#c9a84c1f,#0f0f12e6);border:1px solid rgba(201,168,76,.35);margin:12px 0}.gimac-banner--compact{padding:8px 12px;margin:8px 0}.gimac-banner-icon{font-size:22px;flex-shrink:0}.gimac-banner-title{font-size:12px;font-weight:800;color:var(--gold)}.gimac-banner-sub{font-size:10px;color:var(--muted);margin-top:2px}.product-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.product-gallery-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;flex-shrink:0}.product-gallery-thumbs img.active{border-color:var(--gold)}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-title{font-size:17px;font-weight:800;margin-bottom:6px}.empty-state-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.spinner{width:18px;height:18px;border:2px solid rgba(201,168,76,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:36px;height:36px;border:3px solid rgba(201,168,76,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep);flex-direction:column;gap:16px}.fab{position:fixed;bottom:24px;right:20px;background:var(--gold);color:var(--bg);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:0 4px 20px #c9a84c66;transition:transform .15s;z-index:50;cursor:pointer;border:none}.fab:hover{transform:scale(1.08)}.pay-page{min-height:100vh;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.pay-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 22px}.product-hero{width:100%;height:220px;background:linear-gradient(135deg,#1a1a20,#2a2a35);display:flex;align-items:center;justify-content:center;font-size:72px;position:relative;overflow:hidden}.product-hero img{width:100%;height:100%;object-fit:cover}.product-hero-back{position:absolute;top:12px;left:12px;background:#0f0f12cc;border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px;font-weight:700;color:var(--txt)}.row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row-label{color:var(--muted)}.row-value{font-weight:600}.qr-img{width:120px;height:120px;border-radius:8px;background:#fff;padding:6px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}