:root{
  --bg:#0b1220; --panel:#101b2c; --panel2:#0f1928; --line:#22334b;
  --text:#f4f7fb; --muted:#94a3b8; --cyan:#39dfcf; --green:#50f36b;
  --red:#ff6a67; --yellow:#ffd84a; --blue:#58a6ff;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#16243b 0,#0b1220 34%,#070c14 100%);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}
.shell{max-width:1080px;margin:auto;padding:26px 18px 60px}
header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}
.brand{font-size:28px;font-weight:900;letter-spacing:3px}.brand span{color:#5ac8fa}.subtitle{color:var(--muted);margin-top:6px}
.card{background:linear-gradient(180deg,rgba(17,29,47,.96),rgba(10,20,34,.96));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.25);margin:16px 0}
.hero{text-align:center;padding:34px}.eyebrow{font-weight:800;letter-spacing:4px;margin-top:15px}.big{font-size:64px;font-weight:950;color:var(--green);text-shadow:0 0 18px rgba(80,243,107,.25);margin:8px 0}
.pill{display:inline-flex;padding:8px 18px;border-radius:999px;font-weight:900;letter-spacing:1px}.paper{background:#802c63;color:#ffd4f0}.premium{background:#f4c321;color:#24200a}
.primary,.secondary{border:0;border-radius:14px;font-weight:850;cursor:pointer}.primary{background:linear-gradient(90deg,#1686ff,#25d6bb);color:white;padding:13px 24px;margin-top:20px}.secondary{width:100%;background:#17263a;color:#eaf2ff;border:1px solid #2a4260;padding:14px;margin-top:18px}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode{margin:0}.mode.active{outline:2px solid rgba(88,166,255,.6);box-shadow:0 0 38px rgba(38,132,255,.18)}.mode-title{font-size:22px;font-weight:900}.status{color:var(--green);font-weight:900;margin:7px 0}
.scanner{display:flex;align-items:center;gap:18px;border-color:#215c68}.scanner h3{margin:0 0 7px}.await{color:var(--green);margin-top:9px;font-weight:800}.spinner{width:48px;height:48px;border:6px solid #173a46;border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
h2{font-size:20px;letter-spacing:3px;margin-top:0}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.config-grid div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.config-grid span,.muted,small{color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:28px}.live-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:14px;border:1px solid #2a3b54;border-radius:14px;margin-top:10px}.live-row .side{font-weight:900}.call{color:var(--green)}.put{color:var(--red)}
.stats{display:flex;gap:18px;flex-wrap:wrap}.win{color:var(--green)}.loss{color:var(--red)}.doji{color:var(--yellow)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:#9eb0c8;font-size:12px;letter-spacing:1px}.rwin{color:var(--green);font-weight:900}.rloss{color:var(--red);font-weight:900}.rdoji{color:var(--yellow);font-weight:900}.pnlpos{color:var(--green)}.pnlneg{color:var(--red)}
.stop{color:var(--yellow);font-weight:900;margin-top:10px}.tag{font-size:10px;background:#26384d;color:#b8c7db;padding:5px 8px;border-radius:8px;letter-spacing:1px}footer{text-align:center;color:#64748b;margin-top:25px;font-size:13px}
@media(max-width:720px){.grid.two,.config-grid{grid-template-columns:1fr}.big{font-size:46px}.brand{font-size:21px}.live-row{grid-template-columns:1fr 1fr}}


.brand em{font-style:normal;font-size:12px;background:#26384d;padding:5px 8px;border-radius:8px;vertical-align:middle}
.security-banner{background:#3b2e0c;border:1px solid #8c6d18;color:#ffe28a;border-radius:16px;padding:14px 16px;margin-bottom:16px;font-weight:700}
.security-banner.secure{background:#0d3328;border-color:#1b7258;color:#8ff7d0}
.feed-line{margin-top:8px;color:#a8b9ce}
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.integration-card{border:1px solid #263b56;border-radius:18px;padding:18px;background:#0c1726}
.integration-title{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:900;margin-bottom:14px}
.badge{font-size:10px;padding:6px 8px;border-radius:999px;letter-spacing:1px}
.badge.on{background:#123f2a;color:#6dff9b;border:1px solid #2a8c54}
.badge.off{background:#402125;color:#ff8e93;border:1px solid #874047}
.notice{font-size:13px;color:#9db1c9;background:#122235;border:1px solid #203a57;border-radius:12px;padding:10px;margin-bottom:14px}
label{display:block;color:#aebed1;font-size:12px;font-weight:800;margin:12px 0 6px}
input,select{width:100%;background:#08111d;border:1px solid #2a405d;color:#f3f7fb;border-radius:12px;padding:12px 13px;outline:none}
input:focus,select:focus{border-color:#4ea2ff;box-shadow:0 0 0 3px rgba(78,162,255,.12)}
input:disabled,select:disabled,button:disabled{opacity:.48;cursor:not-allowed}
.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.compact{width:auto;margin:0;padding:10px 14px}
.integration-info{margin-top:13px;color:#91a7bf;font-size:13px;line-height:1.45;min-height:38px}
.error-text{color:#ff7c78}.ok-text{color:#66f58b}
@media(max-width:720px){.integration-grid{grid-template-columns:1fr}.brand{line-height:1.2}}

.practice-auto-box{margin-top:18px;border-top:1px solid #2a405d;padding-top:18px}
.practice-title{font-size:16px}.warning-notice{background:#33260b;border-color:#725416;color:#ffe29a}
.confirm-line{display:flex;align-items:flex-start;gap:10px;line-height:1.35;color:#dce7f5}
.confirm-line input{width:auto;margin-top:3px;transform:scale(1.25)}
.danger-safe{border:1px solid #2fbb77;background:linear-gradient(90deg,#13784b,#19b56d);color:white;border-radius:14px;font-weight:900;cursor:pointer}
.exec-on{color:#65ff99}.exec-off{color:#ffca63}