:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#142b52,#070d1b 65%);color:#eaf2ff;min-height:100vh}.wrap{max-width:1250px;margin:auto;padding:38px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#68dcf5}h1{font-size:clamp(28px,4vw,48px);margin:8px 0}h2{font-size:19px;margin:0 0 16px}p{color:#aebfd8;line-height:1.6}header p{margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;color:#b4c3da}.toolbar nav{display:flex;gap:7px}.toolbar a,button{background:#182a48;color:#e8f3ff;padding:10px 17px;border:1px solid #355071;border-radius:10px;text-decoration:none;cursor:pointer;font:inherit}.toolbar a.active,button:hover{background:#25567c;border-color:#6bdfff}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpis article,.panel{background:rgba(16,30,54,.9);border:1px solid #263d5d;border-radius:18px;padding:24px;box-shadow:0 16px 40px #0002}.kpis span{display:block;color:#aebed5;font-size:14px}.kpis strong{display:block;font-size:34px;margin-top:12px}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:#89cde8;font-weight:600}td,th{padding:12px 10px;border-bottom:1px solid #29405f}td:not(:first-child),th:not(:first-child){text-align:right}.chart svg{width:100%;height:220px}.axis{display:flex;justify-content:space-between;color:#a4b6d0;font-size:12px}.legend{color:#a8bdd6;margin-top:12px}.login{max-width:430px}.login label{display:block;margin:14px 0 8px}.login input{width:100%;padding:13px;border-radius:10px;border:1px solid #527098;background:#071429;color:white;margin-bottom:16px}.error{color:#ffadad}footer{margin-top:36px;color:#91a3bc;font-size:13px}code{color:#8fe8ff}@media(max-width:800px){.kpis{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:470px){.kpis{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}