@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8f0f4;background:#07131c}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#123744 0,#07131c 55%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3.2%;border-bottom:1px solid #1d3640;background:#07131cef;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:158px;max-height:58px;object-fit:contain;background:#fff;border-radius:5px;padding:5px}.brand h1{font:700 clamp(16px,2vw,23px) "Space Grotesk";letter-spacing:.07em;margin:0}.brand p,.eyebrow{font-size:10px;letter-spacing:.19em;color:#78a6ad;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.clock{font-size:12px;color:#b8cbd0}.clock span{color:#6b929b;font-size:9px;letter-spacing:.12em;margin-left:4px}.connection{font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 10px;border-radius:6px}.connection.online{color:#65e4b1;background:#10372f}.connection.error{color:#ff8e8e;background:#421f27}.connection.syncing,.connection.connecting{color:#f6c86c;background:#3b301a}.button{border:1px solid #294650;border-radius:6px;padding:9px 13px;font-weight:700;font-size:10px;letter-spacing:.07em;cursor:pointer;color:#dcebef;background:#102630}.button.primary{background:#008f8d;border-color:#008f8d;color:#fff}.button:hover{filter:brightness(1.13)}.nav{display:flex;gap:4px;padding:0 3.2%;border-bottom:1px solid #1b333d;background:#0a1b25;overflow:auto}.nav button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;color:#88a4ab;padding:15px 16px;font-size:10px;font-weight:800;letter-spacing:.1em;cursor:pointer}.nav button.active{color:#66d7d0;border-color:#00aaa2}main{max-width:1600px;margin:auto;padding:30px 3.2%}.section-heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading{margin-bottom:20px}.section-heading h2,.panel-head h2{font:600 25px Space Grotesk;margin:5px 0}.sync-label,.panel-head span,.muted{font-size:11px;color:#7f9ca4}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:18px 0 22px}.kpi{background:linear-gradient(145deg,#112833,#0c2029);border:1px solid #1e3c47;border-radius:9px;padding:19px 20px;min-height:135px;display:flex;flex-direction:column;gap:7px;box-shadow:0 10px 35px #0002}.kpi span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#9ab4ba}.kpi strong{font:700 42px Space Grotesk;line-height:1.1}.kpi small{font-size:9px;color:#66838c;letter-spacing:.1em}.kpi.running{border-top:3px solid #00aaa2}.kpi.red strong{color:#ff7272}.kpi.amber strong{color:#ffc46c}.kpi.blue strong{color:#73bfff}.kpi.green strong{color:#65e4a4}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#0c202a;border:1px solid #1d3944;border-radius:9px;padding:20px;margin-bottom:18px;min-width:0}.panel-head{margin-bottom:15px}.panel-head h3{font:700 13px Space Grotesk;letter-spacing:.1em;margin:0}.table-wrap{overflow:auto;max-width:100%;border:1px solid #203c46;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{background:#142f3a;color:#9fc1c6;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:11px 12px}td{padding:10px 12px;border-top:1px solid #1b333d;color:#d0dfe2;max-width:360px;overflow:hidden;text-overflow:ellipsis}tr:hover td{background:#112a34}.empty{padding:28px;color:#829da5;font-size:12px;text-align:center}.filters{display:flex;gap:9px;margin:12px 0 16px}.filters input,.filters select{background:#071922;border:1px solid #294650;border-radius:6px;color:#dcebef;padding:10px;font:inherit;font-size:11px}.filters input{flex:1;min-width:220px}.filters select{min-width:135px}.text-button{border:0;background:none;color:#62d5cf;font-size:10px;font-weight:800;cursor:pointer}.alert{border:1px solid #81454a;background:#351e25;color:#ffc1c1;padding:13px 15px;border-radius:7px;font-size:12px;margin-bottom:20px}.alert span{display:block;color:#c68c91;margin-top:4px}.small{padding:8px}footer{text-align:center;color:#58757e;font-size:10px;letter-spacing:.07em;padding:20px}@media (max-width:1000px){.topbar{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){main{padding:20px 14px}.brand img{width:112px}.brand h1{font-size:15px}.top-actions,.clock{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:14px;min-height:115px}.kpi strong{font-size:34px}.grid-two{grid-template-columns:1fr}.filters{flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column}.panel{padding:13px}.nav{padding:0 10px}.nav button{padding:13px 10px}}