*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-anim-paused=true],[data-anim-paused=true] *{animation-play-state:paused!important}:root{--bg-primary: #060B14;--bg-secondary: #0A1020;--bg-card: #0D1623;--bg-elevated: #111C2B;--bg-hover: #152238;--border: #1A2744;--border-light: #243356;--text-primary: #E6E8EF;--text-secondary: #8B95A8;--text-muted: #556380;--brand-gradient: linear-gradient(90deg, #00c8ff 0%, #10e878 100%);--brand-gradient-diagonal: linear-gradient(135deg, #00c8ff 0%, #10e878 100%);--brand-cyan: #00c8ff;--brand-green: #10e878;--brand-glow-cyan: rgba(0, 200, 255, .25);--brand-glow-green: rgba(16, 232, 120, .25);--brand-glow-mixed: rgba(0, 200, 255, .15);--accent: #00c8ff;--accent-hover: #33d4ff;--accent-dim: rgba(0, 200, 255, .12);--accent-glow: 0 0 18px rgba(0, 200, 255, .25);--green: #10e878;--green-dim: rgba(16, 232, 120, .1);--green-glow: 0 0 12px rgba(16, 232, 120, .2);--red: #EF4444;--red-dim: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .1);--yellow: #F59E0B;--yellow-dim: rgba(245, 158, 11, .1);--orange: #F97316;--blue: #3B82F6;--radius: 14px;--radius-sm: 8px;--shadow: 0 4px 32px rgba(0, 0, 0, .6);--shadow-card: 0 2px 16px rgba(0, 0, 0, .4);--gap-section: 32px;--gap-card: 20px;--pad-card: 22px}body{background-color:#040810;background-image:radial-gradient(circle,rgba(0,255,136,.04) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 900px),(hover: none) and (pointer: coarse){body{background-attachment:scroll}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}.mono{font-family:Space Mono,monospace}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#0d1826}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00c8ff,#10e878);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#33d4ff,#3eed96)}.btn-primary,button[class*=btn-primary]{transition:filter .15s,box-shadow .15s}button:not([disabled]):active{transform:translateY(1px)}.btn-accent{background:var(--brand-gradient);color:#000d14;border-radius:var(--radius-sm);transition:background .15s,box-shadow .15s,filter .15s}.btn-accent:hover:not([disabled]){box-shadow:0 0 18px var(--brand-glow-cyan);filter:brightness(1.08)}.table-hover-row{transition:background .15s ease,transform .15s ease}.table-hover-row:hover{background:var(--bg-hover)!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-cyan)!important;box-shadow:0 0 0 1px var(--brand-cyan),0 0 8px #00c8ff33}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.green{color:var(--green)}.red{color:var(--red)}.muted{color:var(--text-secondary)}.accent{color:var(--brand-cyan)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glass-card-hover{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease!important}.glass-card-hover:hover{transform:translateY(-3px) scale(1.008)!important;box-shadow:0 12px 40px #0000004d!important}@media (max-width: 768px){body{overflow-x:hidden}.mobile-hide{display:none!important}table{font-size:12px}}@media (min-width: 769px){.desktop-hide{display:none!important}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes loginGlow{0%{background:radial-gradient(circle,rgba(0,200,255,.08) 0%,rgba(16,232,120,.04) 40%,transparent 70%);transform:translate(-50%,-50%) scale(1)}33%{background:radial-gradient(circle,rgba(16,232,120,.06) 0%,rgba(0,200,255,.06) 40%,transparent 70%);transform:translate(-50%,-50%) scale(1.1)}66%{background:radial-gradient(circle,rgba(0,200,255,.07) 0%,rgba(16,232,120,.04) 40%,transparent 70%);transform:translate(-50%,-50%) scale(.95)}to{background:radial-gradient(circle,rgba(0,200,255,.08) 0%,rgba(16,232,120,.04) 40%,transparent 70%);transform:translate(-50%,-50%) scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}.live-badge{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;padding:2px 8px 2px 6px;border-radius:12px;background:#10e8780f;color:#10e878;letter-spacing:.3px;text-transform:uppercase}.live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#10e878;animation:livePulse 2s ease-in-out infinite;box-shadow:0 0 4px #10e87866}@keyframes livePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px #10e87866}50%{opacity:.5;transform:scale(.75);box-shadow:0 0 8px #10e87899}}.perf-sub-card{animation:fadeSlideUp .4s ease forwards;opacity:0;transform:translateY(8px);transition:all .2s ease}.perf-sub-card:hover{background:#ffffff0a!important;border-color:#ffffff14!important}.dash-card{animation:fadeSlideUp .5s ease forwards;opacity:0;transform:translateY(10px)}.dash-card:hover{transform:translateY(-2px)!important;border-color:#00c8ff2e!important;box-shadow:0 4px 20px #00000026}.metric-card{animation:fadeSlideUp .5s ease forwards;opacity:0;transform:translateY(10px)}.metric-card:hover{transform:translateY(-3px)!important;box-shadow:0 6px 24px #0003}.exec-trade-chip{animation:fadeSlideUp .4s ease forwards;opacity:0;transform:translateY(10px)}.exec-trade-chip:hover{transform:translateY(-1px)!important;filter:brightness(1.15)}.action-card{animation:fadeSlideUp .4s ease forwards;opacity:0;transform:translateY(10px)}.action-card:hover{transform:translateY(-1px)!important;filter:brightness(1.08)}.tn-card{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,border-color .22s ease}.tn-card:hover{transform:translateY(-2px);border-color:#00c8ff2e!important;box-shadow:0 8px 28px #00000040}.tn-panel-expand{animation:panelExpand .3s cubic-bezier(.25,.1,.25,1) forwards;overflow:hidden}@keyframes panelExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.tn-panel-collapse{animation:panelCollapse .2s ease forwards;overflow:hidden}@keyframes panelCollapse{0%{opacity:1;max-height:2000px}to{opacity:0;max-height:0}}.tn-skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:400% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.tn-success-flash{animation:successFlash .6s ease}@keyframes successFlash{0%{box-shadow:0 0 #10e87866}50%{box-shadow:0 0 0 6px #10e87826}to{box-shadow:0 0 #10e87800}}.tn-warning-pulse{animation:warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{border-color:#f59e0b26}50%{border-color:#f59e0b59}}.tn-stat-up{animation:statReveal .4s cubic-bezier(.4,0,.2,1) forwards;opacity:0}@keyframes statReveal{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tn-nav-active-indicator{position:relative}.tn-nav-active-indicator:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:var(--brand-gradient);border-radius:2px;animation:indicatorIn .2s ease forwards}@keyframes indicatorIn{0%{height:0;opacity:0}to{height:60%;opacity:1}}.tn-tooltip{position:relative}.tn-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.tn-tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.tn-stagger>*{animation:fadeSlideUp .4s ease forwards;opacity:0}.tn-stagger>*:nth-child(1){animation-delay:.05s}.tn-stagger>*:nth-child(2){animation-delay:.1s}.tn-stagger>*:nth-child(3){animation-delay:.15s}.tn-stagger>*:nth-child(4){animation-delay:.2s}.tn-stagger>*:nth-child(5){animation-delay:.25s}.tn-stagger>*:nth-child(6){animation-delay:.3s}.tn-stagger>*:nth-child(7){animation-delay:.35s}.tn-stagger>*:nth-child(8){animation-delay:.4s}@keyframes stepNodeGlow{0%,to{box-shadow:0 0 20px #00c8ff66,0 0 40px #10e87826}50%{box-shadow:0 0 28px #00c8ff8c,0 0 50px #10e87840}}.step-node-active-glow{animation:stepNodeGlow 2.5s ease-in-out infinite}.step-card-active>div{border-color:#00c8ff59!important;box-shadow:0 0 24px #00c8ff33,0 2px 12px #0000004d,inset 0 1px #00c8ff14!important;background:linear-gradient(180deg,rgba(0,200,255,.06) 0%,var(--bg-card) 100%)!important}@keyframes confirmPulse{0%,to{box-shadow:0 0 20px #10e87866,0 4px 12px #0000004d}50%{box-shadow:0 0 30px #10e87899,0 0 50px #10e87833,0 4px 12px #0000004d}}.confirm-plan-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.confirm-plan-pulse{animation:confirmPulse 2s ease-in-out infinite}.confirm-plan-pulse:hover{transform:scale(1.02);box-shadow:0 0 30px #10e8788c,0 0 60px #10e87833,0 6px 16px #0006!important}.confirm-plan-pulse:active{transform:scale(.98)}.confirm-plan-disabled{animation:none}@keyframes connectBrokerPulse{0%,to{box-shadow:0 0 20px #00c8ff4d}50%{box-shadow:0 0 30px #00c8ff99}}.connect-broker-pulse{animation:connectBrokerPulse 2s ease-in-out infinite;transition:filter .15s ease,transform .1s ease}.connect-broker-pulse:hover{filter:brightness(1.05)}.connect-broker-pulse:active{transform:scale(.98)}.import-csv-outline{transition:filter .15s ease,transform .1s ease}.import-csv-outline:hover{filter:brightness(1.1)}.import-csv-outline:active{transform:scale(.98)}@keyframes brokerDotPulse{0%,to{box-shadow:0 0 #10e87899}50%{box-shadow:0 0 0 5px #10e87800}}.broker-pulse-dot{animation:brokerDotPulse 1.6s ease-in-out infinite}.step-edit-link:hover{text-decoration:underline}.gradient-text-cyan-green{background:linear-gradient(90deg,#00c8ff,#10e878)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.bias-btn-hover{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.bias-btn-hover:hover{transform:scale(1.05);z-index:2;position:relative}.bias-btn-hover:active{transform:scale(.96)}@keyframes ellipsis-blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.session-notes-textarea::placeholder,.panel-notes-textarea::placeholder{color:#6487aa}.panel-tag-dismiss-x{opacity:0;transition:opacity .15s ease,color .15s ease;color:#6487aa;font-size:11px;line-height:1;margin-left:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.panel-tag-wrap:hover .panel-tag-dismiss-x{opacity:1}.panel-tag-dismiss-x:hover{color:#d94020}.panel-tag-fadeout{opacity:0!important;transition:opacity .15s ease;pointer-events:none}.debrief-action-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1024px){.debrief-action-grid{grid-template-columns:1fr 1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcs-screen-in{0%{opacity:0}to{opacity:1}}@keyframes rcs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rcs-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rcs-fade-up-sm{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rcs-word-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rcs-check-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes rcs-grade-pulse{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.trade-row-clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.trade-row-clickable:hover{background:#00c8ff0f!important;border-color:#00c8ff33!important}.trade-row-clickable:hover .trade-row-chevron{color:#00c8ff99!important}
