body{background:#f5f7fb;color:#111827}.dashboard{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;margin-bottom:35px}.logo-icon{width:34px;height:34px;border-radius:10px;background:#2563eb}.logo h2{font-size:22px;font-weight:700}.section-title{font-size:11px;color:#9ca3af;text-transform:uppercase;margin:25px 0 12px;font-weight:600}.menu{list-style:none}.menu li{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;margin-bottom:8px;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:.3s}.menu li:hover{background:#eff6ff;color:#2563eb}.menu li.active{background:#2563eb;color:#fff}.menu-icon{width:16px;height:16px;border-radius:4px;background:currentColor;opacity:.7}.account-box{margin-top:25px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.account-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.account-item:last-child{margin-bottom:0}.account-item span{color:#6b7280}.profile{margin-top:25px;display:flex;align-items:center;gap:12px}.profile img{width:44px;height:44px;border-radius:50%}.profile h4{font-size:14px;margin-bottom:3px}.profile p{font-size:12px;color:#9ca3af}.main{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:30px;font-weight:700}.top-buttons{display:flex;gap:12px}.btn{border:none;background:#2563eb;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 2px 12px #0f172a0a}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.balance-header h3{font-size:15px;margin-bottom:8px}.balance-header .profit{font-size:13px;color:#10b981;font-weight:600}.balance-info{display:flex;gap:30px}.balance-box h2{font-size:30px;font-weight:700;margin-bottom:5px}.balance-box p{color:#9ca3af;font-size:13px}.chart{margin-top:25px;height:260px;border-radius:16px;background:#f8fbff;position:relative;overflow:hidden;border:1px solid #eef2ff}.chart svg{width:100%;height:100%}.chart-grid line{stroke:#e5e7eb;stroke-dasharray:4}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.stat-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 2px 12px #0f172a0a}.stat-top{display:flex;justify-content:space-between;margin-bottom:14px}.stat-top h5{font-size:13px;color:#6b7280}.badge{font-size:11px;padding:4px 7px;border-radius:7px;font-weight:600}.badge.green{background:#ecfdf5;color:#10b981}.badge.red{background:#fef2f2;color:#ef4444}.stat-card h2{font-size:28px;font-weight:700}.right-side{display:flex;flex-direction:column;gap:20px}.top-right-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.target-card h4,.limit-card h4{font-size:14px;color:#6b7280;margin-bottom:12px}.target-card h2,.limit-card h2{font-size:30px;font-weight:700;margin-bottom:12px}.progress-line{width:100%;height:8px;background:#e5e7eb;border-radius:20px;overflow:hidden}.progress-line div{width:65%;height:100%;background:#2563eb}.most-traded{display:flex;justify-content:space-between;align-items:center}.trade-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.trade-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.dot{width:10px;height:10px;border-radius:50%}.circle-chart{width:120px;height:120px;border-radius:50%;border:12px solid #dbeafe;border-top-color:#2563eb;border-right-color:#38bdf8;position:relative}.circle-chart span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}.notification-item{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #f3f4f6}.notification-item:last-child{border-bottom:none}.notification-item .time{font-size:12px;color:#9ca3af;min-width:70px}.notification-item .text{font-size:13px;color:#374151}.table-card{margin-top:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tabs{display:flex;gap:10px}.tab{padding:8px 14px;border-radius:10px;background:#f3f4f6;font-size:12px;font-weight:600;cursor:pointer}.tab.active{background:#2563eb;color:#fff}.table-card table{width:100%;border-collapse:collapse}.table-card table th{text-align:left;background:#f9fafb;padding:14px;font-size:12px;color:#6b7280;font-weight:600}.table-card table td{padding:15px 14px;border-bottom:1px solid #f3f4f6;font-size:13px}.sell{color:#ef4444;font-weight:600}.buy{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.positive{color:#10b981;font-weight:600}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar{width:100%}.stats-grid,.top-right-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:16px}}body{font-size:13px}.logo h2{font-size:18px}.menu li{font-size:12px;padding:10px 12px}.section-title{font-size:10px}.account-item{font-size:11px}.profile h4{font-size:12px}.profile p{font-size:10px}.topbar h1{font-size:22px}.btn{font-size:12px;padding:9px 14px}.card{padding:16px}.balance-header h3{font-size:13px}.balance-box h2{font-size:22px}.balance-box p,.profit,.stat-top h5{font-size:11px}.stat-card h2{font-size:20px}.badge{font-size:10px}.target-card h4,.limit-card h4{font-size:12px}.target-card h2,.limit-card h2{font-size:22px}.trade-item{font-size:11px}.circle-chart span{font-size:18px}.notification-item .time{font-size:10px}.notification-item .text{font-size:11px}.table-header h3{font-size:14px}.tab{font-size:10px;padding:6px 10px}.table-card table th{font-size:10px;padding:10px}.table-card table td{font-size:11px;padding:10px}