:root{--blue:#003b7a;--light:#eaf3ff;--border:#d9e4f2;--muted:#5f7896;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--blue);font-family:Arial,Helvetica,sans-serif}.topbar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:12px 22px;background:#fff;position:sticky;top:0;z-index:5}.topbar img{height:58px}.topbar h1{font-size:20px;margin:0}.nav{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.nav a,.btn{background:var(--blue);color:#fff;text-decoration:none;border:0;border-radius:8px;padding:9px 13px;display:inline-block;cursor:pointer}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--border)}.btn.danger{background:var(--danger)}.container{max-width:1180px;margin:22px auto;padding:0 16px}.card{border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;background:#fff;box-shadow:0 8px 28px rgba(0,59,122,.05)}.card h2,.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{font-weight:700;font-size:13px;margin-bottom:5px;display:block}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;color:#102a43;background:#fff}textarea{min-height:100px}.muted{color:var(--muted)}.alert{padding:12px;border-radius:10px;margin-bottom:14px}.alert.ok{background:#ecfdf3;color:var(--ok)}.alert.err{background:#fff1f3;color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left}th{background:var(--light)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--light)}.kpi b{font-size:28px;display:block}.login-wrap{max-width:430px;margin:60px auto}.logo-center{text-align:center}.logo-center img{height:90px}.small{font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--light)}@media(max-width:800px){.grid,.grid3,.kpis{grid-template-columns:1fr}.nav{margin-left:0}.topbar{align-items:flex-start;flex-direction:column}}