:root{--fo-side:230px}.fo-topbar{z-index:40}.fo-shell{display:flex;min-height:calc(100vh - var(--topbar));padding-top:var(--topbar)}
.fo-side{position:fixed;left:0;top:var(--topbar);bottom:0;width:var(--fo-side);box-sizing:border-box;padding:18px 10px;background:#041118;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;z-index:20}.fo-side .nav-item{width:100%;box-sizing:border-box;text-decoration:none}.fo-side-brand{margin:4px 10px 14px}.fo-side-bottom{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:12px;color:#8ca7b4;font-size:10px;display:grid;gap:4px}.fo-side-bottom b{font-size:17px;color:#18e34d}.fo-main{margin-left:var(--fo-side);width:calc(100% - var(--fo-side));padding:26px;box-sizing:border-box;display:grid;gap:16px}.fo-head{display:flex;align-items:flex-start;gap:18px}.fo-head h1{margin:4px 0;font-size:30px}.fo-head p{margin:0;color:#95adba;max-width:780px}.fo-eyebrow{color:#20ea58;font-size:11px;font-weight:900;letter-spacing:1.4px}.fo-update{margin-left:auto;display:flex;align-items:center;gap:10px;color:#849da9;font-size:11px}.fo-update button,.fo-buttons button{border:1px solid #173441;background:#071821;color:#c1d4dd;border-radius:8px;padding:10px 14px;cursor:pointer}.fo-update button{border-color:#157937;color:#2df362}.fo-controls{display:grid;grid-template-columns:1.25fr 1.2fr 1.2fr 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#06151d}.fo-control{display:grid;gap:7px;color:#9cb2bc;font-size:11px}.fo-control small{font-size:10px;text-transform:uppercase;letter-spacing:.7px}.fo-control select{width:100%;height:41px;border:1px solid #1b3d4b;border-radius:8px;background:#030d13;color:#eaf7fc;padding:0 11px}.fo-buttons{display:flex;gap:6px;flex-wrap:wrap}.fo-buttons button{padding:9px 12px}.fo-buttons button.on{border-color:#19d94b;background:rgba(24,227,77,.12);color:#2ff060;box-shadow:0 0 14px rgba(24,227,77,.1)}.fo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fo-kpis article{border:1px solid var(--line);border-radius:12px;background:#06151d;padding:14px;display:grid;gap:5px}.fo-kpis small{color:#90a8b4}.fo-kpis b{font-size:22px}.fo-panel,.fo-help{border:1px solid var(--line);border-radius:13px;background:#06151d;overflow:hidden}.fo-panel-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.fo-panel-head h2{margin:0 0 4px;font-size:16px}.fo-panel-head p{margin:0;color:#8da6b2;font-size:11px}.fo-panel-head>span{margin-left:auto;color:#24e659;font-size:11px}.fo-status{border:1px solid #29414d;border-radius:999px;padding:6px 10px;font-weight:900;letter-spacing:.5px}.fo-status.confirmado,.fo-tag.confirmado{border-color:#14963b!important;color:#2ff261!important;background:rgba(24,227,77,.1)!important}.fo-status.observar,.fo-tag.observar{border-color:#a97c00!important;color:#ffd740!important;background:rgba(255,202,0,.08)!important}.fo-status.fraca,.fo-tag.fraca{color:#91a6b0!important}.fo-status.semvalor,.fo-tag.semvalor{border-color:#6e252d!important;color:#ff6673!important;background:rgba(255,52,65,.07)!important}.fo-sequence-body{padding:16px;display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(4,minmax(125px,.7fr));gap:10px}.fo-sequence-games{display:flex;gap:7px;flex-wrap:wrap}.fo-sequence-game{border:1px solid #19404e;border-radius:9px;padding:10px;background:#041018;min-width:155px}.fo-sequence-game small,.fo-sequence-game b{display:block}.fo-sequence-game b{margin:4px 0}.fo-metric{border:1px solid #15343f;border-radius:9px;padding:10px;display:grid;gap:4px}.fo-metric small{color:#849eaa}.fo-metric b{font-size:18px}.fo-table-wrap{overflow:auto}.fo-table{width:100%;border-collapse:collapse;min-width:1200px;font-size:11px}.fo-table th{padding:10px;background:#071d26;color:#8ea9b5;text-align:left;text-transform:uppercase;font-size:9px;letter-spacing:.5px}.fo-table td{padding:11px 10px;border-top:1px solid #122c36}.fo-table tbody tr:hover td{background:rgba(24,227,77,.025)}.fo-game{display:grid;gap:3px;min-width:210px}.fo-game small{color:#319fe2}.fo-num{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.fo-pos{color:#2aec5c}.fo-neg{color:#ff5362}.fo-tag{display:inline-flex;border:1px solid #29414d;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;white-space:nowrap}.fo-empty{padding:24px;color:#849da9;text-align:center}.fo-help{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fo-help h3{grid-column:1/-1;margin:0}.fo-help div{display:grid;gap:5px}.fo-help b{color:#26e85a}.fo-help span{color:#91a8b3;font-size:11px;line-height:1.5}
.fo-pattern-table{min-width:1320px}.fo-dots{display:flex;gap:4px}.fo-dot{width:11px;height:11px;border-radius:50%;background:#df3544;box-shadow:0 0 8px rgba(223,53,68,.25)}.fo-dot.green{background:#20df55;box-shadow:0 0 8px rgba(32,223,85,.3)}.fo-pattern{font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9f8fd;white-space:nowrap}.fo-reversal{padding:16px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px}.fo-red-chain{border:1px solid #4e2228;border-radius:10px;padding:12px;background:rgba(223,53,68,.05);display:grid;gap:7px}.fo-red-chain strong{font-size:19px;color:#ff5563}.fo-red-odds{display:flex;gap:5px;flex-wrap:wrap}.fo-red-odds span{border:1px solid #682a31;border-radius:6px;padding:4px 6px;color:#ff7a85;font:700 10px ui-monospace,monospace}
@media(max-width:1000px){.fo-controls{grid-template-columns:1fr 1fr}.fo-sequence-body,.fo-reversal{grid-template-columns:1fr 1fr}.fo-help{grid-template-columns:1fr 1fr}.fo-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.fo-shell{padding-top:var(--topbar)}.fo-side{display:none}.fo-main{margin-left:0;width:100%;padding:14px}.fo-head{display:grid}.fo-update{margin:0;flex-wrap:wrap}.fo-controls,.fo-sequence-body,.fo-reversal,.fo-help{grid-template-columns:1fr}.fo-kpis{grid-template-columns:1fr 1fr}.fo-head h1{font-size:25px}.fo-topbar .pill{display:inline-flex}}