:root{--bg-main:#0b0e14;--bg-sidebar:#121722;--bg-card:#182030;--text-main:#fff;--text-muted:#8492a6;--color-primary:#3b82f6;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--border-color:#243242}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed}.logo-section{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;height:70px;padding:0 20px;display:flex}.logo-icon{color:var(--color-primary);text-align:center;flex-shrink:0;width:1.8rem;height:1.8rem;font-size:1.8rem;line-height:1;display:inline-block;overflow:hidden}.logo-section h2{color:var(--text-main);white-space:nowrap;flex-grow:0;font-size:1.15rem;font-weight:700}.nav-menu{flex-direction:column;flex-grow:1;gap:8px;padding:20px 15px;display:flex}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:15px;padding:12px 15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--color-primary);background-color:#3b82f61a}.sidebar-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:20px;font-size:.8rem}.main-content{flex-direction:column;flex-grow:1;min-width:0;margin-left:260px;display:flex}.main-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.header-page-title{font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:15px;display:flex}.badge-unverified-top{color:var(--color-danger);border:1px solid var(--color-danger);background-color:#ef444426;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-verified-top{color:var(--color-success);border:1px solid var(--color-success);background-color:#44ef5b26;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.user-profile img{object-fit:cover;border-radius:50%;width:36px;height:36px}.content-body{flex-direction:column;gap:25px;padding:30px;display:flex}.kyc-alert-banner{background:linear-gradient(90deg,#1e293b 0%,#172554 100%);border:1px solid #3b82f6;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.kyc-left{align-items:center;gap:15px;display:flex}.kyc-warn-icon{color:var(--color-warning);flex-shrink:0;font-size:2.2rem}.kyc-success-icon{color:var(--color-success);flex-shrink:0;font-size:2.2rem}.kyc-message h3{margin-bottom:4px;font-size:1.05rem;font-weight:600}.kyc-message p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.btn-kyc-start{background-color:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.btn-kyc-start:hover{background-color:#2563eb}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.crypto-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.card-header{justify-content:space-between;display:flex}.coin-name{font-size:.95rem;font-weight:600;display:block}.coin-symbol{color:var(--text-muted);font-size:.75rem}.logo-usdt{color:#26a17b;font-size:2rem}.logo-btc{color:#f7931a;font-size:2rem}.logo-img-tron{width:1.5rem;height:1.5rem}.card-body h3{margin-top:10px;font-size:1.45rem;font-weight:700}.trend.up{color:var(--color-success);font-size:.8rem;font-weight:500}.p2p-market-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.market-filter-header{border-bottom:1px solid var(--border-color);margin-bottom:15px}.trade-type-tabs{gap:5px;margin-bottom:-1px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 15px;font-size:.95rem;font-weight:600}.tab-btn.active{color:var(--color-success);border-bottom-color:var(--color-success)}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.p2p-trade-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.p2p-trade-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:12px;font-size:.8rem}.p2p-trade-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 12px;font-size:.85rem}.merchant-info{align-items:center;gap:4px;display:flex}.m-name{color:#fff;font-weight:600}.cert-icon{color:var(--color-primary);font-size:1rem}.m-stats{color:var(--text-muted);font-size:.75rem;display:block}.price.buy{color:var(--color-success);font-size:1.05rem;font-weight:700}.limit-text{color:#fff;margin-bottom:2px;font-size:.8rem}.limit-text span{color:var(--text-muted)}.pay-methods-container{flex-wrap:wrap;gap:4px;display:flex}.pay-method{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:3px 6px;font-size:.75rem;font-weight:500}.btn-trade{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600}.btn-trade.buy{background-color:var(--color-success);color:#fff}.mobile-bottom-nav{display:none}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:70px}.main-header{height:60px;padding:0 15px}.content-body{gap:15px;padding:15px}.kyc-alert-banner{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.kyc-left{align-items:flex-start}.btn-kyc-start{justify-content:center;width:100%;padding:12px}.mobile-bottom-nav{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);z-index:999;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0006}.nav-tab-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.nav-tab-item span.material-icons-outlined{font-size:1.4rem}.nav-tab-item.active{color:var(--color-primary)}}