:root{--n:#17365d;--b:#2f75b5;--o:#e97824;--g:#278257;--bg:#f3f6f9;--c:#fff;--t:#1f2937;--m:#64748b;--bd:#dbe3ea;--sh:0 8px 24px rgba(15,23,42,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:Segoe UI,Arial,sans-serif}.top{background:linear-gradient(135deg,var(--n),#245a8d);color:#fff;padding:22px max(20px,calc((100vw - 1450px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;gap:13px;align-items:center}.logo{width:44px;height:44px;border:1px solid #ffffff38;background:#ffffff1e;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:22px}.top h1{font-size:22px;margin:0}.top p{margin:4px 0 0;font-size:12px;opacity:.85}.status{font-size:11px;padding:8px 11px;border:1px solid #ffffff35;background:#ffffff16;border-radius:999px}.tabs{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--bd);display:flex;justify-content:center;padding:7px;gap:5px}.tabs button{border:0;background:transparent;padding:10px 16px;border-radius:9px;font-weight:700;color:#607080;cursor:pointer}.tabs button.on{background:#e8f0f7;color:var(--n)}main{max-width:1450px;margin:auto;padding:18px 20px 42px}.tab{display:none}.tab.on{display:block}.card{background:var(--c);border:1px solid var(--bd);border-radius:14px;padding:15px;box-shadow:var(--sh);margin-bottom:15px}.card h2{font-size:15px;color:var(--n);margin:0 0 3px}.desc{font-size:11px;color:var(--m);margin:0 0 11px}.filters{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:10px;align-items:end}.filter label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--m);margin-bottom:5px}.filter select{width:100%;padding:9px;border:1px solid var(--bd);border-radius:8px;background:#fff}.actions{grid-column:span 2;display:flex;gap:7px}.primary,.ghost{border:0;border-radius:8px;padding:10px 12px;font-weight:750;cursor:pointer}.primary{background:#245a8d;color:#fff}.ghost{background:#e8eef4;color:var(--n)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.kpi{background:#fff;border:1px solid var(--bd);border-radius:13px;padding:14px 16px;box-shadow:var(--sh);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--b)}.kpi.o:before{background:var(--o)}.kpi.g:before{background:var(--g)}.kpi span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px;color:var(--m)}.kpi strong{display:block;font-size:26px;color:var(--n);margin:4px 0}.kpi small{font-size:10.5px;color:var(--m)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.grid .card{margin:0}canvas{display:block;width:100%;height:300px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.chips span{background:#eef4f9;color:var(--n);font-size:10.5px;font-weight:700;padding:6px 8px;border-radius:7px}.tablewrap{max-height:480px;overflow:auto;border:1px solid var(--bd);border-radius:9px}table{border-collapse:collapse;width:100%;font-size:11px}th{position:sticky;top:0;background:var(--n);color:#fff;text-align:left;padding:8px 9px;white-space:nowrap}td{padding:8px 9px;border-bottom:1px solid #edf1f5;white-space:nowrap}tr:nth-child(even) td{background:#f9fbfc}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#f6fbff,#fff7ee)}.hero h2{font-size:20px}.hero p{font-size:12px;line-height:1.55;color:var(--m);max-width:900px}.badge{background:#e8f5ef;color:#1d6d48;padding:9px 11px;border-radius:9px;font-size:11px;font-weight:800}.modelcards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model{border:1px solid var(--bd);border-radius:10px;padding:11px}.model h3{font-size:13px;color:var(--n);margin:0 0 7px}.mr{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding:5px 0;font-size:11px}.mr:first-of-type{border-top:0}.qrow{display:grid;grid-template-columns:170px 1fr 45px;align-items:center;gap:8px;font-size:11px;margin:11px 0}.bar{height:9px;background:#e7edf3;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--b)}.simgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:12px 0}.checks{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;margin:5px 0 13px}.predgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.pred{border:1px solid var(--bd);border-radius:11px;padding:13px}.pred span{font-size:10px;text-transform:uppercase;font-weight:800;color:var(--m)}.pred strong{display:block;font-size:30px;color:var(--n);margin:4px 0}.meter{height:8px;background:#e8edf2;border-radius:99px;overflow:hidden;margin:6px 0}.meter i{display:block;height:100%;width:0;background:var(--g);transition:.3s}.meter.o i{background:var(--o)}.call{font-size:11px;line-height:1.5;padding:10px 11px;border-radius:9px;margin-top:11px;background:#fff7eb;border:1px solid #efd5ae;color:#725226}.clusters{display:grid;gap:8px}.cluster{border:1px solid var(--bd);border-left:5px solid var(--b);border-radius:9px;padding:9px 10px}.cluster:nth-child(2){border-left-color:var(--o)}.cluster:nth-child(3){border-left-color:var(--g)}.cluster h3{font-size:12px;margin:0;color:var(--n)}.cluster p{font-size:10.5px;color:var(--m);margin:4px 0}.method{max-width:1000px;margin:auto}.method h3{font-size:13px;color:var(--n);margin:18px 0 4px}.method p{font-size:12px;line-height:1.6;color:#4d5d6d}footer{text-align:center;color:var(--m);font-size:10.5px;padding:0 18px 25px}
@media(max-width:1050px){.filters{grid-template-columns:repeat(3,1fr)}.actions{grid-column:span 3}.kpis{grid-template-columns:repeat(2,1fr)}.simgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.top{padding:16px}.status{display:none}.top h1{font-size:17px}.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.actions{grid-column:span 2}.kpis{grid-template-columns:1fr 1fr}.simgrid{grid-template-columns:1fr 1fr}.modelcards,.predgrid{grid-template-columns:1fr}main{padding:12px 9px 32px}}@media(max-width:450px){.filters,.kpis,.simgrid{grid-template-columns:1fr}.actions{grid-column:auto}.qrow{grid-template-columns:115px 1fr 40px}}