:root{--bg-color:#000;--bg-gradient:radial-gradient(circle at top left, #1a1a1a, #000);--panel-bg:#14141499;--panel-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--success:#ef4444;--danger:#3b82f6;--text-profit:#ef4444;--text-loss:#3b82f6;--font-family:"Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}.trading-table{border-collapse:collapse;text-align:left;width:100%}.trading-table th,.trading-table td{border:1px solid #ffffff1f;padding:12px}.trading-table th{color:var(--text-muted);background-color:#0003;border-bottom:2px solid #ffffff1a;font-weight:500}.trading-table tr:hover td{background-color:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 30px #0000001a}.react-datepicker-popper{z-index:50!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{color:#fff!important;background-color:#2a2c2a79!important}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 8px 40px #0003}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;flex-direction:column;gap:32px;width:260px;height:100vh;padding:32px 24px;transition:width .3s,padding .3s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{width:80px;padding:32px 16px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar-logo{font-size:24px;font-weight:700}.nav-links{flex-direction:column;gap:12px;display:flex}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-main);border-left:3px solid var(--accent-primary);background:#3b82f61a}.main-content{flex:1;padding:40px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card .title{color:var(--text-muted);margin-bottom:8px;font-size:14px}.stat-card .value{margin-bottom:8px;font-size:28px;font-weight:700}.change.positive{color:var(--success)}.change.negative{color:var(--danger)}.btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:opacity .2s,transform .2s}.btn:hover{opacity:.9;transform:translateY(-1px)}.desktop-only{display:block}.mobile-only{display:none!important}.mobile-card-list{flex-direction:column;gap:12px;display:flex}.mobile-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.mobile-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:4px;padding-bottom:8px;display:flex}.mobile-card-row{justify-content:space-between;font-size:13px;display:flex}.mobile-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--panel-border);z-index:100;background:#0a0a0ae6;justify-content:space-between;align-items:center;padding:16px 24px;display:none;position:sticky;top:0}.hamburger-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:24px}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only.mobile-card-list{display:flex!important}.app-container{flex-direction:column}.mobile-topbar{display:flex}.sidebar{z-index:200;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar.mobile-open{left:0}.sidebar-overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.main-content{padding:16px}.grid-2col,.grid-1col-mobile{grid-template-columns:1fr!important}}