:root{--b:#1665e8;--n:#0d2452;--bg:#f5f7fb;--c:#fff;--t:#17233c;--m:#6b7891;--l:#e5eaf2;--g:#0f9f6e;--r:#c83b4d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--t)}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.side{width:245px;background:#0d1b38;color:#fff;padding:22px 16px;position:fixed;top:0;bottom:0}.brand{font-size:21px;font-weight:800;margin-bottom:24px}.brand span{color:#5ba0ff}.brand.dark{color:#0d2452}.nav button{width:100%;background:none;border:0;color:#c8d4ea;text-align:left;padding:11px 12px;border-radius:9px;margin:3px 0;cursor:pointer}.nav button.active,.nav button:hover{background:#172a50;color:#fff}.foot{position:absolute;bottom:18px;left:16px;right:16px;border-top:1px solid #26395c;padding-top:14px;color:#aebbd0;font-size:13px}.main{margin-left:245px;width:calc(100% - 245px)}.top{height:66px;background:#fff;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.content{padding:28px}.title{font-size:28px;font-weight:800;margin:0}.muted{color:var(--m)}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(4,1fr);margin:22px 0}.card{background:#fff;border:1px solid var(--l);border-radius:14px;padding:18px}.kpi{font-size:28px;font-weight:800;margin-top:8px}.between,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.btn{border:1px solid #d8dfeb;background:#fff;color:#26354f;padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:650}.btn.primary{background:var(--b);border-color:var(--b);color:#fff}.btn.danger{color:var(--r)}.input{border:1px solid #dce3ef;border-radius:9px;padding:10px 12px;background:#fff;min-width:220px}.btn.primary[type=submit],.input.full,.table{width:100%}.table{border-collapse:collapse}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid var(--l);font-size:14px}.table th{color:var(--m);font-size:12px;text-transform:uppercase}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef4ff;color:#205eb5}.badge.green{background:#e8f7f1;color:#087554}.badge.red{background:#fff0f2;color:#a92f40}.chart{height:210px;border:1px dashed #cbd7eb;border-radius:11px;display:grid;place-items:center;color:#8a98af}.cols2{grid-template-columns:1.5fr 1fr}.section{margin-top:24px}.spaced{margin-top:14px}.label{font-size:13px;color:#526078;font-weight:700;margin-bottom:7px;display:block}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fbff,#edf4ff)}.loginbox{width:410px;background:#fff;border:1px solid var(--l);border-radius:18px;padding:30px}.center{text-align:center}.linklike{background:transparent;border:0;color:var(--b);cursor:pointer;font-weight:700;padding:0}.narrow{max-width:760px}.warn{background:#fff8f0}.info,.warn{margin-top:18px}.info{background:#f8fbff}@media(max-width:900px){.side{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}.cols2,.kpis{grid-template-columns:1fr 1fr}}@media(max-width:720px){.side{position:static;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}.cols2,.kpis{grid-template-columns:1fr}.content{padding:18px}}.errorbox{background:#fff0f2;color:#a92f40;border:1px solid #ffd0d8;border-radius:10px;padding:10px 12px;margin:12px 0}.btn:disabled{opacity:.65;cursor:not-allowed}.successbox{background:#e8f7f1;color:#087554;border:1px solid #c6ebdc;border-radius:10px;padding:10px 12px;margin:12px 0}.empty{border:1px dashed #cbd7eb;border-radius:12px;color:#6b7891;padding:22px;text-align:center;margin-top:16px}.kpi.small{font-size:20px;word-break:break-word}