:root{color-scheme:dark;font-family:system-ui,'Segoe UI',Arial}*{box-sizing:border-box}body{margin:0;background:#081323;color:#edf6ff}header{padding:12px 20px;background:#101e33;border-bottom:1px solid #2c435d;display:flex;align-items:center;gap:15px;flex-wrap:wrap}header img{width:55px;height:55px;border-radius:13px}header strong{font-size:20px}nav{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}nav a,.btn,button{background:#1b3452;border:1px solid #345777;color:#fff;text-decoration:none;padding:11px 14px;border-radius:10px;cursor:pointer;font:inherit}nav a.active,.btn.primary,button.primary{background:#1769cb}main{max-width:1080px;margin:auto;padding:20px}h1{font-size:clamp(23px,4vw,34px)}.muted{color:#afc3da;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.card{background:#112239;border:1px solid #2a4564;border-radius:16px;padding:20px;margin-bottom:16px}.number{font-size:clamp(21px,3vw,30px);font-weight:800;color:#42e2b6}.actions{display:flex;flex-wrap:wrap;gap:10px}form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}input,select{background:#091629;color:white;border:1px solid #48647e;border-radius:9px;padding:12px;font-size:16px;width:100%}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}td,th{text-align:left;padding:13px 9px;border-bottom:1px solid #2c435d}canvas{width:100%;height:320px;display:block;background:#101e32;border-radius:12px}footer{max-width:1080px;margin:auto;padding:20px;color:#9cb0c8;font-size:13px}@media(max-width:600px){main{padding:12px}header{padding:10px}nav{width:100%;margin-left:0}nav a{flex:1;text-align:center;font-size:13px;padding:10px 6px}.card{padding:14px}form label,form button{min-width:100%}}