:root{--navy:#0f2747;--blue:#1769aa;--bg:#f4f7fb;--line:#dbe3ee;--green:#157347;--red:#b42318}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:#162033}header{background:var(--navy);color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}header a{color:#fff;text-decoration:none;margin-left:18px}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 2px 8px #102a4312}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi strong{display:block;font-size:1.6rem;margin-top:5px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{background:#eef3f9}input,select,button{font:inherit;padding:10px;border:1px solid #b8c5d6;border-radius:8px}button,.btn{background:var(--blue);color:#fff;border:0;text-decoration:none;display:inline-block;cursor:pointer}.error{color:var(--red)}.ok{color:var(--green)}.login{max-width:420px;margin:10vh auto}.row{display:flex;gap:10px;flex-wrap:wrap}.row label{flex:1;min-width:180px}label span{display:block;margin-bottom:5px}label input,label select{width:100%}@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:8px;flex-direction:column}table{display:block;overflow:auto}}@media print{header,.no-print{display:none}.wrap{max-width:none;margin:0}.card{box-shadow:none}}