:root{--bg:#050607;--panel:#0b0d0f;--panel2:#0f1215;--line:#292d31;--line2:#15191d;--text:#d8d4c6;--muted:#777d7a;--orange:#ff7a1a;--cyan:#15e6df;--green:#23e59a;--red:#ff4d5f;--yellow:#f3c557;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100%;font-size:13px}button{font:inherit}.app-shell{display:grid;grid-template-columns:54px minmax(0,1fr) 300px;grid-template-rows:58px 28px minmax(calc(100vh - 112px),auto) 26px;min-height:100vh;background:radial-gradient(circle at 45% 0,rgba(255,122,26,.035),transparent 30%),var(--bg)}
.topbar{grid-column:1/4;display:flex;align-items:center;border-bottom:1px solid #3a2d20;background:#080a0c;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:0 18px;min-width:350px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--orange);color:#080808;font-weight:950;border-radius:3px;font-size:18px}.brand b{display:block;color:#f2eee0;letter-spacing:-.3px}.brand small{display:block;color:#8a8376;font-size:8px;letter-spacing:1.4px;margin-top:3px}.asset-tabs{display:flex;align-self:stretch;min-width:0}.tab{border:0;border-left:1px solid #25282b;background:transparent;color:#938f84;padding:0 16px;font-size:10px;font-weight:800;cursor:pointer}.tab:hover,.tab.active{background:#15110e;color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange)}.status-strip{margin-left:auto;padding:0 17px;display:flex;align-items:center;gap:8px;color:#6f7774;font-size:10px;white-space:nowrap}.status-strip b{color:var(--green)}.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px rgba(35,229,154,.8)}
.ticker{grid-column:1/4;display:flex;align-items:center;gap:34px;overflow:hidden;white-space:nowrap;padding:0 18px;background:#090b0d;border-bottom:1px solid var(--line2);font-size:9px;color:#8f928c}.ticker span:first-child{color:var(--orange);font-weight:900}.ticker span:before{content:"◆";font-size:6px;margin-right:8px;color:#41484a}
.sidebar{grid-row:3;grid-column:1;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0;background:#080a0c}.nav-icon{width:36px;height:36px;margin:3px 0;background:transparent;border:1px solid transparent;color:#777f7d;cursor:pointer;border-radius:3px;font-size:15px}.nav-icon:hover,.nav-icon.active{border-color:#3b3027;color:var(--orange);background:#14110f}.sidebar-spacer{flex:1}
.main{grid-row:3;grid-column:2;padding:24px 24px 50px;min-width:0}.hero-line{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border:1px solid var(--line);background:linear-gradient(120deg,#0d0f11,#090b0c);padding:22px 24px;margin-bottom:16px}.eyebrow{font-size:9px;color:var(--cyan);letter-spacing:1.8px;font-weight:900}.hero-line h1{font-family:var(--sans);font-size:26px;letter-spacing:-.7px;margin:8px 0 8px;color:#f0ecdf}.hero-line p{max-width:760px;margin:0;color:#858a85;line-height:1.6;font-size:11px}.mode-badge{font-size:9px;padding:8px 10px;border:1px solid;white-space:nowrap}.mode-badge.demo{border-color:#5b4723;color:var(--yellow);background:#17130b}.mode-badge.live{border-color:#1e5d49;color:var(--green);background:#0b1713}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.stat{border:1px solid var(--line);background:var(--panel);padding:14px 15px;min-width:0}.stat label{display:block;color:#737976;font-size:8px;letter-spacing:1px}.stat strong{display:block;color:#ede8da;font-size:22px;margin-top:6px}.stat small{color:#555c59;font-size:8px}.stat:nth-child(3) strong{color:var(--green)}
.grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:10px}.panel{border:1px solid var(--line);background:var(--panel)}.panel-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line2)}.panel-head span{font-size:10px;font-weight:900;letter-spacing:.8px}.panel-head small{display:block;color:#606764;font-size:8px;margin-top:3px}.panel-head button{background:#16110d;border:1px solid #4d311f;color:var(--orange);font-size:9px;padding:7px 9px;cursor:pointer}.panel-head button:hover{background:#23160f}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.loading{padding:25px;color:#646b68}
.signal-row{display:grid;grid-template-columns:52px minmax(90px,1fr) 100px 92px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line2);cursor:default}.signal-row:hover{background:#0f1214}.score-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #3e4645;color:#dcd8cb;font-weight:900;position:relative}.score-ring.high{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 3px rgba(35,229,154,.05)}.score-ring.low{border-color:var(--red);color:var(--red)}.asset-title{min-width:0}.asset-title b{font-size:12px;color:#eeeadd}.asset-title small{display:block;color:#717875;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.why{font-size:8px;color:#777e7a;line-height:1.45}.stance{justify-self:end;font-size:8px;font-weight:900;padding:6px 7px;border:1px solid #3d4441;color:#a2aaa6}.stance.buy{color:var(--green);border-color:#1f5c49;background:#0b1713}.stance.sell{color:var(--red);border-color:#5c2830;background:#180c0f}.stance.watch{color:var(--yellow);border-color:#5c4c26;background:#17140c}
.event-list{max-height:550px;overflow:auto}.event{padding:12px 14px;border-bottom:1px solid var(--line2)}.event-top{display:flex;justify-content:space-between;gap:10px}.event b{color:#ebe6d8}.event .act{font-size:8px;font-weight:900}.act.in{color:var(--green)}.act.out{color:var(--red)}.event-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:#6b726f;font-size:8px}.event-value{color:#aaa799}.event-source{color:var(--orange)}
.methodology{margin-top:10px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr)}.method-grid>div{padding:16px;border-right:1px solid var(--line2)}.method-grid>div:last-child{border-right:0}.method-grid b{color:var(--orange);font-size:9px}.method-grid strong{display:block;color:#ddd8cb;font-size:10px;margin:8px 0}.method-grid p{color:#6d7470;font-size:9px;line-height:1.55;margin:0}
.right-rail{grid-row:3;grid-column:3;border-left:1px solid var(--line);background:#080a0c;padding:0 0 40px;min-width:0}.rail-section{border-bottom:1px solid var(--line);padding:15px}.rail-title{color:var(--cyan);font-size:9px;letter-spacing:1.1px;font-weight:900;margin-bottom:12px}.source-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dotted #202428;font-size:9px}.source-row b.ok{color:var(--green)}.source-row b.error{color:var(--red)}.source-row b.skipped{color:var(--yellow)}.source-row b.unknown{color:#666}.rules{display:grid;gap:9px}.rules span{display:flex;justify-content:space-between;color:#737a76;font-size:8px}.rules b{color:#b9b5a8}.risk p{color:#736f66;font-size:9px;line-height:1.55;margin:0}.risk .rail-title{color:var(--orange)}
.footer{grid-column:1/4;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid #3a2d20;background:#090b0d;color:#5e6562;font-size:8px}.footer #footerStatus{color:var(--green)}.footer b{color:#a6aaa4}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#2d3233}::-webkit-scrollbar-track{background:#0b0d0e}
@media(max-width:1100px){.app-shell{grid-template-columns:50px minmax(0,1fr);grid-template-rows:58px 28px auto auto 26px}.topbar,.ticker,.footer{grid-column:1/3}.right-rail{grid-column:2;grid-row:4;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.sidebar{grid-row:3/5}.main{grid-column:2}.brand{min-width:280px}.asset-tabs .tab{padding:0 10px}.status-strip b{display:none}}
@media(max-width:760px){body{font-size:12px}.app-shell{display:block}.topbar{height:auto;min-height:58px;flex-wrap:wrap}.brand{min-width:0;flex:1;padding:10px}.status-strip{padding:10px}.asset-tabs{order:3;width:100%;height:38px;border-top:1px solid var(--line2)}.tab{flex:1;padding:0 5px;font-size:8px}.ticker{height:26px}.sidebar{display:none}.main{padding:12px}.right-rail{display:block}.hero-line{display:block;padding:16px}.hero-line h1{font-size:21px}.mode-badge{display:inline-block;margin-top:14px}.stats{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.signal-row{grid-template-columns:44px minmax(0,1fr) 78px}.why{display:none}.method-grid{grid-template-columns:repeat(2,1fr)}.footer{display:none}}