:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:38px;--bg-primary:#000;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:#1e1e1e;--bg-card-hover:#252525;--bg-elevated:#222;--text-primary:#fff;--text-secondary:#a1a1a6;--text-muted:#6d6d72;--text-disabled:#48484a;--accent:#fff;--accent-hover:#e5e5e5;--accent-active:#d1d1d6;--accent-subtle:#ffffff14;--accent-ghost:#ffffff0a;--success:#30d158;--success-subtle:#30d1581f;--error:#ff453a;--error-subtle:#ff453a1f;--warning:#ffd60a;--warning-subtle:#ffd60a1f;--border:#2c2c2e;--border-light:#3a3a3c;--border-heavy:#48484a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 12px 48px #0009;--shadow-glow:0 0 60px #ffffff1a;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.25, .1, .25, 1);--transition-base:.25s cubic-bezier(.25, .1, .25, 1);--transition-slow:.35s cubic-bezier(.25, .1, .25, 1);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--vh:1vh}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);line-height:1.5;overflow:hidden auto}#root{min-height:100vh;min-height:calc(var(--vh,1vh) * 100);flex-direction:column;width:100%;max-width:100vw;display:flex;overflow-x:hidden}.main-content{width:100%;max-width:680px;padding:60px var(--space-lg) 120px;flex:1;margin:0 auto}.top-header{z-index:9999;-webkit-backdrop-filter:blur(40px);border-bottom:.5px solid var(--border);height:50px;padding-top:env(safe-area-inset-top,0px);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.top-header img{object-fit:contain;width:auto;height:28px}.back-btn-fixed{top:12px;left:var(--space-lg);z-index:10000;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding-top:env(safe-area-inset-top,0px);justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed}.back-btn-fixed:hover{background:var(--accent);color:var(--bg-primary);transform:scale(1.05)}.back-btn-fixed:active{transform:scale(.95)}.navbar{padding:var(--space-sm) var(--space-xs) calc(var(--space-md) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(40px);border-top:.5px solid var(--border);z-index:100;background:#000000f2;justify-content:space-around;max-width:680px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-direction:column;align-items:center;min-width:64px;text-decoration:none;display:flex}.nav-item svg{width:24px;height:24px;transition:all var(--transition-fast);margin-bottom:2px}.nav-item span{font-size:var(--font-size-xs);letter-spacing:.02em;font-weight:600}.nav-item:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.nav-item.active{color:var(--accent)}.nav-item.active svg{filter:drop-shadow(0 0 12px #ffffff80);transform:scale(1.1)}.page-title{font-family:var(--font-display);font-size:var(--font-size-2xl);letter-spacing:-.03em;margin-bottom:var(--space-xl);color:var(--text-primary);margin-top:var(--space-md);font-weight:800}.category-tabs{gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--space-xl);z-index:130;display:flex;position:sticky;top:58px}.category-tab{padding:var(--space-md) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);background:0 0;border:none;flex:1;font-weight:600;display:flex}.category-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.category-tab.active{background:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-glow);font-weight:700}.subcategory-tabs{gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:var(--space-xl);z-index:130;display:flex;position:sticky;top:118px}.subcategory-tab{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xs);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.subcategory-tab:hover{color:var(--text-secondary)}.subcategory-tab.active{background:var(--accent);color:var(--bg-primary);font-weight:700}.product-grid{gap:var(--space-md);margin-top:var(--space-xl);padding:0 var(--space-xs);grid-template-columns:repeat(2,1fr);display:grid}.product-card{background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid var(--border);animation:slideInUp var(--transition-slow) ease backwards;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-light);transform:translateY(-4px)}.product-card:active{transform:scale(.98)}.product-card:first-child{animation-delay:50ms}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-image-wrapper{background:var(--bg-tertiary);width:100%;min-height:200px;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.product-image{object-fit:contain;width:100%;height:auto;max-height:350px;transition:transform var(--transition-slow);margin:0 auto;display:block}.product-image{width:100%;height:auto;transition:transform var(--transition-slow);display:block}.product-card:hover .product-image{transform:scale(1.05)}.product-emoji{background:var(--bg-tertiary);width:100%;min-height:180px;padding:var(--space-xl);justify-content:center;align-items:center;font-size:80px;display:flex}.product-name-text{width:100%;min-height:180px;padding:var(--space-xl);text-align:center;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);word-break:break-word;justify-content:center;align-items:center;font-weight:700;line-height:1.3;display:flex}.product-info{padding:var(--space-md) var(--space-md) var(--space-lg);background:var(--bg-card);text-align:center}.product-name{font-size:var(--font-size-base);color:var(--text-primary);text-align:center;letter-spacing:-.01em;margin-bottom:var(--space-sm);font-weight:700;line-height:1.3}.product-price{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--accent);text-align:center;margin-top:var(--space-xs);font-weight:800}.product-detail-page{max-width:100vw;padding-bottom:var(--space-xl);overflow-x:hidden}.product-detail{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:0 calc(-1 * var(--space-lg));border:1px solid var(--border);margin-bottom:var(--space-xl)}.detail-header{text-align:center;margin-bottom:var(--space-xl)}.detail-name{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.detail-emoji{text-align:center;padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);border:1px solid var(--border);width:100%;font-size:80px}.detail-image{object-fit:contain;border-radius:var(--radius-md);width:100%;height:auto;max-height:none;margin-bottom:var(--space-xl);border:1px solid var(--border);display:block}.detail-name-text{color:var(--text-primary);text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);border:1px solid var(--border);word-break:break-word;font-size:36px;font-weight:800;line-height:1.2}.product-info-lines{gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;max-width:400px;margin-left:auto;margin-right:auto;display:flex}.info-line{font-size:var(--font-size-base);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.line-label{color:var(--text-muted);font-weight:500;font-size:var(--font-size-sm);flex-shrink:0}.line-value{color:var(--text-primary);text-align:right;font-weight:600;font-size:var(--font-size-base)}.ratio-line{gap:var(--space-sm)}.ratio-mini-bar{background:var(--bg-card);border-radius:var(--radius-xs);flex:1;gap:2px;height:6px;display:flex;overflow:hidden}.ratio-mini-sativa{border-radius:var(--radius-xs) 0 0 var(--radius-xs);height:100%;transition:width var(--transition-base);background:#ff6b35}.ratio-mini-indica{border-radius:0 var(--radius-xs) var(--radius-xs) 0;height:100%;transition:width var(--transition-base);background:#4ecdc4}.availability-line .available{color:var(--success)}.availability-line .unavailable{color:var(--error)}.type-value{background:var(--accent);color:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.02em;font-weight:700}.product-desc{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);text-align:left;line-height:1.6}.price-buttons{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.price-btn{min-width:80px;padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:700}.price-btn:hover{border-color:var(--accent);background:var(--bg-card-hover)}.price-btn.selected{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.05)}.detail-price{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--accent);margin-bottom:var(--space-lg);text-align:center;font-weight:900;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.order-btn{width:100%;max-width:500px;margin:var(--space-xl) auto 0;padding:var(--space-lg) var(--space-xl);background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;border:none;font-weight:800;display:block}.order-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.order-btn:active{transform:scale(.98)}.detail-section{margin-bottom:var(--space-xl);text-align:center}.detail-section h2{font-family:var(--font-display);font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.flavors-list{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.flavor-tag{padding:var(--space-xs) var(--space-md);background:var(--accent-subtle);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.crypto-select{width:100%;max-width:400px;margin:0 auto var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:block}.crypto-select:hover{border-color:var(--border-light)}.crypto-select:focus{border-color:var(--accent);outline:none}.crypto-amount{text-align:center;font-size:var(--font-size-lg);color:var(--accent);padding:var(--space-md);background:var(--accent-subtle);border-radius:var(--radius-sm);border:1px solid var(--accent-ghost);font-weight:800}.payment-modal{-webkit-backdrop-filter:blur(8px);z-index:10001;padding:var(--space-lg);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.payment-modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border);text-align:center;width:100%;max-width:420px;animation:.3s slideInUp}.payment-modal h2{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--text-primary);font-weight:800}.payment-amount{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--accent);font-weight:900}.payment-chf{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-xl)}.qr-code{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border)}.qr-code img{border-radius:var(--radius-sm);width:200px;height:200px}.pay-now-btn{width:100%;padding:var(--space-md) var(--space-xl);background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);border:none;font-weight:800}.pay-now-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.payment-done-btn{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-md);font-weight:700}.payment-done-btn:hover{background:var(--bg-card-hover)}.copy-address-btn{width:100%;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:600}.copy-address-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.payment-modal.solana{border-color:#9945ff}.payment-modal.btc{border-color:#f7931a}.payment-modal.eth{border-color:#627eea}.payment-modal.bnb{border-color:#f3ba2f}.pay-now-btn.solana-btn{background:#9945ff}.pay-now-btn.btc-btn{background:#f7931a}.pay-now-btn.eth-btn{background:#627eea}.pay-now-btn.bnb-btn{background:#f3ba2f}.account-avatar{background:var(--bg-tertiary);width:90px;height:90px;margin:0 auto var(--space-md);border:2px solid var(--border);box-shadow:var(--shadow-md);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:36px;font-weight:500;display:flex;position:relative}.account-avatar:before{content:"";z-index:-1;background:radial-gradient(circle,#9333ea66 0%,#9333ea1a 50%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.account-avatar-img{object-fit:cover;width:90px;height:90px;margin:0 auto var(--space-md);border:2px solid var(--border);box-shadow:var(--shadow-md);z-index:1;border-radius:50%;display:block;position:relative}.account-avatar-img:before{content:"";z-index:-1;background:radial-gradient(circle,#9333ea66 0%,#9333ea1a 50%,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.account-name{font-family:var(--font-display);font-size:var(--font-size-xl);margin-bottom:var(--space-xs);letter-spacing:-.02em;color:var(--text-primary);margin-top:var(--space-xs);font-weight:700}.account-id{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.account-info-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border);text-align:left}.info-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:var(--font-size-base);font-weight:500}.info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:700}.info-value.premium{color:var(--accent)}.address-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border);text-align:left;margin-top:var(--space-xl)}.address-edit-btn{padding:var(--space-md) var(--space-lg);background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);font-weight:800;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md);border:none;flex:1}.address-remove-btn{padding:var(--space-md) var(--space-lg);border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md);background:0 0}.address-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.address-icon{font-size:28px}.address-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:800}.address-saved{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex}.address-text{color:var(--accent);font-weight:600;font-size:var(--font-size-base);flex:1}.address-actions{gap:var(--space-sm);display:flex}.address-edit-btn{padding:var(--space-md) var(--space-lg);background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);font-weight:800;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1}.address-edit-btn:hover{background:var(--accent-hover)}.address-remove-btn{padding:var(--space-md) var(--space-lg);border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0}.address-remove-btn:hover{background:var(--error);color:var(--text-primary)}.wallet-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border);text-align:left;margin-top:var(--space-xl)}.wallet-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.wallet-icon{font-size:28px}.wallet-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:800}.wallet-desc{color:var(--text-muted);font-size:var(--font-size-base);margin-bottom:var(--space-xl);line-height:1.6}.wallet-input-group{gap:var(--space-md);flex-direction:column;display:flex}.wallet-input{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.wallet-input:focus{border-color:var(--accent);outline:none}.wallet-save-btn{width:100%;padding:var(--space-md) var(--space-xl);background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-family:var(--font-body);box-shadow:var(--shadow-glow);border:none}.address-btn-wrapper{margin-top:var(--space-md);justify-content:center;display:flex}.wallet-save-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.wallet-saved{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding:var(--space-md);background:var(--success-subtle);border-radius:var(--radius-sm);border:1px solid var(--success);display:flex}.wallet-saved-label{color:var(--text-muted);font-size:var(--font-size-sm)}.wallet-address{color:var(--success);font-size:var(--font-size-sm);flex:1;font-family:monospace}.wallet-clear-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--error);border-radius:var(--radius-xs);color:var(--error);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:700}.wallet-clear-btn:hover{background:var(--error);color:var(--text-primary)}.orders-list{gap:var(--space-lg);flex-direction:column;display:flex}.order-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border);transition:all var(--transition-base);animation:slideInUp var(--transition-slow) ease}.order-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.order-id{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base)}.order-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.02em;font-weight:700}.order-status.pending{background:var(--warning-subtle);color:var(--warning)}.order-status.completed{background:var(--success-subtle);color:var(--success)}.order-status.cancelled{background:var(--error-subtle);color:var(--error)}.order-items{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.order-item{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.order-item-name{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base)}.order-item-details{color:var(--text-muted);font-size:var(--font-size-sm)}.order-total{padding-top:var(--space-md);border-top:1px solid var(--border);font-weight:800;font-size:var(--font-size-lg);color:var(--accent);justify-content:space-between;display:flex}.admin-controls{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.admin-btn{padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:600}.admin-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.admin-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.loading-page{min-height:60vh;padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.empty-state{padding:var(--space-3xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-secondary)}.empty-state p{color:var(--text-muted);font-size:var(--font-size-base);line-height:1.6}.toast-container{z-index:10000;gap:var(--space-md);flex-direction:column;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:90vw;font-weight:600;font-size:var(--font-size-base);animation:.3s toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(25px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-error{border-color:var(--error);color:var(--error)}.toast-success{border-color:var(--success);color:var(--success)}.pull-to-refresh{padding:var(--space-md);justify-content:center;display:flex}.pull-to-refresh-indicator{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-card-hover) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:20px;margin:var(--space-md);border-radius:var(--radius-xs)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.location-page{min-height:100vh;min-height:calc(var(--vh,1vh) * 100);padding:var(--space-3xl) var(--space-lg) var(--space-xl);background:var(--bg-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.location-hero{text-align:center;margin-bottom:var(--space-2xl);z-index:1;animation:.5s slideInUp;position:relative}.location-hero-bg{background:radial-gradient(circle, var(--accent-subtle) 0%, transparent 70%);z-index:-1;border-radius:50%;width:300px;height:300px;animation:3s ease-in-out infinite pulse;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.location-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--bg-card);border-radius:var(--radius-xl);color:var(--accent);border:2px solid var(--border);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.location-title{font-family:var(--font-display);font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--text-primary);letter-spacing:-.03em;font-weight:800}.location-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);max-width:320px;margin:0 auto;line-height:1.6}.location-form-modern{z-index:1;width:100%;max-width:480px;margin:0 auto;position:relative}.form-group-modern{margin-bottom:var(--space-xl);position:relative}.form-label-modern{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex}.form-label-modern svg{color:var(--accent)}.input-wrapper-modern{position:relative}.form-input-modern{width:100%;padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-lg);transition:all var(--transition-base);font-weight:600;font-family:var(--font-body);padding-right:50px}.form-input-modern:focus{border-color:var(--accent);background:var(--bg-tertiary);box-shadow:0 0 0 4px var(--accent-subtle);outline:none}.form-input-modern::placeholder{color:var(--text-disabled)}.form-input-modern:first-of-type{letter-spacing:.1em;font-size:var(--font-size-xl);font-weight:700}.input-spinner{right:var(--space-lg);border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute;top:50%;transform:translateY(-50%)}.suggestions-list-modern{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-xs);z-index:1000;max-height:240px;box-shadow:var(--shadow-xl);list-style:none;animation:.2s slideInUp;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggestion-item-modern{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border);display:flex}.suggestion-item-modern:last-child{border-bottom:none}.suggestion-item-modern:hover{background:var(--bg-tertiary)}.suggestion-item-modern:active{background:var(--bg-card-hover)}.suggestion-postal{color:var(--accent);font-weight:700;font-size:var(--font-size-base);min-width:50px}.suggestion-city{color:var(--text-primary);font-weight:600;font-size:var(--font-size-base);flex:1}.suggestion-canton{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600}.location-confirmed-modern{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--success-subtle);border:1px solid var(--success);border-radius:var(--radius-md);margin-bottom:var(--space-xl);animation:.3s slideInUp;display:flex}.confirmed-icon-wrapper{background:var(--success);border-radius:var(--radius-full);width:36px;height:36px;color:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirmed-text{flex-direction:column;gap:2px;display:flex}.confirmed-city{color:var(--text-primary);font-weight:700;font-size:var(--font-size-base)}.confirmed-details{font-size:var(--font-size-sm);color:var(--text-secondary)}.map-container{border-radius:var(--radius-md);width:100%;height:200px;margin-bottom:var(--space-xl);border:2px solid var(--border);transition:all var(--transition-slow);animation:.5s fadeIn;overflow:hidden}.map-container.zoomed{border-color:var(--accent);height:300px;box-shadow:var(--shadow-glow)}.error-message-modern{color:var(--error);font-size:var(--font-size-base);text-align:center;padding:var(--space-md);background:var(--error-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-weight:600;animation:.2s slideInUp}.submit-btn-modern{width:100%;padding:var(--space-lg) var(--space-xl);background:var(--accent);border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-family:var(--font-body);box-shadow:var(--shadow-glow);border:none}.submit-btn-modern:hover{background:var(--accent-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-btn-modern:active{transform:scale(.98)}.map-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:10001;padding:var(--space-lg);background:#000000eb;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.map-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);border:2px solid var(--accent);width:100%;max-width:600px;box-shadow:var(--shadow-glow);text-align:center;animation:.4s slideInUp}.map-header{margin-bottom:var(--space-xl)}.map-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:800}.map-header p{color:var(--text-secondary);font-size:var(--font-size-base);animation:2s ease-in-out infinite pulse}.map-container{border-radius:var(--radius-md);border:2px solid var(--border);width:100%;height:350px;animation:3s forwards zoomIn;overflow:hidden}.map-container iframe{border:none;width:100%;height:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.account-page{text-align:center;padding:8px var(--space-lg) var(--space-2xl);width:100%;max-width:680px;margin:0 auto}.avatar-glow-wrapper{margin:var(--space-sm) auto var(--space-sm);display:inline-block;position:relative}.avatar-glow-wrapper:before{content:"";z-index:0;filter:blur(8px);background:radial-gradient(circle,#9333eab3 0%,#9333ea66 35%,#9333ea1a 60%,#0000 70%);border-radius:50%;width:192px;height:192px;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-glow-wrapper:before{content:"";z-index:0;background:radial-gradient(circle,#9333ea99 0%,#9333ea4d 40%,#9333ea00 70%);border-radius:50%;width:130px;height:130px;animation:2.5s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.account-avatar{background:var(--bg-tertiary);border:2px solid var(--border);width:90px;height:90px;box-shadow:var(--shadow-md);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:36px;font-weight:500;display:flex;position:relative}.account-avatar-img{object-fit:cover;border:2px solid var(--border);width:90px;height:90px;box-shadow:var(--shadow-md);z-index:1;border-radius:50%;margin:0 auto;display:block;position:relative}