[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-card:#1c1c1ef2;--bg-hover:#ffffff0d;--bg-active:#ffffff1a;--text-primary:#fff;--text-secondary:#aaa;--text-tertiary:#888;--border-primary:#2c2c2e;--border-secondary:#3c3c3e;--accent-success:#00d395;--accent-danger:#ff3b30;--accent-warning:#ffb800;--accent-info:#007aff;--gradient-bg:linear-gradient(135deg,#121212,#1a1a1a)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f9faf7;--bg-tertiary:#f2f0ee;--bg-card:#fff;--bg-hover:#0000000d;--bg-active:#0000001a;--text-primary:#1c1c1e;--text-secondary:#6b6b6d;--text-tertiary:#999;--border-primary:#0000001a;--border-secondary:#00000014;--accent-success:#00b87a;--accent-danger:#ff3b30;--accent-warning:#ffb800;--accent-info:#007aff;--gradient-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1c1c1e}::-webkit-scrollbar-thumb{background:#2c2c2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3c3c3e}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1c1c1e;background-color:#1c1c1ef2;border-right:1px solid #2c2c2e;bottom:0;left:0;position:fixed;top:0;transition:all .3s ease;width:240px;z-index:100}.navigation.collapsed{width:60px}.collapse-toggle{align-items:center;background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:-15px;top:20px;transition:all .2s ease;width:30px;z-index:1}.collapse-toggle:hover{background-color:#2c2c2e;transform:scale(1.1)}[data-theme=light] .collapse-toggle{background-color:#f9faf7;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .collapse-toggle:hover{background-color:#f2f0ee}.nav-container{display:flex;flex-direction:column;height:100%;padding:2rem 0}.nav-brand{margin-bottom:3rem;padding:0 2rem}.nav-brand h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.nav-links{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-link{align-items:center;border-radius:8px;color:#aaa;display:flex;font-weight:500;gap:.75rem;margin:0 .5rem;padding:.875rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.navigation.collapsed .nav-link{justify-content:center;padding:.875rem .5rem}.nav-link:hover{background-color:#ffffff0d;color:#fff;transform:translateX(4px)}.nav-link.active{background-color:#ffffff1a;color:#fff}.nav-link.active:before{background:#fff;border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.theme-toggle-container{margin-top:auto;padding:1rem}.navigation.collapsed .theme-toggle-container{padding:.5rem}.theme-toggle{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.navigation.collapsed .theme-toggle{padding:.75rem .5rem}.theme-toggle:hover{background-color:#3c3c3e;transform:translateX(2px)}[data-theme=light] .navigation{background-color:#f9faf7;border-right:1px solid #0000001a}[data-theme=light] .nav-brand h1{color:#1c1c1e}[data-theme=light] .nav-link{color:#6b6b6d}[data-theme=light] .nav-link:hover{background-color:#0000000d;color:#1c1c1e}[data-theme=light] .nav-link.active{background-color:#0000001a;color:#1c1c1e}[data-theme=light] .nav-link.active:before{background:#1c1c1e}[data-theme=light] .theme-toggle{background-color:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .theme-toggle:hover{background-color:#0000000d}[data-theme=light] .nav-profile{border-top:1px solid #0000001a}[data-theme=light] .username{color:#1c1c1e}[data-theme=light] .logout-button,[data-theme=light] .profile-button{background-color:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .profile-button:hover{background-color:#0000000d;border-color:#1c1c1e}[data-theme=light] .logout-button:hover{background-color:#f443361a;border-color:#f44336;color:#f44336}.nav-profile{border-top:1px solid #2c2c2e;padding:2rem 1rem}.nav-profile,.user-info{align-items:center;display:flex;flex-direction:column}.user-info{gap:1rem;width:100%}.username{text-align:center}.logout-button,.profile-button,.username{color:#fff;font-size:.875rem;font-weight:500}.logout-button,.profile-button{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.navigation.collapsed .logout-button,.navigation.collapsed .profile-button{padding:.75rem .5rem}.profile-button:hover{background-color:#3c3c3e;border-color:#fff}.logout-button:hover{background-color:#f4433633;border-color:#f44336;color:#f44336}.loading-container{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:center;min-height:100vh}@media (max-width:768px){.navigation{border-right:none;border-top:1px solid #2c2c2e;bottom:0;height:60px;left:0;position:fixed;right:0;top:auto;width:100%}.nav-container{flex-direction:row;height:60px;justify-content:space-around;padding:0}.nav-brand{display:none}.nav-links{flex-direction:row;gap:0;justify-content:space-around;padding:0;width:100%}.nav-link{flex-direction:column;gap:.25rem;margin:0;padding:.5rem 1rem}.nav-link span{font-size:.75rem}.collapse-toggle,.nav-link.active:before,.nav-profile,.theme-toggle-container{display:none}}.auth-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:420px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-title{color:#000;font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-subtitle{color:#666;font-size:.875rem;margin:0}.error-container{align-items:center;background-color:#f443361a;border:1px solid #f443364d;border-radius:8px;color:#f44336;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-label{color:#000;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:center;background-color:initial;border:1px solid #333;border-radius:12px;display:flex;overflow:hidden;position:relative;transition:all .2s}.input-wrapper:focus-within{border-color:#000;box-shadow:0 0 0 2px #0000001a}.form-input{background:#0000;border:none;color:#000;flex:1 1;font-size:.875rem;min-height:48px;outline:none;padding:.875rem 1rem}.form-input.with-toggle{padding-right:3rem}.form-input::placeholder{color:#999}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:color .2s}.password-toggle:hover{color:#000}.password-strength{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.strength-bar{background-color:#ddd;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.strength-text{font-size:.75rem;font-weight:500;min-width:50px}.auth-button{align-items:center;background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:.5rem;min-height:48px;padding:.875rem;transition:all .2s}.auth-button:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.button-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.auth-footer{color:#666;font-size:.875rem;margin-top:2rem;text-align:center}.auth-link{color:#000;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#333;text-decoration:underline}.divider{align-items:center;color:#666;display:flex;font-size:.875rem;margin:1.5rem 0}.divider:after,.divider:before{background:#e5e5e5;content:"";flex:1 1;height:1px}.divider span{color:#666;font-weight:500;padding:0 1rem}.google-signin-button{align-items:center;background:#fff;border:1px solid #333;border-radius:12px;color:#3c4043;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-height:48px;padding:.875rem;transition:all .2s;width:100%}.google-signin-button:hover{background:#f5f5f5;border-color:#000;box-shadow:0 2px 8px #0000001a}.google-signin-button:active{background:#e5e5e5}@media (prefers-color-scheme:dark){.auth-container{background:#000}.auth-card{background-color:#000;border:1px solid #333;box-shadow:0 4px 20px #ffffff0d}.auth-title{color:#fff}.auth-subtitle{color:#999}.form-label{color:#fff}.input-wrapper{border:1px solid #444}.input-wrapper:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.input-icon{color:#999}.form-input{color:#fff}.form-input::placeholder{color:#666}.password-toggle{color:#999}.password-toggle:hover{color:#fff}.strength-bar{background-color:#333}.auth-button{background:#fff;color:#000}.auth-button:hover:not(:disabled){background:#e5e5e5}.button-spinner{border:2px solid #0000004d;border-top-color:#000}.auth-footer{color:#999}.auth-link{color:#fff}.auth-link:hover{color:#e5e5e5}.divider:after,.divider:before{background:#333}.divider span{color:#999}.google-signin-button{background:#000;border:1px solid #444;color:#fff}.google-signin-button:hover{background:#1a1a1a;border-color:#fff}.google-signin-button:active{background:#2a2a2a}}@media (max-width:480px){.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}}.modal-overlay{background-color:#000c;padding:1rem}.modal-content{background-color:#1c1c1e;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-width:600px;overflow:hidden}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.25rem}.close-button{color:#aaa;padding:.25rem}.modal-loading{align-items:center;display:flex;justify-content:center;padding:3rem}.tab-container{background-color:#121212;border-bottom:1px solid #2c2c2e;display:flex}.tab{flex:1 1;font-size:.875rem;padding:1rem}.tab:hover{background-color:#ffffff0d;color:#fff}.tab.active{color:#00d4ff}.tab.active:after{background-color:#00d4ff;bottom:0}.tab-content{flex:1 1;overflow-y:auto;padding:1rem}.history-table{display:flex;flex-direction:column}.table-header{border-bottom:1px solid #2c2c2e}.table-header,.table-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1.5fr 1.5fr;padding:.75rem 1rem}.table-row{border-bottom:1px solid #2c2c2e80;color:#fff;font-size:.875rem;transition:background-color .2s}.table-row:hover{background-color:#ffffff05}.table-row span{align-items:center;display:flex}.table-row small{margin-left:.25rem;opacity:.7}@media (max-width:640px){.modal-content{max-height:90vh}.table-header,.table-row{font-size:.75rem}}.derivatives-section{margin-bottom:3rem}.derivatives-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.derivative-box{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000004d;cursor:pointer;padding:1.25rem;transition:all .3s ease}.derivative-box:hover{border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff33;transform:translateY(-2px)}.derivative-header{margin-bottom:1rem}.derivative-symbol{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.derivative-content{align-items:flex-start;display:flex;justify-content:space-around}.derivative-metric-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.metric-label{font-size:.875rem;margin-bottom:.25rem}.metric-value{font-size:.875rem;font-weight:700;text-align:center}.metric-value.positive{color:#4caf50}.metric-value.negative{color:#f44336}[data-theme=light] .derivative-box{background-color:#f9faf7;border:1px solid #00000014;box-shadow:0 2px 4px #0000000d}[data-theme=light] .derivative-box:hover{border-color:#007aff;box-shadow:0 4px 12px #007aff26}[data-theme=light] .derivative-symbol{color:#000}[data-theme=light] .metric-label{color:#6b6b6d}[data-theme=light] .metric-value{color:#000}@media (max-width:768px){.derivatives-container{grid-template-columns:1fr}.derivative-content{flex-direction:row;justify-content:space-between}}@media (min-width:1200px){.derivatives-container{grid-template-columns:repeat(3,1fr)}}.market-indicators{margin-bottom:3rem}.section-container{background:#1c1c1ef2;border:1px solid #2c2c2e;border-radius:16px;padding:20px}.section-title{font-size:1.5rem;margin-bottom:1rem}.indicators-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.indicator-card{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;justify-content:space-between;min-height:90px;padding:1rem;transition:all .3s ease}.indicator-card:hover{box-shadow:0 4px 12px #00d4ff1a;transform:translateY(-2px)}.indicator-name{color:#aaa;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.indicator-value{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.value-text{color:#fff;font-size:1.25rem;font-weight:700}.value-text.warning{color:orange}.target-text{color:#666;font-size:.875rem}.progress-bar{background-color:#2c2c2e;border-radius:2px;height:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .3s ease}.progress-fill.normal{background:linear-gradient(90deg,#00d4ff,#09c)}.progress-fill.warning{background:linear-gradient(90deg,orange,#ff6b35)}[data-theme=light] .section-container{background:#f2f0ee;border:1px solid #0000001a}[data-theme=light] .section-title{color:#000}[data-theme=light] .indicator-card{background-color:#f9faf7;border:1px solid #00000014;box-shadow:0 2px 4px #0000000d}[data-theme=light] .indicator-card:hover{box-shadow:0 4px 12px #007aff26}[data-theme=light] .indicator-name{color:#6b6b6d}[data-theme=light] .value-text{color:#000}[data-theme=light] .target-text{color:#8e8e93}[data-theme=light] .progress-bar{background-color:#0000001a}[data-theme=light] .progress-fill.normal{background:linear-gradient(90deg,#007aff,#0051a3)}@media (max-width:640px){.indicators-grid{grid-template-columns:1fr}}@media (min-width:1200px){.indicators-grid{grid-template-columns:repeat(4,1fr)}}.liquidation-card{background:#151517;border:1px solid #242426;border-radius:12px;cursor:pointer;padding:14px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.liquidation-card:hover{border-color:#2e2e31;box-shadow:0 6px 18px #0000002e;transform:translateY(-1px)}.liquidation-card .metric-header{align-items:center;border-bottom:1px solid #242426;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:6px}.liquidation-card .header-left{align-items:center;color:#9ca3af;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.6px;text-transform:uppercase}.refresh-btn{background:none;border:1px solid #0000;border-radius:8px;color:#9ca3af;cursor:pointer;padding:6px;transition:all .2s}.refresh-btn:hover{background:#ffffff08;border-color:#2e2e31}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.spinning{animation:spin 1s linear infinite}.liquidation-content{display:flex;flex-direction:column;gap:10px}.total-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.total-left{display:flex;flex-direction:column;gap:4px}.total-label{color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.total-value{color:#fff;font-size:22px;font-weight:700}.total-right{display:flex;gap:6px}.pill{border:1px solid #0000;border-radius:999px;font-size:11px;padding:4px 8px}.pill-long{background:#10b9811a;border-color:#10b98140;color:#10b981}.pill-short{background:#ef44441a;border-color:#ef444440;color:#ef4444}.liq-split-bar{background:#1e1e21;border-radius:4px;height:8px;overflow:hidden;width:100%}.liq-split-long{background:#10b981;border-radius:4px 0 0 4px;height:100%;transition:width .4s ease}.breakdown{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.breakdown-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:6px;padding:8px 10px}.breakdown-item .value{color:#fff;font-size:14px;font-weight:600}.breakdown-item.long svg{color:#10b981}.breakdown-item.short svg{color:#ef4444}.click-hint{color:#8c8c8c;font-size:11px;text-align:left}.loading-spinner,.no-data{color:#8c8c8c;padding:18px;text-align:center}.modal-overlay{background:#0000008c;inset:0}.modal-content{background:#151517;border:1px solid #242426;box-shadow:0 8px 32px #00000059;color:#e5e7eb;max-height:82vh;max-width:860px;overflow:auto}.modal-header{border-bottom:1px solid #242426;padding:16px 20px}.modal-title{align-items:center;display:flex;font-size:16px;gap:8px}.close-btn{background:none;border:1px solid #0000;border-radius:8px;color:#9ca3af;cursor:pointer;padding:6px}.close-btn:hover{background:#ffffff0a;border-color:#2e2e31}.modal-body{padding:20px}.tabs{border-bottom:1px solid #242426;display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.tab{background:none;color:#9ca3af;padding:10px 14px;transition:color .2s,background .2s}.tab:hover{background:#ffffff08}.tab.active{color:#e5e7eb}.tab.active:after{background:#fa8c16;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-value{background:#fa8c161a;border:1px solid #fa8c1640;border-radius:4px;color:#e5e7eb;font-size:11px;padding:2px 6px}.interval-tabs{display:flex;gap:8px;margin-bottom:16px}.interval-tab{background:none;border:1px solid #2e2e31;border-radius:8px;color:#c9c9c9;cursor:pointer;padding:8px 12px;transition:all .2s}.interval-tab.active,.interval-tab:hover{border-color:#fa8c16;color:#fff}.interval-tab.active{background:#fa8c16}.liquidation-details{padding:4px 0 8px}.detail-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:18px}.detail-item{gap:6px}.detail-header{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.detail-value{font-size:20px;font-weight:700}.detail-value.long{color:#10b981}.detail-value.short{color:#ef4444}.total-section{align-items:center;background:#fa8c160f;border:1px solid #fa8c162e;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.total-label{color:#c9c9c9;font-size:13px}.total-value{color:#ffd7b0;font-size:24px;font-weight:800}.modal-footer{border-top:1px solid #242426;gap:10px;justify-content:flex-end;padding:14px 20px}.btn-primary,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 14px;transition:all .2s}.btn-primary{background:#fa8c16}.btn-primary:hover{background:#ff9c1a}.btn-secondary{background:#0000;border-color:#2e2e31;color:#e5e7eb}.btn-secondary:hover{border-color:#fa8c16;color:#fff}.btn-secondary:disabled{cursor:not-allowed;opacity:.55}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.detail-row{grid-template-columns:1fr}}.market-metrics{background:#1c1c1ef2;border-radius:12px;margin-bottom:20px;padding:20px}.market-metrics.error,.market-metrics.loading{align-items:center;color:#aaa;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px}.metrics-title{font-size:20px;margin-bottom:20px}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.market-metrics .metric-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;min-height:140px;padding:16px}.market-metrics .metric-card:hover{background:#ffffff26;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.metric-header{border-bottom:1px solid #2c2c2e;gap:10px;margin-bottom:16px;padding-bottom:12px}.metric-header span{font-size:14px;font-weight:500;letter-spacing:.5px}.metric-header svg{height:18px;width:18px}.ratio-content{gap:20px;justify-content:center}.ratio-bar{background:#2c2c2e;border-radius:20px;height:40px}.ratio-fill.short{background:#0000}.long-value{align-items:flex-start}.short-value{align-items:flex-end}.long-value span:first-child,.short-value span:first-child{font-size:24px}.long-value span:last-child,.short-value span:last-child{font-size:12px;font-weight:500}.liquidations-content{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.liquidation-total{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.liquidation-breakdown{align-items:center;background:#ffffff05;border:1px solid #2c2c2e;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.liquidation-item{display:flex;flex-direction:column;gap:4px}.liquidation-label{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.long-liquidation{color:#10b981;font-size:16px;font-weight:600}.short-liquidation{color:#ef4444;font-size:16px;font-weight:600}.fear-greed-content{gap:16px;justify-content:center}.fear-greed-main{gap:8px}.fear-greed-value{font-size:48px}.fear-greed-label{font-size:12px;font-weight:500}.fear-greed-bar{background:#2c2c2e;height:8px}.fear-greed-bar,.fear-greed-progress{border-radius:4px}.no-data{padding:40px 20px}.metric-card.error,.metric-card.loading{gap:12px;min-height:180px}.retry-button{border:1px solid #3c3c3e;padding:8px 20px}.retry-button:hover{background:#ffffff0d}.spinner{border:3px solid #2c2c2e}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.fear-greed-value{font-size:36px}.liquidation-total{font-size:28px}}[data-theme=light] .metric-header svg{color:#6b7280}[data-theme=light] .fear-greed-value,[data-theme=light] .liquidation-total,[data-theme=light] .long-value span:first-child,[data-theme=light] .short-value span:first-child{color:#111827}[data-theme=light] .liquidation-breakdown{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .fear-greed-label,[data-theme=light] .liquidation-label,[data-theme=light] .long-value span:last-child,[data-theme=light] .short-value span:last-child{color:#6b7280}[data-theme=light] .no-data{color:#9ca3af}[data-theme=light] .retry-button{border-color:#e5e7eb;color:#6b7280}[data-theme=light] .retry-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}[data-theme=light] .spinner{border-color:#6b7280 #e5e7eb #e5e7eb}[data-theme=light] .market-metrics.error,[data-theme=light] .market-metrics.loading{color:#6b7280}[data-theme=light] .metric-card.error{color:#ef4444}.metrics-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 14px}.metrics-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.metric-card:hover{background:#ffffff26;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.metric-header{align-items:center;border-bottom:1px solid #242426;display:flex;gap:8px;justify-content:flex-start;margin-bottom:10px;padding-bottom:6px}.metric-header span{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.metric-header svg{color:#9ca3af;height:16px;width:16px}.ratio-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start}.ratio-bar{align-self:stretch;background:#1e1e21;border-radius:14px;display:flex;height:28px;overflow:hidden;position:relative;width:100%}.ratio-fill{height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.ratio-fill.long{background:#10b981}.ratio-values{align-items:center;display:flex;justify-content:space-between;margin-top:6px;width:100%}.long-value,.short-value{display:flex;flex-direction:column;gap:4px}.long-value span:first-child,.short-value span:first-child{color:#fff;font-size:20px;font-weight:700}.long-value span:last-child,.short-value span:last-child{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fear-greed-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start}.fear-greed-main{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.fear-greed-value{color:#fff;font-size:40px;font-weight:700;line-height:1}.fear-greed-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fear-greed-bar{align-self:stretch;background:#1e1e21;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.fear-greed-progress{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.fear-greed-extreme-fear{background:#ef4444}.fear-greed-fear{background:#f59e0b}.fear-greed-neutral{background:#9ca3af}.fear-greed-greed{background:#10b981}.fear-greed-extreme-greed{background:#059669}.no-data{color:#6b7280;flex:1 1;font-weight:500;padding:28px 16px}.metric-card.error,.metric-card.loading,.no-data{align-items:center;display:flex;justify-content:center}.metric-card.error,.metric-card.loading{flex-direction:column;gap:10px;min-height:160px}.metric-card.error{color:#ef4444}.retry-button{background:#0000;border:1px solid #2e2e31;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.retry-button:hover{background:#ffffff0a;border-color:#6b7280;color:#fff}.spinner{border:3px solid #242426;border-top-color:#6b7280;height:28px;width:28px}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.fear-greed-value{font-size:32px}}[data-theme=light] .market-metrics{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .metrics-title{color:#111827}[data-theme=light] .metric-card{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .metric-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014}[data-theme=light] .metric-header{border-bottom-color:#f3f4f6}[data-theme=light] .metric-header span{color:#6b7280}[data-theme=light] .fear-greed-bar,[data-theme=light] .ratio-bar{background:#f3f4f6}[data-theme=light] .fear-greed-value,[data-theme=light] .long-value span:first-child,[data-theme=light] .short-value span:first-child{color:#111827}[data-theme=light] .fear-greed-label,[data-theme=light] .long-value span:last-child,[data-theme=light] .no-data,[data-theme=light] .short-value span:last-child{color:#6b7280}.daily-insights{background:#1c1c1ef2;border:1px solid #2c2c2e;border-radius:16px;color:#fff;margin-bottom:20px;padding:20px}[data-theme=light] .daily-insights{background:#f2f0ee;border:1px solid #0000001a;color:#000}.daily-insights.loading{align-items:center;display:flex;justify-content:center;min-height:120px}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.insights-title{align-items:center;display:flex;gap:8px}.insights-title h3{color:#fff;font-size:18px;font-weight:600;margin:0}[data-theme=light] .insights-title h3{color:#000}.refresh-button{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.refresh-button:hover{background:#ffffff4d;transform:rotate(180deg)}.insights-content{width:100%}.insight-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.insight-card:hover{background:#ffffff26;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}[data-theme=light] .insight-card{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .insight-card:hover{background:#0000000d;box-shadow:0 4px 8px #0000001a}.insight-category{color:#fff;font-size:11px;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}[data-theme=light] .insight-category{color:#6b6b6d}.insight-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}[data-theme=light] .insight-title{color:#000}.insight-summary{color:#fff;font-size:15px;line-height:1.5;margin:0 0 12px;opacity:.95}[data-theme=light] .insight-summary{color:#000}.insight-footer{justify-content:space-between}.insight-footer,.read-more{align-items:center;display:flex}.read-more{font-size:13px;font-weight:500;gap:4px;opacity:.9}.last-updated{font-size:11px;opacity:.7}.no-insights{opacity:.8;padding:20px;text-align:center}.insight-modal,[data-theme=light] .insight-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.insight-modal-content{background:#1c1c1e}.insight-modal-content,[data-theme=light] .insight-modal-content{border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:90%}[data-theme=light] .insight-modal-content{background:#f2f0ee}.close-button{font-size:24px;height:32px;position:absolute;right:16px;top:16px;width:32px}.modal-category{color:#00d4ff;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.insight-modal-content h2{color:#fff;font-size:24px;margin:0 0 20px}.modal-insight-content{color:#aaa;font-size:16px;line-height:1.6;margin-bottom:20px}[data-theme=light] .insight-modal-content h2{color:#000}.modal-insight-content p{margin:0;white-space:pre-wrap}.modal-footer{padding-top:16px}.modal-footer .last-updated{color:#8e8e93;font-size:12px}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:30px;width:30px}.dashboard{background:linear-gradient(135deg,#121212,#1a1a1a);min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1c1e80;border-bottom:1px solid #1f2937;padding:2rem;text-align:center}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#aaa;font-size:1rem}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-loading{align-items:center;background-color:#121212;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{border:3px solid #1f2937;border-radius:50%;border-top-color:#00d4ff;height:50px;width:50px}.dashboard-loading p{color:#aaa;margin-top:1rem}@media (max-width:768px){.dashboard-header h1{font-size:2rem}.dashboard-content{padding:1rem}}[data-theme=light] .dashboard{background:#fff}[data-theme=light] .dashboard-header{background:#f9faf7;border-bottom:1px solid #0000001a}[data-theme=light] .dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#0051a3);-webkit-background-clip:text;background-clip:text}[data-theme=light] .subtitle{color:#6b6b6d}[data-theme=light] .dashboard-loading{background-color:#fff}[data-theme=light] .spinner{border:3px solid #0000001a;border-top-color:#007aff}.modal-content{background:#121212;border-radius:16px;max-height:80vh;max-width:450px;padding:24px;position:relative;width:90%}.modal-close{background:none;color:#fff;justify-content:center;position:absolute;right:16px;top:16px;z-index:1}.modal-close:hover{opacity:.8}.modal-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.search-section{margin-bottom:20px}.search-input-wrapper{margin-bottom:16px}.search-icon{color:#8e8e93;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;padding:12px 12px 12px 44px;width:100%}.search-input:focus{border-color:#00d4ff;outline:none}.loading-spinner{color:#8e8e93;font-size:14px;padding:12px;text-align:center}.search-results,.trending-coins{max-height:300px;overflow-y:auto}.coin-result{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .2s}.coin-result:hover{background:#2c2c2e;border-color:#00d4ff}.coin-symbol{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.coin-name{color:#8e8e93;font-size:14px}.section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px;margin-top:20px}.section-title svg{color:#00d4ff}.selected-coin{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;margin-bottom:20px;padding:16px}.selected-coin-header{align-items:flex-start;display:flex;justify-content:space-between}.selected-coin-info .coin-symbol{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px}.selected-coin-info .coin-name{color:#8e8e93;font-size:14px;margin-bottom:8px}.coin-price{color:#00d4ff;font-size:14px}.change-button{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px}.change-button:hover{background:#2c2c2e}.input-label{display:block;font-weight:600;margin-bottom:8px}.form-input,.input-label{color:#fff;font-size:16px}.form-input{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;padding:12px;width:100%}.form-input:focus{border-color:#00d4ff;outline:none}.price-toggle-group{display:flex;gap:8px;margin-bottom:12px}.price-toggle{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;color:#8e8e93;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .2s}.price-toggle.active{background:#2c2c2e;border-color:#00d4ff;color:#fff}.price-toggle:hover{background:#2c2c2e}.market-price-display{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;color:#00d4ff;font-size:14px;padding:10px;text-align:center}.submit-button{background:#00d4ff;border:none;border-radius:8px;color:#121212;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:14px;transition:all .2s;width:100%}.submit-button:hover:not(.disabled){background:#00b8e6}.submit-button.disabled{background:#1c1c1e;color:#666;cursor:not-allowed;opacity:.5}.modal-content::-webkit-scrollbar-track{background:#1c1c1e}[data-theme=light] .submit-button{background:#007aff}[data-theme=light] .submit-button:hover:not(:disabled){background:#0051a3}.portfolio{margin:0 auto;max-width:1400px;padding:2rem}.portfolio-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.portfolio-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.add-holding-btn,.create-portfolio-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.add-holding-btn:hover,.create-portfolio-btn:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.header-title-row{align-items:center;display:flex;gap:16px}.visibility-toggle{background:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;color:#aaa;cursor:pointer;padding:8px;transition:all .2s}.visibility-toggle:hover{background:#3c3c3e;color:#fff}.portfolio-chart-container{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;margin-bottom:24px;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.chart-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.chart-change{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.chart-change.positive{color:#4caf50}.chart-change.negative{color:#f44336}.time-range-selector{border-top:1px solid #2c2c2e;gap:8px;margin-top:16px;padding-top:16px}.time-range-btn{background:#0000;border:1px solid #2c2c2e;border-radius:8px;font-size:14px;font-weight:600;padding:8px 16px}.time-range-btn:hover{background:#ffffff0d;border-color:#3c3c3e}.time-range-btn.active{background:#2c2c2e;border-color:#fff;color:#fff}.portfolio-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:2rem}.summary-label{color:#aaa;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.summary-value{align-items:baseline;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:.5rem}.summary-value small{font-size:1rem;opacity:.8}.summary-value.positive{color:#4caf50}.summary-value.negative{color:#f44336}.portfolio-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.portfolio-allocation{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;padding:2rem}.portfolio-allocation h2,.portfolio-holdings h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.portfolio-holdings{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;overflow-x:auto;padding:2rem}.holdings-table{min-width:600px;width:100%}.table-header{background:#2c2c2e;border-radius:8px 8px 0 0;color:#aaa;display:grid;font-size:.875rem;font-weight:600;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr .8fr;letter-spacing:.05em;padding:1rem;text-transform:uppercase}.table-row{align-items:center;border-bottom:1px solid #2c2c2e;cursor:pointer;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.5fr;min-height:56px;padding:18px 16px;transition:background .2s}.table-row:hover{background:#ffffff0d}.table-row:last-child{border-bottom:none}.table-cell{color:#fff;font-size:15px}.table-row .symbol{color:#fff;font-size:16px;font-weight:700}.table-row .positive{color:#4caf50}.table-row .negative{color:#f44336}.pnl-value{align-items:flex-end;color:#fff;flex-direction:column}.pnl-percent{font-size:.75rem;opacity:.8}.table-row .pnl{align-items:flex-end;display:flex;flex-direction:column}.table-row .pnl small{font-size:12px;margin-top:2px;opacity:.8}.no-data{color:#666;font-size:14px;padding:40px}.portfolio-empty,.portfolio-loading{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.portfolio-empty h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.portfolio-empty p{font-size:1rem;margin-bottom:2rem}@media (max-width:1024px){.portfolio-content{grid-template-columns:1fr}}@media (max-width:768px){.portfolio{padding:1rem}.portfolio-header{align-items:stretch;flex-direction:column;gap:1rem}.portfolio-summary{grid-template-columns:1fr}.holdings-table{font-size:.75rem}.table-header,.table-row{grid-template-columns:1fr .8fr .8fr .8fr .8fr .8fr .6fr}}[data-theme=light] .portfolio-header h1{color:#1c1c1e}[data-theme=light] .visibility-toggle{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .visibility-toggle:hover{background:#0000000d}[data-theme=light] .portfolio-stats{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .stat-item h3{color:#6b6b6d}[data-theme=light] .stat-item p{color:#1c1c1e}[data-theme=light] .portfolio-content{background:#0000}[data-theme=light] .portfolio-allocation{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .portfolio-allocation h2{color:#000}[data-theme=light] .portfolio-holdings{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .portfolio-holdings h2{color:#000}[data-theme=light] .table-header{border-bottom:2px solid #0000001a;color:#6b6b6d}[data-theme=light] .table-row{border-bottom:1px solid #00000014}[data-theme=light] .table-row:hover{background:#00000005}[data-theme=light] .table-row .symbol{color:#007aff}[data-theme=light] .pnl-value,[data-theme=light] .table-cell{color:#000}[data-theme=light] .pnl-value.positive{color:#22c55e}[data-theme=light] .pnl-value.negative{color:#ff2d55}[data-theme=light] .no-data,[data-theme=light] .portfolio-empty{color:#6b6b6d}[data-theme=light] .portfolio-empty h2{color:#000}[data-theme=light] .empty-state,[data-theme=light] .loading-container{background:#fff;border:1px solid #00000014}[data-theme=light] .empty-state h2,[data-theme=light] .empty-state p{color:#1c1c1e}[data-theme=light] .portfolio-chart-container{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .time-range-selector{border-top:1px solid #0000001a}[data-theme=light] .summary-card{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .summary-label{color:#6b6b6d}[data-theme=light] .summary-value{color:#1c1c1e}[data-theme=light] .portfolio-stats-container{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .stat-group h3{color:#1c1c1e}[data-theme=light] .stat-row label{color:#6b6b6d}[data-theme=light] .holdings-header h2,[data-theme=light] .stat-row span{color:#1c1c1e}[data-theme=light] .holdings-header button{background:#1c1c1e;color:#fff}[data-theme=light] .holdings-header button:hover{background:#000}[data-theme=light] .holding-card{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .holding-symbol{color:#1c1c1e}[data-theme=light] .holding-info-label,[data-theme=light] .holding-name{color:#6b6b6d}[data-theme=light] .holding-info-value{color:#1c1c1e}[data-theme=light] .add-holding-btn,[data-theme=light] .create-portfolio-btn{background:#1c1c1e;color:#fff}[data-theme=light] .add-holding-btn:hover,[data-theme=light] .create-portfolio-btn:hover{background:#000;box-shadow:0 4px 12px #0003}.trade-calendar{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;padding:2rem}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.calendar-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.nav-button{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .2s;width:40px}.nav-button:hover{background-color:#3c3c3e;border-color:#00d4ff}.calendar-grid{background-color:#121212;border:1px solid #2c2c2e;border-radius:8px;padding:1rem}.calendar-weekdays{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr);margin-bottom:1rem}.weekday{color:#aaa;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:.5rem;position:relative;transition:all .2s}.calendar-day.empty{background-color:initial;border:none;cursor:default}.calendar-day.today{background-color:#00d4ff0d;border-color:#00d4ff}.calendar-day.has-trades:hover{background-color:#2c2c2e;border-color:#3c3c3e;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.calendar-day.profitable{background:linear-gradient(135deg,#1c1c1e,#4caf501a)}.calendar-day.loss{background:linear-gradient(135deg,#1c1c1e,#f443361a)}.day-number{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.day-data{display:flex;flex-direction:column;font-size:.625rem;gap:.25rem}.trade-count{color:#aaa}.day-pnl{align-items:center;display:flex;font-weight:600;gap:.125rem}.day-pnl.positive{color:#4caf50}.day-pnl.negative{color:#f44336}.has-notes{font-size:.75rem;position:absolute;right:.25rem;top:.25rem}.calendar-loading{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;min-height:400px}.trade-modal{max-height:80vh;max-width:800px;overflow-y:auto}.modal-stats{grid-gap:1rem;background-color:#121212;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;padding:1.5rem}.modal-stats .stat{display:flex;flex-direction:column;gap:.5rem}.modal-stats .stat-label{color:#aaa;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.modal-stats .stat-value{color:#fff;font-size:1.25rem;font-weight:700}.modal-stats .stat-value.positive{color:#4caf50}.modal-stats .stat-value.negative{color:#f44336}.modal-trades{padding:0 1.5rem 1.5rem}.modal-trades h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.modal-trades .trades-list{display:flex;flex-direction:column;gap:1rem}.modal-trade-item{background-color:#121212;border:1px solid #2c2c2e;border-radius:8px;padding:1rem}.modal-trade-item .trade-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.modal-trade-item .trade-side{border-radius:4px;font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.modal-trade-item .trade-side.buy{background-color:#4caf5033;color:#4caf50}.modal-trade-item .trade-side.sell{background-color:#f4433633;color:#f44336}.modal-trade-item .trade-symbol{color:#00d4ff;font-weight:600}.modal-trade-item .trade-time{color:#aaa;font-size:.75rem;margin-left:auto}.modal-trade-item .trade-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.modal-trade-item .detail{display:flex;flex-direction:column;gap:.25rem}.modal-trade-item .detail .label{color:#aaa;font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.modal-trade-item .detail .value{color:#fff;font-size:.875rem;font-weight:500}.modal-trade-item .detail .value.positive{color:#4caf50}.modal-trade-item .detail .value.negative{color:#f44336}.modal-trade-item .trade-notes{border-top:1px solid #2c2c2e;margin-top:.75rem;padding-top:.75rem}.modal-trade-item .notes-label{color:#aaa;font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.modal-trade-item .trade-notes p{color:#ccc;font-size:.75rem;line-height:1.4;margin:.25rem 0 0}@media (max-width:768px){.trade-calendar{padding:1rem}.calendar-day{min-height:60px;padding:.25rem}.day-data{font-size:.5rem}.day-number{font-size:.75rem}.modal-stats,.modal-trade-item .trade-details{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .trade-calendar{background:#fff;border:1px solid #00000014}[data-theme=light] .calendar-header h2{color:#1c1c1e}[data-theme=light] .nav-button{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .nav-button:hover{background:#0000000d;border-color:#6b6b6d}[data-theme=light] .calendar-grid{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .weekday{color:#6b6b6d}[data-theme=light] .calendar-day{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .calendar-day.today{background:#007aff0d;border-color:#007aff}[data-theme=light] .calendar-day.has-trades:hover{background:#f9faf7;border-color:#00000026}[data-theme=light] .day-number{color:#1c1c1e}[data-theme=light] .day-number.other-month{color:#999}[data-theme=light] .day-stats{background:#f9faf7;border-top:1px solid #00000014}[data-theme=light] .trade-count{background:#007aff1a;color:#007aff}[data-theme=light] .day-pnl{color:#1c1c1e}[data-theme=light] .calendar-summary{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .summary-stat h3{color:#6b6b6d}[data-theme=light] .summary-stat p{color:#1c1c1e}[data-theme=light] .calendar-legend{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .legend-item span{color:#6b6b6d}[data-theme=light] .day-trades-modal{background:#fff;border:1px solid #0000001a}[data-theme=light] .modal-header h3{color:#1c1c1e}[data-theme=light] .modal-close{color:#6b6b6d}[data-theme=light] .modal-close:hover{color:#1c1c1e}[data-theme=light] .modal-trade-item{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .modal-trade-item:hover{background:#fff;border-color:#00000026}[data-theme=light] .modal-trade-symbol{color:#007aff}[data-theme=light] .modal-trade-details span,[data-theme=light] .modal-trade-time{color:#6b6b6d}[data-theme=light] .modal-trade-details strong{color:#1c1c1e}.modal-overlay{background:#000000b3;overflow:hidden}.add-trade-modal{background:#1c1c1e;border-radius:16px;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:600px;position:relative;width:100%}.modal-header{background:#1c1c1e;border-bottom:1px solid #2c2c2e;border-radius:16px 16px 0 0;flex-shrink:0;padding:20px 24px}.modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;color:#8e8e93;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.close-button:hover{color:#fff}.modal-content{flex:1 1;overflow-y:auto;padding:24px 18px 24px 24px}.form-group label{color:#8e8e93;font-weight:500}.form-group input,.form-group textarea{background:#121212;border:1px solid #2c2c2e;border-radius:8px;color:#fff;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#00d4ff;outline:none}.search-input-wrapper{align-items:center;background:#121212;border:1px solid #2c2c2e;border-radius:8px;display:flex;padding:0 12px;position:relative}.search-input-wrapper svg{color:#8e8e93;margin-right:8px}.search-input{background:none;border:none;color:#fff;flex:1 1;font-size:16px;outline:none;padding:12px 0}.search-results{background:#121212;border:1px solid #2c2c2e;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto}.search-result{border-bottom:1px solid #2c2c2e;color:#fff;cursor:pointer;padding:12px;transition:background .2s}.search-result:last-child{border-bottom:none}.search-result:hover{background:#2c2c2e}.selected-symbol{align-items:center;background:#121212;border:1px solid #2c2c2e;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.selected-symbol span{color:#fff;font-size:16px;font-weight:600}.selected-symbol button{background:#2c2c2e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.selected-symbol button:hover{background:#3c3c3e}.side-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.side-button{align-items:center;background:#121212;border:1px solid #2c2c2e;border-radius:8px;color:#8e8e93;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s}.side-button.long.active{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.side-button.short.active{background:#ef44441a;border-color:#ef4444;color:#ef4444}.side-button:hover{border-color:#3c3c3e}.price-inputs,.quantity-fee{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pnl-display{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.pnl-display.profit{background:#22c55e1a;border:1px solid #22c55e4d}.pnl-display.loss{background:#ef44441a;border:1px solid #ef44444d}.pnl-display span:first-child{color:#8e8e93;font-size:14px}.pnl-value{font-size:18px;font-weight:600}.pnl-display.profit .pnl-value{color:#22c55e}.pnl-display.loss .pnl-value{color:#ef4444}.notes-section{border-top:1px solid #2c2c2e;margin-top:30px;padding-top:20px}.notes-section h3{color:#fff;font-size:18px;margin-bottom:20px}.quality-stars{display:flex;gap:8px}.star{background:none;border:none;color:#3c3c3e;cursor:pointer;font-size:24px;padding:0;transition:color .2s}.star.active,.star:hover{color:gold}.emotion-tags,.trade-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#121212;border:1px solid #2c2c2e;border-radius:20px;color:#8e8e93;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.tag.active{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.tag:hover{border-color:#3c3c3e}.modal-footer{background:#1c1c1e;border-radius:0 0 16px 16px;border-top:1px solid #2c2c2e;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s}.cancel-button{background:#2c2c2e;color:#fff}.cancel-button:hover{background:#3c3c3e}.save-button{background:#00d4ff;color:#000}.save-button:hover:not(:disabled){background:#00b8e6}.save-button:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .modal-overlay{background:#00000080}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#f9faf7;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#fff;border-color:#007aff}[data-theme=light] .search-input-wrapper{background:#f9faf7;border:1px solid #0000001a}[data-theme=light] .search-input-wrapper svg{color:#6b6b6d}[data-theme=light] .search-input{color:#1c1c1e}[data-theme=light] .search-results{background:#fff;border:1px solid #0000001a}[data-theme=light] .search-result{color:#1c1c1e}[data-theme=light] .search-result:hover{background:#0000000d}[data-theme=light] .selected-symbol{background:#f9faf7;border:1px solid #0000001a}[data-theme=light] .selected-symbol span{color:#1c1c1e}[data-theme=light] .selected-symbol button{background:#e0e0e0;color:#1c1c1e}[data-theme=light] .selected-symbol button:hover{background:#d0d0d0}[data-theme=light] .side-buttons{gap:12px;grid-template-columns:1fr 1fr}[data-theme=light] .side-button{background:#e0e0e0;color:#1c1c1e}[data-theme=light] .side-button.long.active{background:#22c55e1a;border-color:#22c55e;color:#22c55e}[data-theme=light] .side-button.short.active{background:#ef44441a;border-color:#ef4444;color:#ef4444}[data-theme=light] .side-button:hover{border-color:#d0d0d0}[data-theme=light] .price-inputs,[data-theme=light] .quantity-fee{gap:12px;grid-template-columns:1fr 1fr}[data-theme=light] .pnl-display{background:#fff;border:1px solid #0000001a}[data-theme=light] .pnl-display.profit{background:#22c55e1a;border:1px solid #22c55e4d}[data-theme=light] .pnl-display.loss{background:#ef44441a;border:1px solid #ef44444d}[data-theme=light] .pnl-display span:first-child{color:#6b6b6d}[data-theme=light] .pnl-value{color:#1c1c1e}[data-theme=light] .pnl-display.profit .pnl-value{color:#22c55e}[data-theme=light] .pnl-display.loss .pnl-value{color:#ef4444}[data-theme=light] .notes-section{border-top:1px solid #0000001a;margin-top:30px;padding-top:20px}[data-theme=light] .notes-section h3{color:#1c1c1e}[data-theme=light] .quality-stars{display:flex;gap:8px}[data-theme=light] .star{color:#3c3c3e}[data-theme=light] .star.active,[data-theme=light] .star:hover{color:gold}[data-theme=light] .emotion-tags,[data-theme=light] .trade-tags{display:flex;flex-wrap:wrap;gap:8px}[data-theme=light] .tag:hover{border-color:#d0d0d0}[data-theme=light] .tag.active{background:#007aff1a;border-color:#007aff;color:#007aff}[data-theme=light] .modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #0000001a;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}[data-theme=light] .cancel-button,[data-theme=light] .save-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .2s}[data-theme=light] .save-button{background:#1c1c1e;color:#fff}[data-theme=light] .save-button:hover:not(:disabled){background:#000}[data-theme=light] .save-button:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .tag-input{background:#f9faf7;border:1px solid #0000001a}[data-theme=light] .remove-tag{color:#007aff}[data-theme=light] .remove-tag:hover{color:#0051a3}.add-trade-modal::-webkit-scrollbar{display:none}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#2c2c2e;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#3c3c3e}.exchange-modal{max-height:80vh;max-width:600px;overflow-y:auto}.exchange-content{padding:20px 0}.connected-exchanges-section{margin-bottom:30px}.connected-exchanges-section h3{color:#00d4ff;font-size:18px;font-weight:600;margin-bottom:20px}.empty-state{padding:40px 20px}.empty-state svg{color:#3c3c3e;margin-bottom:16px}.empty-state .hint{color:#666;font-size:14px}.exchanges-list{flex-direction:column;gap:12px}.exchange-item{align-items:center;background:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.exchange-item:hover{background:#3c3c3e}.exchange-info{display:flex;flex-direction:column;gap:8px}.exchange-name{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.testnet-badge{background:#ffc1071a;border-radius:4px;color:#ffc107;font-size:12px;font-weight:500;padding:2px 8px}.exchange-status{align-items:center;color:#aaa;display:flex;font-size:14px;gap:6px}.status-icon{display:flex}.status-icon.connected{color:#4caf50}.status-icon.disconnected{color:#ff9800}.disconnect-btn{background:#ff44441a;border:1px solid #f443;border-radius:6px;color:#f44;cursor:pointer;padding:8px;transition:all .2s}.disconnect-btn:hover{background:#f443;transform:scale(1.05)}.add-exchange-btn{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff;border-radius:8px;color:#00d4ff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.add-exchange-btn:hover{background:#00d4ff33;transform:translateY(-1px)}.add-exchange-form{background:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;padding:20px}.add-exchange-form h3{color:#00d4ff;font-size:16px;font-weight:600;margin-bottom:20px}.error-message{background:#ff44441a;border:1px solid #f443;border-radius:6px;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.add-exchange-form .form-group{margin-bottom:16px}.add-exchange-form .form-group label{color:#aaa;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.add-exchange-form input[type=password],.add-exchange-form input[type=text],.add-exchange-form select{background:#1c1c1e;border:1px solid #3c3c3e;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.add-exchange-form input:focus,.add-exchange-form select:focus{background:#0c0c0e;border-color:#00d4ff;outline:none}.checkbox-label{align-items:center;color:#aaa;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.cancel-btn,.connect-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn{background:#3c3c3e;color:#aaa}.cancel-btn:hover{background:#4c4c4e}.connect-btn{background:#00d4ff;color:#000}.connect-btn:hover:not(:disabled){background:#00b8e6;transform:translateY(-1px)}.connect-btn:disabled{cursor:not-allowed;opacity:.5}.security-note{background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:6px;color:#aaa;display:flex;font-size:13px;gap:12px;margin-top:20px;padding:12px}.security-note svg{color:#00d4ff;flex-shrink:0;margin-top:2px}.security-note p{line-height:1.5;margin:0}[data-theme=light] .add-exchange-section h3,[data-theme=light] .connected-exchanges-section h3{color:#1c1c1e}[data-theme=light] .connected-exchange-item{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .exchange-status{color:#6b6b6d}[data-theme=light] .disconnect-button{background:#ff3b301a;border:1px solid #ff3b304d;color:#ff3b30}[data-theme=light] .disconnect-button:hover{background:#ff3b3033}[data-theme=light] .exchange-grid{background:#0000}[data-theme=light] .exchange-option{background:#fff;border:1px solid #00000014}[data-theme=light] .exchange-option:hover{background:#007aff0d;border-color:#007aff}[data-theme=light] .exchange-option.selected{background:#007aff1a;border-color:#007aff}[data-theme=light] .exchange-option h4{color:#1c1c1e}[data-theme=light] .exchange-option p,[data-theme=light] .form-group label{color:#6b6b6d}[data-theme=light] .form-group input{background:#f9faf7;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .form-group input:focus{background:#fff;border-color:#007aff}[data-theme=light] .submit-button{background:#1c1c1e;color:#fff}[data-theme=light] .submit-button:hover:not(:disabled){background:#000}[data-theme=light] .cancel-button{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .cancel-button:hover{background:#0000000d}.detailed-analysis-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.analysis-section{margin-bottom:2rem}.analysis-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:.75rem;padding:1rem}.metric-card,.metric-icon{align-items:center;display:flex}.metric-icon{background:#00d4ff1a;border-radius:8px;color:#00d4ff;height:40px;justify-content:center;width:40px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.metric-label{color:#aaa;font-size:.85rem}.metric-value{color:#fff;font-size:1.25rem;font-weight:600}.metric-value.positive{color:#22c55e}.metric-value.negative{color:#ff2d55}.stats-list{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:.5rem}.stat-row{border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}.stat-label{font-size:.9rem}.stat-value{font-size:.95rem;font-weight:500}.stat-value.positive{color:#22c55e}.stat-value.negative{color:#ff2d55}.insights-container{display:flex;flex-direction:column;gap:1rem}.insight{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;line-height:1.4;padding:1rem}.insight.positive{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.insight.negative{background:#ff2d551a;border:1px solid #ff2d5533;color:#ff2d55}.insight.neutral{background:#00d4ff1a;border:1px solid #00d4ff33;color:#00d4ff}.no-data{color:#aaa;padding:3rem 1rem;text-align:center}[data-theme=light] .modal-content{background:#fff;border:1px solid #0000001a}[data-theme=light] .modal-header{border-bottom:1px solid #0000001a}[data-theme=light] .modal-header h2{color:#1c1c1e}[data-theme=light] .close-button{color:#6b6b6d}[data-theme=light] .close-button:hover{color:#1c1c1e}[data-theme=light] .stats-grid{background:#0000}[data-theme=light] .stat-card{background:#f9faf7}[data-theme=light] .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}[data-theme=light] .insights-section{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .insights-section h3{color:#1c1c1e}[data-theme=light] .insight-item{color:#6b6b6d}.trade-journal{margin:0 auto;max-width:1400px;padding:2rem}.journal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.journal-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.header-actions{gap:1rem}.connection-status{align-items:center;background-color:#2c2c2e;border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.connection-status .connected{color:#4caf50}.connection-status .disconnected{color:#f44336}.sync-btn{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.sync-btn:hover:not(:disabled){background-color:#3c3c3e;border-color:#00d4ff}.sync-btn:disabled{cursor:not-allowed;opacity:.6}.sync-btn .spinning{animation:spin 1s linear infinite}.add-trade-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.add-trade-btn:hover{background:#f5f5f5;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.exchange-management-btn{align-items:center;background:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.exchange-management-btn:hover{background:#3c3c3e;border-color:#00d4ff;transform:translateY(-1px)}.connected-exchanges{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;margin-bottom:2rem;padding:1.25rem}.connected-exchanges h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.exchanges-list{display:flex;flex-wrap:wrap;gap:1rem}.exchange-badge{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem}.exchange-badge.connected{border-color:#4caf50}.exchange-badge.disconnected{border-color:#666;opacity:.7}.exchange-name{color:#fff;font-size:.875rem;font-weight:500}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{animation:pulse 2s infinite;background-color:#4caf50}.status-dot.offline{background-color:#666}@keyframes pulse{0%{box-shadow:0 0 0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.account-overview{grid-gap:1rem;background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.25rem}.overview-card{display:flex;flex-direction:column;gap:.5rem}.overview-label{color:#aaa;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.overview-value{color:#fff;font-size:1.5rem;font-weight:700}.overview-value.positive{color:#4caf50}.overview-value.negative{color:#f44336}.journal-tabs{border-bottom:1px solid #2c2c2e;display:flex;gap:.5rem;margin-bottom:2rem}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s}.tab-btn:hover{background-color:#ffffff05;color:#fff}.tab-btn.active{border-bottom-color:#00d4ff;color:#00d4ff}.positions-section{min-height:400px}.no-positions{align-items:center;background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-positions svg{color:#3c3c3e;margin-bottom:1rem}.no-positions p{color:#fff;font-size:1.125rem;margin:0}.no-positions .subtitle{color:#aaa;font-size:.875rem;margin-top:.5rem}.positions-list{display:flex;flex-direction:column;gap:1rem}.position-card{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;padding:1.25rem;transition:all .2s}.position-card:hover{border-color:#3c3c3e;box-shadow:0 2px 8px #0003}.position-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.position-info{align-items:center;display:flex;gap:1rem}.position-side{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.position-side.long{background-color:#22c55e26!important;border:1px solid #22c55e4d;color:#22c55e!important}.position-side.short{background-color:#ef444426!important;border:1px solid #ef44444d;color:#ef4444!important}.position-symbol{color:#00d4ff;font-size:1.125rem;font-weight:700}.position-exchange{background-color:#2c2c2e;border-radius:4px;color:#aaa;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.position-pnl{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.pnl-value{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:.25rem}.pnl-value.positive{color:#4caf50}.pnl-value.negative{color:#f44336}.pnl-percent{color:#aaa;font-size:.875rem}.position-details{grid-gap:1rem;border-top:1px solid #2c2c2e;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding-top:1rem}.history-section{min-height:400px}.live-trades-section{background-color:#1c1c1e;border:1px solid #2c2c2e;border-left:3px solid #00d4ff;border-radius:8px;margin-bottom:2rem;padding:1.25rem}.live-trades-section h3{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.live-trades-container{display:flex;flex-direction:column;gap:.5rem}.live-trade-item{grid-gap:1rem;align-items:center;animation:slideIn .3s ease;background-color:#2c2c2e;border-radius:4px;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:60px 100px 120px 80px 100px 80px;padding:.5rem}.live-trade-item .trade-time{color:#aaa;font-size:.75rem}.journal-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background-color:#1c1c1e;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.stat-label{font-size:.875rem;letter-spacing:.05em}.stat-value{font-size:1.75rem}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.journal-filters{display:flex;gap:.5rem;margin-bottom:2rem}.filter-btn{background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:6px;color:#aaa;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background-color:#3c3c3e;color:#fff}.filter-btn.active{background-color:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.trades-list{display:flex;flex-direction:column;gap:1rem}.no-trades{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;padding:3rem;text-align:center}.no-trades p{color:#fff;font-size:1.125rem;margin:0}.no-trades .subtitle{color:#aaa;font-size:.875rem;margin-top:.5rem}.trade-card{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;padding:1.5rem;transition:all .2s}.trade-card:hover{border-color:#3c3c3e;box-shadow:0 2px 8px #0003}.trade-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.trade-main{align-items:center;display:flex;gap:1rem}.trade-side{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.trade-side.buy{background-color:#4caf5033;color:#4caf50}.trade-side.sell{background-color:#f4433633;color:#f44336}.trade-symbol{color:#00d4ff;font-size:1.125rem;font-weight:700}.trade-date{align-items:center;color:#aaa;display:flex;font-size:.875rem;gap:.25rem}.trade-exchange{background-color:#2c2c2e;border-radius:4px;color:#aaa;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.trade-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#00d4ff1a;border-radius:4px;color:#00d4ff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.trade-details{grid-gap:1rem;border-bottom:1px solid #2c2c2e;border-top:1px solid #2c2c2e;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1rem 0}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#aaa;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.detail-value{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.detail-value.positive{color:#4caf50}.detail-value.negative{color:#f44336}.detail-value small{font-weight:400;opacity:.8}.trade-notes{margin-top:1rem}.notes-label{color:#aaa;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.trade-notes p{color:#ccc;font-size:.875rem;line-height:1.5;margin:.5rem 0 0}.journal-loading{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.account-value-section{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.account-value-header{margin-bottom:1.5rem}.value-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.value-title-row h2{color:#aaa;font-size:1.125rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.value-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s;width:36px}.icon-btn:hover{background-color:#3c3c3e;border-color:#00d4ff}.account-value-display{display:flex;flex-direction:column;gap:.5rem}.value-amount{color:#fff;font-size:2.5rem;font-weight:700}.value-change{align-items:baseline;display:flex;gap:.5rem}.change-amount{font-size:1.125rem;font-weight:600}.change-amount.positive{color:#4caf50}.change-amount.negative{color:#f44336}.change-percent{color:#aaa;font-size:.875rem}.change-percent.positive{color:#4caf50}.change-percent.negative{color:#f44336}.equity-chart-container{background-color:#121212;border:1px solid #2c2c2e;border-radius:8px;margin:1.5rem 0;padding:1rem;position:relative}.chart-loading{align-items:center;background-color:#1c1c1ee6;border-radius:6px;display:flex;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.chart-loading .spinner.small{border-width:2px;height:16px;width:16px}.chart-loading span{color:#aaa;font-size:.875rem}.time-range-selector{display:flex;gap:.5rem;justify-content:center}.time-range-btn{background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:6px;color:#aaa;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.time-range-btn:hover{background-color:#3c3c3e;color:#fff}.time-range-btn.active{background-color:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.enhanced-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-box{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.stat-box .stat-label{color:#aaa;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.stat-box .stat-value{color:#fff;font-size:1.25rem;font-weight:700}.stat-box .stat-value.accent{color:#00d4ff}.stat-box .stat-value.positive{color:#4caf50}.stat-box .stat-value.negative{color:#f44336}.detailed-analysis-btn{align-items:center;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:1px solid #3c3c3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:1rem;transition:all .2s;width:100%}.detailed-analysis-btn:hover{background:linear-gradient(135deg,#2c2c2e,#3c3c3e);border-color:#00d4ff;box-shadow:0 4px 12px #00d4ff33;transform:translateY(-2px)}.detailed-analysis-btn .arrow{font-size:1.25rem;margin-left:auto}@media (max-width:1024px){.live-trade-item{grid-template-columns:60px 80px 100px 1fr}.live-trade-item .trade-exchange,.live-trade-item .trade-time{display:none}}@media (max-width:768px){.trade-journal{padding:1rem}.journal-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;gap:.5rem}.journal-stats{grid-template-columns:repeat(2,1fr)}.trade-header-info{flex-direction:column;gap:.5rem}.trade-main{flex-wrap:wrap}.trade-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.journal-stats,.trade-details{grid-template-columns:1fr}}[data-theme=light] .trade-journal{background:#fff}[data-theme=light] .journal-header{background:#f9faf7;border-bottom:1px solid #0000001a}[data-theme=light] .journal-header h1{color:#1c1c1e}[data-theme=light] .header-actions button{background:#007aff;color:#fff}[data-theme=light] .header-actions button:hover{background:#0051a3}[data-theme=light] .detailed-analysis-btn{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .detailed-analysis-btn:hover{background:#0000000d}[data-theme=light] .stat-card,[data-theme=light] .stats-grid{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .stat-label{color:#6b6b6d}[data-theme=light] .stat-value{color:#1c1c1e}[data-theme=light] .tab-navigation{border-bottom:1px solid #0000001a}[data-theme=light] .tab-button{background:#0000;color:#6b6b6d}[data-theme=light] .tab-button:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .tab-button.active{border-bottom-color:#007aff;color:#007aff}[data-theme=light] .positions-table,[data-theme=light] .trades-table{background:#fff;border:1px solid #00000014}[data-theme=light] .positions-table th,[data-theme=light] .trades-table th{background:#f9faf7;border-bottom:1px solid #0000001a;color:#6b6b6d}[data-theme=light] .positions-table td,[data-theme=light] .trades-table td{border-bottom:1px solid #0000000d;color:#1c1c1e}[data-theme=light] .positions-table tbody tr:hover,[data-theme=light] .trades-table tbody tr:hover{background:#00000005}[data-theme=light] .chart-container{background:#fff;border:1px solid #00000014}[data-theme=light] .chart-header h3{color:#1c1c1e}[data-theme=light] .time-range-selector button{background:#f2f0ee;border:1px solid #00000014;color:#6b6b6d}[data-theme=light] .time-range-selector button.active{background:#007aff;color:#fff}[data-theme=light] .empty-state{background:#fff;border:1px solid #00000014}[data-theme=light] .empty-state h3{color:#1c1c1e}[data-theme=light] .empty-state p{color:#6b6b6d}[data-theme=light] .connected-exchanges{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .connected-exchanges h3{color:#1c1c1e}[data-theme=light] .exchange-badge{background:#fff;border:1px solid #0000001a}[data-theme=light] .exchange-badge.connected{border-color:#00b87a}[data-theme=light] .exchange-name{color:#1c1c1e}[data-theme=light] .position-exchange{background:#f9faf7;color:#6b6b6d}[data-theme=light] .sync-btn{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .sync-btn:hover:not(:disabled){background:#0000000d;border-color:#6b6b6d}[data-theme=light] .add-trade-btn{background:#1c1c1e;color:#fff}[data-theme=light] .add-trade-btn:hover{background:#000}[data-theme=light] .exchange-management-btn{background:#f2f0ee;border:1px solid #6b6b6d;color:#1c1c1e}[data-theme=light] .exchange-management-btn:hover{background:#0000000d}[data-theme=light] .account-value-section{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .value-title-row h2{color:#6b6b6d}[data-theme=light] .value-amount{color:#1c1c1e}[data-theme=light] .change-percent{color:#6b6b6d}[data-theme=light] .icon-btn{background:#f2f0ee;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .icon-btn:hover{background:#0000000d;border-color:#6b6b6d}[data-theme=light] .equity-chart-container{background:#f9faf7;border:1px solid #00000014}[data-theme=light] .enhanced-stats .stat-box{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .stat-box .stat-label{color:#6b6b6d}[data-theme=light] .stat-box .stat-value{color:#1c1c1e}[data-theme=light] .journal-overview{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .overview-label{color:#6b6b6d}[data-theme=light] .overview-value{color:#1c1c1e}[data-theme=light] .trade-card{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .trade-card:hover{border-color:#00000026;box-shadow:0 2px 8px #00000014}[data-theme=light] .trade-symbol{color:#007aff}[data-theme=light] .trade-date{color:#6b6b6d}[data-theme=light] .trade-exchange{background:#f9faf7;color:#6b6b6d}[data-theme=light] .trade-details{border-bottom:1px solid #00000014;border-top:1px solid #00000014}[data-theme=light] .detail-label{color:#6b6b6d}[data-theme=light] .detail-value{color:#1c1c1e}[data-theme=light] .trade-notes{background:#f9faf7;color:#6b6b6d}[data-theme=light] .position-card{background:#f2f0ee;border:1px solid #00000014}[data-theme=light] .position-card:hover{border-color:#00000026;box-shadow:0 2px 8px #00000014}[data-theme=light] .position-symbol{color:#007aff}[data-theme=light] .position-details{border-top:1px solid #00000014}[data-theme=light] .no-positions{background:#fff;border:1px solid #00000014}[data-theme=light] .no-positions svg{color:#0003}[data-theme=light] .no-positions p{color:#1c1c1e}[data-theme=light] .no-positions .subtitle{color:#6b6b6d}[data-theme=light] .no-trades{background:#fff;border:1px solid #00000014}[data-theme=light] .no-trades p{color:#1c1c1e}[data-theme=light] .no-trades .subtitle{color:#6b6b6d}[data-theme=light] .journal-tabs{border-bottom:1px solid #0000001a}[data-theme=light] .tab-btn{color:#6b6b6d}[data-theme=light] .tab-btn:hover{background:#00000005;color:#1c1c1e}[data-theme=light] .tab-btn.active{border-bottom-color:#007aff;color:#007aff}[data-theme=light] .time-range-btn{background:#f2f0ee;border:1px solid #00000014;color:#6b6b6d}[data-theme=light] .time-range-btn:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .time-range-btn.active{background:#007aff;border-color:#007aff;color:#fff}[data-theme=light] .filter-btn{background:#f2f0ee;border:1px solid #00000014;color:#6b6b6d}[data-theme=light] .filter-btn:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .filter-btn.active{background:#007aff1a;border-color:#007aff;color:#007aff}[data-theme=light] .tag{background:#007aff1a;color:#007aff}[data-theme=light] .live-badge{background:#ff3b301a;color:#ff3b30}.chat-container{background-color:#121212;color:#fff;display:flex;height:100vh}.chat-sidebar{background-color:#1c1c1e;border-right:1px solid #2c2c2e;display:flex;flex-direction:column;padding:1rem;width:260px}.new-chat-btn{align-items:center;background-color:initial;border:1px solid #2c2c2e;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .2s ease}.new-chat-btn:hover{background-color:#ffffff0d;border-color:#3c3c3e}.sessions-list{flex:1 1;margin-bottom:1rem;overflow-y:auto}.sessions-list h3{color:#888;font-size:.875rem;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.session-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.25rem;padding:.625rem .75rem;transition:all .2s ease}.session-item:hover{background-color:#ffffff0d}.session-item.active{background-color:#ffffff1a}.session-title{flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-session-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.delete-session-btn:hover{background-color:#ff44441a;color:#f44}.usage-stats{background-color:#ffffff0d;border-radius:8px;padding:1rem}.usage-stats h4{color:#888;font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase}.usage-bar{background-color:#2c2c2e;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#aaa,#fff);height:100%;transition:width .3s ease}.usage-text{color:#888;font-size:.75rem}.chat-main{background-color:#121212}.chat-main,.messages-container{display:flex;flex:1 1;flex-direction:column}.messages-container{gap:2rem;overflow-y:auto;padding:2.5rem}.welcome-message{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.welcome-message h2{color:#fff;margin:1rem 0}.welcome-message p{line-height:1.5;margin:.5rem 0;max-width:500px}.message{animation:fadeIn .3s ease;border:1px solid #0000;border-radius:12px;display:flex;gap:1rem;padding:1.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background-color:#2c2c2e;border-color:#3c3c3e}.message.assistant{background-color:#1c1c1e;border-color:#2c2c2e}.message-avatar{align-items:center;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.message.user .message-avatar{background-color:#3c3c3e;color:#fff}.message.assistant .message-avatar{background-color:#2c2c2e;color:#aaa}.message-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;max-width:800px}.message-context{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.context-label{color:#888;font-size:.75rem;margin-right:.25rem}.context-tag{background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#aaa;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.message-text{word-wrap:break-word;color:#fff;font-size:15px;line-height:1.7;white-space:pre-wrap}.error-message{align-items:center;background-color:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#f44;display:flex;gap:.5rem;padding:1rem}.chat-input-container{background-color:#1c1c1e;border-top:1px solid #2c2c2e;padding:2rem;position:relative}.context-menu{background-color:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;bottom:100%;box-shadow:0 -4px 20px #0000004d;left:1.5rem;margin-bottom:.5rem;max-height:400px;overflow-y:auto;padding:1rem;position:absolute;right:1.5rem}.context-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.context-menu-header h4{color:#fff;font-size:.875rem;margin:0}.context-menu-header button{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.context-menu-header button:hover{background-color:#ffffff1a;color:#fff}.context-options{display:flex;flex-direction:column;gap:.75rem}.context-options h5{border-top:1px solid #2c2c2e;color:#888;font-size:.75rem;letter-spacing:.05em;margin:.75rem 0 .5rem;padding-top:.75rem;text-transform:uppercase}.context-options h5:first-child{border-top:none;margin-top:0;padding-top:0}.context-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.context-option:hover{background-color:#ffffff0d}.context-option input[type=checkbox]{accent-color:#fff;height:16px;width:16px}.context-option span{font-size:.875rem}.symbols-section{border-top:1px solid #2c2c2e;margin-top:1rem;padding-top:1rem}.symbols-section h5{color:#888;font-size:.875rem;margin:0 0 .75rem}.symbols-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.symbol-btn{align-items:center;background-color:initial;border:1px solid #2c2c2e;border-radius:6px;color:#888;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem;transition:all .2s ease}.symbol-price{color:#666;font-size:.625rem;white-space:nowrap}.symbol-btn.selected,.symbol-btn:hover{border-color:#fff;color:#fff}.symbol-btn.selected{background-color:#ffffff26}.context-indicators{align-items:center;background-color:#ffffff08;border:1px solid #2c2c2e;border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.context-indicator-label{color:#888;font-size:.75rem;margin-right:.25rem}.context-indicator{background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;color:#aaa;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.chat-input-wrapper{align-items:center;display:flex;gap:.75rem}.context-btn{align-items:center;background-color:initial;border:1px solid #2c2c2e;border-radius:8px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.context-btn:hover{background-color:#ffffff0d;border-color:#fff;color:#fff}.chat-input{background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:10px;color:#fff;flex:1 1;font-size:15px;min-height:48px;outline:none;padding:1rem 1.25rem;transition:all .2s ease}.chat-input:focus{background-color:#2c2c2e;border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.chat-input:disabled{cursor:not-allowed;opacity:.5}.send-btn{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#121212;cursor:pointer;display:flex;justify-content:center;min-width:48px;padding:1rem;transition:all .2s ease}.send-btn:hover:not(:disabled){background-color:#aaa;box-shadow:0 4px 8px #ffffff1a;transform:translateY(-1px)}.send-btn:disabled{background-color:#3c3c3e;cursor:not-allowed;opacity:.5}[data-theme=light] .chat-container{background-color:#fff;color:#1c1c1e}[data-theme=light] .chat-sidebar{background-color:#f9faf7;border-right-color:#0000001a}[data-theme=light] .new-chat-btn{border-color:#0000001a;color:#1c1c1e}[data-theme=light] .new-chat-btn:hover,[data-theme=light] .session-item:hover{background-color:#0000000d}[data-theme=light] .session-item.active{background-color:#0000001a}[data-theme=light] .chat-main{background-color:#fff}[data-theme=light] .message.user{background-color:#4a9eff0d}[data-theme=light] .message.assistant{background-color:#0000000d}[data-theme=light] .chat-input-container{background-color:#f9faf7;border-top-color:#0000001a}[data-theme=light] .context-menu{background-color:#f9faf7;border-color:#0000001a}[data-theme=light] .chat-input{border-color:#0000001a;color:#1c1c1e}[data-theme=light] .chat-input:focus{background-color:#00000005}[data-theme=light] .context-btn,[data-theme=light] .symbol-btn{border-color:#0000001a;color:#666}.loading-messages{align-items:center;color:#888;display:flex;font-size:.875rem;justify-content:center;padding:2rem}@media (max-width:768px){.chat-sidebar{display:none}.chat-main{width:100%}.symbols-grid{grid-template-columns:repeat(3,1fr)}}.kb-manager{margin:0 auto;max-width:1400px;padding:20px}.kb-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.kb-header h2{font-size:28px;margin:0}.notification{box-shadow:0 4px 12px #00000026;z-index:1000}.notification-success{background:#10b981}.notification-error{background:#ef4444}.kb-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.add-document-form{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;margin-bottom:30px;padding:30px}.add-document-form h3{font-size:20px;margin-bottom:20px;margin-top:0}.form-group input,.form-group select,.form-group textarea{background:#2c2c2e;border:1px solid #2c2c2e;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a;outline:none}.form-group textarea{font-family:Monaco,Menlo,monospace;line-height:1.6;min-height:150px;resize:vertical}.form-group small{color:#aaa;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.6}.btn-danger{background:#ef4444;color:#fff}.btn-sm{font-size:13px;padding:6px 12px}.documents-list{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;padding:24px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-header h3{font-size:18px;margin:0}.empty-state{color:#aaa;padding:60px 20px;text-align:center}.empty-state p{margin:8px 0}.empty-hint{font-size:14px}.documents-table{overflow-x:auto}.documents-table table{border-collapse:collapse;width:100%}.documents-table th{background:#2c2c2e;border-bottom:2px solid #3c3c3e;color:#aaa;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.documents-table td{border-bottom:1px solid #2c2c2e;color:#fff;font-size:14px;padding:16px 12px}.documents-table tr:hover{background:#ffffff0d}.doc-title{color:#fff;font-weight:500;max-width:400px}.badge{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:#aaa;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}@media (max-width:768px){.kb-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.documents-table{font-size:13px}.documents-table td,.documents-table th{padding:10px 8px}}.user-management{padding:20px}.um-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.um-header h2{color:#fff;font-size:28px;margin:0}.header-actions{gap:12px}.header-actions,.search-box{align-items:center;display:flex}.search-box{background:#2c2c2e;border:1px solid #3c3c3e;border-radius:8px;gap:10px;padding:10px 16px}.search-box svg{color:#aaa}.search-box input{background:#0000;border:none;color:#fff;font-size:14px;outline:none;width:250px}.search-box input::placeholder{color:#888}.um-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#aaa;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.empty-state,.loading-state{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;color:#aaa;padding:60px 20px;text-align:center}.empty-state svg{color:#888;margin-bottom:20px;opacity:.3}.users-table{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;overflow:hidden}.users-table table{border-collapse:collapse;width:100%}.users-table th{background:#2c2c2e;color:#aaa;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #2c2c2e;color:#fff;font-size:14px;padding:14px 12px;vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table tr:hover{background:#ffffff0d}.users-table tr.current-user{background:#00d4ff0d}.user-name{align-items:center;display:flex;font-weight:500;gap:8px;min-height:24px}.you-badge{background:#ffffff26;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px}.provider-badge,.role-badge,.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.provider-badge{background:#ffffff1a;border:1px solid #ffffff1a;color:#aaa}.provider-local{background:#ffffff1a;border:1px solid #fff3;color:#fff}.provider-google{background:#ea43351a;border:1px solid #ea433533;color:#ea4335}.status-badge.verified{background:#00d3951a;border:1px solid #00d39533;color:#00d395}.status-badge.unverified{background:#ffb8001a;border:1px solid #ffb80033;color:#ffb800}.role-badge.admin{background:#ffffff26;border:1px solid #ffffff4d;color:#fff;font-weight:700}.role-badge.user{background:#ffffff0d;border:1px solid #ffffff1a;color:#888}.activity-cell{font-size:12px}.activity-stats{display:flex;flex-direction:column;gap:2px}.activity-stats span{color:#aaa}.action-buttons{display:flex;gap:8px}.btn-action{align-items:center;background:#0000;border:none;border-radius:6px;color:#aaa;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.btn-action:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.btn-action:disabled{cursor:not-allowed;opacity:.3}.btn-edit:hover:not(:disabled){color:#00d4ff}.btn-admin:hover:not(:disabled){color:#ffb800}.btn-delete:hover:not(:disabled){color:#ff3b30}.pagination{align-items:center;background:#1c1c1e;border:1px solid #2c2c2e;border-radius:8px;display:flex;justify-content:space-between;margin-top:24px;padding:16px}.page-info{color:#aaa;font-size:14px}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;max-width:500px;padding:30px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h3{color:#fff;font-size:20px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;padding:4px}.modal-close:hover{background:#ffffff1a;color:#fff}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text]{background:#2c2c2e;border:1px solid #2c2c2e;border-radius:8px;color:#fff;font-size:14px;padding:12px;width:100%}.form-group input:focus{border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff1a;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #00d4ff4d}.btn-secondary{background:#2c2c2e;border:1px solid #3c3c3e;color:#fff}.btn-secondary:hover:not(:disabled){background:#3c3c3e}@media (max-width:1024px){.users-table{overflow-x:auto}.activity-stats{font-size:11px}}@media (max-width:768px){.um-header{align-items:flex-start;flex-direction:column}.search-box input{width:180px}.users-table td,.users-table th{font-size:13px;padding:10px 8px}.activity-cell{display:none}.um-stats{grid-template-columns:repeat(2,1fr)}}.system-settings{padding:20px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.settings-header h2{color:#fff;font-size:28px;margin:0}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.settings-card{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;overflow:hidden}.card-header{align-items:center;background:#2c2c2e;border-bottom:1px solid #2c2c2e;display:flex;gap:12px;padding:20px}.card-header svg{color:#aaa}.card-header h3{color:#fff;flex:1 1;font-size:18px;margin:0}.month-badge{background:#ffffff1a;border-radius:10px;color:#aaa;font-size:12px;padding:4px 10px}.card-content{padding:24px}.health-item{align-items:center;border-bottom:1px solid #2c2c2e;color:#aaa;display:flex;justify-content:space-between;padding:12px 0}.health-item:last-child{border-bottom:none}.status-indicator{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;text-transform:capitalize}.status-good{color:#00d395}.status-bad{color:#ff3b30}.info-item{align-items:center;color:#aaa;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.info-value{color:#fff;font-family:monospace;font-weight:500}.stat-row{align-items:center;border-bottom:1px solid #2c2c2e;color:#aaa;display:flex;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-value{color:#fff;font-size:16px;font-weight:600}.cost-card .card-content{padding:20px}.cost-section{border-bottom:1px solid #2c2c2e;margin-bottom:20px;padding-bottom:20px}.cost-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cost-section h4{color:#aaa;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.cost-item{align-items:center;color:#aaa;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.cost-item.total{border-top:1px solid #2c2c2e;color:#fff;font-weight:600;margin-top:8px;padding-top:12px}.cost-value{color:#fff;font-family:monospace;font-weight:600}.cost-value.big{color:#fff;font-size:24px}.cost-item.savings{color:#00d395}.savings-value{color:#00d395;font-family:monospace;font-size:20px;font-weight:700}.cost-section.highlight{background:#ffffff08;border:1px solid #2c2c2e;border-radius:8px;padding:16px}.comparison{color:#888;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:12px}.savings-percent{color:#00d395;font-size:13px;font-weight:600}.config-item{margin-bottom:24px}.config-item label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.config-item small{color:#888;display:block;font-size:12px;font-weight:400;margin-top:4px}.slider{-webkit-appearance:none;background:#2c2c2e;border-radius:3px;height:6px;margin:12px 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #ffffff4d;transform:scale(1.1)}.slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.slider-labels{color:#888;font-size:11px;margin-top:-8px}.slider-labels,.toggle-item{display:flex;justify-content:space-between}.toggle-item{align-items:center}.toggle{display:inline-block;height:26px;position:relative;width:50px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2c2c2e;border:1px solid #3c3c3e;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#888;border-radius:50%;bottom:3px;content:"";height:18px;left:4px;position:absolute;transition:.3s;width:18px}.toggle input:checked+.toggle-slider{background-color:#ffffff1a;border-color:#fff}.toggle input:checked+.toggle-slider:before{background-color:#fff;transform:translateX(24px)}.config-note{align-items:flex-start;background:#ffb8001a;border:1px solid #ffb80033;border-radius:8px;color:#ffb800;display:flex;font-size:13px;gap:10px;margin-top:16px;padding:12px}.config-note svg{flex-shrink:0;margin-top:2px}.btn-save{margin-top:20px;width:100%}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#fff,#aaa);color:#121212}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #fff3}.btn-icon{background:#0000;color:#aaa;padding:8px}.btn-icon:hover:not(:disabled){background:#ffffff0d;color:#fff}.loading-state{color:#aaa;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;color:#aaa;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:10px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1001}.notification-success{background:#00d395;color:#fff}.notification-error{background:#ff3b30;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-header{align-items:flex-start;flex-direction:column;gap:16px}.cost-section.highlight{padding:12px}}.admin-dashboard{background:#121212;min-height:100vh}.admin-header{background:#1c1c1e;border-bottom:1px solid #2c2c2e;color:#fff;margin-bottom:0;padding:40px 20px}.header-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1400px}.admin-icon{opacity:.9}.admin-header h1{font-size:32px;font-weight:700;margin:0}.admin-header p{font-size:16px;margin:8px 0 0;opacity:.9}.admin-tabs{background:#1c1c1e;border-bottom:2px solid #2c2c2e;display:flex;gap:12px;margin:-1px auto 0;max-width:1400px;padding:0 20px}.tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#aaa;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s}.tab:hover:not(:disabled){background:#ffffff0d;color:#fff}.tab.active{border-bottom-color:#fff;color:#fff}.tab:disabled{cursor:not-allowed;opacity:.5}.coming-soon{background:#2c2c2e;border-radius:4px;color:#888;font-size:10px;margin-left:8px;padding:2px 6px}.admin-content{margin:0 auto;max-width:1400px;padding-top:30px}.placeholder{background:#1c1c1e;border:1px solid #2c2c2e;border-radius:12px;color:#aaa;margin:0 20px;padding:60px;text-align:center}.placeholder svg{color:#888;margin-bottom:20px;opacity:.3}.placeholder h3{color:#fff;font-size:24px;margin-bottom:16px}.placeholder p{font-size:16px;margin-bottom:20px}.placeholder ul{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.placeholder li{padding:8px 0 8px 24px;position:relative}.placeholder li:before{color:#aaa;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.admin-header{padding:24px 16px}.admin-header h1{font-size:24px}.admin-tabs{overflow-x:auto;padding:0 16px}.tab{white-space:nowrap}.placeholder{padding:40px 20px}}.App{background:linear-gradient(135deg,#121212,#1a1a1a);display:flex;min-height:100vh}[data-theme=light] .App{background:#fff}.app-content{margin-left:240px;min-height:100vh;overflow-x:hidden;padding-top:0;transition:all .3s ease;width:calc(100% - 240px)}.navigation.collapsed~.app-content{margin-left:60px;width:calc(100% - 60px)}@media (max-width:768px){.app-content{margin-left:0;min-height:calc(100vh - 60px);padding-bottom:60px;width:100%}}
/*# sourceMappingURL=main.bae985ea.css.map*/