:root{color-scheme:light;--blue:#112d4a;--ink:#17314b;--muted:#64788b;--green:#12806a;--line:#e1eaf0;--bg:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.48}.top{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:13px max(24px,calc((100vw - 1120px)/2));gap:16px}.logo{display:flex;align-items:center;gap:11px;color:var(--blue)}.logo>strong{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);color:white;border-radius:12px;letter-spacing:-1px}.logo span{font-size:16px;font-weight:600;line-height:1.08}.logo span b{color:var(--green)}.logo small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.07em;margin-top:5px;text-transform:uppercase}nav{display:flex;gap:20px}nav a,a{color:var(--green);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.wrap{max-width:1120px;margin:0 auto;padding:34px 24px 65px}h1{font-size:clamp(27px,3vw,36px);line-height:1.18;margin:5px 0 11px;letter-spacing:-.025em}h2{font-size:19px;margin:0 0 10px}p{color:#5f7182;margin-top:0}.eyebrow{color:var(--green);font-weight:800;font-size:11px;letter-spacing:.16em}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 30px rgba(24,54,90,.035)}.login{max-width:480px;margin:65px auto}.login h1{font-size:31px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.grid-input{display:grid;grid-template-columns:3fr 1fr;gap:12px}label{font-weight:650;font-size:13px;display:block;margin-top:15px}input,select{display:block;width:100%;border:1px solid #cedbe4;border-radius:9px;margin-top:6px;padding:13px 12px;font-size:15px;color:var(--ink);background:white;min-width:0}input:focus,select:focus{outline:2px solid #66b5a6;outline-offset:1px}button{display:block;border:0;background:var(--green);color:white;border-radius:9px;padding:13px 20px;font-weight:750;font-size:14px;cursor:pointer;margin-top:20px}button:hover{background:#0e6758}button:disabled{opacity:.5;cursor:default}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;min-height:115px}.kpi span{font-size:12px;color:var(--muted)}.kpi b{display:block;font-size:30px;color:var(--blue);margin-top:8px}.kpi b.small{font-size:18px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:530px}th{text-align:left;text-transform:uppercase;font-size:11px;letter-spacing:.07em;color:var(--muted)}th,td{padding:13px 12px;border-bottom:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:4px}.notice{padding:14px 16px;border-radius:10px;background:#e6f2ef;color:#14614f;margin:18px 0}.notice.error{background:#fff0ee;color:#a03624}footer{text-align:center;color:#8c9ba9;font-size:12px;padding:15px}@media(max-width:680px){.top{padding:12px 16px}.wrap{padding:24px 15px 45px}.grid,.kpis{grid-template-columns:1fr}.grid-input{grid-template-columns:3fr 1fr}.card{padding:20px}.login{margin:20px auto}h1{font-size:27px}}
nav{align-items:center}nav form.navform{margin:0}nav form.navform button{margin:0;background:transparent;color:var(--green);padding:0;font:inherit}nav form.navform button:hover{text-decoration:underline}
