@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#08090c;--bg-secondary:#0f1115;--bg-tertiary:#161920;--glass-bg:#0f1115bf;--glass-border:#ffffff0a;--glass-border-glow:#00b0ff26;--glass-blur:blur(16px);--accent-long:#00e676;--accent-long-glow:#00e67633;--accent-short:#ff1744;--accent-short-glow:#ff174433;--accent-info:#00b0ff;--accent-info-glow:#00b0ff33;--accent-warning:#ffd600;--text-primary:#fff;--text-secondary:#90a4ae;--text-muted:#546e7a;--font-sans:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary);margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:10px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--border-radius-md);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);box-shadow:0 8px 32px #0006}.glass-panel:hover{border-color:#ffffff14}.glass-panel.glowing:hover{border-color:var(--glass-border-glow);box-shadow:0 8px 32px #00b0ff0d}.font-mono{font-family:var(--font-mono)}.terminal-grid{grid-template-columns:340px 1fr 340px;gap:16px;width:100%;height:auto;min-height:750px;padding:16px 24px;display:grid}@media (width<=1400px){.terminal-grid{grid-template-rows:auto auto auto;grid-template-columns:300px 1fr;height:auto;overflow-y:auto}}@media (width<=900px){.terminal-grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1;transform:scale(1.02)}}.pulse-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.pulse-indicator.green{background-color:var(--accent-long);box-shadow:0 0 8px var(--accent-long);animation:2s infinite pulse-glow}.pulse-indicator.red{background-color:var(--accent-short);box-shadow:0 0 8px var(--accent-short);animation:2s infinite pulse-glow}.pulse-indicator.cyan{background-color:var(--accent-info);box-shadow:0 0 8px var(--accent-info);animation:2s infinite pulse-glow}.pulse-indicator.yellow{background-color:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning);animation:2s infinite pulse-glow}.app-container{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.risk-ribbon{border-bottom:1px solid var(--glass-border);background:#0f111566;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.ribbon-metrics{align-items:center;gap:24px;display:flex}.metric-item{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem}.metric-value{align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.metric-value.long{color:var(--accent-long)}.metric-value.short{color:var(--accent-short)}.circuit-breaker-container{align-items:center;gap:12px;min-width:260px;display:flex}.cb-label-group{justify-content:space-between;width:100%;display:flex}.progress-track{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .3s}.active-positions-panel{flex-direction:column;height:750px;display:flex}.panel-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.positions-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.position-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#16192066;padding:12px}.position-card:hover{background:#161920b3;border-color:#ffffff14}.position-card.selected{border-color:var(--accent-info);background:#00b0ff08;box-shadow:0 0 10px #00b0ff0d}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.coin-name{font-size:.9rem;font-weight:700}.direction-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.direction-badge.long{background:var(--accent-long-glow);color:var(--accent-long);border:1px solid #00e6764d}.direction-badge.short{background:var(--accent-short-glow);color:var(--accent-short);border:1px solid #ff17444d}.card-row{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.card-row .label{color:var(--text-muted)}.card-row .value{font-weight:500}.pnl-value{font-weight:700}.pnl-value.profit{color:var(--accent-long)}.pnl-value.loss{color:var(--accent-short)}.dca-meter-container{margin-top:8px;font-size:.75rem}.dca-dots{gap:4px;margin-top:4px;display:flex}.dca-dot{background:var(--bg-tertiary);border-radius:2px;flex:1;height:4px}.dca-dot.active{background:var(--accent-warning);box-shadow:0 0 6px var(--accent-warning)}.card-actions{gap:8px;margin-top:12px;display:flex}.btn{cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.75rem;font-weight:600;display:flex}.btn:hover{filter:brightness(1.2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--accent-short);background:#ff17441a;border:1px solid #ff17444d}.btn-danger:hover:not(:disabled){background:var(--accent-short);color:#fff}.btn-warning{color:var(--accent-warning);background:#ffd6001a;border:1px solid #ffd6004d}.btn-warning:hover:not(:disabled){background:var(--accent-warning);color:#000}.main-chart-area{flex-direction:column;gap:16px;height:750px;display:flex}.chart-container{flex-shrink:0;height:500px;position:relative}.ai-insights-panel{flex-direction:column;flex-shrink:0;height:234px;padding:16px;display:flex}.ai-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-body{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.5;overflow-y:auto}.command-sidebar{flex-direction:column;gap:16px;height:750px;display:flex}.system-health-panel{flex-direction:column;flex-shrink:0;height:170px;padding:16px;display:flex}.health-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.health-card{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#16192066;flex-direction:column;justify-content:space-between;padding:10px;display:flex}.health-status-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.health-value{font-size:.85rem;font-weight:600}.ignore-manager-panel{flex-direction:column;flex-shrink:0;height:250px;padding:16px;display:flex}.ignore-tags-container{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;margin-top:12px;display:flex;overflow-y:auto}.ignore-tag{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;display:flex}.ignore-tag .remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;display:flex}.ignore-tag .remove-btn:hover{color:var(--accent-short)}.ignore-input-group{flex-shrink:0;gap:8px;margin-top:12px;display:flex}.text-input{background:var(--bg-secondary);border:1px solid var(--glass-border);color:#fff;font-family:var(--font-sans);border-radius:4px;flex:1;padding:8px 12px;font-size:.8rem}.text-input:focus{border-color:var(--accent-info);outline:none}.terminal-panel{flex-direction:column;flex-shrink:0;height:298px;display:flex}.terminal-logs{border-radius:var(--border-radius-sm);font-family:var(--font-mono);color:#39ff14;background:#020204;border:1px solid #ffffff05;flex-direction:column;flex:1;gap:4px;height:220px;padding:12px;font-size:.7rem;display:flex;overflow-y:auto}.heatmap-panel{padding:16px}.heatmap-grid{grid-template-columns:repeat(26,1fr);gap:4px;margin-top:12px;display:grid}.heatmap-day{aspect-ratio:1;background:var(--bg-tertiary);cursor:pointer;border-radius:2px;position:relative}.heatmap-day.profit-light{background:#004d20}.heatmap-day.profit-med{background:#008f39}.heatmap-day.profit-high{background:#00e676}.heatmap-day.loss-light{background:#5a0010}.heatmap-day.loss-med{background:#ba0020}.heatmap-day.loss-high{background:#ff1744}.heatmap-tooltip{visibility:hidden;background:var(--bg-secondary);border:1px solid var(--glass-border);color:#fff;white-space:nowrap;z-index:10;border-radius:4px;padding:4px 8px;font-size:.7rem;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.heatmap-day:hover .heatmap-tooltip{visibility:visible}.login-overlay{z-index:9999;background-color:#050608;background-image:radial-gradient(circle,#0d111a 0%,#030406 100%),linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:100% 100%,30px 30px,30px 30px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.bg-glow{filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite alternate pulseGlow;position:absolute}.bg-glow-1{background:#00e676;width:500px;height:500px;top:-10%;left:-10%}.bg-glow-2{background:#7c4dff;width:600px;height:600px;animation-delay:-3s;bottom:-20%;right:-10%}.bg-glow-3{background:#00b0ff;width:400px;height:400px;animation-duration:8s;animation-delay:-5s;top:40%;left:45%}@keyframes pulseGlow{0%{opacity:.12;transform:scale(1)translate(0)}to{opacity:.22;transform:scale(1.2)translate(30px,-30px)}}.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#0a0c1280;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:24px;width:400px;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 40px #00b0ff0d,inset 0 1px 1px #ffffff1a}.login-card:before{content:"";pointer-events:none;z-index:1;background:conic-gradient(#0000,#0000,#00b0ff33,#0000);width:200%;height:200%;animation:6s linear infinite rotateBorder;position:absolute;top:-50%;left:-50%}.login-card:after{content:"";z-index:2;background:#090b10;border-radius:14px;position:absolute;inset:2px}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-ring-wrapper,.login-header-text,.login-form,.login-footer{z-index:3;width:100%;position:relative}.logo-ring-wrapper{justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;display:flex;position:relative}.logo-ring-outer{border:2px dashed #00b0ff66;border-radius:50%;width:108px;height:108px;animation:12s linear infinite pulseRing;position:absolute}.logo-ring-inner{border:2px solid #7c4dff4d;border-radius:50%;width:96px;height:96px;animation:4s ease-in-out infinite alternate pulseRingInner;position:absolute;box-shadow:0 0 15px #7c4dff33}@keyframes pulseRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRingInner{0%{border-color:#7c4dff4d;transform:scale(.95)}to{border-color:#00b0ff99;transform:scale(1.03);box-shadow:0 0 20px #00b0ff4d}}.login-logo-container{background:#10141e;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden;box-shadow:inset 0 2px 10px #000c}.login-logo{object-fit:cover;filter:drop-shadow(0 0 8px #00b0ff66);border-radius:50%;width:100%;height:100%;transition:transform .5s}.logo-ring-wrapper:hover .login-logo{transform:scale(1.1)rotate(5deg)}.login-header-text{margin-top:4px}.terminal-title{letter-spacing:.1em;background:linear-gradient(135deg,#fff 30%,#aab7cf 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #ffffff26;-webkit-background-clip:text;margin:0;font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:900}.terminal-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-top:6px;font-size:.7rem;display:block}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-input{color:#fff;border:1px solid #ffffff0f;border-radius:8px;width:100%;height:44px;padding:10px 16px 10px 42px;font-size:.85rem;transition:all .3s;background:#050608cc!important}.login-input:focus{border-color:var(--accent-info);box-shadow:0 0 15px #00b0ff26,inset 0 1px 1px #00b0ff0d;background:#0a0c12e6!important}.btn-login-submit{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#00b0ff 0%,#7c4dff 100%);border:none;border-radius:8px;width:100%;height:44px;font-size:.85rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #7c4dff4d}.btn-login-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #00b0ff66}.btn-login-submit:active:not(:disabled){transform:translateY(0)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#424242 0%,#212121 100%)}.login-error{color:var(--accent-short);background:#ff17441a;border:1px solid #ff174440;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.75rem;display:flex}.shake-animation{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login-footer{color:var(--text-muted);letter-spacing:.05em;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:.65rem;display:flex}.status-indicator-green{color:#00e676;text-shadow:0 0 8px #00e676;animation:2s infinite alternate blinkStatus}@keyframes blinkStatus{0%{opacity:.4}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
