*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1f2937;font-family:Arial,Helvetica,sans-serif}.hrms-page{max-width:1280px;margin:0 auto;padding:18px}.hrms-topbar{background:linear-gradient(135deg,#0b3a75,#1266b3);color:#fff;border-radius:16px;padding:18px 22px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 22px rgba(13,58,110,.18)}.hrms-topbar h1{margin:0;font-size:24px}.hrms-topbar p{margin:5px 0 0;opacity:.9}.hrms-actions{display:flex;flex-wrap:wrap;gap:8px}.hrms-actions a,.hrms-btn{display:inline-block;background:#fff;color:#0b3a75;text-decoration:none;padding:9px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.5);font-weight:bold}.hrms-btn-primary{background:#0b61b5;color:#fff;border-color:#0b61b5}.hrms-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.hrms-btn-light{background:#eef5ff;color:#0b3a75}.hrms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.hrms-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.hrms-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 3px 14px rgba(20,35,60,.08);border:1px solid #e7eef8}.hrms-card h2,.hrms-card h3{margin-top:0}.hrms-kpi{font-size:30px;font-weight:bold;color:#0b3a75;margin-top:8px}.hrms-muted{color:#6b7280}.hrms-table-wrap{background:#fff;border-radius:14px;box-shadow:0 3px 14px rgba(20,35,60,.08);border:1px solid #e7eef8;overflow:auto}.hrms-table{width:100%;border-collapse:collapse}.hrms-table th{background:#eef5ff;color:#0b3a75;text-align:left;font-size:13px}.hrms-table th,.hrms-table td{padding:10px;border-bottom:1px solid #edf2f7;vertical-align:top}.hrms-form{background:#fff;border-radius:14px;padding:16px;border:1px solid #e7eef8;box-shadow:0 3px 14px rgba(20,35,60,.08);margin-bottom:18px}.hrms-form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hrms-form label{display:block;font-size:13px;font-weight:bold;margin-bottom:6px;color:#374151}.hrms-form input,.hrms-form select,.hrms-form textarea{width:100%;border:1px solid #cfd8e6;border-radius:9px;padding:9px 10px;background:#fff}.hrms-alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-weight:bold}.hrms-alert-success{background:#dcfce7;color:#166534}.hrms-alert-error{background:#fee2e2;color:#991b1b}.hrms-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:bold}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-orange{background:#ffedd5;color:#9a3412}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-gray{background:#e5e7eb;color:#374151}.hrms-timeline{border-left:3px solid #cfe2ff;margin-left:10px;padding-left:16px}.hrms-timeline-item{background:#fff;border:1px solid #e7eef8;border-radius:12px;margin-bottom:12px;padding:12px}.hrms-mobile-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;border:1px solid #e7eef8}.hrms-mobile-row{display:flex;justify-content:space-between;border-bottom:1px dashed #e5e7eb;padding:7px 0}.hrms-mobile-row:last-child{border-bottom:0}@media(max-width:900px){.hrms-grid,.hrms-grid-3,.hrms-form-row{grid-template-columns:1fr 1fr}.hrms-topbar{display:block}.hrms-actions{margin-top:12px}}@media(max-width:600px){.hrms-page{padding:10px}.hrms-grid,.hrms-grid-3,.hrms-form-row{grid-template-columns:1fr}.hrms-topbar h1{font-size:20px}.hrms-table th,.hrms-table td{padding:8px;font-size:13px}.hrms-actions a,.hrms-btn{width:100%;text-align:center}}