*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f5f7fb;color:#1d2633}.topbar{background:#172238;color:#fff;padding:14px 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{font-weight:700}.topbar nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none}.user{opacity:.8}.container{max-width:1400px;margin:24px auto;padding:0 16px}.card{background:white;border-radius:12px;padding:18px;box-shadow:0 2px 10px #00000010;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{font-size:28px;font-weight:700}.muted{color:#687487}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filters label{display:flex;flex-direction:column;gap:5px;font-size:13px}.btn,button{background:#1d5fd1;color:#fff;border:0;padding:9px 14px;border-radius:7px;text-decoration:none;cursor:pointer}.btn.secondary{background:#5e6a7d}.btn.danger{background:#b42318}input,select{padding:8px;border:1px solid #ccd3df;border-radius:6px;background:#fff}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border-bottom:1px solid #e7ebf1;text-align:left;font-size:13px}th{background:#eef3fa;position:sticky;top:0}.table-wrap{overflow:auto;max-height:70vh}.alert{padding:12px;border-radius:8px;margin-bottom:14px}.alert.error{background:#fde8e8;color:#8a1c1c}.alert.ok{background:#e7f7ed;color:#176b35}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}footer{text-align:center;color:#758197;padding:24px}.login-box{max-width:420px;margin:70px auto}.login-box input{width:100%;margin-bottom:12px}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pagination a{padding:6px 10px;background:#fff;border:1px solid #d8dee8;border-radius:6px;text-decoration:none;color:#1d2633}.actions{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:12px}.right{text-align:right}@media print{.topbar,.no-print,footer{display:none}.container{max-width:none;margin:0}.card{box-shadow:none}}.login-brand{font-size:28px;font-weight:800;letter-spacing:.2px;margin-bottom:4px}
select{padding:9px 10px;border:1px solid #cfd6df;border-radius:7px;background:#fff;min-height:40px}