:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--bg-card-hover: #1c1c1c;--bg-input: #0f0f0f;--bg-sidebar: #0d0d0d;--border-primary: #2a2a2a;--border-secondary: #333333;--border-accent: #ff8c00;--border-hover: #444444;--accent-orange: #ff8c00;--accent-orange-dim: #cc7000;--accent-orange-glow: rgba(255, 140, 0, .15);--accent-amber: #ffc107;--accent-amber-dim: rgba(255, 193, 7, .3);--color-profit: #00e676;--color-profit-bg: rgba(0, 230, 118, .08);--color-loss: #ff5252;--color-loss-bg: rgba(255, 82, 82, .08);--color-neutral: #78909c;--color-info: #29b6f6;--color-info-bg: rgba(41, 182, 246, .08);--color-warning: #ffa726;--color-warning-bg: rgba(255, 167, 38, .08);--text-primary: #e8e8e8;--text-secondary: #999999;--text-muted: #666666;--text-accent: #ff8c00;--text-bright: #ffffff;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--fs-tiny: .65rem;--fs-xs: .72rem;--fs-sm: .8rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.15rem;--fs-xl: 1.4rem;--fs-2xl: 1.8rem;--fs-3xl: 2.2rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sidebar-width: 220px;--sidebar-collapsed: 60px;--header-height: 48px;--border-radius: 6px;--border-radius-sm: 4px;--border-radius-lg: 10px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(255, 140, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh}#root{min-height:100vh}a{color:var(--accent-orange);text-decoration:none}a:hover{color:var(--accent-amber)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange-dim)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--sp-6);min-height:100vh;background:var(--bg-primary);transition:margin-left var(--transition-base)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-base);overflow:hidden}.sidebar-brand{padding:var(--sp-5) var(--sp-4);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--sp-3)}.sidebar-brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-amber));border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);font-weight:800;color:#000;flex-shrink:0}.sidebar-brand-text{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase}.sidebar-brand-sub{font-size:var(--fs-tiny);color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.sidebar-nav{flex:1;padding:var(--sp-3) 0;overflow-y:auto}.sidebar-section{padding:var(--sp-2) var(--sp-4);margin-top:var(--sp-3)}.sidebar-section-label{font-size:var(--fs-tiny);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;padding-bottom:var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;border-radius:var(--border-radius-sm);margin:1px var(--sp-2);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;border:1px solid transparent}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-orange-glow);color:var(--accent-orange);border-color:#ff8c0033}.sidebar-link-icon{font-size:var(--fs-md);width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--border-primary)}.sidebar-status{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}.sidebar-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-profit);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-primary)}.page-title{font-size:var(--fs-xl);font-weight:700;color:var(--text-bright);letter-spacing:-.5px}.page-subtitle{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:var(--sp-4);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-primary)}.card-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-6)}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:var(--sp-3) var(--sp-4);position:relative;overflow:hidden;transition:all var(--transition-fast)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-orange);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{border-color:var(--border-hover)}.stat-card:hover:before{opacity:1}.stat-label{font-size:var(--fs-tiny);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--sp-1)}.stat-value{font-size:var(--fs-lg);font-weight:700;color:var(--text-bright);font-family:var(--font-mono);line-height:1.2}.stat-value.positive{color:var(--color-profit)}.stat-value.warning{color:var(--accent-amber)}.stat-value.negative{color:var(--color-loss)}.stat-value.accent{color:var(--accent-orange)}.stat-value.info{color:var(--color-info)}.stat-change{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:2px;font-family:var(--font-mono)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.chart-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);padding:var(--sp-4)}.chart-card-title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-3)}.data-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:1}.data-table th{padding:var(--sp-2) var(--sp-3);text-align:left;font-weight:600;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.data-table th.text-center,.data-table td.text-center{text-align:center}.data-table th.text-right,.data-table td.text-right{text-align:right}.data-table th:hover{color:var(--accent-orange)}.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-1)}.form-input,.form-select{width:100%;padding:var(--sp-2) var(--sp-3);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-sm);outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px var(--accent-orange-glow)}.form-input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid transparent;border-radius:var(--border-radius-sm);font-family:var(--font-main);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-orange);color:#000}.btn-primary:hover:not(:disabled){background:var(--accent-amber);box-shadow:0 0 20px #ff8c004d}.btn-secondary{background:transparent;border-color:var(--border-secondary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-orange);color:var(--accent-orange)}.btn-danger{background:transparent;border-color:var(--color-loss);color:var(--color-loss)}.btn-danger:hover:not(:disabled){background:var(--color-loss);color:#000}.btn-success{background:transparent;border-color:var(--color-profit);color:var(--color-profit)}.btn-success:hover:not(:disabled){background:var(--color-profit);color:#000}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-base)}.btn-xs{padding:2px 6px;font-size:10px;min-height:20px;height:20px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-bright)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:3px;font-size:var(--fs-tiny);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.badge-profit{background:var(--color-profit-bg);color:var(--color-profit);border:1px solid rgba(0,230,118,.2)}.badge-loss{background:var(--color-loss-bg);color:var(--color-loss);border:1px solid rgba(255,82,82,.2)}.badge-neutral{background:#78909c1a;color:var(--color-neutral);border:1px solid rgba(120,144,156,.2)}.badge-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid rgba(41,182,246,.2)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(255,167,38,.2)}.badge-accent{background:var(--accent-orange-glow);color:var(--accent-orange);border:1px solid rgba(255,140,0,.2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--fs-md);font-weight:700;color:var(--text-bright)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:var(--fs-lg);cursor:pointer;padding:var(--sp-1)}.modal-close:hover{color:var(--color-loss)}.modal-body{padding:var(--sp-5)}.modal-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border-primary);display:flex;gap:var(--sp-3);justify-content:flex-end}.filters-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-bottom:var(--sp-4);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-1) var(--sp-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:20px;font-size:var(--fs-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover,.filter-chip.active{border-color:var(--accent-orange);color:var(--accent-orange);background:var(--accent-orange-glow)}.slider-group{margin-bottom:var(--sp-4)}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-1)}.slider-label span:first-child{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.slider-label span:last-child{font-size:var(--fs-sm);color:var(--accent-orange);font-family:var(--font-mono);font-weight:600}input[type=range]{width:100%;height:4px;background:var(--border-primary);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-orange);cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 6px #ff8c0066}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-6);color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--sp-4);opacity:.5}.empty-state-text{font-size:var(--fs-base);margin-bottom:var(--sp-3)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--sp-10)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.text-profit{color:var(--color-profit)}.text-loss{color:var(--color-loss)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-orange)}.text-info{color:var(--color-info)}.text-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.w-full{width:100%}.overflow-auto{overflow:auto}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}@media (max-width: 768px){.main-content{margin-left:0;padding:var(--sp-4)}.sidebar{width:100%;height:auto;position:relative}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.form-row{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{background:var(--bg-secondary);border:1px solid var(--accent-orange);border-radius:var(--border-radius-sm);padding:var(--sp-3) var(--sp-5);color:var(--text-bright);font-size:var(--fs-sm);font-family:var(--font-main);box-shadow:0 4px 20px #00000080,0 0 10px var(--accent-orange-glow);display:flex;align-items:center;gap:var(--sp-3);pointer-events:auto;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275);min-width:300px}.toast.success{border-color:var(--color-profit);box-shadow:0 0 15px #00e67633}.toast.error{border-color:var(--color-loss);box-shadow:0 0 15px #ff525233}.toast.info{border-color:var(--color-info)}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-out{animation:toast-out .3s ease forwards}@keyframes toast-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--border-radius);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--fs-sm);line-height:1.5}.alert-info{background:var(--color-info-bg);border-color:#29b6f633;color:var(--color-info)}.alert-warning{background:var(--color-warning-bg);border-color:#ffa72633;color:var(--color-warning)}.alert-error{background:var(--color-loss-bg);border-color:#ff525233;color:var(--color-loss)}.alert-success{background:var(--color-profit-bg);border-color:#00e67633;color:var(--color-profit)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}