:root{--bg:#0a1018;--panel:#111a26;--line:#223044;--text:#e6edf5;--muted:#8a9bb3;--accent:#f1c577;--support:#3ddc97;--resist:#ff7b72;--trend:#6fb3ff;--danger:#ff6b6b;--ok:#3ddc97}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--accent)}
header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line)}
header b{font-size:17px;letter-spacing:.3px}
header nav{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:14px;flex-wrap:wrap}
@media (max-width:600px){header{padding:12px 14px}header nav{gap:10px;font-size:13px}header nav>span:first-child{display:none}main{padding:16px 12px}.card{padding:16px}}
main{max-width:1100px;margin:0 auto;padding:24px 16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}
.narrow{max-width:420px;margin:48px auto}
h1{font-size:22px;margin:0 0 6px}h2{font-size:17px;margin:18px 0 8px}
p.muted,small.muted,.muted{color:var(--muted)}
label{display:block;margin:12px 0 4px;font-size:13px;color:var(--muted)}
input[type=email],input[type=password],input[type=text]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#0c1420;color:var(--text);font-size:15px}
button{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;background:var(--accent);color:#1a1205}
button.secondary{background:#1c2838;color:var(--text)}
button.small{padding:6px 10px;font-size:13px}
button:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.msg{margin-top:12px;min-height:22px;font-size:14px}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:36px 16px;text-align:center;color:var(--muted);cursor:pointer}
.drop.over{border-color:var(--accent);color:var(--text)}
.drop input{display:none}
.result{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;margin-top:20px}.result[hidden]{display:none}
@media (max-width:860px){.result{grid-template-columns:1fr}}
.chartwrap{position:relative;background:#000;border-radius:10px;overflow:hidden;align-self:start}
.chartwrap canvas{display:block;width:100%;height:auto}
.levels{list-style:none;padding:0;margin:0}
.levels li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}
.levels .sw{width:14px;height:3px;border-radius:2px;flex:none;margin-top:9px}
.levels b{min-width:72px}
.check{list-style:none;padding:0;margin:0;counter-reset:step}
.check li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.check li.absent .check-body{color:var(--muted)}
.check-name{color:var(--accent);font-weight:600}.check li.absent .check-name{color:var(--muted)}
.check-name:before{counter-increment:step;content:counter(step) " · ";color:var(--muted);font-weight:500}
.check-body small{display:block;margin-top:3px}
.check-extra{margin-top:3px;color:var(--text)}
.computed{margin:6px 0 4px}table.mini{width:auto;font-size:13px;margin-bottom:4px}table.mini th,table.mini td{padding:2px 10px 2px 0;border:0;white-space:nowrap}table.mini th{font-weight:500}
.outside li{opacity:.85}.outside b{min-width:110px}
.sw.support{background:var(--support)}.sw.resistance{background:var(--resist)}.sw.trend_up,.sw.trend_down,.sw.trend_up_top,.sw.trend_down_bottom{background:var(--trend)}
.plan{border:1px solid var(--accent);border-radius:10px;padding:14px;margin-top:14px}
.plan h2{margin-top:0}
.locked{border:1px dashed var(--line);border-radius:10px;padding:14px;margin-top:14px;color:var(--muted)}
.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#1c2838;color:var(--muted)}
.tag.premium{background:#3a2d10;color:var(--accent)}.tag.basic{background:#14304a;color:#8cc4ff}
.tag.pending{background:#3a2a10;color:#f7c56b}.tag.approved{background:#10342a;color:var(--ok)}.tag.disabled{background:#3a1515;color:var(--danger)}
.tablewrap{overflow-x:auto}
@media (max-width:700px){table.users thead{display:none}table.users,table.users tbody,table.users tr{display:block}
table.users tr{border-bottom:1px solid var(--line);padding:12px 0}table.users td{display:inline-block;border:0;padding:3px 8px 3px 0}
table.users td:first-child{display:block;font-weight:600;word-break:break-all}table.users td:nth-child(4):before{content:"Today: "}
table.users td:nth-child(4),table.users td:nth-child(5){color:var(--muted);font-size:13px}table.users td:last-child{display:flex;margin-top:8px}}
table{width:100%;border-collapse:collapse;font-size:14px}
.daily-figure{margin:14px 0 0}.daily-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
th{color:var(--muted);font-weight:500}
.note{font-size:13px;color:var(--muted);margin-top:10px}
footer{color:var(--muted);font-size:12px;text-align:center;padding:24px}
@media (max-width:600px){.check li{grid-template-columns:1fr;gap:3px}table.mini{font-size:12.5px}}
.chart-tools{position:absolute;top:8px;right:8px;display:flex;gap:6px}.chart-tools button{opacity:.85}
.result.big{grid-template-columns:1fr}.result.big .chartwrap{position:fixed;inset:0;z-index:50;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000}.result.big .chartwrap canvas{max-height:100vh;width:auto;max-width:100vw}
.levels li.minor{display:none}.levels.all li.minor{display:flex}.levels li.minor b{color:var(--muted)}
.warn{color:#f7c56b;font-size:14px}
p.facts{border-left:3px solid var(--accent, #f1c577);padding-left:.75rem}
.tag.reader{background:#3a2f1a;color:#f1c577}.tag.computed{background:#163a2a;color:#3ddc97}.tag.visible{background:#14304a;color:#8cc4ff}.tag.unavailable{background:#3a1515;color:#ff8a8a}
p.partial{border-left:3px solid #f7c56b;padding-left:.75rem;margin-top:8px}.msg button{margin-top:6px}

#symbol{max-width:200px}#daily-symbol{width:180px}