:root{--background:#0d1117;--foreground:#c9d1d9;--panel-bg:#161b22;--panel-border:#30363d;--green:#238636;--green-hover:#2ea043;--red:#da3633;--red-hover:#f85149;--blue:#1f6feb;--text-muted:#8b949e;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);flex-direction:column;height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--panel-border);flex-direction:column;width:250px;display:flex}.sidebar-header{color:#fff;border-bottom:1px solid var(--panel-border);align-items:center;gap:.5rem;padding:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.nav-menu{flex:1;margin:0;padding:1rem 0;list-style:none}.nav-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;border-left:3px solid var(--blue);background-color:#ffffff0d}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--panel-border);background-color:var(--background);justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex}.dashboard-header{justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex}.dashboard-title h1{color:#fff;margin:0;font-size:1.25rem}.dashboard-title p{color:var(--text-muted);margin:0;font-size:.8rem}.grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;padding:0 2rem 2rem;display:grid}.panel{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:1.5rem}.panel-title{color:#fff;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.stat-card{grid-column:span 3}.stat-value{color:#fff;margin:.5rem 0;font-size:2rem;font-weight:700}.trend-up{color:var(--green);font-size:.85rem;font-weight:600}.trend-down{color:var(--red);font-size:.85rem;font-weight:600}.chart-panel{grid-column:span 8;height:350px}.activity-panel{grid-column:span 4;height:350px}.positions-panel{grid-column:span 12}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--panel-border);padding:.75rem 1rem;font-size:.8rem}td{border-bottom:1px solid var(--panel-border);padding:1rem;font-size:.95rem}tr:last-child td{border-bottom:none}.btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.btn-buy{background-color:var(--green)}.btn-buy:hover{background-color:var(--green-hover)}.btn-sell{background-color:var(--red)}.btn-sell:hover{background-color:var(--red-hover)}.btn-primary{background-color:var(--blue)}.btn-primary:hover{background-color:#388bfd}.mobile-topbar{display:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;padding:.4rem;display:none}.hamburger span{background:var(--foreground);border-radius:2px;width:22px;height:2px;display:block}.sidebar-overlay{display:none}@media (width<=768px){body{height:auto}.app-container{height:auto;min-height:100dvh;overflow:visible}.sidebar{z-index:1000;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.hamburger{display:flex}.mobile-topbar{display:flex!important}.main-content{width:100%;overflow-y:auto}.topbar{gap:.5rem;padding:0 1rem}.dashboard-header{padding:.5rem 1rem}.grid{grid-template-columns:1fr;gap:1rem;padding:0 1rem 1rem}.stat-card,.chart-panel,.activity-panel,.positions-panel{grid-column:span 1;height:auto}.chart-panel{min-height:260px}.activity-panel{min-height:180px}.stat-value{font-size:1.5rem}.positions-panel{overflow-x:auto}table{min-width:560px}}
