:root{--bg:#0b0d10;--panel:#12151a;--panel-2:#171b21;--line:#262b33;--text:#f3f5f7;--muted:#8f98a6;--red:#ef3f4f;--green:#38d996;--amber:#ffb84d;--sidebar:238px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{z-index:100;color:#000;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:30;background:#0d0f13;flex-direction:column;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{justify-content:space-between;align-items:center;padding:2px 8px 22px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark{color:var(--red);place-items:center;width:30px;display:grid}.brand-mark svg{width:30px}.brand-light{font-weight:400}.brand small{color:var(--muted);letter-spacing:.17em;margin-top:2px;font-size:8px;display:block}.workspace-label{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:9px;margin-bottom:22px;padding:10px;font-size:12px;display:flex}.workspace-label>span:nth-child(2){flex:1}.workspace-label small,.user-chip small{color:var(--muted);margin-top:2px;display:block}.workspace-avatar,.user-chip>span{color:#ff7985;background:#ef3f4f24;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.nav-label,.eyebrow{color:#69727f;letter-spacing:.18em;font-size:10px;font-weight:800}.nav-label{padding:0 10px 8px}.nav-link{color:#a7afbb;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:10px;font-size:13px;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:var(--panel-2)}.nav-link.active{box-shadow:inset 2px 0 var(--red)}.sidebar-bottom{margin-top:auto}.sidebar-bottom form{margin:0}.user-chip{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:12px;padding:16px 8px 0;font-size:11px;display:flex}.app-content{margin-left:var(--sidebar);min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0b0d10e6;align-items:center;height:58px;padding:0 28px;font-size:13px;display:flex;position:sticky;top:0}.secure-pill{color:#9ba4af;border:1px solid var(--line);letter-spacing:.12em;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:9px}.secure-pill i,.live-indicator i{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:6px;display:inline-block}main{max-width:1280px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:7px 0;font-size:34px}.muted{color:var(--muted)}.page-heading p{max-width:620px;margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.button.secondary{background:var(--panel-2);border:1px solid var(--line)}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:22px;font-size:12px;display:inline-flex}.feature-grid,.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.feature-tile h2{font-size:16px}.feature-empty{text-align:center;padding:70px 24px}.outline-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:10px}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.menu-button,.mobile-only,.nav-backdrop{display:none}.live-indicator{color:#90a099;letter-spacing:.13em;background:#101b18;border:1px solid #203c34;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800}.signal-stats{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid;overflow:hidden}.signal-stats div{border-right:1px solid var(--line);padding:17px 20px}.signal-stats div:last-child{border:0}.signal-stats span{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.signal-stats strong{font-size:25px}.signal-stats .small-stat{font-size:18px}.signal-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex;overflow:auto}.signal-tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:11px 14px;font-size:12px;display:flex}.signal-tabs a.active{color:#fff;border-color:var(--red)}.signal-tabs span{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 6px;font-size:9px}.signal-list{gap:14px;display:grid}.signal-card{border:1px solid var(--line);background:linear-gradient(145deg,#13171c,#101318);border-radius:14px;overflow:hidden}.signal-card>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.direction-icon{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.direction-icon.long{color:var(--green);background:#38d9961a}.direction-icon.short{color:var(--red);background:#ef3f4f1a}.direction-icon svg{width:21px}.signal-symbol{align-items:center;gap:7px;display:flex}.signal-symbol h2{margin:0;font-size:18px}.signal-symbol span{color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:9px}.signal-card header p{color:var(--muted);margin:4px 0 0;font-size:10px}.status-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:9px;font-weight:800}.status-badge.open{color:var(--green);background:#38d9961a}.status-badge.tp_closed{color:#7db6ff;background:#5091ff1c}.status-badge.stopped_out{color:#ff737f;background:#ef3f4f1f}.status-badge.invalidated{color:var(--amber);background:#ffb84d1f}.levels-grid{border-bottom:1px solid var(--line);background:#0f1216;flex-wrap:wrap;display:flex}.levels-grid div{border-right:1px solid var(--line);min-width:145px;padding:14px 20px}.levels-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:9px;display:block}.levels-grid strong{font-size:13px}.levels-grid .stop strong{color:#ff6d79}.levels-grid .target strong{color:var(--green)}.signal-body{grid-template-columns:1.35fr 1fr;gap:28px;padding:20px;display:grid}.signal-body h3{color:#c9ced5;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;margin:0 0 8px;font-size:11px;display:flex}.signal-body p{color:#9aa3af;margin:0;font-size:12px;line-height:1.6}.signal-card footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;padding:12px 20px;font-size:10px;display:flex}.signal-card footer span{align-items:center;gap:4px;display:flex}.signal-card footer strong{color:#dce1e7}.signal-id{margin-left:auto;font-family:ui-monospace,monospace;color:#5e6672!important}.empty-signals{text-align:center;color:var(--muted);border:1px dashed #303640;border-radius:14px;padding:70px 20px}.empty-signals svg{color:var(--red)}.empty-signals h2{color:#fff;margin:14px 0 7px;font-size:18px}.empty-signals p{margin:0;font-size:12px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(440px,100%);padding:28px}.auth-card h1{margin:22px 0 8px}.form-grid{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:11px}.field input,.field select{border:1px solid var(--line);color:#fff;background:#0d1014;border-radius:8px;padding:11px}.error-message{color:#ff7d88;font-size:12px}.settings-grid{gap:16px;max-width:660px;display:grid}@media (max-width:900px){:root{--sidebar:220px}.feature-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.signal-body{grid-template-columns:1fr}.signal-stats{grid-template-columns:1fr 1fr}.signal-stats div:nth-child(2){border-right:0}.signal-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:700px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:none}.app-content{margin-left:0}.mobile-only,.menu-button{display:grid}.topbar{gap:13px;padding:0 18px}.nav-backdrop{z-index:29;background:#000000a8;border:0;display:block;position:fixed;inset:0}.page-heading{flex-direction:column;align-items:flex-start}main{padding:24px 16px}.feature-grid,.dashboard-grid{grid-template-columns:1fr}.signal-card>header{align-items:flex-start}.status-badge{position:absolute;right:32px}.levels-grid div{flex:1;min-width:50%}.signal-card footer{flex-wrap:wrap}.signal-id{width:100%;margin-left:0}}@media (max-width:430px){.signal-stats{grid-template-columns:1fr 1fr}.signal-stats div{padding:14px}.signal-stats strong{font-size:20px}.signal-heading h1{font-size:30px}.signal-body{padding:17px}.signal-card>header{padding:16px}.levels-grid div{padding:12px 16px}.signal-tabs a{padding:10px}.live-indicator{display:none}}
