@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--panel: #090f1f;--text: #edf1ff;--muted: #8b94b7;--line: rgba(152, 169, 224, .18);--green: #17c890;--red: #ff3c4d}.app-shell{max-width:1540px;margin:0 auto;padding:18px;color:var(--text);display:grid;gap:18px;position:relative;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.app-shell:before{background-image:radial-gradient(circle at 20% 30%,rgba(132,202,255,.3) 1px,transparent 2px),radial-gradient(circle at 70% 80%,rgba(94,255,210,.2) 1px,transparent 2px),radial-gradient(circle at 90% 20%,rgba(255,77,103,.2) 1px,transparent 2px);background-size:280px 280px,340px 340px,400px 400px;animation:twinkle 7s linear infinite}.app-shell:after{background:radial-gradient(circle at 20% 0%,rgba(62,123,255,.14),transparent 35%),radial-gradient(circle at 90% 10%,rgba(14,186,140,.11),transparent 38%),radial-gradient(circle at 50% 100%,rgba(255,60,77,.08),transparent 30%)}@keyframes twinkle{0%{opacity:.5;transform:translateY(0)}50%{opacity:.95;transform:translateY(-8px)}to{opacity:.5;transform:translateY(0)}}.card{background:radial-gradient(circle at top right,rgba(45,83,173,.2),transparent 35%),var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 0 0 1px #557cd614,0 16px 35px #00000061,inset 0 0 35px #00000040;animation:panelGlow 4s ease-in-out infinite}@keyframes panelGlow{0%,to{box-shadow:0 0 0 1px #557cd614,0 16px 35px #00000061,inset 0 0 35px #00000040}50%{box-shadow:0 0 0 1px #4fd8b024,0 16px 38px #0000006b,inset 0 0 35px #00000040}}.brand{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.brand-left{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:1.05rem;background:linear-gradient(145deg,#43a8ff,#1e54d1);box-shadow:0 0 24px #43a8ff59}.brand-logo-img{width:42px;height:42px;object-fit:cover;border-radius:11px;border:1px solid rgba(110,146,235,.35);box-shadow:0 0 24px #43a8ff59}.brand h1{font-size:1.2rem;line-height:1.1}.brand p{margin-top:2px;color:var(--muted);font-size:.83rem}.brand-right{color:#8fa9df;font-size:.83rem}.summary{padding:18px;border-color:#ff3c4d3d}.summary.good{border-color:#14c9905c;background:radial-gradient(circle at top right,rgba(20,201,144,.2),transparent 36%),#090f1f}.summary.bad{background:radial-gradient(circle at top right,rgba(255,60,77,.2),transparent 36%),#090f1f}.summary-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-head h2{color:var(--red);letter-spacing:.5px}.summary.good .summary-head h2{color:var(--green)}.summary-head strong{font-size:3rem;color:var(--red);text-shadow:0 0 28px rgba(255,60,77,.35)}.summary.good .summary-head strong{color:var(--green);text-shadow:0 0 26px rgba(20,201,144,.35)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-grid div{border:1px solid rgba(150,168,220,.2);border-radius:10px;padding:10px}.summary-grid label{color:#8d98bf;font-size:.75rem;text-transform:uppercase;letter-spacing:.9px}.summary-grid p{margin-top:6px;font-size:1.5rem;font-weight:700}.top-grid{display:grid;grid-template-columns:520px 1fr;gap:16px;align-items:start}.controls-panel{padding:18px;display:grid;gap:12px;position:sticky;top:10px}.panel-header{display:grid;gap:8px}.panel-header h2{font-size:1.35rem}.inline{display:flex;gap:8px;align-items:center}input,select,button{background:#050a17;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px;font:inherit}input[type=number]{width:100%}button{cursor:pointer}button:hover{border-color:#52b4ffb3}.error{background:#ff3c4d1f;border:1px solid rgba(255,60,77,.3);color:#ff8b96;padding:8px;border-radius:10px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row button:nth-child(1){color:#67a9ff}.chip-row button:nth-child(2){color:#f7c252}.chip-row button:nth-child(3){color:#4de2b4}.control{display:grid;gap:6px}.control label{font-size:.86rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range-control .control-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.range-control .input-wrap{display:flex;align-items:center;gap:6px}.range-control .input-wrap input{width:110px;text-align:right}.range-control .input-wrap span{color:var(--muted);font-size:.8rem}input[type=range]{accent-color:#16cb90;padding:0}.toggles{justify-content:space-between}.viz-panel{display:grid;gap:14px}.chart-card,.table-card,.matrix{padding:18px}.chart-card h3,.table-card h3,.matrix h3{margin-bottom:12px}.chart-wrap{display:grid;grid-template-columns:86px 1fr;gap:8px;min-height:360px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#7b88af;font-size:.8rem;padding-bottom:26px}.plot{position:relative;min-height:340px;border-left:1px solid rgba(120,145,212,.25);border-bottom:1px solid rgba(120,145,212,.25);padding:14px 14px 0}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(136,158,222,.2)}.chart-tooltip{position:absolute;top:16px;transform:translate(-50%);background:#030914;border:1px solid rgba(148,170,230,.26);border-radius:12px;padding:10px 12px;min-width:190px;box-shadow:0 14px 30px #0006;z-index:3}.chart-tooltip h4{margin-bottom:6px}.chart-tooltip p:first-of-type{color:#53a9ff}.chart-tooltip p:last-of-type{color:#4de2b4}.bars{position:absolute;left:14px;right:14px;bottom:0;top:14px;display:flex;align-items:flex-end;justify-content:space-evenly;gap:10px}.bar-group{display:grid;justify-items:center;gap:8px;flex:1}.bar-stack{display:flex;align-items:flex-end;gap:8px;height:250px;width:100%;justify-content:center}.bar{width:min(36px,40%);border-radius:8px 8px 2px 2px;min-height:2px;transition:transform .2s ease}.bar-group:hover .bar{transform:translateY(-2px)}.bar.revenue{background:linear-gradient(180deg,#56b4ff,#2f75f4)}.bar.fcf{background:linear-gradient(180deg,#28c797,#15a873)}.bar-group span{color:#7f8ab1;font-size:.78rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(150,168,220,.1)}th{font-size:.83rem;color:#8d98bf;font-weight:600}td{font-size:.9rem}.matrix p{color:var(--muted);margin-bottom:8px}.matrix td.pos{color:#27cd9a}.matrix td.neg{color:#ff5d69}.matrix td{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.matrix td:hover{background:#5c82d724}.matrix td.active{outline:1px solid rgba(238,245,255,.4);border-radius:10px;background:#ffffff14}.matrix small{opacity:.8}.site-footer{padding:12px 16px;display:grid;gap:4px}.site-footer p{font-size:.9rem}.site-footer small{color:var(--muted);font-size:.78rem}@media (max-width: 1200px){.top-grid{grid-template-columns:1fr}.controls-panel{position:static}}@media (max-width: 760px){.two-col,.summary-grid{grid-template-columns:1fr}.summary-head strong{font-size:1.9rem}.chart-wrap{grid-template-columns:60px 1fr;min-height:320px}.range-control .input-wrap input{width:90px}.brand{flex-direction:column;align-items:flex-start;gap:8px}}:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.4;font-weight:400;background:#04060f}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(1200px 500px at 15% -10%,rgba(52,121,255,.15),transparent 50%),radial-gradient(1100px 700px at 110% 20%,rgba(20,201,144,.08),transparent 55%),#04060f}button,input,select{font:inherit}