:root{--brand-900: #0e2652;--brand-700: #1d4a8a;--brand-600: #2f6db5;--brand-500: #4a86c9;--brand-300: #9dbfe6;--brand-100: #e3edf8;--brand-50: #f2f6fb;--white: #ffffff;--bg: #eef3f8;--ink: #0e2652;--ink-soft: #5b6f92;--line: #d9e3f0;--ok: #1f8a5b;--warn: #c9791b;--bad: #c0392b;--r-card: 22px;--r-inner: 14px;--r-field: 10px;--r-pill: 999px;--shadow: 0 1px 2px rgba(14, 38, 82, .05), 0 10px 28px -12px rgba(14, 38, 82, .18);--font: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gap: 20px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45;font-variant-numeric:tabular-nums;overflow-x:hidden}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:34px}h2{font-size:18px}a{color:var(--brand-600)}:focus-visible{outline:3px solid var(--brand-500);outline-offset:2px}.app{max-width:1280px;margin:0 auto;padding:20px 20px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.brand-mark{width:38px;height:38px;border-radius:var(--r-inner);background:var(--brand-900);color:var(--white);display:grid;place-items:center;font-size:15px}.brand-logo{width:44px;height:44px;border-radius:50%;box-shadow:var(--shadow)}.login-logo{width:120px;height:120px;border-radius:50%;align-self:center;box-shadow:var(--shadow)}.tabs{display:flex;gap:4px;padding:5px;overflow-x:auto;max-width:100%;background:#ffffffc7;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px #ffffffeb,var(--shadow);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:0;background:transparent;color:var(--ink);font:inherit;font-weight:500;padding:9px 16px;border-radius:var(--r-pill);cursor:pointer;text-decoration:none;white-space:nowrap}.tab:hover{background:var(--brand-100)}.tab.active{background:var(--brand-900);color:var(--white)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 18px}.page-head .sub{color:var(--ink-soft)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:22px}.card h2{margin-bottom:14px}.grid{display:grid;gap:var(--gap)}.grid>*,.app>*{min-width:0}.card{max-width:100%}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:var(--gap)}.cols-2{grid-template-columns:1.6fr 1fr;margin-bottom:var(--gap)}.cols-3{grid-template-columns:repeat(3,1fr);margin-bottom:var(--gap)}.kpi{display:flex;flex-direction:column;gap:6px;min-height:120px}.kpi .label{font-size:13px;color:var(--ink-soft);font-weight:500}.kpi .value{font-size:34px;font-weight:600;letter-spacing:-.02em}.kpi .hint{font-size:13px;color:var(--ink-soft);margin-top:auto}.kpi.hero{background:var(--brand-900);border-color:var(--brand-900);color:var(--white)}.kpi.hero .label,.kpi.hero .hint{color:var(--brand-300)}.kpi .delta{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:var(--brand-100);color:var(--brand-700);width:fit-content}.kpi.hero .delta{background:#ffffff24;color:var(--white)}.btn{font:inherit;font-weight:600;border-radius:var(--r-pill);padding:10px 18px;cursor:pointer;background:var(--brand-900);color:var(--white);border:1px solid var(--brand-900)}.btn:hover{background:var(--brand-700)}.btn.secondary{background:var(--white);color:var(--brand-900);border-color:var(--brand-900)}.btn.secondary:hover{background:var(--brand-100)}.btn.small{padding:5px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--brand-100);color:var(--brand-700)}.pill.ok{background:#dff3ea;color:var(--ok)}.pill.warn{background:#fbefdc;color:var(--warn)}.pill.bad{background:#f9e1de;color:var(--bad)}input,select,textarea{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--r-field);padding:9px 12px;min-width:0}input:focus,select:focus{border-color:var(--brand-500)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.toolbar input[type=search]{flex:1 1 200px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-soft);font-weight:500}.table-wrap{overflow-x:auto;border-radius:var(--r-inner);border:1px solid var(--line)}table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-700);background:var(--brand-100);padding:11px 14px;white-space:nowrap}th:first-child{border-top-left-radius:var(--r-inner)}th:last-child{border-top-right-radius:var(--r-inner)}td{padding:11px 14px;border-top:1px solid var(--line);white-space:nowrap}tbody tr:hover td{background:var(--brand-50)}td.num,th.num{text-align:right}.empty{color:var(--ink-soft);padding:24px;text-align:center}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.error{color:var(--bad);font-size:14px}.notice{background:var(--brand-100);color:var(--brand-700);border-radius:var(--r-inner);padding:10px 14px;font-size:14px;margin-bottom:var(--gap)}@media (max-width: 960px){.kpis{grid-template-columns:repeat(2,1fr)}.cols-2,.cols-3{grid-template-columns:1fr}}@media (max-width: 520px){:root{--gap: 14px}.app{padding:14px 14px 40px}h1,.kpi .value{font-size:26px}.card{padding:16px}.kpis{grid-template-columns:1fr 1fr}}