:root{--navy:#0f2d4a;--dark:#081d32;--green:#2ebd59;--green2:#209d47;--light:#f4f7fa;--line:#dce4eb;--text:#172033;--muted:#647184}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--light);color:var(--text);line-height:1.55}.top{min-height:70px;background:var(--dark);color:#fff;display:flex;align-items:center;padding:12px max(24px,calc((100% - 1180px)/2));gap:30px}.logo{font-size:24px;font-weight:800;color:#fff;text-decoration:none}.logo span{color:var(--green)}nav{display:flex;gap:20px;margin-left:auto}nav a{color:#dce6ef;text-decoration:none;font-weight:700}.shell{max-width:1180px;margin:34px auto;padding:0 22px;min-height:75vh}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1,h2{color:var(--navy)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 8px 28px rgba(15,45,74,.06)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.kpis span{color:var(--muted);display:block}.kpis strong{display:block;font-size:30px;color:var(--navy);margin-top:8px}.btn,button{display:inline-flex;border:0;border-radius:9px;background:var(--green);color:#fff;padding:12px 19px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.btn:hover,button:hover{background:var(--green2)}.auth{max-width:480px;margin:60px auto}.form{max-width:760px;margin:auto}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:700;color:var(--navy)}label.inline{display:flex;align-items:center}label.inline input{width:auto}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;font:inherit}textarea{min-height:100px}.flash{padding:13px 15px;border-radius:9px;margin-bottom:18px}.flash.success{background:#e5f8eb;color:#176d34}.flash.error{background:#fde8e8;color:#8d2525}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}th{color:var(--navy)}.foot{text-align:center;color:var(--muted);padding:25px}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}nav{margin-left:0;flex-wrap:wrap}.kpis{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}}