:root{--bg-primary:#08080a;--bg-secondary:#0f0f14;--bg-tertiary:#1a1a22;--bg-card:#12121a;--bg-card-hover:#1a1a24;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#d4af37;--accent-hover:#e5c158;--accent-light:#d4af371f;--accent-dark:#b8962f;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--border:#27272a;--border-light:#3f3f46;--shadow:0 4px 24px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-glow:0 0 30px #d4af3726;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at top, #12121a 0%, var(--bg-primary) 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{background:0 0;flex:1;min-height:100vh;padding:0 20px 100px;overflow-y:auto}.page-title{letter-spacing:-1px;background:linear-gradient(135deg,#fafafa 0%,#d4af37 50%,#b8962f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.category-tabs{background:var(--bg-secondary);border-radius:var(--radius-md);gap:10px;margin-bottom:24px;padding:6px;display:flex}.category-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.subcategory-tabs{background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:10px;margin-bottom:16px;padding:4px;display:flex}.subcategory-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.subcategory-tab.active{background:var(--bg-secondary);color:var(--accent);font-weight:600}.category-tab.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#08080a;box-shadow:var(--shadow-glow)}.category-tab{background:0 0;border:1px solid #0000}.category-tab:hover{background:var(--bg-tertiary);border-color:var(--border)}.product-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=768px){.product-grid{grid-template-columns:repeat(2,1fr);max-width:400px;margin:0 auto}.product-card{padding-bottom:12px}}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;padding-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#d4af374d,#0000 50%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-card:hover:before{opacity:1}.product-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf626}.product-image{aspect-ratio:1;object-fit:cover;background:var(--bg-tertiary);width:100%}.product-info{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex}.product-name{color:#fff;letter-spacing:-.2px;cursor:pointer;padding:4px 0;font-size:18px;font-weight:700}.product-name:hover{color:var(--accent)}.product-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.product-ratio{flex-direction:column;gap:4px;display:flex}.ratio-labels{display:none}.ratio-bar{background:var(--bg-tertiary);border-radius:6px;height:14px;display:flex;position:relative;overflow:hidden}.ratio-divider{background:var(--accent);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ratio-fill-sativa,.ratio-fill-indica{justify-content:center;align-items:center;display:flex}.ratio-fill-sativa{background:linear-gradient(90deg, var(--accent) 0%, #6366f1 100%)}.ratio-fill-indica{background:var(--bg-tertiary)}.ratio-label{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #00000080;font-size:12px;font-weight:600}.quantity-selector{background:var(--bg-tertiary);border-radius:6px;justify-content:center;align-items:center;gap:4px;margin-top:2px;padding:2px 4px;display:flex}.price-buttons{gap:8px;margin:8px 0;display:flex}.price-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1;padding:16px 12px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.price-btn:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-dark));opacity:0;transition:opacity .3s;position:absolute;inset:0}.price-btn.selected{border-color:var(--accent);background:var(--accent);color:#08080a;box-shadow:var(--shadow-glow)}.price-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.qty-btn{background:var(--bg-secondary);width:36px;height:36px;color:var(--accent);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:all .2s;display:flex}.qty-btn:hover{background:var(--accent);color:#fff}.qty-count{text-align:center;color:#fff;min-width:50px;font-size:18px;font-weight:700}.product-price{color:var(--accent);text-align:center;font-size:18px;font-weight:700}.product-price.price-bulk{color:var(--success)}.price-per-gram{color:var(--text-muted);font-size:10px;font-weight:400;display:block}.order-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:var(--radius-md);color:#08080a;letter-spacing:1px;cursor:pointer;width:100%;box-shadow:0 4px 20px #d4af374d, var(--shadow);text-transform:uppercase;border:none;margin-top:16px;padding:18px;font-size:18px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-btn:hover{box-shadow:0 8px 30px #d4af3766, var(--shadow-lg);transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;background:#08080ae6;justify-content:space-around;align-items:center;padding:12px 0 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000080}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:after{content:"";background:var(--accent);border-radius:2px;width:24px;height:2px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-item.active{color:var(--accent)}.nav-item.active:after{transform:translate(-50%)scaleX(1)}.nav-item svg{width:24px;height:24px}.nav-item span{letter-spacing:.5px;font-size:11px;font-weight:600}.nav-item.active span{font-weight:700}.top-header{justify-content:center;align-items:flex-end;padding:40px 0 12px;display:flex;position:relative}.top-header:after{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:1px;position:absolute;bottom:0;left:20%;right:20%}.top-logo{border-radius:var(--radius-md);filter:drop-shadow(0 4px 12px #0006);width:auto;max-width:100%;max-height:6vh}.order-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:16px;padding:24px;position:relative;overflow:hidden}.order-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-dark));height:3px;position:absolute;top:0;left:0;right:0}.order-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.order-id{color:#fff;font-size:16px;font-weight:700}.order-date{color:var(--text-muted);margin-top:4px;font-size:12px}.order-status{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.order-status.pending,.order-status.pending,.order-status.pending_payment{color:#f59e0b;background:#f59e0b26}.order-status.paid,.order-status.confirmed,.order-status.ready{color:var(--success);background:#10b98126}.order-status.confirmed{color:#3b82f6;background:#3b82f626}.order-status.preparing{color:#f59e0b;background:#f59e0b26}.order-status.ready,.order-status.delivered{background:var(--success);color:#fff}.order-status.cancelled{background:var(--error);color:#fff}.status-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:8px 12px;font-size:14px}.payment-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crypto-amount-label{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.order-items{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:14px;display:flex}.order-total{border-top:1px solid var(--border);color:var(--accent);text-align:right;margin-top:16px;padding-top:16px;font-size:16px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:16px}.account-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);padding:32px}.avatar{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex;box-shadow:0 8px 24px #8b5cf64d}.user-name{color:#fff;margin-bottom:24px;font-size:24px;font-weight:700}.user-info{flex-direction:column;gap:16px;display:flex}.info-row{background:var(--bg-secondary);border-radius:var(--radius-sm);justify-content:space-between;padding:12px 16px;display:flex}.info-label{color:var(--text-muted);font-size:14px}.info-value{color:var(--text-primary);font-size:14px;font-weight:600}.back-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:20px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.detail-image{border-radius:var(--radius-md);width:100%;margin-bottom:20px}.product-detail-page{background:var(--bg-primary);z-index:200;padding:20px;position:fixed;inset:0;overflow-y:auto}.product-detail-page .back-btn{z-index:201;position:fixed;top:20px;left:20px}.product-detail{max-width:600px;margin:0 auto;padding-top:40px}.detail-header{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:20px;padding:24px}.detail-name{margin-bottom:16px;font-size:24px;font-weight:700}.gram-selector{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:16px;margin:20px 0;padding:12px;display:flex}.gram-btn{border:2px solid var(--accent);width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:all .2s;display:flex}.gram-btn:hover{background:var(--accent);color:#fff}.gram-count{text-align:center;min-width:60px;font-size:20px;font-weight:700}.detail-price{color:var(--accent);text-align:center;margin-bottom:12px;font-size:28px;font-weight:700}.price-per-gram{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:400;display:block}.detail-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:16px;padding:20px}.detail-section h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.detail-section p{color:var(--text-secondary);font-size:15px;line-height:1.6}.flavors-list{flex-wrap:wrap;gap:8px;display:flex}.flavor-tag{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.orders-list{flex-direction:column;gap:12px;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.payment-methods{gap:10px;margin-bottom:12px;display:flex}.payment-btn{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.payment-btn.selected{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.crypto-options{margin-top:12px}.crypto-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);margin-bottom:8px;padding:12px;font-size:14px}.crypto-amount{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--success);padding:12px;font-size:16px;font-weight:700}.custom-grams{text-align:center;margin-top:16px}.custom-grams label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.custom-grams input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100px;color:var(--text-primary);text-align:center;padding:10px;font-size:16px}.custom-grams span{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.wallet-section{border-top:1px solid var(--border);text-align:left;margin-top:32px;padding-top:24px}.wallet-section h2{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.wallet-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.wallet-input-group{gap:8px;display:flex}.wallet-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:12px;font-size:14px}.wallet-save-btn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:12px 20px;font-weight:600}.wallet-saved{background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:16px;padding:12px;display:flex}.wallet-saved span{color:var(--text-secondary);font-size:13px}.wallet-saved code{color:var(--text-primary);flex:1;font-size:12px}.wallet-clear-btn{background:var(--error);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:6px 12px;font-size:12px}.payment-modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.payment-modal-content{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;padding:32px}.payment-modal-content h2{color:#fff;margin-bottom:24px;font-size:24px}.payment-amount{color:var(--success);margin-bottom:8px;font-size:32px;font-weight:700}.payment-chf{color:var(--text-secondary);margin-bottom:24px}.payment-address{background:var(--bg-secondary);border-radius:var(--radius-sm);margin-bottom:24px;padding:16px}.payment-address label{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.payment-address code{color:var(--text-primary);word-break:break-all;font-family:monospace;font-size:11px;display:block}.copy-btn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;width:100%;margin-top:12px;padding:10px 24px;font-weight:600}.payment-done-btn{background:var(--success);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;width:100%;padding:16px;font-size:16px;font-weight:600}.qr-code{border-radius:var(--radius-sm);background:#fff;margin:24px 0;padding:16px;display:inline-block}.qr-code img{width:200px;height:200px}.open-wallet-btn{border-radius:var(--radius-sm);color:#fff;text-align:center;cursor:pointer;background:#f7931a;border:none;width:100%;padding:16px;font-size:16px;font-weight:600;text-decoration:none;display:block}.pay-now-btn{border-radius:var(--radius-md);color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;width:100%;margin:16px 0;padding:20px;font-size:20px;font-weight:800;transition:all .3s;box-shadow:0 4px 20px #22c55e66}.pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22c55e80}.pay-now-btn.solana-btn{background:linear-gradient(135deg,#9945ff 0%,#14f195 100%)}.pay-now-btn.btc-btn{background:linear-gradient(135deg,#f7931a 0%,#ffb347 100%)}.pay-now-btn.eth-btn{background:linear-gradient(135deg,#627eea 0%,#8c9eff 100%)}.pay-now-btn.bnb-btn{background:linear-gradient(135deg,#f3ba2f 0%,gold 100%)}.payment-done-btn.solana{color:#9945ff;background:#9945ff26;border:1px solid #9945ff}.payment-done-btn.btc{color:#f7931a;background:#f7931a26;border:1px solid #f7931a}.payment-done-btn.eth{color:#627eea;background:#627eea26;border:1px solid #627eea}.payment-done-btn.bnb{color:#f3ba2f;background:#f3ba2f26;border:1px solid #f3ba2f}