:root{--bg-base: #05070d;--bg-deep: #070b17;--panel: rgba(10, 16, 31, .86);--panel-strong: rgba(13, 21, 42, .96);--line: rgba(104, 132, 196, .26);--line-strong: rgba(133, 177, 255, .56);--text: #ebf2ff;--muted: #8fa3cb;--green: #2ef5a4;--green-soft: rgba(46, 245, 164, .16);--red: #ff4f77;--red-soft: rgba(255, 79, 119, .2);--amber: #ffbd65;--blue: #79b4ff;--blue-soft: rgba(121, 180, 255, .15)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(1300px 760px at 16% -10%,rgba(44,92,188,.42),transparent 64%),radial-gradient(1100px 640px at 93% 4%,rgba(58,190,150,.2),transparent 60%),linear-gradient(180deg,#060a14,#04060b);overflow-x:hidden}.app-shell{position:relative;width:min(1720px,96vw);margin:0 auto;padding:18px 0 26px}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background:radial-gradient(640px 420px at 22% 16%,rgba(87,136,255,.18),transparent 72%),radial-gradient(520px 380px at 82% 76%,rgba(60,245,184,.12),transparent 76%)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(95,125,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(95,125,190,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 92%);mask-image:radial-gradient(circle at center,black,transparent 92%)}.top-bar{display:grid;grid-template-columns:320px 1fr;gap:14px}.brand{border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#131f3bad,#0a0f1df2);box-shadow:0 18px 34px #02061094;padding:16px;display:flex;flex-direction:column;justify-content:center}.brand h1{margin:0;font-size:30px;letter-spacing:.09em}.brand p{margin:6px 0 0;font-size:13px;color:var(--muted)}.auto-toggle-wrap{display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"toggle metrics" "commands commands";gap:11px}.auto-toggle{grid-area:toggle;border:1px solid var(--line);border-radius:16px;min-height:96px;background:linear-gradient(145deg,#111f38f0,#090f1df0);color:var(--text);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px 16px;transition:.18s ease}.auto-toggle:hover{transform:translateY(-1px)}.auto-toggle.on{border-color:#2ef5a49e;box-shadow:0 0 0 1px #2ef5a43d,0 0 28px #2ef5a433}.auto-toggle.off{border-color:#7fa0e847}.toggle-label{font-size:clamp(20px,2vw,25px);letter-spacing:.04em;font-weight:850}.toggle-state{margin-top:4px;font-size:13px;color:#b8cbf3}.auto-toggle.on .toggle-state{color:#b8ffe0}.top-metrics{grid-area:metrics;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.top-metrics div{padding:12px;border-left:1px solid rgba(103,125,177,.18)}.top-metrics div:first-child{border-left:none}.top-metrics span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.top-metrics strong{display:block;margin-top:5px;font-size:15px}.command-strip{grid-area:commands;border:1px solid var(--line);border-radius:12px;background:#080d1ad6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px}.cmd-btn,.mini-btn{border:1px solid rgba(118,149,219,.34);border-radius:9px;background:#111b35cc;color:#d8e6ff;padding:8px 10px;font-size:12px;cursor:pointer;transition:.16s ease}.cmd-btn:hover,.mini-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.cmd-btn.active,.mini-btn.active{border-color:#2ef5a494;background:#0c2e24cc;color:#c7ffe8}.cmd-btn.panic,.mini-btn.panic{border-color:#ff4f778f;color:#ffd3dd;background:#34101bd1}.main-layout{margin-top:14px;display:grid;grid-template-columns:1.18fr 1.36fr 1.04fr;gap:12px;min-height:calc(100vh - 165px)}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,rgba(16,24,45,.72),var(--panel));box-shadow:0 20px 34px #01050e8f}.panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(96,124,182,.2)}.panel>header h2{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.panel>header span{color:var(--muted);font-size:12px}.left-col,.center-col,.right-col{min-height:0}.live-feed-panel,.positions-panel{display:flex;flex-direction:column;height:100%}.feed-controls{display:flex;flex-direction:column;gap:8px;padding:10px;border-bottom:1px solid rgba(98,124,181,.16)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.feed-input-row{display:grid;grid-template-columns:120px 1fr auto;gap:6px}.feed-input-row select,.feed-input-row input{border:1px solid rgba(108,138,198,.3);border-radius:8px;background:#080e1ad6;color:var(--text);padding:8px;font-size:12px}.feed-input-row input::placeholder{color:#7f96c3}.feed-table-head{display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(98,124,181,.15);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.feed-scroll,.positions-scroll,.brain-log-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(111,143,212,.44) transparent}.feed-scroll{display:flex;flex-direction:column;gap:6px;padding:8px}.feed-row{width:100%;border:1px solid rgba(104,131,190,.16);border-radius:10px;background:#080d19b8;color:var(--text);padding:9px 10px;display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr 1fr;align-items:center;gap:8px;text-align:left;cursor:pointer;transition:.15s ease}.feed-row:hover{transform:translate(2px);border-color:#7ea7ff8a;background:#0c1428e6}.feed-row.up{box-shadow:inset 0 0 0 1px #2ef5a414}.feed-row.down{box-shadow:inset 0 0 0 1px #ff4f771a}.token-cell strong{display:block;font-size:14px;letter-spacing:.04em}.token-cell small{color:var(--muted);font-size:11px}.change-cell{font-weight:760}.change-cell.pos{color:var(--green)}.change-cell.neg{color:var(--red)}.signal-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.signal-enter{color:#bcffe1;border:1px solid rgba(46,245,164,.56);background:var(--green-soft)}.signal-ignore{color:#d6e5ff;border:1px solid rgba(116,151,222,.46);background:var(--blue-soft)}.signal-exit{color:#ffd3dd;border:1px solid rgba(255,79,119,.52);background:var(--red-soft)}.signal-cell{display:flex;justify-content:space-between;align-items:center;gap:5px}.signal-cell small{color:var(--muted);font-size:11px}.positions-toolbar{padding:10px;display:flex;gap:8px;border-bottom:1px solid rgba(98,124,181,.15)}.positions-scroll{display:flex;flex-direction:column;gap:10px;padding:10px}.empty-state{border:1px dashed rgba(113,145,211,.36);border-radius:12px;padding:24px;background:#0a101ea3;color:#a9bfe7;text-align:center}.empty-state p{margin:0;font-size:16px}.empty-state small{display:block;margin-top:5px;color:var(--muted)}.position-card{border:1px solid rgba(104,131,190,.3);border-radius:12px;background:linear-gradient(160deg,#10192fe0,#080d19e0);padding:12px}.position-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.token-open{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.token-open strong{display:block;font-size:16px}.token-open small{color:var(--muted);font-size:12px}.position-metrics{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.position-metrics span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.position-metrics strong{display:block;margin-top:4px;font-size:14px}.position-meta-row{margin-top:8px;display:flex;justify-content:space-between;gap:8px;color:#b5c8ec;font-size:11px}.position-meta-row b{color:#e6f0ff}.pnl-positive{color:var(--green);text-shadow:0 0 14px rgba(46,245,164,.32)}.pnl-negative{color:var(--red);text-shadow:0 0 14px rgba(255,79,119,.3)}.position-actions{margin-top:10px;display:flex;gap:8px}.btn{border:1px solid rgba(117,147,214,.38);border-radius:8px;background:#141f3deb;color:#dce8ff;padding:7px 10px;font-size:12px;cursor:pointer;transition:.15s ease}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.btn.danger{border-color:#ff4f778a;color:#ffd4dd;background:#320f1ad6}.btn.warn{border-color:#ffbd6585;color:#ffe2b9;background:#32230ed1}.btn.active{border-color:#2ef5a48a;color:#c8ffe9;background:#0a2c22e6}.right-col{display:flex;flex-direction:column;gap:10px}.brain-panel{display:flex;flex-direction:column;min-height:53%}.brain-status{border-radius:999px;padding:3px 8px;font-size:11px}.brain-status.live{border:1px solid rgba(46,245,164,.5);background:#2ef5a41f;color:#bcffe0}.brain-status.idle{border:1px solid rgba(116,151,222,.4);background:#7497de1f;color:#d8e6ff}.brain-block{padding:11px 14px;border-bottom:1px solid rgba(98,124,181,.15)}.brain-block span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.brain-block strong{margin-top:4px;display:block;font-size:18px}.brain-block small{display:block;margin-top:4px;font-size:11px;color:#9fbae9}.strategy-buttons{padding:10px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-bottom:1px solid rgba(98,124,181,.15)}.signal-summary{padding:10px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-bottom:1px solid rgba(98,124,181,.15)}.signal-summary div{border:1px solid rgba(102,129,184,.28);border-radius:8px;background:#090f1dbd;padding:8px}.signal-summary small{color:var(--muted);font-size:11px}.signal-summary strong{display:block;margin-top:4px;font-size:17px}.brain-log{display:flex;flex-direction:column;min-height:0;flex:1}.brain-log h3{margin:0;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(98,124,181,.15)}.brain-log-scroll{padding:8px;min-height:0;flex:1}.log-line{border:1px solid rgba(104,131,190,.22);border-radius:8px;padding:7px 8px;margin-bottom:6px;background:#090e1bb8}.log-line span{color:var(--muted);font-size:10px}.log-line p{margin:3px 0 0;font-size:12px}.log-line.enter{border-color:#2ef5a466}.log-line.exit-negative,.log-line.warn{border-color:#ff4f7766}.log-line.scale,.log-line.manual{border-color:#ffbd6570}.profile-panel{padding-bottom:12px}.profile-total{padding:12px 14px;border-bottom:1px solid rgba(98,124,181,.15)}.profile-total span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.profile-total strong{display:block;margin-top:5px;font-size:24px}.chain-breakdown{padding:10px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.chain-breakdown div,.behavior-grid div{border:1px solid rgba(103,129,185,.24);border-radius:9px;background:#090f1eb8;padding:8px}.chain-breakdown span,.behavior-grid small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.chain-breakdown strong,.behavior-grid strong{display:block;margin-top:4px;font-size:14px}.behavior-grid,.profile-actions{padding:0 14px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ai-feedback{margin:0 14px;border:1px solid rgba(255,79,119,.38);border-radius:10px;background:#2d0f1885;padding:10px}.ai-feedback span{display:block;color:#ffd5df;font-size:11px;text-transform:uppercase}.ai-feedback p{margin:6px 0 0;font-size:13px;color:#ffc5d3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#01040ad1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:60;padding:12px}.modal-card{width:min(760px,96vw);max-height:min(92vh,860px);overflow:auto;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(156deg,#101b34f5,#060a14f7);box-shadow:0 30px 60px #000000a6}.modal-card>header{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(98,124,181,.2)}.modal-card h3{margin:0;font-size:22px}.modal-card h3 span{margin-left:8px;color:var(--muted);font-size:15px}.modal-card header p{margin:5px 0 0;color:var(--muted);font-size:13px}.modal-card header button{width:30px;height:30px;border-radius:7px;border:1px solid rgba(114,143,212,.4);background:#0c1323d1;color:#d8e6ff;cursor:pointer}.modal-chart{padding:10px 12px 0}.spark-chart{width:100%;height:auto}.modal-stats-grid{padding:10px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.modal-stats-grid div{border:1px solid rgba(103,130,185,.26);border-radius:9px;background:#090e1bb3;padding:8px}.modal-stats-grid small{color:var(--muted);font-size:10px;text-transform:uppercase}.modal-stats-grid strong{display:block;margin-top:3px;font-size:14px}.indicators{padding:0 12px 10px}.indicators h4{margin:8px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.indicator-row{display:grid;grid-template-columns:160px 1fr 42px;align-items:center;gap:10px;margin-bottom:8px}.indicator-row span{color:#c8d5f1;font-size:13px}.bar-wrap{height:9px;border-radius:999px;border:1px solid rgba(102,129,184,.26);background:#0b1223e6;overflow:hidden}.bar{height:100%;border-radius:999px;transition:width .24s ease}.bar.strong{background:linear-gradient(90deg,#2ef5a4a6,#2ef5a4f2)}.bar.mid{background:linear-gradient(90deg,#79b4ffa3,#79b4fff2)}.bar.weak{background:linear-gradient(90deg,#ffbd65a3,#ffbd65f2)}.bar.danger{background:linear-gradient(90deg,#ff4f77a3,#ff4f77f2)}.decision-banner{margin:0 12px 12px;border:1px solid rgba(106,136,197,.34);border-radius:10px;background:#090f1dd6;padding:12px;display:flex;justify-content:space-between;align-items:center}.decision-banner span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.decision-banner strong{font-size:24px;letter-spacing:.04em}.decision-banner strong.enter{color:var(--green);text-shadow:0 0 18px rgba(46,245,164,.42)}.decision-banner strong.exit{color:var(--red);text-shadow:0 0 18px rgba(255,79,119,.42)}.decision-banner strong.late{color:var(--amber)}.modal-actions{padding:0 12px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@keyframes pulseGreen{0%{box-shadow:0 0 #2ef5a442}70%{box-shadow:0 0 0 8px #2ef5a400}to{box-shadow:0 0 #2ef5a400}}.auto-toggle.on{animation:pulseGreen 1.8s infinite}@media (max-width: 1460px){.top-bar{grid-template-columns:1fr}.main-layout{grid-template-columns:1fr;min-height:auto}.left-col,.center-col,.right-col{min-height:420px}}@media (max-width: 980px){.auto-toggle-wrap{grid-template-columns:1fr;grid-template-areas:"toggle" "metrics" "commands"}.command-strip,.modal-stats-grid,.modal-actions,.strategy-buttons,.signal-summary,.profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.feed-table-head,.feed-row{grid-template-columns:2fr .7fr .8fr .9fr}.feed-table-head span:nth-child(5),.feed-row>div:nth-child(5){display:none}.feed-input-row,.position-metrics{grid-template-columns:1fr}.position-meta-row,.position-actions{flex-wrap:wrap}.chain-breakdown,.behavior-grid{grid-template-columns:1fr}.indicator-row{grid-template-columns:1fr;gap:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
