@charset "UTF-8";:root{--lpu-maroon: #6f1d27;--lpu-maroon-hover: #5c171f;--lpu-maroon-soft: #8a2a36;--lpu-gold: #c9a227;--lpu-red: #c4161c;--sidebar-bg: #6f1d27;--sidebar-text: #f6ecee;--sidebar-muted: #e0c27a;--header-height: 72px;--sidebar-width: 248px;--page-bg: #f3f3f3;--card-bg: #ffffff;--text: #1a1a1a;--text-muted: #6b6b6b;--line: #ececec;--shadow: 0 8px 24px rgba(17, 17, 17, .06);--radius: 12px;--font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--text);background:var(--page-bg)}body{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.page{display:flex;flex-direction:column;gap:18px}.page-title{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.metric-grid,.chart-grid,.split-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:1.15fr .85fr}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.card-title{margin:0 0 16px;font-size:16px;font-weight:700}.metric-card{display:flex;flex-direction:column;gap:10px}.metric-card span{color:var(--text-muted);font-size:14px}.metric-card strong{color:var(--lpu-red);font-size:40px;font-weight:700;line-height:1}.metric-card.compact strong{font-size:22px}.btn,.btn-primary,.btn-ghost,.btn-danger{border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}.btn-primary{background:var(--lpu-maroon);color:#fff}.btn-primary:hover{background:var(--lpu-maroon-hover)}.btn-ghost{background:#f4f4f4;color:var(--text)}.btn-danger{background:#f8e6e6;color:#9b1c1c}.btn:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-muted)}.field input,.field select,.field textarea{border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text);background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#333;font-weight:700;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px 8px;border-bottom:1px solid #f2f2f2;color:#333;vertical-align:middle}.person{display:flex;align-items:center;gap:10px}.person img,.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--lpu-maroon)}.person small{display:block;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.pending,.badge.late,.badge.at-risk{background:#fff4d6;color:#8a6d00}.badge.approved,.badge.present,.badge.completed,.badge.cleared,.badge.on-track{background:#e5f6ea;color:#1b7a38}.badge.rejected,.badge.absent,.badge.danger{background:#fde8e8;color:#b42318}.badge.cancelled,.badge.muted{background:#f0f0f0;color:#666}.badge.wfh,.badge.info{background:#e8eefc;color:#274690}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:0;background:#ececec;color:#555;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600}.tabs button.active{background:var(--lpu-maroon);color:#fff}.legend{display:flex;flex-direction:column;gap:8px;font-size:13px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.donut-row{display:flex;align-items:center;gap:24px}.empty{color:var(--text-muted);font-size:14px;padding:16px 0}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.money{font-variant-numeric:tabular-nums}@media(max-width:1200px){.metric-grid,.chart-grid,.split-grid,.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.metric-grid,.chart-grid,.split-grid,.form-grid{grid-template-columns:1fr}}