:root{--p:#185fa5;--pd:#0c447c;--bg:#f7f6f2;--card:#fff;--b:#ddd;--t:#232323;--m:#666;--r:10px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;background:var(--bg);color:var(--t);font-size:14px}.top{background:#fff;border-bottom:1px solid var(--b);padding:14px 24px;display:flex;gap:16px;align-items:center}.brand{font-weight:700;color:var(--pd)}.nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.nav a,.btn{border:1px solid var(--b);background:#fff;color:#222;border-radius:7px;padding:8px 12px;text-decoration:none;display:inline-block;cursor:pointer}.nav a:hover,.btn:hover{background:#f0f4f8}.btn.primary{background:var(--p);border-color:var(--p);color:#fff}.wrap{max-width:1180px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:18px;margin-bottom:18px;overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:15px}.stat .label{color:var(--m);font-size:12px}.stat .val{font-size:22px;font-weight:700;margin-top:5px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{font-size:11px;text-transform:uppercase;color:#666;background:#fafafa}input,select,textarea{width:100%;padding:8px;border:1px solid var(--b);border-radius:7px;background:#fff}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.muted{color:#666}.right{text-align:right}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:#fff9e6;border:1px solid #ead392;padding:12px;border-radius:8px;margin-bottom:16px}.login{max-width:420px;margin:60px auto}@media print{.top,.actions,.no-print{display:none}.wrap{padding:0}.card{border:0}.payslip{max-width:780px;margin:auto}}