:root{--color-bg-primary: #0f1115;--color-bg-secondary: #171b21;--color-bg-tertiary: #20252e;--color-text-primary: #f0f2f5;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-accent-primary: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #3b82f6;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--border-color: #2a303c;--glass-bg: rgba(15, 17, 21, .8);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--glow-primary: 0 0 15px rgba(37, 99, 235, .3);--glow-success: 0 0 15px rgba(16, 185, 129, .3);--glow-danger: 0 0 15px rgba(239, 68, 68, .3);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-family-sans: "Poppins", system-ui, -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 28px}@keyframes pulse-glow{0%{box-shadow:0 0 5px #10b98133}50%{box-shadow:0 0 20px #10b98166}to{box-shadow:0 0 5px #10b98133}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-md)}.glow-on-hover:hover{box-shadow:var(--glow-primary);border-color:#2563eb80}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f3f4f6;--color-bg-tertiary: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #9ca3af;--border-color: #e5e7eb}body{margin:0;font-family:var(--font-family-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;color:inherit}button{font-family:inherit}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.sidebar{position:absolute;left:0;top:0;bottom:0;width:280px;background-color:var(--color-bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-primary);width:100%}.topbar{height:64px;border-bottom:1px solid var(--border-color);background-color:var(--color-bg-primary);display:flex;align-items:center;padding:0 var(--spacing-md);justify-content:space-between}.content-area{flex:1;overflow-y:auto;padding:var(--spacing-md)}@media (min-width: 1024px){.sidebar{position:relative;transform:translate(0);width:240px}.sidebar-overlay{display:none}.topbar{padding:0 var(--spacing-lg)}.content-area{padding:var(--spacing-lg)}}.hide-mobile{display:none!important}@media (min-width: 768px){.hide-mobile{display:flex!important}.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-tablet{display:flex!important}.hide-desktop{display:none!important}}.dashboard-container{padding:var(--spacing-md);max-width:1600px;margin:0 auto}@media (min-width: 1024px){.dashboard-container{padding:var(--spacing-lg)}}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;margin-bottom:24px}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.stats-grid{grid-template-columns:repeat(6,1fr)}}.main-dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}@media (min-width: 1280px){.main-dashboard-grid{grid-template-columns:1fr 400px}}.secondary-dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.secondary-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.content-area.terminal-mode{padding:0;overflow:hidden}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.nav-item{width:100%;justify-content:flex-start!important;color:var(--color-text-secondary);background-color:transparent;border-left:3px solid transparent;border-radius:0!important;padding-left:12px}.nav-item.active{color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-accent-primary)}.nav-item:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;gap:8px}.btn-primary{background-color:var(--color-accent-primary);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--color-text-primary)}.btn-outline:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.badge{padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:#10b98126;color:var(--color-success)}.badge-danger{background-color:#ef444426;color:var(--color-danger)}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.input{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary);padding:8px 12px;border-radius:var(--border-radius-sm);width:100%}.input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #2563eb33}.trade-setup-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:12px;background:var(--color-bg-primary);padding:12px;border-radius:6px}@media (min-width: 480px){.trade-setup-grid{grid-template-columns:repeat(3,1fr)}}.markets-container{height:calc(100vh - 64px);background:radial-gradient(circle at top left,#0f172a,#000);display:flex;flex-direction:column;color:#fff;overflow:hidden}.markets-main-view{flex:1;display:flex;overflow:hidden;position:relative}.markets-panel{background:#0f172a99;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;transition:width .3s ease,opacity .3s ease}@media (max-width: 1023px){.markets-panel.side-panel{position:absolute;top:0;bottom:0;width:100%!important;z-index:50;background:var(--color-bg-primary)}}