.hr-app{--hr-purple:#63319c;color:#291d38;font-family:Arial,sans-serif;max-width:1440px;margin:auto;padding:24px;background:#f7f5fa;min-height:85vh}.hr-hero{background:linear-gradient(115deg,#2c173e,#62349d);border-radius:26px;color:#fff;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.hr-hero h1{font-size:30px;font-weight:800;letter-spacing:-.7px}.hr-hero p{color:#e1d6ed;margin-top:6px;font-size:14px}.hr-kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;margin-bottom:10px;color:#d0bde7}.hr-hero input{color:#291d38;background:#fff;border-radius:12px;padding:12px;max-width:180px}.hr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.hr-tabs button{padding:11px 16px;border-radius:12px;border:1px solid #e5ddec;background:#fff;font-size:14px;font-weight:700}.hr-tabs button[aria-selected=true]{background:#63319c;color:white;border-color:#63319c}.hr-card{background:#fff;border:1px solid #e7e0ec;border-radius:22px;padding:22px;box-shadow:0 6px 22px #32194904;margin-bottom:20px;min-width:0}.hr-card-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.hr-card-title h2{font-size:19px;font-weight:800}.hr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.hr-stat{background:#fff;border:1px solid #e7e0ec;border-radius:20px;padding:20px}.hr-stat strong{display:block;font-size:30px;font-weight:800;margin:8px 0 4px}.hr-stat span{font-size:12px;color:#796783}.hr-field,.hr-stat p{font-size:13px;font-weight:700}.hr-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:14px}.hr-field input,.hr-field select,.hr-field textarea,.hr-input{background:#fff;border:1px solid #ddd3e7;border-radius:11px;padding:11px 12px;width:100%;font-weight:400;color:#291d38;min-height:43px}.hr-field textarea{min-height:78px}.hr-field input:focus,.hr-field select:focus,.hr-field textarea:focus{outline:2px solid #b69acc;outline-offset:1px}.hr-btn{padding:11px 17px;background:#63319c;color:#fff;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer}.hr-btn:disabled{opacity:.5;cursor:not-allowed}.hr-btn.secondary{background:#f2edf7;color:#60358d}.hr-btn.danger{background:#fff0f1;color:#b52645}.hr-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.hr-badge{display:inline-flex;gap:4px;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;white-space:nowrap}.hr-green{background:#e4f5ed;color:#16704e}.hr-red{background:#fce9ed;color:#af2948}.hr-orange{background:#fff0df;color:#9c5712}.hr-yellow{background:#fff8ca;color:#806900}.hr-purple{background:#eee5fa;color:#6c3aa2}.hr-blue{background:#e4f0ff;color:#285a95}.hr-gray{background:#f0eff3;color:#787280}.hr-table-wrap{overflow:auto;max-width:100%;border:1px solid #eee8f2;border-radius:12px}.hr-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.hr-table th{background:#f7f3fb;color:#786187;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.hr-table td,.hr-table th{padding:13px 12px;white-space:nowrap}.hr-table td{border-top:1px solid #f0eaf5;vertical-align:middle}.hr-table td button{text-align:left;cursor:pointer}.hr-person{font-weight:700}.hr-person small{display:block;font-weight:400;font-size:11px;color:#8a7b92;margin-top:4px}.hr-note{font-size:13px;color:#786b81;line-height:1.7;margin:8px 0 14px}.hr-notice{padding:14px 18px;background:#fff5df;color:#805a18;border-radius:12px;font-size:13px;margin-bottom:18px}.hr-error{background:#fff0f3;color:#a72948}.hr-success{background:#e4f5ed;color:#16704e}.hr-panel{border:2px solid #b898d2;scroll-margin-top:85px}.hr-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.hr-day{min-height:88px;padding:8px;border-radius:12px;border:1px solid #e8e0ee;text-align:left;background:#fff;cursor:pointer}.hr-day strong{font-size:14px;display:block;margin-bottom:5px}.hr-day .hr-badge{font-size:9px;padding:4px;white-space:normal}.hr-day small{display:block;font-size:9px;margin-top:5px;color:#766080}.hr-weekday{font-size:11px;font-weight:700;text-align:center;color:#86768e;padding:6px}.hr-slip{border-radius:18px;background:#faf8fc;padding:20px;border:1px solid #e5daef}.hr-slip-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:9px 0}.hr-slip-total{border-top:1px solid #dccce9;margin-top:8px;padding-top:18px;font-size:21px;font-weight:800;color:#63319c}.hr-empty{padding:26px;text-align:center;color:#817189}.hr-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;margin:12px 0;line-height:1.5}.hr-check input{margin-top:3px}.hr-toplink{color:#63319c;font-weight:700;font-size:13px;text-decoration:underline}.hr-modal{position:fixed;inset:0;z-index:150;background:#21142dcc;overflow:auto;padding:25px;display:flex;justify-content:center;align-items:flex-start}.hr-modal-content{background:white;border-radius:22px;padding:25px;width:min(720px,100%);margin-top:30px}.hr-muted{color:#897b93;font-size:12px}.hr-kiosk{min-height:100dvh;background:radial-gradient(ellipse at top,#62349d,#241335 75%);color:white;padding:26px;display:flex;flex-direction:column;align-items:center;text-align:center}.hr-camera{width:min(620px,100%);background:#fff;border-radius:26px;overflow:hidden;color:#291d38;min-height:360px;margin:24px auto}.hr-camera video{width:100%;max-height:500px;object-fit:cover;transform:scaleX(-1)}.hr-kiosk h1{font-size:32px;font-weight:800}.hr-kiosk p{color:#dacee6;margin:10px 0}.hr-kiosk .hr-notice{width:min(620px,100%)}@media (max-width:640px){.hr-app{padding:12px}.hr-hero{padding:20px;align-items:flex-start;flex-direction:column}.hr-hero h1{font-size:25px}.hr-hero input{max-width:100%}.hr-grid{grid-template-columns:1fr}.hr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-stat{padding:15px}.hr-stat strong{font-size:25px}.hr-card{padding:16px;border-radius:18px}.hr-tabs button{padding:10px 12px;font-size:12px}.hr-calendar{gap:4px}.hr-day{padding:4px;min-height:78px}.hr-day .hr-badge{font-size:8px}.hr-modal{padding:10px}.hr-modal-content{padding:17px}.hr-kiosk{padding:16px}}@media print{body *{visibility:hidden!important}.hr-print-salary,.hr-print-salary *{visibility:visible!important}.hr-print-salary{position:absolute;left:0;top:0;width:100%;background:white!important;color:black!important;padding:30px}.hr-no-print{display:none!important}.hr-print-salary .hr-table td{white-space:normal}}.hr-calendar-short{display:none}@media (max-width:640px){.hr-calendar-full{display:none}.hr-calendar-short{display:inline}.hr-day .hr-badge{font-size:11px;max-width:100%}.hr-day small{font-size:9px}}.hr-staff-link{color:#63319c;text-decoration:underline;text-underline-offset:3px;font-weight:700}.hr-staff-link:hover{color:#35184e}.hr-workspace fieldset:disabled{opacity:.7}