@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--success:#22c55e;--success-dark:#16a34a;--danger:#ef4444;--danger-dark:#dc2626;--warning:#f59e0b;--bg:#f8fafc;--card:#fff;--border:#e5e7eb;--text:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:4rem;display:flex}.navbar{background:var(--card);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{color:var(--text);align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{font-size:1.4rem}.nav-links{gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem .85rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text);background:var(--bg)}.nav-actions,.nav-user-menu{align-items:center;gap:.5rem;display:flex}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn.primary{background:var(--primary);color:#fff}.nav-btn.primary:hover{background:var(--primary-dark)}.nav-btn.secondary{background:var(--primary-light);color:var(--primary)}.nav-btn.outline{border:1px solid var(--border);color:var(--text);background:0 0}.nav-btn.outline:hover{border-color:var(--primary);color:var(--primary)}.mobile-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;display:none}.desktop-only{display:flex}.mobile-menu{border-top:1px solid var(--border);background:var(--card);padding:1rem 1.5rem;display:none}.mobile-link{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 0;font-weight:500;text-decoration:none;display:block}.mobile-divider{background:var(--border);height:1px;margin:.5rem 0}@media (width<=768px){.desktop-only{display:none!important}.mobile-toggle,.mobile-menu{display:block}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-full{justify-content:center;width:100%}.btn-lg{padding:.8rem 1.75rem;font-size:.95rem}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.88rem;font-weight:500;display:inline-flex}.back-btn:hover{color:var(--primary)}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--text);padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.input-with-icon{position:relative}.input-with-icon input{padding-right:2.5rem}.input-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-with-addon{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.input-with-addon input{border:none;flex:1;padding:.65rem .85rem}.input-with-addon input:focus{outline:none}.input-with-addon select,.input-with-addon .addon{border:none;border-left:1px solid var(--border);background:var(--bg);color:var(--text-secondary);padding:0 .75rem;font-size:.85rem;font-weight:600}.alert{border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert-info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.hero{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 50%,#eff6ff 100%);margin:-1.5rem -1.5rem 2rem;padding:4rem 1rem}.hero-badge{background:var(--card);border:1px solid var(--border);color:var(--primary);border-radius:50px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.hero h1{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--primary), #8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);max-width:560px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.stat{text-align:center}.stat-value{color:var(--text);font-size:1.5rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:.8rem}.features-section{padding:3rem 0}.features-section h2,.how-section h2{text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .2s}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.feature-icon{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.feature-card h3{margin-bottom:.5rem;font-size:1rem}.feature-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.how-section{padding:3rem 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.step-card{text-align:center;padding:1.5rem}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem;font-weight:800;display:flex}.step-card h3{margin-bottom:.5rem;font-size:1rem}.step-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary), #8b5cf6);border-radius:var(--radius);color:#fff;margin:2rem 0;padding:4rem 2rem}.cta-section h2{margin-bottom:.75rem;font-size:1.75rem}.cta-section p{opacity:.9;margin-bottom:1.5rem;font-size:1rem}.cta-section .btn{color:var(--primary);background:#fff}.cta-section .btn:hover{background:#f0f0f0}.auth-page{justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:var(--shadow);padding:2.5rem}.auth-card h1{margin-bottom:.25rem;font-size:1.5rem}.auth-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.88rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.p2p-page{padding:.5rem 0}.p2p-header{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1.25rem;display:flex}.p2p-tabs{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;overflow:hidden}.p2p-tab{color:var(--text-secondary);padding:.6rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.p2p-tab.active.buy{background:var(--success);color:#fff}.p2p-tab.active.sell{background:var(--danger);color:#fff}.token-pills{gap:.4rem;display:flex}.pill{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;border-radius:50px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pill:hover:not(.active){border-color:var(--primary);color:var(--primary)}.p2p-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.filter-group{flex-direction:column;gap:.35rem;display:flex}.filter-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.85rem}.ads-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow-x:auto}.ads-table{border-collapse:collapse;width:100%}.ads-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border);padding:.85rem 1rem;font-size:.75rem;font-weight:600}.ads-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1rem}.ads-table tr:last-child td{border-bottom:none}.ads-table tr:hover td{background:#fafbfc}.advertiser-cell{align-items:center;gap:.75rem;display:flex}.advertiser-avatar{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.advertiser-avatar.lg{width:48px;height:48px;font-size:1.1rem}.advertiser-name{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:flex}.advertiser-stats{color:var(--text-muted);margin-top:2px;font-size:.75rem}.merchant-badge{color:#d97706;background:#fef3c7;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.source-badge{border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.source-badge.bybit{color:#a16207;background:#fef9c3}.source-badge.local{color:#7c3aed;background:#ede9fe}.price-value{color:var(--text);font-size:.95rem;font-weight:700}.limit-cell{flex-direction:column;gap:2px;display:flex}.available{font-size:.85rem;font-weight:600}.limit{color:var(--text-muted);font-size:.75rem}.payment-tags{flex-wrap:wrap;gap:.35rem;display:flex}.payment-tag{color:var(--text-secondary);background:#f3f4f6;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:500}.table-loading,.table-empty{text-align:center;color:var(--text-secondary);padding:3rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.page-info{color:var(--text-secondary);font-size:.85rem}.trade-page{padding:.5rem 0}.trade-layout{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.trade-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.trade-card h2{margin-bottom:1rem;font-size:1.25rem}.trade-info-bar{background:var(--bg);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.trade-info-item .label{color:var(--text-muted);margin-bottom:2px;font-size:.72rem;display:block}.trade-info-item .value{font-size:.88rem;font-weight:600}.trade-info-item .value.price{color:var(--primary);font-size:1rem}.quick-amounts{gap:.5rem;margin-bottom:1.5rem;display:flex}.quick-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:.5rem;font-size:.82rem;font-weight:600;transition:all .2s}.quick-btn:hover{border-color:var(--primary);color:var(--primary)}.success-card{text-align:center;padding:3rem}.success-icon{color:var(--success);margin-bottom:1rem}.success-card h2{margin-bottom:.5rem}.success-card p{color:var(--text-secondary);margin-bottom:1.5rem}.trade-sidebar>*{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.seller-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.seller-header h3{font-size:1rem}.seller-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.seller-stat{text-align:center;background:var(--bg);border-radius:var(--radius-sm);padding:.5rem}.seller-stat .stat-label{color:var(--text-muted);font-size:.7rem;display:block}.seller-stat .stat-value{font-size:1rem;font-weight:700}.terms-card h4,.payment-card h4{margin-bottom:.75rem;font-size:.85rem}.terms-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.payment-list .payment-item{border-bottom:1px solid #f3f4f6;padding:.4rem 0;font-size:.85rem}.order-detail-page{padding:.5rem 0}.order-layout{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}.order-main>*{margin-bottom:1.25rem}.order-header-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.order-status-bar{color:#fff;text-align:center;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600}.order-summary{padding:1.5rem}.order-type{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.type-badge{text-transform:uppercase;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.type-badge.buy{color:#16a34a;background:#dcfce7}.type-badge.sell{color:#dc2626;background:#fee2e2}.order-details-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.detail-item{padding:.5rem 0}.detail-item .label{color:var(--text-muted);margin-bottom:2px;font-size:.72rem;display:block}.detail-item .value{font-size:.88rem;font-weight:600}.detail-item .value.total{color:var(--primary);font-size:1.1rem}.detail-item .value.mono{align-items:center;gap:.3rem;font-family:monospace;font-size:.8rem;display:flex}.copy-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.copy-btn:hover{color:var(--primary)}.order-actions{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.waiting-notice,.completed-notice,.cancelled-notice,.disputed-notice{border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:1rem;display:flex}.waiting-notice{color:#92400e;background:#fef3c7}.completed-notice{color:#166534;background:#dcfce7}.cancelled-notice,.disputed-notice{color:#991b1b;background:#fee2e2}.waiting-notice p,.completed-notice p,.cancelled-notice p,.disputed-notice p{flex:1;font-size:.88rem;font-weight:500}.payment-info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.payment-info-card h3{margin-bottom:1rem;font-size:1rem}.trade-terms h4{margin:1rem 0 .5rem;font-size:.85rem}.trade-terms p{color:var(--text-secondary);font-size:.85rem}.chat-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:fit-content;max-height:600px;display:flex;position:sticky;top:80px}.chat-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.chat-header h3{font-size:.95rem}.chat-messages{flex-direction:column;flex:1;gap:.5rem;min-height:300px;max-height:400px;padding:1rem;display:flex;overflow-y:auto}.chat-msg{max-width:80%}.chat-msg.mine{align-self:flex-end}.chat-msg.theirs{align-self:flex-start}.chat-msg.system{align-self:center}.system-msg{background:var(--bg);color:var(--text-muted);text-align:center;border-radius:50px;padding:.4rem .75rem;font-size:.75rem}.msg-sender{color:var(--text-secondary);margin-bottom:2px;font-size:.7rem;font-weight:600}.chat-msg.mine .msg-text{background:var(--primary);color:#fff;border-radius:12px 12px 2px}.chat-msg.theirs .msg-text{background:var(--bg);color:var(--text);border-radius:12px 12px 12px 2px}.msg-text{padding:.6rem .85rem;font-size:.85rem;line-height:1.5}.msg-time{color:var(--text-muted);margin-top:2px;font-size:.65rem}.chat-msg.mine .msg-time{text-align:right}.chat-input{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 1rem;display:flex}.chat-input input{border:1px solid var(--border);border-radius:50px;flex:1;padding:.55rem .85rem;font-size:.85rem}.chat-input input:focus{border-color:var(--primary);outline:none}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.send-btn:disabled{opacity:.5}.orders-page{padding:.5rem 0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.5rem}.filter-pills{flex-wrap:wrap;gap:.4rem;display:flex}.orders-list{flex-direction:column;gap:.5rem;display:flex}.order-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.order-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.order-card-left{align-items:center;gap:1rem;display:flex}.order-card-type{align-items:center;gap:.5rem;display:flex}.order-token{font-weight:700}.order-card-amount{flex-direction:column;display:flex}.order-card-amount .amount{font-weight:600}.order-card-amount .total{color:var(--text-secondary);font-size:.82rem}.order-card-right{text-align:right}.order-card-status{align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.order-card-info{color:var(--text-muted);margin-top:4px;font-size:.78rem}.dot{margin:0 .25rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem}.dashboard-page{padding:.5rem 0}.dash-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dash-header h1{font-size:1.5rem}.dash-subtitle{color:var(--text-secondary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.stat-info .stat-value{font-size:1.5rem;font-weight:800;display:block}.stat-info .stat-label{color:var(--text-muted);font-size:.78rem}.quick-actions{margin-bottom:2rem}.quick-actions h2{margin-bottom:1rem;font-size:1.1rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.action-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow)}.action-card svg{color:var(--primary)}.recent-orders{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{font-size:1.1rem}.link{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.empty-mini{text-align:center;color:var(--text-muted);padding:2rem}.orders-mini-list{flex-direction:column;display:flex}.order-mini{color:var(--text);border-bottom:1px solid #f3f4f6;align-items:center;gap:1rem;padding:.75rem 0;font-size:.85rem;text-decoration:none;display:flex}.order-mini:last-child{border-bottom:none}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-text{color:var(--text-muted);text-transform:capitalize;font-size:.78rem}.create-ad-page{max-width:640px;margin:0 auto}.create-ad-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.create-ad-card h1{margin-bottom:.25rem;font-size:1.5rem}.page-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.type-toggle{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;display:grid}.toggle-btn{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;padding:.75rem;font-weight:600;transition:all .2s}.toggle-btn.active.buy{border-color:var(--success);color:var(--success-dark);background:#dcfce7}.toggle-btn.active.sell{border-color:var(--danger);color:var(--danger-dark);background:#fee2e2}.payment-checkboxes{flex-wrap:wrap;gap:.5rem;display:flex}.payment-checkbox{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.82rem;transition:all .2s;display:flex}.payment-checkbox.checked{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.payment-checkbox input{display:none}.my-ads-page{padding:.5rem 0}.ads-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.ad-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s;overflow:hidden}.ad-card.inactive{opacity:.6}.ad-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.toggle-btn-icon{cursor:pointer;background:0 0;border:none}.text-success{color:var(--success)}.ad-card-body{padding:1.25rem}.ad-token{color:var(--text-muted);margin-bottom:.25rem;font-size:.82rem;font-weight:600}.ad-price{margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.ad-limits{color:var(--text-secondary);flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.ad-payments{flex-wrap:wrap;gap:.35rem;display:flex}.payment-methods-page{padding:.5rem 0}.pm-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.pm-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pm-card-header{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.pm-type{font-size:.85rem;font-weight:600}.delete-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.delete-btn:hover{color:var(--danger)}.pm-card-body{padding:1.25rem}.pm-card-body h3{margin-bottom:.5rem;font-size:1rem}.pm-card-body p{color:var(--text-secondary);font-size:.85rem}.pm-card-body .mono{font-family:monospace;font-size:.9rem}.pm-card-body .bank{color:var(--primary);font-weight:600}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{font-size:1.25rem}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.site-footer{color:#94a3b8;background:#0f172a;margin-top:3rem}.footer-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-col h3{color:#fff;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:1.1rem;display:flex}.footer-col h4{color:#e2e8f0;margin-bottom:.75rem;font-size:.88rem}.footer-col p{font-size:.85rem;line-height:1.7}.footer-col a{color:#94a3b8;padding:.25rem 0;font-size:.85rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #1e293b;padding-top:1.5rem}.footer-bottom p{font-size:.78rem}@media (width<=768px){.hero h1{font-size:2rem}.hero-stats{gap:1.5rem}.trade-layout,.order-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.form-row,.trade-info-bar,.order-details-grid{grid-template-columns:1fr}.ads-table th:nth-child(4),.ads-table td:nth-child(4){display:none}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.stats-grid,.actions-grid{grid-template-columns:1fr 1fr}}
