:root{--bg-app: #080B10;--bg-secondary: #0A0F15;--bg-surface: #0D1219;--bg-elevated: #111821;--bg-high: #151E29;--bg-hover: #18222D;--bg-selected: #132622;--text-primary: #F5F7FA;--text-secondary: #A3ADBC;--text-muted: #697587;--text-disabled: #46515F;--brand: #00D6B5;--brand-bright: #16E4C3;--brand-soft: rgba(0,214,181,.09);--positive: #19D98A;--positive-soft: rgba(25,217,138,.09);--negative: #FF5360;--negative-soft: rgba(255,83,96,.09);--warning: #F3B94F;--warning-soft: rgba(243,185,79,.09);--info: #4B9EFF;--info-soft: rgba(75,158,255,.09);--border: rgba(255,255,255,.045);--border-subtle: rgba(255,255,255,.035);--border-strong: rgba(255,255,255,.08);--sp-2: 2px;--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--sp-28: 28px;--sp-32: 32px;--sp-40: 40px;--sp-48: 48px;--sp-56: 56px;--sp-64: 64px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xl: 30px/36px;--text-lg: 18px/24px;--text-md: 15px/20px;--text-base: 14px/20px;--text-sm: 13px/18px;--text-xs: 12px/16px;--text-xxs: 10px/14px;--text-2xl: 24px/32px;--text-3xl: 32px/44px;--radius-sm: 7px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-full: 999px;--shadow-panel: 0 8px 30px rgba(0,0,0,.2);--shadow-floating: 0 18px 60px rgba(0,0,0,.34);--shadow-tooltip: 0 12px 36px rgba(0,0,0,.35);--shadow-drawer: 0 12px 40px rgba(0,0,0,.4);--ease: cubic-bezier(.22,1,.36,1);--duration-fast: .12s;--duration-normal: .18s;--duration-medium: .24s;--duration-slow: .36s;--z-base: 0;--z-sticky: 20;--z-topbar: 40;--z-dropdown: 60;--z-popover: 70;--z-drawer: 80;--z-modal: 90;--z-toast: 100;--sidebar-w: 232px;--topbar-h: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}body{min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{display:flex;min-height:100vh;background:var(--bg-app)}.sidebar{width:var(--sidebar-w);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky);padding:var(--sp-12)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-10);height:56px;padding:8px 10px;margin-bottom:var(--sp-8)}.sidebar-brand svg{flex-shrink:0}.sidebar-brand-text{font-size:15px;font-weight:700;letter-spacing:-.02em}.sidebar-section{font-size:10px;font-weight:600;color:#556173;letter-spacing:.1em;padding:var(--sp-16) 10px var(--sp-8);text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:var(--radius-md);color:#8995a6;font-size:13px;font-weight:500;text-decoration:none;transition:all var(--duration-fast) var(--ease);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font);position:relative}.sidebar-item:hover{background:#ffffff06;color:#e7ebf0;text-decoration:none}.sidebar-item.active{background:#00d6b513;color:var(--text-primary)}.sidebar-item.active svg{color:var(--brand)}.sidebar-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:2px;height:20px;border-radius:999px;background:var(--brand)}.sidebar-footer{padding-top:var(--sp-12);border-top:1px solid var(--border);margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-8) 10px}.sidebar-avatar{width:28px;height:28px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--brand);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-email{font-size:11px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10px;color:var(--text-muted);text-transform:capitalize}.sidebar-signout{width:100%;height:32px;margin-top:var(--sp-8);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all var(--duration-fast) var(--ease)}.sidebar-signout:hover{border-color:var(--negative);color:var(--negative)}.topbar{height:var(--topbar-h);background:#080b10ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--sp-24);gap:var(--sp-16);position:sticky;top:0;z-index:var(--z-topbar)}.topbar-title{font-size:15px;font-weight:600;color:var(--text-primary)}.topbar-search{display:flex;align-items:center;gap:var(--sp-8);width:300px;height:36px;padding:0 var(--sp-12);background:#0c1118;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md)}.topbar-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%;font-family:var(--font)}.topbar-search input::placeholder{color:#657184}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--sp-12)}.topbar-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease);position:relative}.topbar-icon-btn:hover{background:#ffffff09;color:var(--text-primary);border-color:#ffffff14}.topbar-icon-btn .dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.main-content{flex:1;margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.main-scroll{flex:1;padding:var(--sp-24) var(--sp-28) var(--sp-40);max-width:1440px;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-24)}.page-header-left h1{font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.page-header-left p{font-size:13px;line-height:20px;color:var(--text-muted);margin-top:4px}.metrics-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-12);margin-bottom:var(--sp-24)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-16);display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.metric-value{font-size:24px;line-height:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.metric-change{font-size:11px;font-weight:500}.metric-change.positive{color:var(--positive)}.metric-change.negative{color:var(--negative)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-16) var(--sp-20);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:15px;font-weight:600;color:var(--text-primary)}.card-body{padding:var(--sp-20)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;letter-spacing:.03em}.badge-brand{background:var(--brand-soft);color:var(--brand)}.badge-positive{background:var(--positive-soft);color:var(--positive)}.badge-negative{background:var(--negative-soft);color:var(--negative)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:#ffffff0a;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-8);height:38px;padding:0 var(--sp-16);border-radius:var(--radius-md);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all var(--duration-normal) var(--ease);border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--brand-bright);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.985)}.btn-secondary{background:transparent;border-color:#ffffff14;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:#ffffff24;color:var(--text-primary);background:#ffffff06}.btn-danger{background:var(--negative);color:#fff}.btn-danger:hover:not(:disabled){background:#ff6b77}.btn-ghost{background:transparent;border:none;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff09}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0}.input-wrap{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12px;font-weight:500;color:var(--text-muted)}.input{height:40px;padding:0 var(--sp-12);background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:var(--font);outline:none;transition:border-color var(--duration-fast) var(--ease)}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-disabled)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{height:38px;padding:0 var(--sp-16);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--border);background:#ffffff04}.table td{height:48px;padding:0 var(--sp-16);font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.table tbody tr{transition:background var(--duration-fast) var(--ease)}.table tbody tr:hover{background:#ffffff05}.table tbody tr:last-child td{border-bottom:none}.table-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.table-num-right{text-align:right}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-24)}.tab-btn{height:40px;padding:0 var(--sp-16);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all var(--duration-fast) var(--ease);margin-bottom:-1px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--brand)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-48) var(--sp-24);text-align:center}.empty-state-icon{color:var(--text-disabled);margin-bottom:var(--sp-16)}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-4)}.empty-state-desc{font-size:13px;color:var(--text-muted);max-width:300px}.loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-48);color:var(--text-muted);font-size:13px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-high) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-16)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-16)}.workspace-2col{display:grid;grid-template-columns:2.2fr 1fr;gap:var(--sp-16)}.trading-workspace{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h))}.trading-top{display:flex;align-items:center;gap:var(--sp-20);padding:var(--sp-12) var(--sp-16);background:var(--bg-surface);border-bottom:1px solid var(--border)}.trading-body{display:flex;flex:1;overflow:hidden}.trading-chart{flex:1;position:relative;background:var(--bg-app)}.trading-sidebar{width:320px;display:flex;flex-direction:column;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto}.trading-bottom{display:flex;border-top:1px solid var(--border);background:var(--bg-surface)}.trading-bottom-panel{flex:1;border-right:1px solid var(--border);overflow:auto}.trading-bottom-panel:last-child{border-right:none}.funding-page{max-width:640px}.step-indicator{display:flex;align-items:center;gap:0;margin-bottom:var(--sp-32)}.step{display:flex;align-items:center;gap:var(--sp-10)}.step-num{width:28px;height:28px;border-radius:50%;background:#ffffff0a;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step.active .step-num,.step.completed .step-num{background:var(--brand);color:#000}.step-label{font-size:13px;color:var(--text-muted);font-weight:500}.step.active .step-label{color:var(--text-primary)}.step.completed .step-label{color:var(--brand)}.step-line{flex:1;height:1px;background:var(--border);margin:0 var(--sp-12)}.step.completed+.step .step-line{background:var(--brand)}.risk-meter{height:6px;background:#1a222c;border-radius:var(--radius-full);overflow:hidden;margin-top:var(--sp-6)}.risk-meter-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-medium) var(--ease)}.tooltip-content{background:#0a1017;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:7px 9px;font-size:11px;color:var(--text-primary);box-shadow:var(--shadow-tooltip);z-index:var(--z-tooltip);max-width:250px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal)}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-24);box-shadow:var(--shadow-floating);z-index:var(--z-modal);width:90vw;max-width:480px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-drawer)}.drawer-content{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-drawer);z-index:var(--z-drawer);overflow-y:auto}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.metrics-strip{grid-template-columns:repeat(2,1fr)}.workspace-2col,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-scroll{padding:var(--sp-16)}.trading-sidebar{width:100%;border-left:none;border-top:1px solid var(--border)}.trading-body{flex-direction:column}.drawer-content{width:100%}}@media(max-width:1024px){.metrics-strip{grid-template-columns:repeat(3,1fr)}}