:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173042;background:#eef2f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0f2d46;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 6px 26px}.mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c9a96b;border-radius:10px;font-weight:900;font-size:20px}.brand strong{display:block;letter-spacing:.12em}.brand span{display:block;font-size:12px;color:#a9bdc9;margin-top:2px}nav{display:grid;gap:5px}nav button{border:0;background:transparent;color:#c8d7df;padding:11px 12px;border-radius:9px;text-align:left;font-weight:600;cursor:pointer}nav button:hover,nav button.active{background:#183f5d;color:#fff}.sideNote{margin-top:auto;padding:14px;border-top:1px solid #31536b;display:grid;gap:4px}.sideNote span{font-size:11px;color:#9fb5c3}.main{padding:28px 34px 60px;max-width:1500px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.top h1{margin:2px 0 0;font-size:30px;letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#66808f;font-weight:800;margin:0}.status{font-size:12px;background:#fff;border:1px solid #dbe4e9;padding:8px 11px;border-radius:999px;display:flex;gap:7px;align-items:center}.dot{width:8px;height:8px;background:#2a8b69;border-radius:50%}.stack{display:grid;gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel,.heroPanel,.kpi,.empty,.solution{background:#fff;border:1px solid #dbe4e9;border-radius:14px;box-shadow:0 2px 10px #0f2d4609}.panel{padding:22px}.panel h3{margin:0 0 14px}.heroPanel{padding:30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f4f8f8)}.heroPanel h2{font-size:30px;max-width:760px;margin:12px 0 10px;letter-spacing:-.03em}.heroPanel p{max-width:760px;color:#5d7481;line-height:1.6}.pill{font-size:11px;font-weight:800;background:#e6f1ef;color:#0f5363;padding:6px 9px;border-radius:999px}.heroMetric{border-left:1px solid #d8e3e6;padding-left:28px;text-align:center;min-width:170px}.heroMetric b{display:block;font-size:48px;color:#0f5363}.heroMetric span{font-size:11px;color:#607781}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:20px}.kpi b{font-size:26px;display:block;color:#0f5363}.kpi span{font-size:12px;color:#6f838e}.architecture{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.architecture div{padding:12px 14px;border:1px solid #d7e0e5;border-radius:10px;background:#fafcfd;font-weight:700}.architecture i{color:#93a8b4}.muted{color:#778b96;font-size:12px;line-height:1.6}.prototype{display:flex;justify-content:space-between;gap:20px;align-items:center}.prototype p{margin:5px 0;color:#607581}.prototype button,.actions button,.fileBtn{border:0;background:#0f5363;color:#fff;padding:11px 14px;border-radius:9px;font-weight:700;cursor:pointer}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .secondary{background:#e7eff3;color:#173042}.panel label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#526b79;margin-bottom:14px}.panel input,.panel textarea{width:100%;padding:11px 12px;border:1px solid #cfdbe2;border-radius:9px;font:inherit;color:#173042;background:#fff}.panel input[type=color]{height:44px;padding:5px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:10px;font-weight:800;border:1px solid #d2dee4;background:#f7fafb;color:#536d7a;padding:6px 8px;border-radius:999px}.chip.on{background:#e3f0ee;color:#0f5363;border-color:#a9cbc6}.preview{border-left:5px solid;padding:18px 18px 18px 20px;background:#f9fbfc;border-radius:8px}.preview h2{margin:4px 0}.preview p{color:#647b87}pre{background:#102c3e;color:#d9e6ec;padding:16px;border-radius:10px;overflow:auto;max-height:320px;font-size:11px}.upload{display:flex;justify-content:space-between;align-items:center}.upload p{margin:6px 0;color:#607581}.fileBtn input{display:none}.empty{padding:60px;text-align:center;color:#718793;border-style:dashed}.tableWrap{overflow:auto}.tableWrap.panel{padding:0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e4eaee;vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6a818d;background:#f8fafb}.warn{padding:10px 12px;border-radius:8px;background:#fff4dc;color:#855f11;font-size:12px;margin:12px 0}.ok{padding:10px 12px;border-radius:8px;background:#e9f7ef;color:#17633f;font-size:12px}.panelHead{display:flex;justify-content:space-between;align-items:center}.panelHead span{font-size:11px;color:#81939d}.switch,.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important}.switch input,.check input{width:auto}.result{display:flex;flex-direction:column;justify-content:center}.level{align-self:flex-start;padding:6px 9px;border-radius:999px;background:#e9eef2;font-size:11px;font-weight:800}.result h2{font-size:34px;margin:12px 0}.result li{margin:8px 0}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.solution{padding:18px;display:grid;grid-template-columns:45px 1fr 70px;gap:14px;align-items:start}.rank{font-weight:900;color:#9b7b40}.solution small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7c929e}.solution h3{margin:3px 0 6px}.solution p{margin:0 0 10px;color:#607581;font-size:12px}.score{text-align:right}.score b{font-size:25px;color:#0f5363}.score span{font-size:10px;color:#82949c}.bigScore{font-size:64px;font-weight:900;color:#0f5363}hr{width:100%;border:0;border-top:1px solid #e1e8ec;margin:18px 0}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sideNote{display:none}.two,.grid4,.catalog{grid-template-columns:1fr 1fr}.main{padding:22px}.heroMetric{display:none}}.statusTag{display:inline-block;padding:5px 7px;border-radius:999px;font-size:10px;font-weight:800}.statusTag.amber{background:#fff2d6;color:#835e0a}.statusTag.red{background:#fde8e8;color:#9b2c2c}.statusTag.green{background:#e8f6ee;color:#216e4b}.statusTag.blue{background:#e7f0f8;color:#245b81}.taskList{display:grid;gap:10px}.task{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #e0e7eb;border-radius:10px}.task>span{width:26px;height:26px;border-radius:50%;background:#0f2d46;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.task b{display:block}.task small{display:block;color:#708692;margin-top:3px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.timeline div{padding:14px;border:1px solid #dce5e9;border-radius:10px;background:#fafcfd;display:grid;gap:6px}.timeline b{color:#0f5363}.timeline span{font-size:12px;color:#5e7480}@media(max-width:800px){.timeline{grid-template-columns:1fr}}@media(max-width:650px){.sidebar nav{grid-template-columns:1fr 1fr}.two,.grid4,.catalog,.form2{grid-template-columns:1fr}.top{align-items:flex-start}.status{display:none}.heroPanel{padding:22px}.heroPanel h2{font-size:24px}.main{padding:18px}.solution{grid-template-columns:36px 1fr}.score,.architecture i{display:none}.architecture div{width:100%}.upload,.prototype{align-items:flex-start;flex-direction:column}}