.calendar-report-toolbar.calendar-view-toolbar{flex-wrap:wrap}.calendar-report-toolbar .calendar-view-controls{flex-wrap:wrap;flex:100%}.calendar-report-toolbar .calendar-date-selectors{flex-wrap:wrap}.calendar-report-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-report-summary{margin-bottom:16px}.calendar-report-summary .custom-table{min-width:950px}.calendar-report-employee-id{color:var(--neutral-500);display:block}.calendar-report-summary>.section-subtitle{margin-top:10px}@media (width<=700px){.calendar-report-actions{width:100%}.calendar-report-actions .btn{flex:160px}.calendar-report-toolbar .calendar-date-field{flex:145px}.calendar-report-toolbar .calendar-date-field input{width:100%;min-width:0}}.attendance-page{gap:18px;display:grid}.attendance-filters{border:1px solid var(--border-color,#dce7e2);background:#f8fbfa;border-radius:14px;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.attendance-filters label{color:#173b31;gap:6px;font-size:.78rem;font-weight:700;display:grid}.attendance-filters input,.attendance-filters select{color:#13362c;background:#fff;border:1px solid #cfdcd7;border-radius:10px;width:100%;min-height:42px;padding:0 11px}.attendance-filter-actions{flex-wrap:wrap;gap:8px;display:flex}.attendance-table-wrap{border:1px solid #dce7e2;border-radius:14px;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:920px}.attendance-table th{color:#163b31;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#edf5f2;padding:12px 14px;font-size:.74rem}.attendance-table td{color:#29483f;vertical-align:top;border-top:1px solid #e5eeea;padding:14px}.attendance-table td strong,.attendance-table td small{display:block}.attendance-table td small{color:#6a7f78;margin-top:3px}.attendance-status-badge{color:#a42c2c;white-space:nowrap;background:#fff0f0;border:1px solid #f2b8b8;border-radius:999px;align-items:center;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.attendance-modal{width:min(620px,100vw - 28px);max-height:calc(100vh - 30px);overflow-y:auto}.attendance-search{background:#fff;border:1px solid #cfdcd7;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.attendance-search input{outline:0;width:100%;border:0!important;padding-inline:0!important}.attendance-employee-summary{color:#173b31;background:#edf5f2;border-radius:11px;gap:3px;padding:12px 14px;display:grid}.attendance-employee-summary span{color:#657b73;font-size:.82rem}.btn-compact{min-height:34px;padding:7px 10px}.attendance-row-actions{flex-wrap:wrap;gap:6px;display:flex}.calendar-add-absence-button{justify-content:center;width:100%;margin-bottom:4px}@media (width<=900px){.attendance-filters{grid-template-columns:1fr 1fr}.attendance-filter-actions{grid-column:1/-1}}@media (width<=640px){.attendance-filters{grid-template-columns:1fr}.attendance-filter-actions{grid-column:auto}.attendance-filter-actions .btn{flex:1}.attendance-table{min-width:0}.attendance-table thead{display:none}.attendance-table tbody,.attendance-table tr,.attendance-table td{width:100%;display:block}.attendance-table tr{border-top:1px solid #dce7e2;padding:10px 14px}.attendance-table tr:first-child{border-top:0}.attendance-table td{border:0;grid-template-columns:105px 1fr;gap:10px;padding:7px 0;display:grid}.attendance-table td:before{content:attr(data-label);color:#6a7f78;text-transform:uppercase;font-size:.74rem;font-weight:800}}.attendance-calendar{color:var(--text-primary,#173b31);gap:18px;display:grid}.attendance-calendar-toolbar,.attendance-month-navigation,.attendance-view-switch{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.attendance-calendar-toolbar label{gap:6px;font-size:.8rem;font-weight:700;display:grid}.attendance-calendar-toolbar input,.attendance-calendar-toolbar select{border:1px solid var(--border-color,#dce7e2);background:var(--bg-card,#fff);max-width:100%;min-height:42px;color:inherit;border-radius:10px;padding:8px 12px}.attendance-month-navigation h2{text-align:center;min-width:190px;margin:0;font-size:1.2rem}.attendance-view-switch button[aria-pressed=true]{background:#e0eee8;border-color:#39715d}.attendance-calendar-note{color:var(--text-secondary,#60766e);margin:0;font-size:.85rem}.attendance-calendar-legend{flex-wrap:wrap;gap:8px;display:flex}.attendance-day-badge{color:#455260;background:#eef1f3;border-radius:7px;align-self:start;width:fit-content;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.attendance-day-badge.present{color:#185a32;background:#dcf4e5}.attendance-day-badge.absent{color:#a02222;background:#fde5e5}.attendance-day-badge.leave{color:#204c94;background:#e2edff}.attendance-day-badge.half-day{color:#825200;background:#fff0cc}.attendance-day-badge.lop{color:#851f32;background:#f6dada}.attendance-day-badge.holiday{color:#653795;background:#eee5fa}.attendance-day-badge.permission{color:#24606a;background:#def2f3}.attendance-calendar-scroll{border:1px solid var(--border-color,#dce7e2);border-radius:12px;overflow-x:auto}.attendance-month-grid{background:var(--border-color,#dce7e2);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;min-width:630px;display:grid}.attendance-weekday{text-align:center;background:var(--bg-card,#f3f7f5);padding:12px;font-size:.8rem;font-weight:700}.attendance-calendar-day,.attendance-day-spacer{background:var(--bg-card,#fff);min-height:112px;padding:12px}.attendance-calendar-day{text-align:left;color:inherit;font:inherit;cursor:pointer;border:0;flex-direction:column;align-items:stretch;gap:10px;display:flex}.attendance-calendar-day:hover{background:#f1f7f4}.attendance-calendar-day:focus-visible{outline-offset:-3px;outline:3px solid #267359}.attendance-calendar-day.is-today{box-shadow:inset 0 0 0 2px #267359}.attendance-calendar-day.is-muted{opacity:.4}.attendance-day-number{justify-content:space-between;align-items:center;font-weight:700;display:flex}.attendance-day-number small{color:#267359;font-size:.65rem}.attendance-calendar-day>small{font-size:.7rem}.attendance-day-details{border:1px solid var(--border-color,#dce7e2);border-radius:12px;padding:18px}.attendance-day-details dl>div{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.attendance-day-details dt{min-width:140px;font-weight:700}.attendance-day-details dd{overflow-wrap:anywhere;margin:0}.attendance-overview{border-collapse:collapse;width:100%;min-width:900px}.attendance-overview caption{text-align:left;color:var(--text-secondary,#60766e);padding:14px}.attendance-overview th,.attendance-overview td{text-align:left;border-bottom:1px solid var(--border-color,#dce7e2);padding:12px}@media (width<=700px){.attendance-calendar-toolbar{align-items:stretch}.attendance-calendar-toolbar label{flex:150px}.attendance-month-navigation{justify-content:space-between;width:100%}}:root{--primary:#0f3d2e;--primary-light:#14532d;--secondary:#22c55e;--secondary-hover:#16a34a;--background:#f4f4fd;--white:#fff;--border:#d1fae5;--text:#0f172a;--muted:#64748b;--success:#16a34a;--danger:#dc2626;--shadow:0 10px 30px #10182814;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:Segoe UI,sans-serif}.auth-page{background:linear-gradient(135deg,#0f3d2e,#14532d);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;padding:40px}.auth-logo{text-align:center;margin-bottom:30px}.auth-logo h1{color:var(--primary);font-size:28px}.auth-logo p{color:var(--muted);margin-top:8px}.auth-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--primary);font-size:14px;font-weight:600}.input-group input,.input-group select,.input-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:14px;font-size:15px;transition:all .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 4px #2563eb1a}.btn{cursor:pointer;border:none;border-radius:10px;padding:14px 18px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{background:var(--secondary);color:#fff}.btn-primary:hover{background:var(--secondary-hover)}.btn-danger{background:var(--danger);color:#fff}.dashboard-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#0f3d2e,#14532d);border-right:1px solid #ffffff0d;width:260px;padding:30px 20px}.sidebar h2{margin-bottom:40px;font-size:24px}.sidebar-menu{flex-direction:column;gap:14px;display:flex}.sidebar-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:14px;font-size:15px;transition:all .2s}.dashboard-main{flex:1;padding:40px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:32px}.dashboard-header p{color:var(--muted);margin-top:6px}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:25px;padding:24px}.card-title{color:var(--primary);margin-bottom:20px;font-size:20px}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.table-wrapper{overflow-x:auto}.custom-table{border-collapse:collapse;width:100%}.custom-table th{color:var(--primary);text-align:left;background:#eff6ff;padding:14px}.custom-table td{border-bottom:1px solid #e2e8f0;padding:14px}.custom-table tr:hover{background:#f8fafc}.badge{border-radius:50px;padding:6px 12px;font-size:12px;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-pending{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.alert{border-radius:10px;padding:14px;font-size:14px}.alert-error{color:#991b1b;background:#fee2e2}@media (width<=900px){.dashboard-layout{flex-direction:column}.sidebar{width:100%}.grid-2,.grid-3{grid-template-columns:1fr}.dashboard-main{padding:20px}}.sidebar{flex-direction:column;justify-content:space-between;display:flex}.sidebar-menu button,.logout-btn{align-items:center;gap:12px;display:flex}.active-menu{background:#ffffff1f!important}.logout-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;padding:14px;transition:all .2s}.logout-btn:hover{background:#ffffff29}.stats-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:5px solid var(--secondary);background:#fff;justify-content:space-between;align-items:center;padding:24px;transition:all .2s;display:flex}.stats-card:hover{transform:translateY(-3px)}.stats-card p{color:var(--muted);margin-bottom:8px}.stats-card h2{color:var(--primary);font-size:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-subtitle{color:var(--muted);margin-top:4px}.modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:500px;padding:30px;box-shadow:0 20px 60px #0003}.modal-header h3{color:var(--primary)}.modal-header button{cursor:pointer;background:0 0;border:none;font-size:18px}.user-cell{align-items:center;gap:12px;display:flex}.avatar-circle{width:34px;height:34px;color:var(--primary);background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;display:flex}.action-buttons{gap:10px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;transition:all .2s;display:flex}.approve-btn{color:#166534;background:#dcfce7}.approve-btn:hover{background:#bbf7d0}.reject-btn{color:#991b1b;background:#fee2e2}.reject-btn:hover{background:#fecaca}.notification-list{flex-direction:column;gap:16px;display:flex}.notification-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;transition:all .2s;display:flex}.notification-item:hover{transform:translateY(-2px)}.notification-item h4{color:var(--primary);margin-bottom:6px}.notification-item p{color:var(--muted);margin-bottom:6px}.notification-item small{color:#94a3b8}.read-notification{opacity:.7}.mark-read-btn{color:#166534;cursor:pointer;background:#dcfce7;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:flex}.empty-state{text-align:center;color:var(--muted);padding:30px}.delete-icon-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-weight:700;transition:all .2s;display:inline-flex}.delete-icon-btn:hover{background:#fecaca;transform:translateY(-1px)}.reimbursement-modal{max-width:950px;max-height:90vh;overflow-y:auto}.reimbursement-toolbar{justify-content:space-between;align-items:center;display:flex}.custom-category-box{gap:10px;display:flex}.custom-category-box input{border:1px solid #cbd5e1;border-radius:10px;flex:1;padding:12px}.custom-category-box button{color:#fff;cursor:pointer;background:#0f3d2e;border:none;border-radius:10px;padding:12px 18px;font-weight:700}.table-input{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px}.reimbursement-summary{flex-direction:column;gap:12px;max-width:360px;margin-left:auto;display:flex}.reimbursement-summary div{justify-content:space-between;align-items:center;display:flex}.reimbursement-summary input{border:1px solid #cbd5e1;border-radius:8px;width:120px;padding:8px}.total-line{color:var(--primary);border-top:1px solid #e2e8f0;padding-top:12px;font-size:17px}.receipt-note{color:var(--muted);font-weight:600}.employee-profile-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:5px solid var(--secondary);background:#fff;align-items:flex-start;gap:22px;margin-bottom:25px;padding:28px;display:flex}.employee-profile-icon{width:70px;height:70px;color:var(--primary);background:#dcfce7;border-radius:18px;justify-content:center;align-items:center;display:flex}.employee-profile-card h2{color:var(--primary);margin-bottom:6px}.employee-profile-card p{color:var(--muted);margin-bottom:18px}.employee-info-grid{color:var(--text);grid-template-columns:repeat(2,1fr);gap:12px;font-weight:600;display:grid}@media (width<=700px){.employee-profile-card{flex-direction:column}.employee-info-grid{grid-template-columns:1fr}}.grid-4{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:24px;display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.grid-4{grid-template-columns:1fr}}.user-modal{max-width:760px;max-height:90vh;overflow-y:auto}.employee-profile-card{align-items:center;gap:28px}.employee-profile-content{width:100%}.employee-profile-content h2{font-size:26px}.employee-info-grid{grid-template-columns:repeat(3,1fr);margin-top:22px}.employee-info-grid span{background:#f4fdf7;border:1px solid #d1fae5;border-radius:12px;padding:14px}.stats-card{min-height:120px}.card{border:1px solid #e5f7ec}.leave-modal{max-width:620px;max-height:90vh;overflow-y:auto}.working-days-box{color:var(--primary);background:#f4fdf7;border:1px solid #d1fae5;border-radius:12px;padding:14px;font-weight:600}.working-days-box span{color:var(--muted);margin-left:6px;font-weight:500}.alert-info{color:#166534;background:#dcfce7}.file-link{color:var(--secondary-hover);font-weight:700;text-decoration:none}.file-link:hover{text-decoration:underline}.print-btn{color:#075985;cursor:pointer;background:#e0f2fe;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-weight:700;transition:all .2s;display:inline-flex}.print-btn:hover{background:#bae6fd;transform:translateY(-1px)}.signature-card{margin-top:24px}.signature-upload-form input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:12px}.signature-preview p{color:var(--primary);margin-bottom:10px;font-weight:700}.signature-preview img{object-fit:contain;background:#fff;border-radius:8px;max-width:220px;max-height:90px;padding:10px}.signature-box{text-align:center;border-top:1px solid #0f172a;width:220px;padding-top:10px}.signature-box img{object-fit:contain;max-width:180px;max-height:70px;margin-bottom:8px}.signature-box p{margin:0;font-weight:700}.empty-signature{color:#94a3b8;height:70px;font-size:13px}.portal-redesign{background:#edf4ff}.modern-sidebar{color:#fff;background:linear-gradient(#0f3d2e,#14532d);border-right:none;width:260px;padding:0}.brand-block{border-bottom:1px solid #eef2ef;align-items:center;gap:14px;padding:28px 24px;display:flex}.brand-icon{color:#fff;background:#123524;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.brand-block h2{color:#123524;margin:0;font-size:28px}.brand-block span{letter-spacing:2px;color:#94a3b8;font-size:11px}.sidebar-menu{padding:24px 14px}.sidebar-menu button{color:#d1fae5;border-radius:16px;padding:16px 18px;font-weight:700}.sidebar-menu button:hover{background:#f3f7f4}.active-menu{color:#fff!important;background:linear-gradient(90deg,#123524,#174d33)!important}.sidebar-user-box{border-top:1px solid #eef2ef;padding:24px}.sidebar-avatar{color:#fff;background:#123524;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-weight:800;display:flex}.sidebar-user-box strong{color:#fff;display:block}.sidebar-user-box span{color:#bbf7d0;font-size:13px}.compact-logout{color:#fff;background:#ffffff1f;justify-content:center;width:100%;margin-top:20px}.compact-logout:hover{background:#e8f0eb}.modern-main{background:#eef3f8;min-height:100vh;padding:40px}.modern-page-header{margin-bottom:34px}.eyebrow{letter-spacing:3px;color:#9c9488;font-size:12px;font-weight:800}.modern-page-header h1{color:#123524;margin-top:10px;font-size:64px;line-height:1}.modern-page-header p{color:#8b8b8b;margin-top:14px;font-size:20px}.employee-dashboard-grid{grid-template-columns:1fr;gap:24px;margin-bottom:28px;display:grid}.modern-profile-card{background:#fff;border:1px solid #edf2ee;border-radius:28px;padding:34px}.profile-main-row{align-items:center;gap:22px;display:flex}.large-avatar{color:#fff;background:#123524;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;font-size:34px;font-weight:800;display:flex}.profile-main-row h2{color:#123524;font-size:34px}.profile-main-row p{color:#8b8b8b;margin-top:4px}.active-pill{color:#3f7d57;background:#eaf5ed;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:10px 16px;font-size:13px;font-weight:800;display:flex}.profile-divider{background:#edf2ee;height:1px;margin:28px 0}.profile-detail-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.profile-detail-grid span{text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:6px;font-size:13px;display:block}.profile-detail-grid strong{color:#123524;font-size:18px}.leave-balance-card{background:#fff;border:1px solid #edf2ee;border-radius:28px;padding:28px}.balance-title{color:#c9734a;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:30px;font-size:14px;font-weight:800;display:flex}.balance-row{justify-content:space-between;margin-bottom:10px;display:flex}.balance-row strong{color:#123524}.balance-bar{background:#f0f1ef;border-radius:999px;width:100%;height:6px;margin-bottom:20px;overflow:hidden}.balance-bar span{background:#d07a53;border-radius:999px;height:100%;display:block}.modern-stats-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:28px;display:grid}.mini-stat-card{background:#fff;border:1px solid #edf2ee;border-radius:24px;padding:28px}.mini-stat-card svg{color:#123524;margin-bottom:16px}.mini-stat-card span{letter-spacing:2px;text-transform:uppercase;color:#9c9488;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.mini-stat-card h3{color:#123524;margin-bottom:10px;font-size:44px}.mini-stat-card p{color:#8b8b8b}.modern-section-card{background:#fff;border:1px solid #edf2ee;border-radius:28px;margin-bottom:28px;padding:28px}@media (width<=1200px){.employee-dashboard-grid{grid-template-columns:1fr}.modern-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.modern-main{padding:20px}.modern-page-header h1{font-size:42px}.modern-stats-grid,.profile-detail-grid{grid-template-columns:1fr}.profile-main-row{flex-direction:column;align-items:flex-start}.active-pill{margin-left:0}.modern-sidebar{width:100%}.dashboard-layout{flex-direction:column}}.leave-summary-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px;display:grid}.leave-summary-card{background:#fff;border:1px solid #edf2ee;border-radius:24px;padding:28px}.leave-summary-card span{letter-spacing:2px;text-transform:uppercase;color:#9ca3af;font-size:13px;font-weight:700}.leave-summary-card h3{color:#123524;margin:14px 0;font-size:42px}.leave-summary-card p{color:#7c7c7c}.leave-filter-tabs{gap:14px;margin-bottom:24px;display:flex}.approval-flow{gap:10px;display:flex}.approval-approved{color:#166534;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.approval-pending{color:#92400e;background:#fef3c7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.approval-rejected{color:#991b1b;background:#fee2e2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.reimbursement-summary-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin:26px 0;display:grid}.reimbursement-summary-card{background:#fff;border:1px solid #edf2ee;border-radius:24px;min-height:135px;padding:28px}.reimbursement-summary-card span{letter-spacing:2px;text-transform:uppercase;color:#9ca3af;margin-bottom:14px;font-size:13px;font-weight:800;display:block}.reimbursement-summary-card h3{color:#123524;margin-bottom:8px;font-size:34px}.leave-filter-tabs{flex-wrap:wrap;gap:14px;margin:20px 0 24px;display:flex}.leave-filter-tabs button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #edf2ee;border-radius:14px;padding:12px 20px;font-weight:700}.leave-filter-tabs .active-filter{color:#fff;background:#123524}.modern-table-wrapper{background:#fff;border:1px solid #edf2ee;border-radius:24px;padding:12px}@media (width<=1100px){.reimbursement-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.reimbursement-summary-grid{grid-template-columns:1fr}}.modern-user-modal{max-width:900px}.user-modal .auth-form{gap:20px}.user-modal .input-group label{color:#123524;font-weight:700}.user-modal input,.user-modal select{border-radius:14px}.user-modal .btn-primary{margin-top:12px}.modern-department-modal{max-width:520px}.notification-wrapper{position:absolute;top:40px;right:40px}.notification-bell{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:52px;height:52px;position:relative}.notification-count{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.notification-dropdown{z-index:999;background:#fff;border:1px solid #edf2ee;border-radius:22px;width:380px;position:absolute;top:64px;right:0;overflow:hidden;box-shadow:0 20px 50px #0000001f}.notification-dropdown-header{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.notification-dropdown-header h4{color:#123524;margin:0}.notification-dropdown-header button{color:#16a34a;cursor:pointer;background:0 0;border:none;font-weight:700}.notification-item{border-bottom:1px solid #f1f5f9;padding:18px 22px}.notification-item strong{color:#123524;margin-bottom:6px;display:block}.notification-item p{color:#64748b;margin-bottom:8px;font-size:14px}.notification-item span{color:#94a3b8;font-size:12px}.notification-dropdown{z-index:999;background:#fff;border:1px solid #edf2ee;border-radius:22px;width:420px;max-height:520px;position:absolute;top:64px;right:0;overflow:hidden;box-shadow:0 20px 50px #00000024}.notification-item{background:#fff;border-bottom:1px solid #edf2ee;padding:16px 20px}.unread-notification{background:#f0fdf4}.notification-content{flex-direction:column;gap:6px;display:flex}.notification-content strong{color:#123524;font-size:14px}.notification-content p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.notification-content span{color:#94a3b8;font-size:11px}.empty-notification{text-align:center;color:#94a3b8;padding:35px}.brand-block{text-align:center;padding:20px 10px}.brand-logo{object-fit:contain;width:60px;height:60px;margin-bottom:10px}.brand-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.brand-subtitle{letter-spacing:3px;color:#94a3b8;margin-top:2px;font-size:11px;display:block}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:18px;width:700px;max-width:95%;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 60px #00000040}.profile-modal{border:1px solid #dcefe6}.modal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modal-header h2{color:#063f2c;margin:0}.modal-close{color:#063f2c;cursor:pointer;background:#f1f5f3;border:none;border-radius:50%;width:38px;height:38px;font-size:26px}.dropdown-check-list{background:#fff;border:1px solid #d1d5db;border-radius:10px;max-height:150px;padding:10px;overflow-y:auto}.checkbox-row{cursor:pointer;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.checkbox-row:hover{background:#f3f4f6;border-radius:8px}.team-hierarchy-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:all .2s;box-shadow:0 2px 10px #0000000d}.team-hierarchy-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.team-card-header{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:10px}.team-card-header h4{color:#1e3a8a;margin:0}.team-card-body p{margin:10px 0;font-size:14px}.mobile-menu-btn,.mobile-sidebar-close{cursor:pointer;background:0 0;border:none}.mobile-sidebar-close,.mobile-sidebar-overlay{display:none}@media (width<=900px){.dashboard-layout{min-height:100vh;display:block}.mobile-topbar{z-index:800;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-topbar img{object-fit:contain;width:auto;height:38px}.mobile-topbar span{color:#123524;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.mobile-menu-btn{color:#123524;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modern-sidebar{z-index:1001;border-radius:0 22px 22px 0;width:82%;max-width:320px;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-105%)}.modern-sidebar.mobile-sidebar-open{transform:translate(0)}.mobile-sidebar-overlay{z-index:1000;background:#0f172a73;display:block;position:fixed;inset:0}.mobile-sidebar-close{z-index:1002;color:#fff;background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:12px;right:12px}.modern-main{min-height:calc(100vh - 64px);padding:20px}.modern-page-header{margin-bottom:22px;padding-right:0;position:relative}.modern-page-header h1{font-size:34px;line-height:1.1}.modern-page-header p{font-size:15px}.notification-wrapper{z-index:850;position:fixed;top:72px;right:14px}.notification-bell{width:46px;height:46px}.notification-dropdown{width:auto;max-height:70vh;position:fixed;top:122px;left:12px;right:12px}.brand-block{padding-top:54px!important}.sidebar-user-box{padding-bottom:32px}}@media (width<=520px){.modern-main{padding:14px}.modern-section-card{border-radius:18px!important;padding:16px!important}.custom-table{min-width:720px}.modal-overlay{align-items:flex-start;padding:12px}.modal-card,.modal-box{border-radius:16px;margin-top:20px;width:100%!important;max-width:100%!important}}.login-page{background:linear-gradient(135deg,#063f2c 0%,#0b5a3b 50%,#0f172a 100%);grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);width:100%;min-height:100vh;display:grid;overflow-x:hidden}.login-brand-panel{color:#fff;justify-content:center;align-items:center;min-width:0;padding:clamp(40px,5vw,76px);display:flex}.login-brand-content{width:100%;max-width:650px}.login-brand-logo{width:clamp(110px,10vw,150px);margin-bottom:clamp(24px,3vw,36px);display:block}.login-brand-title{color:#020617;letter-spacing:-1.3px;max-width:650px;margin:0;font-size:clamp(38px,4vw,56px);line-height:1.08}.login-brand-description{color:#d1fae5;max-width:620px;margin-top:22px;font-size:clamp(15px,1.3vw,18px);line-height:1.75}.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;margin-top:38px;display:grid}.login-feature-box{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:15px;align-items:center;gap:12px;min-height:60px;padding:15px 18px;font-size:14px;font-weight:700;display:flex}.login-feature-box svg{flex:none}.login-form-panel{justify-content:center;align-items:center;min-width:0;padding:clamp(28px,4vw,50px);display:flex}.login-card{background:#fff;border-radius:24px;width:min(100%,430px);padding:clamp(28px,4vw,42px);box-shadow:0 30px 80px #00000047}.login-card-header{text-align:center}.login-card-logo{width:95px;margin:0 auto 14px;display:block}.login-card-header h1{margin:0;font-size:clamp(24px,2.2vw,30px);line-height:1.2}.login-card-header p{color:#64748b;margin-top:6px;font-size:14px}.login-card .auth-form{margin-top:26px}.login-card .input-group{margin-bottom:18px}.login-card .input-group label{color:#173c2e;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.login-card .input-group input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-card .input-group input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.login-submit-button{width:100%;min-height:48px;margin-top:4px}.login-submit-button:disabled{cursor:not-allowed;opacity:.7}@media (width<=1100px){.login-page{grid-template-columns:minmax(0,1fr) minmax(380px,.8fr)}.login-brand-panel{padding:44px}.login-form-panel{padding:32px}.login-brand-title{font-size:44px}}@media (width<=900px){.login-page{grid-template-columns:1fr;min-height:100svh}.login-brand-panel{text-align:center;padding:42px 28px 30px}.login-brand-content{max-width:680px}.login-brand-logo{width:120px;margin-left:auto;margin-right:auto}.login-brand-title{color:#fff;max-width:620px;margin-left:auto;margin-right:auto;font-size:clamp(34px,7vw,48px)}.login-brand-description,.login-feature-grid{margin-left:auto;margin-right:auto}.login-form-panel{align-items:flex-start;padding:10px 28px 46px}.login-card{width:min(100%,540px)}}@media (width<=600px){.login-page{min-height:100svh;display:block}.login-brand-panel{padding:28px 18px 22px}.login-brand-logo{width:92px;margin-bottom:18px}.login-brand-title{letter-spacing:-.7px;font-size:clamp(29px,9vw,38px)}.login-brand-description{margin-top:14px;font-size:14px;line-height:1.6}.login-feature-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.login-feature-box{text-align:left;border-radius:12px;min-height:56px;padding:12px;font-size:12px}.login-feature-box svg{width:18px;height:18px}.login-form-panel{padding:6px 16px 28px}.login-card{border-radius:20px;width:100%;padding:25px 20px;box-shadow:0 18px 50px #00000038}.login-card-logo{width:76px;margin-bottom:10px}.login-card-header h1{font-size:23px}.login-card .auth-form{margin-top:22px}}@media (width<=390px){.login-feature-grid{grid-template-columns:1fr}.login-brand-panel{padding-left:14px;padding-right:14px}.login-form-panel{padding-left:12px;padding-right:12px}.login-card{padding:22px 16px}}@media (height<=650px) and (width>=700px){.login-page{min-height:100vh}.login-brand-panel,.login-form-panel{padding-top:24px;padding-bottom:24px}.login-brand-logo{width:100px;margin-bottom:18px}.login-brand-title{font-size:38px}.login-brand-description{margin-top:12px;line-height:1.5}.login-feature-grid{gap:10px;margin-top:20px}.login-feature-box{min-height:48px;padding:10px 13px}.login-card{padding:26px}}.balance-management-page{color:#18352c}.balance-management-header{background:radial-gradient(circle at 95% 0,#22c55e1f,#0000 34%),linear-gradient(135deg,#f7fbf9 0%,#fff 62%);border:1px solid #dcebe4;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:22px 24px;display:flex}.balance-management-heading{align-items:flex-start;gap:14px;display:flex}.balance-management-icon{color:#fff;background:linear-gradient(135deg,#0f5138,#1e8f5d);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #0f513833}.balance-eyebrow{letter-spacing:1.6px;text-transform:uppercase;margin:0 0 4px;font-weight:800;color:#b26446!important;font-size:11px!important}.balance-management-heading h2{color:#103f2f;margin:0;font-size:clamp(22px,2vw,30px)}.balance-management-heading p{color:#687b74;margin:7px 0 0;font-size:14px}.balance-refresh-button,.balance-adjust-button{white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.balance-refresh-button{color:#14533c;background:#fff;border:1px solid #cfe3da;border-radius:12px;min-height:42px;padding:10px 16px}.balance-refresh-button:hover:not(:disabled){background:#f2faf6;transform:translateY(-1px)}.balance-refresh-button:disabled{cursor:wait;opacity:.65}.is-spinning{animation:.8s linear infinite balance-spin}@keyframes balance-spin{to{transform:rotate(360deg)}}.balance-feedback,.feedback-error,.feedback-success{border-radius:12px;margin-bottom:16px;padding:12px 15px;font-size:14px;font-weight:600}.feedback-error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.feedback-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.balance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.balance-summary-tile{background:#fff;border:1px solid #e3ebe7;border-radius:17px;align-items:center;gap:14px;min-height:118px;padding:18px;display:flex;overflow:hidden;box-shadow:0 7px 20px #1733290e}.balance-summary-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.balance-summary-tile span,.balance-summary-tile small{display:block}.balance-summary-tile span{color:#718078;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.balance-summary-tile strong{color:#153d2f;margin:4px 0 1px;font-size:26px;line-height:1.1;display:block}.balance-summary-tile small{color:#87948e;font-size:12px}.balance-summary-green .balance-summary-icon{color:#137a4d;background:#dcfce7}.balance-summary-blue .balance-summary-icon{color:#2563eb;background:#dbeafe}.balance-summary-amber .balance-summary-icon{color:#b45309;background:#fef3c7}.balance-summary-red .balance-summary-icon{color:#be123c;background:#ffe4e6}.balance-toolbar{background:#fbfdfc;border:1px solid #e1ebe6;border-bottom:0;border-radius:17px 17px 0 0;grid-template-columns:minmax(300px,1fr) 210px auto;align-items:center;gap:12px;padding:14px;display:grid}.balance-search-field,.balance-role-filter{color:#789087;background:#fff;border:1px solid #d8e4de;border-radius:11px;align-items:center;gap:9px;min-height:43px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.balance-search-field:focus-within,.balance-role-filter:focus-within{border-color:#42a77a;box-shadow:0 0 0 3px #22c55e1a}.balance-search-field input,.balance-role-filter select{color:#2e463d;width:100%;min-width:0;height:41px;font:inherit;background:0 0;border:0;outline:0;padding:0}.balance-search-field button{color:#64748b;cursor:pointer;background:#f1f5f3;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.balance-result-count{color:#76857f;white-space:nowrap;padding-right:5px;font-size:13px}.balance-table-shell{background:#fff;border:1px solid #e1ebe6;border-radius:0 0 17px 17px;overflow:hidden}.balance-management-table{min-width:1320px}.balance-management-table th{z-index:1;color:#496158;letter-spacing:.45px;text-transform:uppercase;background:#f1f7f4;border-bottom:1px solid #dfe9e4;padding:14px 13px;font-size:11px;font-weight:800;position:sticky;top:0}.balance-management-table td{color:#40574e;vertical-align:middle;padding:13px;font-size:13px}.balance-management-table tbody tr{transition:background .16s}.balance-management-table tbody tr:hover{background:#f7fbf9}.balance-employee-cell{align-items:center;gap:11px;min-width:185px;display:flex}.balance-avatar{color:#fff;background:linear-gradient(135deg,#176b4a,#2ca56f);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.balance-employee-cell strong,.balance-org-cell strong{color:#263f36;font-size:13px;display:block}.balance-employee-cell small,.balance-org-cell small{color:#839089;margin-top:3px;font-size:11px;display:block}.balance-org-cell{min-width:155px}.balance-role-badge{color:#315a49;white-space:nowrap;background:#e8f5ee;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.balance-role-badge.role-manager{color:#1d4ed8;background:#dbeafe}.balance-role-badge.role-hr{color:#7e22ce;background:#f3e8ff}.balance-role-badge.role-teamleader{color:#a16207;background:#fef3c7}.balance-number-muted{color:#5e746b;font-weight:700}.balance-number-pill{border-radius:9px;justify-content:center;align-items:center;min-width:34px;padding:6px 10px;font-weight:800;display:inline-flex}.balance-number-available{color:#166534;background:#dcfce7}.balance-number-clear{color:#64748b;background:#f1f5f9}.balance-number-excess{color:#be123c;background:#ffe4e6}.balance-editable-value{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.balance-field-edit-button{color:#16744b;background:#f2faf6;border:1px solid #cfe7db;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.balance-field-edit-button:hover{color:#fff;background:#19a866;border-color:#78b89a;transform:translateY(-1px)}.balance-field-edit-button:focus-visible{outline-offset:2px;outline:3px solid #19a86638}.balance-updated-time{color:#73837c;min-width:125px;font-size:11px;line-height:1.4;display:block}.balance-action-buttons{flex-direction:column;gap:6px;display:flex}.balance-adjust-button{color:#fff;background:#19a866;border-radius:10px;padding:8px 11px;font-size:12px}.balance-adjust-button:hover{background:#138653;transform:translateY(-1px);box-shadow:0 7px 14px #1486532e}.balance-adjust-button--secondary{background:#d97706}.balance-adjust-button--secondary:hover{background:#b45309;box-shadow:0 7px 14px #b453092e}.balance-empty-state{color:#8a9a93;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.balance-empty-state strong{color:#3d574d}.balance-adjust-modal{border:1px solid #dbe8e2;border-radius:22px;width:min(560px,96vw);padding:0;overflow:hidden}.balance-modal-header{color:#fff;background:linear-gradient(135deg,#0c4934,#137a50);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.balance-modal-header span{color:#a7e7c8;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.balance-modal-header h2{color:#fff;margin:0;font-size:24px}.balance-modal-header p{color:#d5eee2;margin:5px 0 0;font-size:13px}.balance-modal-header button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.balance-current-strip{color:#526a60;background:#f2faf6;border:1px solid #cfe7db;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin:20px 24px;padding:14px 16px;font-size:13px;display:flex}.balance-current-strip strong{color:#12613f;font-size:17px}.balance-adjust-modal>.input-group{margin:0 24px 18px}.balance-adjust-modal .input-group small{color:#7b8983;font-size:12px}.balance-adjust-modal textarea{resize:vertical}.balance-quick-adjustments{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.balance-quick-adjustments button{color:#285843;cursor:pointer;background:#f7fbf9;border:1px solid #d6e7df;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:700}.balance-quick-adjustments button:hover{background:#eaf7f0;border-color:#78b89a}.balance-modal-actions{background:#fbfdfc;border-top:1px solid #e7eeea;justify-content:flex-end;gap:10px;padding:18px 24px 22px;display:flex}@media (width<=1100px){.balance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-toolbar{grid-template-columns:1fr 190px}.balance-result-count{grid-column:1/-1}}@media (width<=680px){.balance-management-header{flex-direction:column;align-items:stretch;padding:18px}.balance-refresh-button{align-self:flex-start}.balance-summary-grid,.balance-toolbar{grid-template-columns:1fr}.balance-summary-tile{min-height:96px}.balance-result-count{grid-column:auto}.balance-modal-header,.balance-current-strip,.balance-modal-actions{padding-left:18px;padding-right:18px}.balance-adjust-modal>.input-group{margin-left:18px;margin-right:18px}}:root{font:16px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden}body{background:var(--bg);width:100%;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h)}h1{letter-spacing:-1px;font-size:clamp(28px,4vw,56px)}h2{font-size:clamp(20px,3vw,28px)}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.table-wrapper,.modern-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.custom-table{width:100%;min-width:760px}.modal-overlay{padding:16px}.modal-card,.modal-box{max-width:95vw;max-height:90vh;overflow-y:auto}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){:root{font-size:15px}.grid-2{grid-template-columns:1fr}.section-header{flex-direction:column;gap:14px;align-items:flex-start!important}.section-header>div:last-child{flex-wrap:wrap;width:100%}}@media (width<=768px){body{font-size:14px}.reimbursement-summary-grid,.modern-stats-grid,.employee-dashboard-grid,.profile-detail-grid{grid-template-columns:1fr!important}.modern-section-card,.modern-profile-card,.leave-balance-card,.reimbursement-summary-card,.mini-stat-card{border-radius:16px!important;padding:16px!important}.profile-main-row{flex-direction:column;align-items:flex-start!important}.leave-filter-tabs{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.leave-filter-tabs button{white-space:nowrap;flex:none}.modal-card,.modal-box{width:100%!important;max-width:100%!important}}.manager-leave-page{width:100%}.manager-leave-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.manager-leave-title{letter-spacing:-.5px;margin:0;font-size:clamp(22px,2vw,30px)}.manager-leave-subtitle{color:#718096;margin-top:6px;font-size:14px}.manager-refresh-btn{color:#18392c;background:#fff;border:1px solid #dce3e8;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.manager-refresh-btn:hover{border-color:#b9cec4;transform:translateY(-1px);box-shadow:0 8px 20px #143d2c14}.manager-refresh-btn:disabled{cursor:not-allowed;opacity:.65}.leave-status-summary-grid{grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;margin-bottom:22px;display:grid}.leave-status-summary-card{min-height:132px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4ebe7;border-radius:18px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.leave-status-summary-card:hover{border-color:#c8d9d1;transform:translateY(-2px);box-shadow:0 12px 28px #17463214}.leave-status-summary-card:after{background:var(--summary-soft,#edf7f1);content:"";border-radius:50%;width:74px;height:74px;position:absolute;bottom:-22px;right:-18px}.leave-summary-icon{background:var(--summary-soft,#edf7f1);width:38px;height:38px;color:var(--summary-color,#16794f);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.leave-summary-label{color:#7a8790;letter-spacing:.9px;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.leave-summary-value{z-index:1;color:#102f24;margin:8px 0 4px;font-size:28px;font-weight:800;line-height:1;position:relative}.leave-summary-description{z-index:1;color:#7a8790;font-size:12px;position:relative}.leave-summary-all{--summary-color:#275e4a;--summary-soft:#edf5f1}.leave-summary-pending{--summary-color:#a26c00;--summary-soft:#fff6d9}.leave-summary-reapproval{--summary-color:#3367c1;--summary-soft:#eaf1ff}.leave-summary-hold{--summary-color:#c45e14;--summary-soft:#fff0e4}.leave-summary-approved{--summary-color:#16834f;--summary-soft:#e2f7eb}.leave-summary-rejected{--summary-color:#c44141;--summary-soft:#fdeaea}.leave-approval-toolbar{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fbf9f0;border:1px solid #e2eae6;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:8px;display:flex;position:sticky;top:8px}.leave-search-box{flex:1;min-width:240px;position:relative}.leave-search-box svg{color:#8b9690;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.leave-search-box input{color:#173b2e;background:#fff;border:1px solid #dce5e0;border-radius:14px;outline:none;width:100%;min-height:46px;padding:11px 16px 11px 44px;font-size:14px;transition:border-color .2s,box-shadow .2s}.leave-search-box input:focus{border-color:#4cac78;box-shadow:0 0 0 4px #2da4671a}.leave-status-tabs{scrollbar-width:thin;background:#f7faf8;border:1px solid #e3e9e6;border-radius:14px;gap:6px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.leave-status-tab{white-space:nowrap;color:#5e6b65;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-size:13px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.leave-status-tab:hover{color:#174d38;background:#fff}.leave-status-tab.active{color:#fff;background:#1fc661;box-shadow:0 5px 14px #1fc6613d}.leave-status-tab-count{min-width:22px;height:22px;color:inherit;background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;display:inline-flex}.leave-status-tab:not(.active) .leave-status-tab-count{background:#e6eeea}.leave-status-summary-card.is-selected{border-color:var(--summary-color,#275e4a);box-shadow:0 0 0 3px color-mix(in srgb, var(--summary-color,#275e4a) 13%, transparent)}.approval-export-panel{background:linear-gradient(135deg,#fbfefd 0%,#f3faf6 100%);border:1px solid #dce9e3;border-radius:18px;margin-bottom:20px;overflow:hidden;box-shadow:0 8px 24px #1853390d}.approval-export-heading{border-bottom:1px solid #e2ede7;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.approval-export-heading-main{align-items:center;gap:12px;display:flex}.approval-export-icon{color:#087443;background:#dff5e9;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.approval-export-heading h3{color:#123c2c;margin:0;font-size:16px;font-weight:800}.approval-export-heading p{color:#708078;margin:3px 0 0;font-size:12px}.approval-export-view-count{color:#537064;background:#fff;border:1px solid #d7e8df;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:700}.approval-export-heading-actions{align-items:center;gap:9px;display:flex}.approval-export-toggle{color:#15583d;background:#fff;border:1px solid #bddbcd;border-radius:10px;align-items:center;gap:7px;min-height:36px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.approval-export-toggle svg{transition:transform .18s}.approval-export-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.approval-export-body{padding:16px 20px 17px}.approval-export-periods{background:#fff;border:1px solid #dce8e2;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.approval-export-periods button{color:#617068;background:0 0;border:0;border-radius:9px;min-height:34px;padding:7px 14px;font-size:12px;font-weight:750;transition:background .18s,color .18s,box-shadow .18s}.approval-export-periods button:hover:not(:disabled){color:#15583d;background:#f0f7f3}.approval-export-periods button.active{color:#fff;background:#153f30;box-shadow:0 4px 10px #153f302e}.approval-export-periods button:disabled{cursor:not-allowed;opacity:.65}.approval-export-controls{align-items:flex-end;gap:12px;display:flex}.approval-export-field{flex:260px;max-width:360px}.approval-export-controls.is-custom .approval-export-field{max-width:300px}.approval-export-field label{color:#345447;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.approval-export-field input{color:#153d2e;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cfddd6;border-radius:11px;outline:none;padding:9px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.approval-export-field input:focus{border-color:#3ca66f;box-shadow:0 0 0 3px #3ca66f1c}.approval-export-date-separator{color:#819087;text-transform:uppercase;padding-bottom:13px;font-size:11px;font-weight:800}.approval-export-button{color:#fff;background:#0e7047;border:1px solid #0c6b42;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 7px 16px #0e70472e}.approval-export-button:hover:not(:disabled){background:#095e3b;transform:translateY(-1px);box-shadow:0 9px 20px #0e70473b}.approval-export-button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}.approval-export-note{color:#718179;margin:10px 0 0;font-size:11px}.leave-approval-table-card{background:#fff;border:1px solid #e2eae6;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #1b49360d}.leave-approval-table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.leave-approval-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px}.leave-approval-table thead th{color:#173c2d;letter-spacing:.25px;text-align:left;background:#edf5ff;border-bottom:1px solid #dce7e1;padding:15px 16px;font-size:12px;font-weight:800}.leave-approval-table tbody td{color:#34463e;vertical-align:middle;border-bottom:1px solid #edf1ef;padding:17px 16px;font-size:13px}.leave-approval-table tbody tr{transition:background .18s,box-shadow .18s}.leave-approval-table tbody tr:hover{background:#fbfdfc}.leave-approval-table tbody tr:last-child td{border-bottom:0}.leave-employee-cell{align-items:center;gap:12px;min-width:210px;display:flex}.leave-employee-avatar{color:#18593f;background:#edf7f1;border:2px solid #e6f2ec;border-radius:14px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:flex;overflow:hidden}.leave-employee-avatar img{object-fit:cover;width:100%;height:100%}.leave-employee-info{min-width:0}.leave-employee-name{color:#102f24;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;display:block;overflow:hidden}.leave-employee-id{color:#44725e;margin-top:3px;font-size:11px;font-weight:700;display:inline-block}.leave-employee-email{color:#87938d;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.leave-type-name{color:#173b2e;font-size:14px;font-weight:800}.leave-days-label{color:#738079;margin-top:5px;font-size:12px;display:block}.leave-row-marker{border-radius:999px;align-items:center;gap:5px;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.leave-row-marker.reapproval{color:#315fae;background:#eaf1ff}.leave-row-marker.hold{color:#b45a13;background:#fff0df}.approval-flow-list{flex-direction:column;gap:7px;min-width:135px;display:flex}.approval-flow-item{align-items:center;gap:8px;display:flex}.approval-flow-dot{background:#d4ddd8;border-radius:50%;flex:none;width:8px;height:8px}.approval-flow-dot.approved{background:#25b96a;box-shadow:0 0 0 4px #25b96a1f}.approval-flow-dot.rejected{background:#e05252;box-shadow:0 0 0 4px #e052521a}.approval-flow-dot.pending{background:#e2ad37;box-shadow:0 0 0 4px #e2ad371f}.approval-flow-label{color:#5f6d66;min-width:58px;font-size:11px;font-weight:700}.approval-flow-value{color:#233e32;font-size:11px;font-weight:800}.leave-status-pill{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:11px;font-weight:800;display:inline-flex}.leave-status-pill.pending{color:#9b6b00;background:#fff5d6}.leave-status-pill.reapproval{color:#315fae;background:#eaf1ff}.leave-status-pill.hold{color:#b75b13;background:#fff0df}.leave-status-pill.approved{color:#137744;background:#ddf7e8}.leave-status-pill.rejected{color:#b93838;background:#fde5e5}.leave-status-description{color:#84908a;max-width:155px;margin-top:6px;font-size:11px;line-height:1.4;display:block}.leave-reason-btn{color:#26473a;background:#f6f8f7;border:1px solid #e1e7e4;border-radius:10px;justify-content:center;align-items:center;min-height:34px;padding:7px 11px;font-size:11px;font-weight:750;transition:background .2s,border-color .2s;display:inline-flex}.leave-reason-btn:hover{background:#edf5f1;border-color:#c8d9d1}.leave-last-update{min-width:165px}.leave-last-update-user{color:#173c2e;font-size:12px;font-weight:800}.leave-last-update-time{color:#87928c;margin-top:3px;font-size:10px;display:block}.leave-last-update-change{color:#476557;margin-top:6px;font-size:10px;line-height:1.4;display:block}.leave-row-actions{align-items:center;gap:7px;min-width:170px;display:flex}.leave-primary-action{color:#fff;background:#1fc661;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.leave-primary-action:hover{background:#18b657;transform:translateY(-1px);box-shadow:0 7px 18px #1fc6613b}.leave-reject-action{color:#c33f3f;background:#fff1f1;border:1px solid #ffd5d5;border-radius:10px;justify-content:center;align-items:center;min-height:36px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.leave-reject-action:hover{background:#ffe6e6}.leave-actions-menu-wrapper{position:relative}.leave-actions-menu-button{color:#385548;background:#fff;border:1px solid #dfe7e3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.leave-actions-menu-button:hover{background:#f1f6f3}.leave-actions-menu{z-index:30;background:#fff;border:1px solid #dfe7e3;border-radius:12px;width:185px;padding:7px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 16px 36px #133a2a29}.leave-actions-menu button{color:#30493e;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:36px;padding:8px 10px;font-size:12px;font-weight:650;display:flex}.leave-actions-menu button:hover{background:#edf5f1}.leave-actions-menu button.danger{color:#c13f3f}.leave-empty-state{text-align:center;padding:52px 24px!important}.leave-empty-state-icon{color:#34735a;background:#edf5f1;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 12px;display:flex}.leave-empty-state-title{color:#183c2d;font-size:15px;font-weight:800}.leave-empty-state-text{color:#859089;margin-top:5px;font-size:12px}.manager-leave-modal{background:#fff;border:1px solid #e2e9e5;border-radius:20px;width:min(620px,94vw);box-shadow:0 24px 70px #0b2e1f33}.manager-leave-modal-wide{width:min(920px,96vw)}.manager-leave-modal .modal-header{z-index:2;background:#fff;border-bottom:1px solid #e8eeeb;padding:18px 20px;position:sticky;top:0}.manager-leave-modal-body{padding:20px}.manager-leave-modal-footer{justify-content:flex-end;gap:10px;padding-top:18px;display:flex}@media (width<=1440px){.leave-status-summary-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=1024px){.manager-leave-header,.leave-approval-toolbar{flex-direction:column;align-items:stretch}.manager-refresh-btn{width:fit-content}.leave-status-summary-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.approval-export-controls{flex-wrap:wrap}}@media (width<=640px){.leave-status-summary-grid{grid-template-columns:1fr}.leave-status-summary-card{min-height:112px}.manager-refresh-btn{width:100%}.approval-export-heading{flex-direction:column;align-items:flex-start;padding:16px}.approval-export-body{padding:14px 16px 16px}.approval-export-periods{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.approval-export-controls{flex-direction:column;align-items:stretch}.approval-export-field,.approval-export-controls.is-custom .approval-export-field{flex-basis:auto;max-width:none}.approval-export-date-separator{display:none}.approval-export-button{width:100%}.leave-row-actions{min-width:150px}.manager-leave-modal-footer{flex-direction:column-reverse}.manager-leave-modal-footer button{width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#eef8f3;--brand-100:#d8f0e4;--brand-200:#b4dfcc;--brand-300:#86c7ac;--brand-400:#5a8;--brand-500:#328e6b;--brand-600:#237257;--brand-700:#1d5b47;--brand-800:#19493a;--brand-900:#12382d;--brand-950:#09251d;--neutral-0:#fff;--neutral-25:#fcfdfc;--neutral-50:#f7f9f8;--neutral-100:#f0f3f1;--neutral-200:#e3e8e5;--neutral-300:#cbd4cf;--neutral-400:#96a29c;--neutral-500:#66736d;--neutral-600:#4b5751;--neutral-700:#35413b;--neutral-800:#202c26;--neutral-900:#101b16;--success-50:#edf9f2;--success-600:#168454;--warning-50:#fff8e8;--warning-600:#9a6509;--danger-50:#fff1f1;--danger-600:#c33d3d;--info-50:#edf6ff;--info-600:#286fa8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f231a0d, 0 1px 3px #0f231a0f;--shadow-md:0 10px 28px #0f231a14;--shadow-lg:0 24px 60px #0f231a29;--primary:var(--brand-800);--primary-light:var(--brand-700);--secondary:var(--brand-600);--secondary-hover:var(--brand-700);--background:var(--neutral-50);--bg:var(--neutral-50);--white:var(--neutral-0);--border:var(--neutral-200);--text:var(--neutral-700);--text-h:var(--neutral-900);--muted:var(--neutral-500);--success:var(--success-600);--danger:var(--danger-600);--shadow:var(--shadow-md);--radius:var(--radius-lg);--accent:var(--brand-600);--accent-bg:var(--brand-50);--accent-border:var(--brand-300);--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading:var(--sans);--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--code-bg:var(--neutral-100);--social-bg:#f0f3f1b8;font:15px/1.5 var(--sans);color:var(--text);background:var(--background)}:root[data-workspace-theme=periwinkle]{--brand-50:#ede8f5;--brand-100:#adbbda;--brand-200:#9facd0;--brand-300:#8697c4;--brand-400:#7091e6;--brand-500:#5d78cf;--brand-600:#3d52a0;--brand-700:#33458a;--brand-800:#293970;--brand-900:#202e5d;--brand-950:#172146;--neutral-25:#fcfbfe;--neutral-50:#f7f5fb;--neutral-100:#efebf5;--neutral-200:#e1dce9;--neutral-300:#cbc5d6;--neutral-500:#6f6b7b;--neutral-700:#3f3b4d;--neutral-800:#2d2939;--neutral-900:#1c1926}:root[data-workspace-theme=kozowood]{--brand-50:#f6f0eb;--brand-100:#e6d6c8;--brand-200:#cfb49d;--brand-300:#ac8968;--brand-400:#a69080;--brand-500:#93785b;--brand-600:#865d36;--brand-700:#704b2c;--brand-800:#59402f;--brand-900:#3e362e;--brand-950:#2a241f;--neutral-25:#fdfbf9;--neutral-50:#f8f4f0;--neutral-100:#eee7e0;--neutral-200:#dfd4ca;--neutral-300:#c8baad;--neutral-500:#746b63;--neutral-700:#463f39;--neutral-800:#342f2b;--neutral-900:#241f1c}:root[data-workspace-theme=moon-phases]{--brand-50:#edf2f2;--brand-100:#d3d9d4;--brand-200:#aebdbc;--brand-300:#748d92;--brand-400:#4f7580;--brand-500:#2d6576;--brand-600:#124e66;--brand-700:#164354;--brand-800:#2e3944;--brand-900:#212a31;--brand-950:#151c21;--neutral-25:#fafcfc;--neutral-50:#f4f7f7;--neutral-100:#e8eeee;--neutral-200:#d3d9d4;--neutral-300:#b9c4c4;--neutral-500:#65767b;--neutral-700:#37444b;--neutral-800:#29343b;--neutral-900:#1b2328}:root[data-workspace-theme=bright-media]{--brand-50:#fff1f5;--brand-100:#f7d6df;--brand-200:#e3afbc;--brand-300:#ee8eab;--brand-400:#ee4c7c;--brand-500:#c52c65;--brand-600:#9a1750;--brand-700:#81113f;--brand-800:#70102f;--brand-900:#5d001e;--brand-950:#3d0014;--neutral-25:#fefdfd;--neutral-50:#faf9f8;--neutral-100:#f1f0ee;--neutral-200:#e3e2df;--neutral-300:#cbc8c5;--neutral-500:#777170;--neutral-700:#474142;--neutral-800:#342f31;--neutral-900:#231f21}:root[data-workspace-theme=boro05]{--brand-50:#f7f9fb;--brand-100:#dcecf6;--brand-200:#b9d8ec;--brand-300:#8fc1e3;--brand-400:#6da5c7;--brand-500:#5085a5;--brand-600:#31708e;--brand-700:#2a5d75;--brand-800:#425f67;--brand-900:#687864;--brand-950:#344238;--neutral-25:#fcfdfe;--neutral-50:#f7f9fb;--neutral-100:#edf2f5;--neutral-200:#dce4e8;--neutral-300:#c4d0d5;--neutral-500:#66777d;--neutral-700:#3b494e;--neutral-800:#2b373b;--neutral-900:#1d2629}:root[data-workspace-theme=play]{--brand-50:#f4f7f9;--brand-100:#d9e7f0;--brand-200:#b8d1e2;--brand-300:#86b3d1;--brand-400:#729bb8;--brand-500:#8e8268;--brand-600:#844d36;--brand-700:#6e4030;--brand-800:#5a3d36;--brand-900:#474853;--brand-950:#2f3038;--neutral-25:#fcfcfb;--neutral-50:#f7f7f4;--neutral-100:#ecece7;--neutral-200:#dddcd5;--neutral-300:#aaaaa0;--neutral-500:#73736c;--neutral-700:#474853;--neutral-800:#34353d;--neutral-900:#23242a}:root[data-workspace-theme=sea-love]{--brand-50:#fef9c7;--brand-100:#d8f5e9;--brand-200:#9fedd7;--brand-300:#74d6c6;--brand-400:#36aaa4;--brand-500:#13858b;--brand-600:#026670;--brand-700:#07545d;--brand-800:#0b444b;--brand-900:#10363b;--brand-950:#082429;--neutral-25:#fffefa;--neutral-50:#faf9f5;--neutral-100:#edeae5;--neutral-200:#dfdcd5;--neutral-300:#c7c4bc;--neutral-500:#77746e;--neutral-700:#46433e;--neutral-800:#33312d;--neutral-900:#22211e;--warning-50:#fff9dc;--warning-600:#8a6500}html{background:var(--background);scroll-behavior:smooth;min-width:320px}body{background:var(--background);min-width:320px;color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline-offset:2px;outline:3px solid #328e6b47}::selection{color:var(--neutral-0);background:var(--brand-600)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.auth-loading-screen{background:var(--neutral-50);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-loading-screen .ui-state{width:min(100%,440px)}.session-actions{justify-content:flex-end;margin-top:20px}.ui-metric-card{gap:var(--space-3);min-height:112px;padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-0);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.ui-metric-icon{background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-600);border-radius:10px;place-items:center;display:grid}.ui-metric-card--success .ui-metric-icon{background:var(--success-50);color:var(--success-600)}.ui-metric-card--warning .ui-metric-icon{background:var(--warning-50);color:var(--warning-600)}.ui-metric-card--danger .ui-metric-icon{background:var(--danger-50);color:var(--danger-600)}.ui-metric-card--info .ui-metric-icon,.ui-metric-card--brand .ui-metric-icon{background:var(--brand-50);color:var(--brand-700)}.ui-metric-card>div{min-width:0}.ui-metric-label,.ui-metric-detail{display:block}.ui-metric-label{color:var(--neutral-500);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:750}.ui-metric-value{margin-top:var(--space-2);color:var(--neutral-900);letter-spacing:-.025em;font-size:23px;line-height:1.05;display:block}.ui-metric-detail{color:var(--neutral-500);margin-top:6px;font-size:11px}.ui-search-field{width:100%;display:block;position:relative}.ui-search-field>svg{color:var(--neutral-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ui-search-field input{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);width:100%;min-height:44px;color:var(--neutral-800);outline:none;padding:10px 42px;font-size:13px;transition:border-color .18s,box-shadow .18s}.ui-search-field input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #328e6b1c}.ui-search-field input::placeholder{color:var(--neutral-400)}.ui-search-clear{width:30px;height:30px;color:var(--neutral-500);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ui-search-clear:hover{background:var(--neutral-100);color:var(--neutral-800)}.ui-attachment{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);min-width:0;color:var(--neutral-700);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:grid}.ui-attachment:hover{border-color:var(--brand-300);background:var(--brand-50);transform:translateY(-1px)}.ui-attachment-icon{background:var(--brand-50);width:32px;height:32px;color:var(--brand-700);border-radius:9px;place-items:center;display:grid}.ui-attachment-copy{min-width:0}.ui-attachment-copy strong,.ui-attachment-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ui-attachment-copy strong{color:var(--neutral-800);font-size:12px}.ui-attachment-copy small{color:var(--neutral-500);margin-top:1px;font-size:10px}.ui-attachment--compact{border-radius:9px;width:max-content;max-width:180px;padding:6px 8px;display:inline-flex}.ui-attachment--compact .ui-attachment-icon{width:24px;height:24px}.ui-filter-search-row{margin-bottom:var(--space-4)}.ui-table-skeleton{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-0);overflow:hidden}.ui-table-skeleton-row{grid-template-columns:repeat(var(--skeleton-columns,6), minmax(80px, 1fr));gap:var(--space-4);border-bottom:1px solid var(--neutral-100);align-items:center;min-width:760px;min-height:58px;padding:12px 16px;display:grid}.ui-table-skeleton-row:last-child{border-bottom:0}.ui-table-skeleton-head{background:var(--neutral-50);min-height:44px}.ui-skeleton-line{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-50) 50%, var(--neutral-100) 75%);background-size:220% 100%;height:11px;animation:1.35s ease-in-out infinite ui-skeleton-shimmer;display:block}.ui-table-skeleton-head .ui-skeleton-line{height:9px}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.ui-skeleton-line{animation:none}}.dashboard-layout.portal-redesign{background:var(--neutral-50);grid-template-columns:248px minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .2s;display:grid}.dashboard-layout.portal-redesign.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.modern-sidebar{z-index:30;background:linear-gradient(180deg, var(--brand-950) 0%, var(--brand-900) 52%, var(--brand-800) 100%);width:248px;height:100dvh;min-height:0;color:var(--neutral-0);border-right:1px solid #ffffff14;flex-direction:column;padding:0;transition:width .2s,transform .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 32px #09251d14}.modern-sidebar.is-collapsed{width:76px}.modern-sidebar>div:first-of-type{flex-direction:column;flex:1;min-height:0;display:flex}.modern-sidebar .brand-block{border-bottom:1px solid #ffffff17;flex:none;align-items:center;gap:12px;min-height:92px;display:flex;position:relative;justify-content:flex-start!important;padding:22px 24px!important}.modern-sidebar .brand-block img{object-fit:contain;width:132px;height:auto;display:block}.sidebar-brand-monogram{width:36px;height:36px;color:var(--neutral-0);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:11px;place-items:center;font-size:17px;font-weight:850;display:none}.sidebar-collapse-button{color:#eef8f3d1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:32px;height:32px;margin-left:auto;transition:background .18s,color .18s;display:grid}.sidebar-collapse-button:hover{color:var(--neutral-0);background:#ffffff21}.modern-sidebar .sidebar-menu{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;gap:4px;min-height:0;padding:18px 12px 24px;overflow-y:auto}.sidebar-group-label{color:#e1f5eb94;letter-spacing:.13em;text-transform:uppercase;padding:15px 12px 6px;font-size:10px;font-weight:750;line-height:1;display:block}.modern-sidebar .sidebar-menu button{border-radius:var(--radius-md);color:#eef8f3d1;text-align:left;border:1px solid #0000;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.25;position:relative}.sidebar-tooltip{z-index:1000;border:1px solid var(--neutral-200);background:var(--neutral-900);width:max-content;max-width:220px;color:var(--neutral-0);box-shadow:var(--shadow-md);pointer-events:none;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:650;display:none;position:fixed;left:68px}.modern-sidebar.is-collapsed .sidebar-menu button:hover .sidebar-tooltip,.modern-sidebar.is-collapsed .sidebar-menu button:focus-visible .sidebar-tooltip{display:block}.modern-sidebar.is-collapsed .brand-block{flex-direction:column;min-height:112px;justify-content:center!important;padding:16px 10px!important}.modern-sidebar.is-collapsed .brand-block img,.modern-sidebar.is-collapsed .sidebar-item-label,.modern-sidebar.is-collapsed .sidebar-group-label,.modern-sidebar.is-collapsed .sidebar-user-copy{display:none}.modern-sidebar.is-collapsed .sidebar-brand-monogram{display:grid}.modern-sidebar.is-collapsed .sidebar-collapse-button{margin-left:0}.modern-sidebar.is-collapsed .sidebar-menu{padding-left:10px;padding-right:10px}.modern-sidebar.is-collapsed .sidebar-menu button{justify-content:center;padding:10px}.modern-sidebar .sidebar-menu button svg{opacity:.84;width:19px;min-width:19px;height:19px}.modern-sidebar .sidebar-menu button:hover{color:var(--neutral-0);background:#ffffff14;border-color:#ffffff0f}.modern-sidebar .sidebar-menu .active-menu{box-shadow:inset 3px 0 0 var(--brand-300);border-color:#ffffff1a;color:var(--neutral-0)!important;background:#ffffff21!important}.modern-sidebar .sidebar-menu .active-menu svg{color:var(--brand-200);opacity:1}.modern-sidebar .sidebar-user-box{background:#00000014;border-top:1px solid #ffffff17;flex:none;grid-template-columns:1fr;gap:10px;padding:14px 16px 16px;display:grid}.sidebar-profile-button{width:100%;color:inherit;text-align:left;border-radius:var(--radius-md);background:0 0;border:0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.sidebar-profile-button:hover{background:#ffffff12}.modern-sidebar .sidebar-avatar{background:var(--brand-600);border:2px solid #ffffff2e;width:38px;height:38px;margin:0;font-size:13px;overflow:hidden}.modern-sidebar .sidebar-avatar img{object-fit:cover;width:100%;height:100%}.modern-sidebar .sidebar-user-box strong,.modern-sidebar .sidebar-user-box span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modern-sidebar.is-collapsed .sidebar-user-box{padding:12px 10px}.modern-sidebar.is-collapsed .sidebar-profile-button{justify-content:center;padding:4px;display:flex}.modern-sidebar.is-collapsed .compact-logout{justify-content:center;padding:8px}.modern-sidebar .sidebar-user-box strong{color:var(--neutral-0);font-size:13px}.modern-sidebar .sidebar-user-box span{color:#d8f0e4b3;margin-top:1px;font-size:11px;display:block}.modern-sidebar .compact-logout{color:#ffffffd6;background:#ffffff12;border:1px solid #ffffff14;min-height:38px;margin:0;padding:8px 12px}.modern-sidebar .compact-logout:hover{color:var(--neutral-0);background:#ffffff21}.modern-main{background:var(--neutral-50);grid-column:2;width:100%;min-width:0;min-height:100dvh;padding:28px clamp(24px,3vw,44px) 48px}.modern-main>:not(.modal-overlay){width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.modern-page-header{align-items:center;gap:24px;min-height:72px;margin-bottom:18px;padding:0;display:flex;position:relative}.header-copy{min-width:0}.page-breadcrumb{color:var(--neutral-500);align-items:center;gap:5px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.page-breadcrumb svg{color:var(--neutral-400)}.modern-page-header .eyebrow{color:var(--brand-600);letter-spacing:.12em;font-size:10px;font-weight:750}.modern-page-header h1{color:var(--neutral-900);letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(26px,2.2vw,34px);font-weight:740;line-height:1.18}.modern-page-header h1 span{color:var(--brand-700)}.modern-page-header p{max-width:720px;color:var(--neutral-500);margin-top:5px;font-size:14px}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.workspace-theme-picker{z-index:90;position:relative}.workspace-theme-trigger{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);min-height:42px;color:var(--neutral-700);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.workspace-theme-trigger:hover,.workspace-theme-trigger[aria-expanded=true]{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-200)}.workspace-theme-trigger-swatches{border:1px solid var(--neutral-200);border-radius:var(--radius-pill);display:flex;overflow:hidden}.workspace-theme-trigger-swatches i{width:8px;height:18px}.workspace-theme-panel{border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:var(--neutral-0);width:min(760px,100vw - 32px);max-height:min(680px,100dvh - 120px);box-shadow:var(--shadow-lg);padding:18px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.workspace-theme-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.workspace-theme-panel-header h2{color:var(--neutral-900);margin:2px 0 3px;font-size:20px;line-height:1.25}.workspace-theme-panel-header p{color:var(--neutral-500);font-size:12px}.workspace-theme-panel-header>button{border:1px solid var(--neutral-200);background:var(--neutral-50);width:34px;height:34px;color:var(--neutral-600);border-radius:10px;flex:none;place-items:center;display:grid}.workspace-theme-current{border:1px solid var(--brand-200);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand-50), var(--neutral-0));grid-template-columns:minmax(180px,1.15fr) minmax(0,1fr);min-height:78px;margin-bottom:16px;display:grid;overflow:hidden}.workspace-theme-current-palette{grid-template-columns:repeat(5,1fr);min-height:78px;display:grid}.workspace-theme-current-copy{flex-direction:column;justify-content:center;min-width:0;padding:12px 16px;display:flex}.workspace-theme-current-copy small{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.workspace-theme-current-copy strong{color:var(--neutral-900);margin-top:1px;font-size:15px}.workspace-theme-current-copy>span{color:var(--neutral-500);font-size:11px}.workspace-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workspace-theme-option{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-25);min-width:0;color:var(--neutral-700);text-align:left;padding:7px;transition:transform .16s,border-color .16s,box-shadow .16s;display:block;position:relative;overflow:hidden}.workspace-theme-option:hover{border-color:var(--brand-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.workspace-theme-option.is-selected{border-color:var(--brand-500);background:var(--brand-50);box-shadow:0 0 0 2px var(--brand-100)}.workspace-theme-palette{border:1px solid #141e1a1a;border-radius:10px;grid-template-rows:repeat(5,1fr);width:100%;height:104px;display:grid;overflow:hidden}.workspace-theme-palette i{min-width:0}.workspace-theme-option-copy{min-width:0;padding:9px 4px 4px;display:block}.workspace-theme-option-copy strong,.workspace-theme-option-copy small{display:block}.workspace-theme-option-copy strong{color:var(--neutral-900);font-size:12px}.workspace-theme-option-copy small{color:var(--neutral-500);margin-top:3px;font-size:10px;line-height:1.3}.workspace-theme-check{border-radius:var(--radius-pill);background:var(--brand-600);color:var(--neutral-0);padding:2px;display:grid;position:absolute;top:13px;right:13px}.header-profile-button{border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);min-height:42px;color:var(--neutral-700);text-align:left;box-shadow:var(--shadow-sm);align-items:center;gap:9px;padding:5px 10px 5px 6px;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.header-profile-button:hover{border-color:var(--brand-200);transform:translateY(-1px);box-shadow:0 7px 18px #0f231a14}.header-profile-avatar{background:var(--brand-100);width:30px;height:30px;color:var(--brand-800);border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid;overflow:hidden}.header-profile-avatar img{object-fit:cover;width:100%;height:100%}.header-profile-copy strong,.header-profile-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:block;overflow:hidden}.header-profile-copy strong{color:var(--neutral-800);font-size:11px}.header-profile-copy small{color:var(--neutral-500);font-size:10px}.header-role-chip{min-height:34px;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-pill);align-items:center;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.notification-wrapper{z-index:60;margin:0;position:relative;top:auto;right:auto}.notification-bell{width:42px;height:42px;color:var(--neutral-700);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell:hover{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-200)}.notification-count{color:#fff;background:var(--danger-600);border:2px solid var(--neutral-50);border-radius:var(--radius-pill);place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notification-dropdown{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);width:min(390px,100vw - 32px);max-height:min(560px,72vh);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 10px);left:auto;right:0;overflow:hidden}.notification-dropdown-header{border-bottom:1px solid var(--neutral-200);padding:15px 16px}.notification-dropdown-header h4{color:var(--neutral-900);font-size:14px}.notification-dropdown-header button{min-height:32px;color:var(--brand-700);font-size:12px;font-weight:700}.notification-dropdown-body{max-height:min(480px,62vh);overflow-y:auto}.notification-dropdown .notification-item{border:0;border-bottom:1px solid var(--neutral-100);box-shadow:none;border-radius:0;padding:14px 16px}.notification-dropdown .unread-notification{background:var(--brand-50);box-shadow:inset 3px 0 0 var(--brand-500)}.notification-tools{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:8px;display:flex}.notification-filter-tabs{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.notification-filter-tabs::-webkit-scrollbar{display:none}.notification-filter-tabs button{min-height:38px;color:var(--neutral-600);white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 11px;font-weight:700;display:inline-flex}.notification-filter-tabs button span{min-width:20px;color:var(--neutral-600);background:var(--neutral-100);border-radius:999px;padding:2px 6px;font-size:11px}.notification-filter-tabs button.active{color:var(--primary-700);background:var(--primary-50)}.notification-filter-tabs button.active span{color:var(--neutral-0);background:var(--primary-600)}.notification-search{width:min(100%,330px);min-height:40px;color:var(--neutral-500);border:1px solid var(--neutral-200);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.notification-search:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-500) 14%, transparent)}.notification-search input{background:0 0;border:0;outline:0;width:100%;padding:10px 0}.notification-list{padding:10px}.notification-list-item{border:1px solid var(--neutral-200);border-radius:14px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}.notification-list-item+.notification-list-item{margin-top:10px}.notification-list-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.notification-list-item.is-unread{background:var(--primary-50)}.notification-list-item.is-unread:before{content:"";background:var(--primary-500);border-radius:0 4px 4px 0;width:3px;height:28px;position:absolute;top:18px;left:-1px}.notification-content{flex:1;min-width:0}.notification-title-row{align-items:center;gap:8px;display:flex}.notification-title-row strong{color:var(--neutral-900)}.notification-content>p{color:var(--neutral-700);margin:6px 0;line-height:1.55}.notification-content time{color:var(--neutral-500);font-size:12px}.notification-type-badge{color:var(--primary-700);background:var(--primary-100);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.empty-notification{color:var(--neutral-500);text-align:center;padding:32px 18px}.modern-section-card,.card,.modern-profile-card,.leave-balance-card,.leave-summary-card,.mini-stat-card,.stats-card,.team-hierarchy-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.modern-section-card{margin-bottom:22px;padding:clamp(18px,2vw,28px)}.card{margin-bottom:20px;padding:22px}.modern-profile-card,.leave-balance-card,.leave-summary-card,.mini-stat-card{padding:22px}.mini-stat-card,.stats-card{transition:border-color .16s,box-shadow .16s,transform .16s;position:relative;overflow:hidden}.mini-stat-card:hover,.stats-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mini-stat-card:after,.leave-status-summary-card:after{content:none;display:none}.workspace-page-content{animation:.21s cubic-bezier(.22,1,.36,1) both workspace-page-enter}@keyframes workspace-page-enter{0%{opacity:0}to{opacity:1}}.modern-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.employee-dashboard-grid{gap:18px;margin-bottom:22px}.mini-stat-card svg{z-index:1;box-sizing:content-box;color:var(--brand-700);background:var(--brand-50);border-radius:10px;margin-bottom:14px;padding:8px;display:block;position:relative}.mini-stat-card span{z-index:1;color:var(--neutral-500);letter-spacing:.09em;margin-bottom:6px;font-size:10px;position:relative}.mini-stat-card h3{z-index:1;color:var(--neutral-900);letter-spacing:-.04em;margin:0 0 3px;font-size:clamp(28px,3vw,38px);line-height:1.1;position:relative}.mini-stat-card p{z-index:1;color:var(--neutral-500);font-size:12px;position:relative}.dashboard-quick-action-card{background:radial-gradient(circle at 100% 0, var(--brand-50), transparent 36%), var(--neutral-0);overflow:hidden}.dashboard-quick-action-card>h3{color:var(--neutral-900);letter-spacing:-.02em;font-size:18px}.dashboard-quick-actions .btn{min-height:44px;box-shadow:var(--shadow-xs);padding-inline:16px}.profile-main-row{gap:16px}.large-avatar{background:linear-gradient(145deg, var(--brand-700), var(--brand-500));width:72px;min-width:72px;height:72px;font-size:25px;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff2e}.profile-main-row h2{color:var(--neutral-900);letter-spacing:-.03em;font-size:clamp(23px,2.3vw,30px)}.active-pill{min-height:34px;color:var(--success-600);background:var(--success-50);border:1px solid #d2eedf;font-size:11px}.profile-divider{background:var(--neutral-200);margin:22px 0}.profile-detail-grid{gap:20px}.profile-detail-grid span{color:var(--neutral-500);letter-spacing:.08em;margin-bottom:3px;font-size:10px}.profile-detail-grid strong{color:var(--neutral-800);font-size:14px;font-weight:650}.section-header,.ui-page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-header h2,.section-header h3,.card-title,.ui-page-header h2{color:var(--neutral-900);letter-spacing:-.025em;margin:0;font-size:clamp(19px,2vw,24px);font-weight:720;line-height:1.25}.section-subtitle,.ui-page-header p{max-width:780px;color:var(--neutral-500);margin-top:5px;font-size:13px}.ui-page-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.ui-page-icon{width:40px;height:40px;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-md);flex:0 0 40px;place-items:center;display:grid}.ui-eyebrow{color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:750;display:block}.ui-page-actions,.section-header>div:last-child:not(:first-child),.action-buttons,.form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,.approve-btn,.reject-btn,.mark-read-btn,.adjust-btn{border:1px solid var(--neutral-300);width:auto;min-height:40px;color:var(--neutral-700);background:var(--neutral-0);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:680;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:hover,.approve-btn:hover,.reject-btn:hover,.mark-read-btn:hover,.adjust-btn:hover{border-color:var(--brand-300);transform:translateY(-1px);box-shadow:0 5px 12px #0f231a17}.btn-primary,.adjust-btn{color:var(--neutral-0);background:var(--brand-700);border-color:var(--brand-700)}.btn-primary:hover,.adjust-btn:hover{color:var(--neutral-0);background:var(--brand-800);border-color:var(--brand-800)}.btn-secondary{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-200)}.btn-danger{color:var(--neutral-0);background:var(--danger-600);border-color:var(--danger-600)}.btn-sm,.action-buttons .btn,td .btn,td .approve-btn,td .reject-btn,td .adjust-btn{min-height:34px;padding:7px 10px;font-size:12px}:where(.btn,.approve-btn,.reject-btn,.mark-read-btn,.adjust-btn):disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.input-group{gap:6px}.input-group label,.form-group label,form label{color:var(--neutral-700);font-size:12px;font-weight:680}:where(.input-group,.form-group,.filters-row,.filter-row,.search-box) input:not([type=checkbox]):not([type=radio]),:where(.input-group,.form-group,.filters-row,.filter-row) select,:where(.input-group,.form-group) textarea,.modern-input,.modern-select{width:100%;min-height:42px;color:var(--neutral-800);background:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:10px;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 1px #0f231a06}:where(.input-group,.form-group,.filters-row,.filter-row,.search-box) input:focus,:where(.input-group,.form-group,.filters-row,.filter-row) select:focus,:where(.input-group,.form-group) textarea:focus,.modern-input:focus,.modern-select:focus{border-color:var(--brand-400);outline:0;box-shadow:0 0 0 3px #328e6b24}textarea{resize:vertical;min-height:96px}.table-wrapper,.modern-table-wrapper,.hr-balance-table-wrap{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);scrollbar-color:var(--neutral-300) transparent;scrollbar-width:thin;width:100%;position:relative;overflow-x:auto}.custom-table,.hr-balance-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;color:var(--neutral-700);font-size:12.5px}.custom-table th,.hr-balance-table th{z-index:2;color:var(--neutral-600);background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:10px;font-weight:750;line-height:1.25;position:sticky;top:0}.custom-table td,.hr-balance-table td{color:var(--neutral-700);background:var(--neutral-0);border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:12px 13px}.custom-table tbody tr:last-child td,.hr-balance-table tbody tr:last-child td{border-bottom:0}.custom-table tbody tr:hover td,.hr-balance-table tbody tr:hover td{background:#fbfdfc}.custom-table tbody tr:focus-within td,.hr-balance-table tbody tr:focus-within td{background:var(--brand-50)}.user-cell{min-width:180px}.avatar-circle{color:var(--brand-700);background:var(--brand-100);flex:none}.pagination,.pagination-controls{justify-content:flex-end;align-items:center;gap:6px;margin-top:16px;padding:2px;display:flex;overflow-x:auto}.pagination button,.pagination-controls button{border:1px solid var(--neutral-200);min-width:36px;min-height:36px;color:var(--neutral-700);background:var(--neutral-0);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:650;width:auto!important}.pagination button.active,.pagination-controls button.active{color:#fff;background:var(--brand-700);border-color:var(--brand-700)}.ui-status,.badge,.status-badge,.status-pill{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;width:max-content;min-height:26px;padding:4px 9px;font-size:10.5px;font-weight:720;line-height:1;display:inline-flex}.ui-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.ui-status--success,.badge-success,.status-approved,.status-paid,.status-active{color:var(--success-600);background:var(--success-50);border-color:#d2eedf}.ui-status--warning,.badge-pending,.status-pending{color:var(--warning-600);background:var(--warning-50);border-color:#f2dfb0}.ui-status--danger,.badge-danger,.status-rejected,.status-inactive{color:var(--danger-600);background:var(--danger-50);border-color:#f1cccc}.ui-status--neutral{color:var(--neutral-600);background:var(--neutral-100);border-color:var(--neutral-200)}.ui-status--info{color:var(--info-600);background:var(--info-50);border-color:#cadeef}.alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.alert-error{color:var(--danger-600);background:var(--danger-50);border-color:#f1cccc}.alert-success{color:var(--success-600);background:var(--success-50);border-color:#d2eedf}.modern-section-card>.alert,.card>.alert,.balance-feedback,.balance-adjustment-error{margin-bottom:16px}.ui-state{min-height:190px;color:var(--neutral-600);text-align:left;background:linear-gradient(145deg, var(--neutral-25), var(--neutral-50));border:1px dashed var(--neutral-300);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:13px;padding:28px;display:flex}.ui-state--compact{min-height:88px;padding:16px}.ui-state-icon{width:42px;height:42px;color:var(--brand-700);background:var(--brand-100);border-radius:var(--radius-md);flex:0 0 42px;place-items:center;display:grid}.ui-state--error .ui-state-icon{color:var(--danger-600);background:var(--danger-50)}.ui-state strong{color:var(--neutral-800);font-size:14px;display:block}.ui-state p{max-width:460px;color:var(--neutral-500);margin-top:3px;font-size:12px}.ui-state-action{margin-left:8px}.ui-state-loading-lines{gap:7px;width:min(34vw,280px);margin-left:auto;display:grid}.ui-state-loading-lines i{background:linear-gradient(90deg, var(--neutral-100) 20%, var(--neutral-200) 48%, var(--neutral-100) 76%);background-size:220% 100%;border-radius:999px;height:9px;animation:1.25s ease-in-out infinite ui-skeleton;display:block;overflow:hidden}.ui-state-loading-lines i:nth-child(2){width:78%}.ui-state-loading-lines i:nth-child(3){width:58%}@keyframes ui-skeleton{to{background-position:-220% 0}}.ui-spin{animation:.85s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08181294;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card,.modal-box{background:var(--neutral-0);border-radius:var(--radius-xl);width:min(100%,560px);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg);border:1px solid #ffffffb3;padding:clamp(20px,3vw,28px);overflow-y:auto}.modal-header{z-index:2;background:var(--neutral-0);gap:16px;margin:-4px -4px 20px;padding:4px;position:sticky;top:0}.modal-header h2,.modal-header h3,.modal-box>h2{color:var(--neutral-900);letter-spacing:-.025em;font-size:21px}.modal-close,.modal-header>button:not(.btn){width:38px;height:38px;color:var(--neutral-600);background:var(--neutral-100);border:0;border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.modal-close:hover,.modal-header>button:not(.btn):hover{color:var(--neutral-900);background:var(--neutral-200)}.modal-copy{color:var(--neutral-700);white-space:pre-wrap;line-height:1.7}.user-editor-form{scroll-behavior:smooth}.user-form-progress{z-index:1;background:color-mix(in srgb, var(--neutral-0) 94%, transparent);border:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 22px;padding:6px;display:grid;position:sticky;top:50px}.user-form-progress a{min-height:36px;color:var(--neutral-600);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.user-form-progress a:hover{color:var(--primary-700);background:var(--primary-50)}.user-form-progress a span{width:20px;height:20px;color:var(--neutral-0);background:var(--primary-600);border-radius:50%;place-items:center;font-size:10px;display:grid}.user-form-section-heading{border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:flex-start;gap:16px;margin:24px 0 14px;padding-top:5px;scroll-margin-top:105px;display:flex}.user-form-progress+.user-form-section-heading{border-top:0;margin-top:0}.user-form-section-heading span{color:var(--neutral-900);font-size:14px;font-weight:800}.user-form-section-heading p{color:var(--neutral-500);margin-top:3px;font-size:11px}.user-form-section-heading small{color:var(--danger-600);white-space:nowrap}.user-editor-form .input-group:has(input[required],select[required])>label:after{color:var(--danger-600);content:"*";margin-left:3px}.user-form-actions{z-index:2;background:color-mix(in srgb, var(--neutral-0) 96%, transparent);border-top:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-end;gap:10px;margin:22px -28px -28px;padding:14px 28px;display:flex;position:sticky;bottom:-28px}.ui-confirm-dialog{width:min(100%,440px)}.ui-confirm-dialog .modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ui-confirm-dialog>h3{color:var(--neutral-900);font-size:20px}.ui-confirm-dialog>p{color:var(--neutral-600);margin:8px 0 22px;line-height:1.65}.ui-confirm-icon{width:42px;height:42px;color:var(--warning-600);background:var(--warning-50);border-radius:var(--radius-md);place-items:center;display:grid}.ui-confirm-icon--danger{color:var(--danger-600);background:var(--danger-50)}.leave-request-kind{color:var(--info-600);align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:700;display:inline-flex}.past-leave-notice{color:var(--info-600);background:var(--info-50);border-radius:var(--radius-md);border:1px solid #cadeef;align-items:flex-start;gap:12px;margin-bottom:16px;padding:13px 14px;display:flex}.past-leave-notice strong,.past-leave-notice span{display:block}.past-leave-notice span{margin-top:2px;font-size:12px;line-height:1.55}.leave-request-form-shell{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.leave-request-modal{flex-direction:column;max-height:calc(100dvh - 40px);padding:0;display:flex;overflow:hidden}.leave-request-modal>.modal-header{border-bottom:1px solid var(--neutral-200);flex:none;margin:0;padding:20px 24px 16px;position:static}.leave-request-modal>.alert{flex:none;margin:12px 24px 0!important}.leave-request-edit-notice{flex:none}.leave-request-modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;gap:16px;min-height:0;padding:18px 24px 22px;display:grid;overflow-y:auto}.leave-request-modal-actions{background:var(--neutral-0);border-top:1px solid var(--neutral-200);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex;box-shadow:0 -8px 24px #1235240d}.leave-request-form-shell .leave-balance-card{box-shadow:none;padding:14px}.leave-request-form-shell .leave-balance-card .ui-page-header{margin-bottom:12px}.leave-request-form-shell .leave-balance-card .modern-stats-grid{grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}.leave-request-form-shell .leave-balance-card .mini-stat-card{padding:11px}.leave-request-form-shell .leave-balance-card .mini-stat-card p{display:none}.leave-date-help{color:var(--neutral-500);margin-top:5px;font-size:11px;display:block}@media (width<=767px){.leave-request-form-shell{padding:0}.leave-request-modal{max-height:calc(100dvh - 20px)}.leave-request-modal>.modal-header,.leave-request-modal-body,.leave-request-modal-actions{padding-left:16px;padding-right:16px}.leave-request-modal-actions>.btn{flex:140px}.leave-request-form-shell .leave-balance-card .modern-stats-grid{padding-bottom:4px;display:flex;overflow-x:auto}.leave-request-form-shell .leave-balance-card .mini-stat-card{min-width:135px}}.approvals-search{margin-bottom:16px}.reimbursement-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.reimbursement-summary-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);padding:18px}.reimbursement-summary-card--with-icon{align-items:center;gap:13px;display:flex}.reimbursement-summary-card>span:not(.reimbursement-stat-icon),.reimbursement-summary-card>div>span{color:var(--neutral-500);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.reimbursement-summary-card--accent{background:linear-gradient(135deg, var(--brand-50), var(--neutral-0) 72%);border-color:var(--brand-200)}.reimbursement-stat-icon{width:40px;height:40px;color:var(--brand-700);background:var(--brand-100);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.reimbursement-stat-icon--danger{color:var(--danger-600);background:var(--danger-50)}.reimbursement-filter-card{gap:14px;margin:16px 0;padding:14px;display:grid}.reimbursement-search-field{color:var(--neutral-400);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:11px;align-items:center;gap:10px;padding:0 13px;display:flex}.reimbursement-search-field:focus-within{color:var(--brand-700);border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-100)}.reimbursement-search-field input{background:0 0;border:0;outline:0;width:100%;min-height:42px;padding:8px 0;font-size:13px}.reimbursement-filter-card .leave-filter-tabs{margin:0;overflow-x:auto}.reimbursement-filter-summary{color:var(--neutral-500);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.reimbursement-filter-summary strong{color:var(--neutral-800)}.reimbursement-purpose-copy,.reimbursement-period{gap:3px;display:grid}.reimbursement-purpose-copy small,.reimbursement-period small{color:var(--neutral-500);font-size:10px}.reimbursement-amount{color:var(--neutral-900);white-space:nowrap;font-size:13px}.reimbursement-receipts{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.reimbursement-receipts .file-link{color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;text-decoration:none;display:inline-flex}.reimbursement-receipts .file-link:hover{background:var(--brand-100);text-decoration:none}.reimbursement-request-table .approval-flow{gap:6px;min-width:155px;display:grid}.reimbursement-approval-step{align-items:center;gap:7px;display:flex}.reimbursement-approval-step>i{background:var(--neutral-300);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.reimbursement-approval-step>i.is-approved{background:var(--success-600)}.reimbursement-approval-step>i.is-rejected{background:var(--danger-600)}.reimbursement-approval-step>i.is-pending{background:var(--warning-600)}.reimbursement-approval-step>span{grid-template-columns:52px 1fr;align-items:baseline;gap:6px;display:grid}.reimbursement-approval-step small{color:var(--neutral-500);font-size:9px}.reimbursement-approval-step strong{color:var(--neutral-700);font-size:10px;font-weight:700}.table-actions{flex-wrap:wrap;align-items:center;gap:7px;min-width:max-content;display:flex}.ui-muted-text{color:var(--neutral-500);font-size:12px}.ui-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:22px;display:flex}@media (width<=767px){.reimbursement-filter-summary{flex-direction:column;align-items:flex-start}.reimbursement-filter-summary .btn{width:100%}.reimbursement-request-table{background:0 0;width:100%;min-width:0}.reimbursement-request-table thead{display:none}.reimbursement-request-table tbody{gap:12px;display:grid}.reimbursement-request-table tbody tr:not(.reimbursement-empty-row){background:var(--neutral-0);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);border-radius:14px;display:grid;overflow:hidden}.reimbursement-request-table tbody tr:not(.reimbursement-empty-row) td{border-bottom:1px solid var(--neutral-100);white-space:normal;background:0 0;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:12px;padding:11px 13px;display:grid}.reimbursement-request-table tbody tr:not(.reimbursement-empty-row) td:before{color:var(--neutral-500);content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:750}.reimbursement-request-table tbody tr:not(.reimbursement-empty-row) td:last-child{border-bottom:0}.reimbursement-request-table .user-cell,.reimbursement-request-table .approval-flow{min-width:0}.reimbursement-request-table .table-actions{width:100%;min-width:0}.reimbursement-request-table .table-actions .btn{flex:1}.reimbursement-empty-row,.reimbursement-empty-row td{width:100%;display:block}}.reimbursement-summary-card h3{color:var(--neutral-900);letter-spacing:-.035em;margin:7px 0 2px;font-size:clamp(22px,2.4vw,30px)}.reimbursement-summary-card p{color:var(--neutral-500);font-size:11px}.holiday-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:16px;margin-bottom:18px;display:grid}.holiday-hero-card{overflow:hidden}.holiday-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px;display:grid}.holiday-card{min-width:0;transition:transform .16s,box-shadow .16s,border-color .16s}.holiday-card:hover{transform:translateY(-2px);border-color:var(--brand-200)!important;box-shadow:var(--shadow-md)!important}.profile-settings-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:start;gap:16px;display:grid}.profile-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;display:grid}.profile-details-grid>div{overflow-wrap:anywhere;min-width:0;color:var(--neutral-600);background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:9px;padding:10px 12px;font-size:12px}.profile-details-grid strong{color:var(--neutral-800)}.password-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.signature-file-field{min-width:min(100%,320px)}.signature-file-field small{color:var(--neutral-500);font-size:11px}.signature-upload-form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.signature-preview{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);margin-bottom:16px;padding:14px}.reimbursement-print-sheet{display:none}.ui-avatar{color:var(--neutral-0);background:linear-gradient(145deg, var(--brand-700), var(--brand-500));border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:750;display:inline-grid;overflow:hidden}.ui-avatar img{object-fit:cover;width:100%;height:100%}.ui-avatar--small{width:30px;height:30px}.ui-avatar--medium{width:38px;height:38px}.ui-avatar--large{width:56px;height:56px;font-size:16px}.page-hidden{display:none!important}.page-visible{display:block}.department-details-modal{flex-direction:column;width:min(96vw,980px);max-width:980px;max-height:min(92dvh,900px);padding:0;display:flex;position:relative;overflow:hidden}.department-details-modal:before{z-index:3;background:linear-gradient(90deg, var(--brand-700), var(--brand-400), var(--info-500));content:"";height:3px;position:absolute;top:0;left:0;right:0}.department-details-header{background:linear-gradient(135deg, var(--brand-50), var(--neutral-0) 68%);border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;margin:0;padding:22px 24px;display:flex}.department-details-heading{align-items:center;gap:13px;min-width:0;display:flex}.department-details-icon{width:46px;height:46px;color:var(--brand-700);background:var(--brand-100);border:1px solid var(--brand-200);border-radius:var(--radius-md);flex:0 0 46px;place-items:center;display:grid}.department-details-heading h3{color:var(--neutral-900);letter-spacing:-.025em;margin:2px 0 1px;font-size:22px}.department-details-heading p{color:var(--neutral-500);font-size:12px}.department-details-content{background:var(--neutral-25);scrollbar-color:var(--neutral-300) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:22px 24px 26px;overflow-y:auto}.department-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:24px;display:grid}.department-metric{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;padding:14px;display:grid}.department-metric-icon{width:40px;height:40px;color:var(--brand-700);background:var(--brand-50);border-radius:10px;place-items:center;display:grid}.department-metric--info .department-metric-icon{color:var(--info-600);background:var(--info-50)}.department-metric--warning .department-metric-icon{color:var(--warning-600);background:var(--warning-50)}.department-metric--neutral .department-metric-icon{color:var(--neutral-600);background:var(--neutral-100)}.department-metric span:not(.department-metric-icon){color:var(--neutral-500);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:750;display:block;overflow:hidden}.department-metric strong{color:var(--neutral-900);margin-top:2px;font-size:25px;line-height:1;display:block}.department-directory-toolbar{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:14px;margin:-7px 0 22px;padding:11px 12px;display:flex}.department-directory-search{min-width:0;max-width:570px;color:var(--neutral-400);flex:1;align-items:center;gap:9px;display:flex}.department-directory-search input{width:100%;min-width:0;color:var(--neutral-800);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.department-directory-search input::placeholder{color:var(--neutral-400)}.department-directory-search button{width:28px;height:28px;color:var(--neutral-500);background:var(--neutral-100);cursor:pointer;border:0;border-radius:8px;flex:0 0 28px;place-items:center;padding:0;display:grid}.department-directory-search button:hover{color:var(--brand-700);background:var(--brand-50)}.department-directory-result{color:var(--neutral-500);flex:none;font-size:10px;font-weight:650}.department-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.department-section-heading h3{color:var(--neutral-900);margin:2px 0;font-size:18px}.department-section-heading p{color:var(--neutral-500);font-size:11px}.department-team-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;display:grid}.department-team-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.department-team-card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.department-team-header{background:linear-gradient(145deg, var(--neutral-50), var(--brand-50));border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;display:flex}.department-team-header>div{align-items:center;gap:10px;min-width:0;display:flex}.department-team-icon{width:36px;height:36px;color:var(--brand-700);background:var(--neutral-0);border:1px solid var(--brand-100);border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.department-team-header span:not(.ui-status){color:var(--neutral-500);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750;display:block}.department-team-header h4{color:var(--brand-800);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:15px;overflow:hidden}.department-leadership-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px;display:grid}.department-leadership-grid>div{background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:9px;min-width:0;padding:10px}.department-leadership-grid svg{color:var(--brand-600);margin-bottom:6px;display:block}.department-leadership-grid span,.department-leadership-grid strong{text-overflow:ellipsis;display:block;overflow:hidden}.department-leadership-grid span{color:var(--neutral-500);text-transform:uppercase;font-size:9px;font-weight:700}.department-leadership-grid strong{color:var(--neutral-800);margin-top:3px;font-size:11px;line-height:1.4}.department-employee-list{background:var(--neutral-25);border:1px solid var(--neutral-100);border-radius:var(--radius-md);margin:0 16px 16px;padding:12px}.department-employee-list-heading{color:var(--neutral-600);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px;font-weight:750;display:flex}.department-employee-list-heading strong{min-width:24px;height:24px;color:var(--brand-700);background:var(--brand-100);border-radius:var(--radius-pill);place-items:center;font-size:10px;display:grid}.department-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.department-employee{background:var(--neutral-0);border:1px solid var(--neutral-100);border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;transition:border-color .15s,background .15s;display:grid}.department-employee:hover{background:var(--brand-50);border-color:var(--brand-100)}.department-employee strong,.department-employee span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.department-employee strong{color:var(--neutral-800);font-size:11px}.department-employee span{color:var(--neutral-500);margin-top:2px;font-size:9px}.calendar-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.calendar-summary-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:17px;display:grid}.calendar-summary-card>svg{box-sizing:content-box;color:var(--brand-700);background:var(--brand-50);border-radius:var(--radius-md);padding:10px}.calendar-summary-card--accent{background:linear-gradient(145deg, var(--brand-900), var(--brand-700));border-color:#0000}.calendar-summary-card--accent>svg{color:var(--brand-100);background:#ffffff1f}.calendar-summary-card span,.calendar-summary-card small{color:var(--neutral-500);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.calendar-summary-card span{letter-spacing:.055em;text-transform:uppercase;font-weight:750}.calendar-summary-card strong{color:var(--neutral-900);margin:2px 0;font-size:25px;line-height:1.1;display:block}.calendar-summary-card--accent span,.calendar-summary-card--accent small{color:#eef8f3bd}.calendar-summary-card--accent strong{color:var(--neutral-0)}.calendar-today-card,.calendar-month-card,.calendar-list-card{margin-bottom:16px}.calendar-people-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.calendar-person-card{background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:var(--radius-md);grid-template-columns:4px minmax(0,1fr);gap:12px;min-width:0;padding:13px;display:grid}.calendar-person-marker{background:var(--event-color,var(--brand-600));border-radius:var(--radius-pill);width:4px;height:100%;min-height:46px}.calendar-person-card strong,.calendar-person-card span,.calendar-person-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.calendar-person-card strong{color:var(--neutral-900);font-size:13px}.calendar-person-card span{color:var(--neutral-600);margin-top:2px;font-size:11px}.calendar-person-card small{color:var(--neutral-500);margin-top:4px;font-size:10px}.calendar-view-toolbar{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:10px 12px;display:flex}.calendar-view-toolbar .leave-filter-tabs{flex:none;margin:0}.calendar-view-controls{align-items:flex-end;gap:14px;min-width:0;display:flex}.calendar-date-selectors{align-items:flex-end;gap:10px;display:flex}.calendar-date-field{color:var(--neutral-600);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:10px;font-weight:700;display:grid}.calendar-date-field input{min-width:148px;min-height:40px;color:var(--neutral-800);background:var(--neutral-0);border:1px solid var(--neutral-200);font:inherit;letter-spacing:normal;text-transform:none;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:600}.calendar-date-field input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:0}.calendar-today-button{white-space:nowrap;min-height:40px}.calendar-legend{color:var(--neutral-500);white-space:nowrap;justify-content:flex-end;align-items:center;gap:11px;font-size:10px;display:flex;overflow-x:auto}.calendar-legend span{align-items:center;gap:5px;display:inline-flex}.calendar-legend i{background:var(--legend-color);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.calendar-month-card{overflow:hidden}.calendar-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-toolbar h3{color:var(--neutral-900);margin:2px 0 0;font-size:20px}.calendar-navigation{border:1px solid var(--neutral-200);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.calendar-navigation button{min-width:38px;min-height:38px;color:var(--neutral-700);background:var(--neutral-0);border:0;border-right:1px solid var(--neutral-200);place-items:center;padding:7px 10px;font-size:12px;font-weight:650;display:grid}.calendar-navigation button:last-child{border-right:0}.calendar-navigation button:hover{color:var(--brand-700);background:var(--brand-50)}.calendar-scroll{border-radius:var(--radius-md);width:100%;margin-top:16px;overflow-x:auto}.leave-calendar-grid{grid-template-columns:repeat(7,minmax(110px,1fr));gap:7px;min-width:770px;display:grid}.leave-calendar-weekday{color:var(--neutral-500);letter-spacing:.06em;text-align:center;text-transform:uppercase;padding:7px;font-size:10px;font-weight:750}.leave-calendar-day{min-width:0;min-height:112px;color:var(--neutral-800);text-align:left;background:var(--neutral-0);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);border-radius:11px;flex-direction:column;align-items:stretch;padding:9px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.leave-calendar-day:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.leave-calendar-day.is-today{border-color:var(--brand-500);box-shadow:inset 0 0 0 1px var(--brand-500)}.leave-calendar-day.is-empty{cursor:default;background:var(--neutral-50);box-shadow:none;border-color:#0000}.leave-calendar-date{color:var(--neutral-800);margin-bottom:7px;font-size:12px;font-weight:750}.is-today .leave-calendar-date{color:var(--brand-700)}.leave-calendar-event{color:#fff;background:var(--event-color,var(--brand-600));text-overflow:ellipsis;white-space:nowrap;border-radius:6px;margin-bottom:4px;padding:3px 6px;font-size:10px;line-height:1.4;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.leave-calendar-more{color:var(--neutral-500);margin-top:auto;font-size:10px}.calendar-day-details{gap:10px;display:grid}.calendar-leave-detail{color:var(--neutral-700);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px;display:grid}.calendar-leave-detail>svg{box-sizing:content-box;color:var(--brand-700);background:var(--brand-100);border-radius:9px;padding:7px}.calendar-leave-detail strong{color:var(--neutral-900)}.calendar-leave-detail p{color:var(--neutral-500);margin:2px 0 8px;font-size:12px}.mobile-topbar{display:none}@media (width<=1279px){.modern-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard-grid{grid-template-columns:1fr}.calendar-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-view-toolbar,.calendar-view-controls{flex-direction:column;align-items:stretch}.calendar-date-selectors{flex-wrap:wrap}.calendar-legend{justify-content:flex-start;padding:2px 4px}}@media (width<=1023px){.dashboard-layout.portal-redesign,.dashboard-layout.portal-redesign.sidebar-collapsed{display:block}.mobile-topbar{z-index:800;border-bottom:1px solid var(--neutral-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;height:64px;padding:0 16px;display:grid;position:sticky;top:0}.mobile-topbar img{object-fit:contain;justify-self:start;width:112px;height:auto}.mobile-topbar span{color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100)}.mobile-menu-btn{width:42px;height:42px;color:var(--brand-800);background:var(--brand-50);border-radius:var(--radius-md)}.modern-sidebar{z-index:1001;border-radius:0 18px 18px 0;width:min(88vw,320px);height:100dvh;position:fixed;transform:translate(-104%);box-shadow:18px 0 48px #0818123d}.modern-sidebar.is-collapsed{width:min(88vw,320px)}.modern-sidebar.is-collapsed .brand-block{flex-direction:row;min-height:80px;justify-content:flex-start!important;padding:18px 22px!important}.modern-sidebar.is-collapsed .brand-block img{display:block}.modern-sidebar.is-collapsed .sidebar-brand-monogram,.sidebar-collapse-button,.modern-sidebar.is-collapsed .sidebar-tooltip{display:none}.modern-sidebar.is-collapsed .sidebar-item-label,.modern-sidebar.is-collapsed .sidebar-group-label,.modern-sidebar.is-collapsed .sidebar-user-copy{display:initial}.modern-sidebar.is-collapsed .sidebar-group-label{display:block}.modern-sidebar.is-collapsed .sidebar-menu{padding:18px 12px 24px}.modern-sidebar.is-collapsed .sidebar-menu button{justify-content:flex-start;padding:10px 12px}.modern-sidebar.is-collapsed .sidebar-user-box{padding:14px 16px 16px}.modern-sidebar.is-collapsed .sidebar-profile-button{justify-content:stretch;padding:6px;display:grid}.modern-sidebar.is-collapsed .compact-logout{justify-content:center;padding:8px 12px}.modern-sidebar.mobile-sidebar-open{transform:translate(0)}.modern-sidebar .brand-block{min-height:80px;padding:18px 22px!important}.mobile-sidebar-overlay{z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0818126b;border:0;padding:0;display:block;position:fixed;inset:0}.mobile-sidebar-close{place-items:center;width:42px;height:42px;display:grid;top:18px;right:14px}.modern-main{grid-column:auto;min-height:calc(100dvh - 64px);padding:22px 20px 40px}.modern-page-header{min-height:72px;margin-bottom:18px}.modern-page-header .header-role-chip{display:none}.holiday-overview-grid,.profile-settings-grid{grid-template-columns:1fr}.password-fields-grid{grid-template-columns:1fr 1fr}.department-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){:is(.modern-table-wrapper:has(.responsive-card-table),.leave-approval-table-scroll:has(.responsive-card-table)){box-shadow:none;background:0 0;border:0;overflow:visible}.responsive-card-table,.responsive-card-table tbody,.responsive-card-table tr,.responsive-card-table td{width:100%;display:block}.responsive-card-table thead{display:none}.responsive-card-table tbody{gap:12px;display:grid}.responsive-card-table tbody tr{background:var(--neutral-0);border:1px solid var(--neutral-200);box-shadow:var(--shadow-xs);border-radius:16px;padding:8px 14px}.responsive-card-table tbody td[data-label]{overflow-wrap:anywhere;border:0;border-bottom:1px solid var(--neutral-100);grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:center;gap:12px;min-height:42px;padding:10px 0;display:grid}.responsive-card-table tbody td[data-label]:last-child{border-bottom:0}.responsive-card-table tbody td[data-label]:before{color:var(--neutral-500);content:attr(data-label);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.responsive-card-table tbody td[data-label=User],.responsive-card-table tbody td[data-label=Employee]{grid-template-columns:1fr;padding-bottom:12px}.responsive-card-table tbody td[data-label=User]:before,.responsive-card-table tbody td[data-label=Employee]:before{display:none}.responsive-card-table tbody td:not([data-label]){padding:24px 12px!important}.admin-user-actions{min-width:0!important}.admin-user-actions .btn,.admin-user-actions .delete-icon-btn{flex:130px;justify-content:center}.notification-tools{flex-direction:column;align-items:stretch}.notification-search{width:100%}.notification-list-item .user-cell{flex-wrap:wrap;align-items:flex-start}.notification-list-item .user-cell>.btn{width:calc(100% - 46px);margin-left:46px}.user-form-progress{top:48px}.user-form-progress a{flex-direction:column;gap:3px;font-size:10px}.user-form-section-heading{flex-direction:column;gap:5px}.user-form-actions{margin:20px -20px -20px;padding:12px 20px;bottom:-20px}.user-form-actions .btn{flex:1;justify-content:center}.dashboard-quick-actions{grid-template-columns:1fr!important;display:grid!important}.dashboard-quick-actions .btn{justify-content:center;width:100%}.ui-state-loading-lines{width:100%;margin:12px 0 0}.modern-main{padding:18px 16px 36px}.modern-page-header{align-items:flex-start}.modern-page-header h1{font-size:25px}.modern-page-header p{font-size:13px}.page-breadcrumb{display:none}.header-actions{padding-top:2px}.workspace-theme-trigger>span:not(.workspace-theme-trigger-swatches){display:none}.workspace-theme-trigger{padding:6px 8px}.workspace-theme-panel{width:auto;max-height:calc(100dvh - 90px);position:fixed;top:74px;left:12px;right:12px}.workspace-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-profile-button{padding:5px}.header-profile-copy{display:none}.modern-stats-grid,.leave-summary-grid,.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}.modern-section-card,.card,.modern-profile-card,.leave-balance-card,.leave-summary-card,.mini-stat-card{border-radius:14px;padding:16px}.profile-main-row{align-items:flex-start}.profile-main-row>div:nth-child(2){min-width:0}.active-pill{margin-left:0}.profile-detail-grid{grid-template-columns:1fr 1fr;gap:15px}.section-header,.ui-page-header{flex-direction:column;align-items:stretch}.ui-page-actions,.section-header>div:last-child:not(:first-child){width:100%}.ui-page-actions>.btn,.section-header>.btn{flex:1}.ui-page-actions,.form-actions,.action-buttons,.table-actions,.leave-request-modal-actions{align-items:stretch;min-width:0}.ui-page-actions>.btn,.section-header>.btn,.form-actions>.btn,.action-buttons>:is(.btn,.approve-btn,.reject-btn,.mark-read-btn,.adjust-btn),.table-actions>.btn,.leave-request-modal-actions>.btn{white-space:normal;flex:140px;width:auto;min-width:0;max-width:100%}.custom-table,.hr-balance-table{min-width:700px}.table-wrapper:after,.modern-table-wrapper:after,.hr-balance-table-wrap:after{float:right;color:var(--neutral-500);border:1px solid var(--neutral-200);content:"Swipe to view →";pointer-events:none;background:#ffffffe6;border-radius:6px;padding:3px 7px;font-size:9px;position:sticky;bottom:6px;right:8px}.notification-dropdown{width:auto;position:fixed;top:72px;left:12px;right:12px}.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-summary-grid{grid-template-columns:1fr 1fr}.calendar-summary-card{grid-template-columns:36px minmax(0,1fr);padding:13px}.calendar-summary-card>svg{padding:8px}.calendar-summary-card strong{font-size:21px}.calendar-navigation{width:100%}.calendar-navigation button{flex:1}.calendar-date-field{flex:1;min-width:min(100%,180px)}.calendar-date-field input{width:100%;min-width:0}.calendar-people-grid{grid-template-columns:1fr}.department-details-header{padding:17px}.department-details-content{max-height:none;padding:16px}.department-directory-toolbar{flex-direction:column;align-items:stretch;margin-bottom:18px}.department-directory-search{width:100%;max-width:none}.department-directory-result{padding-left:26px}.department-team-grid,.department-leadership-grid{grid-template-columns:1fr}.department-leadership-grid>div{grid-template-columns:18px 90px minmax(0,1fr);align-items:center;gap:6px;display:grid}.department-leadership-grid svg,.department-leadership-grid strong{margin:0}.department-employee-grid,.password-fields-grid,.profile-details-grid,.holiday-card-grid{grid-template-columns:1fr}.signature-upload-form{align-items:stretch}.signature-upload-form .btn{width:100%!important}.leave-calendar-grid{grid-template-columns:repeat(7,94px);min-width:658px}.leave-calendar-day{min-height:96px}.ui-state{min-height:150px;padding:20px}.modal-overlay{align-items:flex-end;padding:10px}.modal-card,.modal-box{border-radius:18px 18px 12px 12px;max-height:calc(100dvh - 20px);margin:0;width:100%!important;max-width:100%!important}}@media (width<=479px){.mobile-topbar{padding:0 12px}.modern-main{padding:15px 12px 32px}.modern-page-header{gap:10px}.workspace-theme-trigger-swatches{display:none}.workspace-theme-current{grid-template-columns:1fr}.workspace-theme-current-palette{min-height:54px}.workspace-theme-grid{grid-template-columns:1fr}.modern-page-header h1{font-size:23px}.modern-page-header p{display:none}.ui-page-actions,.form-actions,.action-buttons,.table-actions,.leave-request-modal-actions,.manager-leave-modal-footer{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.ui-page-actions>.btn,.section-header>.btn,.form-actions>.btn,.action-buttons>:is(.btn,.approve-btn,.reject-btn,.mark-read-btn,.adjust-btn),.table-actions>.btn,.leave-request-modal-actions>.btn,.manager-leave-modal-footer>button{width:100%!important}.profile-main-row{grid-template-columns:56px minmax(0,1fr);display:grid}.large-avatar{width:56px;min-width:56px;height:56px;font-size:20px}.profile-main-row>div:last-child,.profile-main-row>.active-pill{grid-column:1/-1}.profile-detail-grid{grid-template-columns:1fr}.ui-state{text-align:center;flex-direction:column}.ui-state-action{width:100%;margin:6px 0 0}.calendar-summary-grid{grid-template-columns:1fr}.calendar-view-toolbar{padding:8px}.calendar-date-selectors{grid-template-columns:1fr;display:grid}.calendar-today-button{width:100%}.department-details-heading p{display:none}.department-details-modal{border-radius:16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.department-details-icon{flex-basis:40px;width:40px;height:40px}.department-metric-grid{grid-template-columns:1fr 1fr;gap:8px}.department-metric{grid-template-columns:34px minmax(0,1fr);padding:10px}.department-metric-icon{width:34px;height:34px}.department-section-heading,.department-team-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body:has(.reimbursement-print-sheet) *{visibility:hidden!important}:is(body:has(.reimbursement-print-sheet) .reimbursement-print-sheet,body:has(.reimbursement-print-sheet) .reimbursement-print-sheet *){visibility:visible!important}.reimbursement-print-sheet{color:#111;background:#fff;width:100%;padding:24px;display:block;position:absolute;inset:0}.reimbursement-print-sheet header{border-bottom:2px solid #12382d;margin-bottom:24px;padding-bottom:14px}.reimbursement-print-sheet h1{margin:0;font-size:24px}.reimbursement-print-sheet dl{border:1px solid #ddd;grid-template-columns:1fr 1fr;gap:0;display:grid}.reimbursement-print-sheet dl>div{border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:12px}.reimbursement-print-sheet dt{color:#555;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.reimbursement-print-sheet dd{margin:0;font-size:13px}}:root{--control-height:42px;--content-max:1600px;--transition-fast:.15s ease;--transition-base:.22s ease;--shadow-focus:0 0 0 3px color-mix(in srgb, var(--brand-500) 22%, transparent);--shadow-float:0 18px 48px #0f231a21, 0 2px 8px #0f231a12}html{scrollbar-gutter:stable}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.skip-link{z-index:10000;color:var(--neutral-0);background:var(--brand-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:transform var(--transition-fast);padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.modern-main{min-width:0;overflow-x:clip}.modern-page-header,.workspace-page-content,.workspace-feedback{width:min(100%, var(--content-max));margin-inline:auto}.workspace-page-content{isolation:isolate}.modern-page-header{border-bottom:1px solid color-mix(in srgb, var(--neutral-200) 82%, transparent);padding-bottom:18px;position:relative}.modern-page-header:after{border-radius:var(--radius-pill);background:var(--brand-500);content:"";width:46px;height:2px;position:absolute;bottom:-1px;left:0}.workspace-page-content>:first-child{margin-top:0}.modern-section-card,.modern-profile-card,.card,.leave-balance-card,.leave-summary-card,.reimbursement-filter-card,.holiday-hero-card,.ui-metric-card{border-color:color-mix(in srgb, var(--neutral-200) 88%, var(--brand-100));box-shadow:var(--shadow-sm)}.modern-section-card,.modern-profile-card,.card,.leave-balance-card,.leave-summary-card,.reimbursement-filter-card,.holiday-hero-card{background:color-mix(in srgb, var(--neutral-0) 98%, var(--brand-50))}@media (hover:hover) and (pointer:fine){.ui-metric-card,.mini-stat-card,.reimbursement-summary-card,.holiday-card{transition:border-color var(--transition-fast), box-shadow var(--transition-base), transform var(--transition-base)}.ui-metric-card:hover,.mini-stat-card:hover,.reimbursement-summary-card:hover,.holiday-card:hover{border-color:color-mix(in srgb, var(--brand-300) 62%, var(--neutral-200));box-shadow:var(--shadow-md);transform:translateY(-2px)}}.portal-redesign :where(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=search],input[type=file],select,textarea){border-color:var(--neutral-300);background-color:var(--neutral-0);max-width:100%;color:var(--neutral-900);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.portal-redesign :where(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=search],select){min-height:var(--control-height)}.portal-redesign :where(input,select,textarea):hover:not(:disabled):not(:focus){border-color:var(--neutral-400)}.portal-redesign :where(input,select,textarea):focus{border-color:var(--brand-500);box-shadow:var(--shadow-focus);outline:none}.portal-redesign :where(input,select,textarea):disabled{color:var(--neutral-500);background:var(--neutral-100);cursor:not-allowed;opacity:.82}.portal-redesign :where(input,select,textarea):user-invalid{border-color:var(--danger-600)}.portal-redesign :where(label){color:var(--neutral-700)}.portal-redesign :where(.input-group,.form-group)>label{letter-spacing:.01em;font-size:12px;font-weight:750}.btn,.approve-btn,.reject-btn,.adjust-btn,.mark-read-btn{min-height:var(--control-height);touch-action:manipulation;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}.btn:active:not(:disabled),.approve-btn:active:not(:disabled),.reject-btn:active:not(:disabled),.adjust-btn:active:not(:disabled),.mark-read-btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.approve-btn:disabled,.reject-btn:disabled,.adjust-btn:disabled,.mark-read-btn:disabled{box-shadow:none;cursor:not-allowed;filter:saturate(.65);opacity:.62}.btn-outline{color:var(--brand-700);background:var(--neutral-0);border-color:var(--brand-300)}.btn-outline:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand-500)}.btn-ghost{color:var(--neutral-700);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--brand-800);background:var(--brand-50)}.btn-success{color:var(--neutral-0);background:var(--success-600);border-color:var(--success-600)}.table-wrapper,.modern-table-wrapper,.hr-balance-table-wrap{overscroll-behavior-inline:contain;scrollbar-color:var(--neutral-300) transparent;scrollbar-width:thin;position:relative}.table-wrapper::-webkit-scrollbar{height:8px}.modern-table-wrapper::-webkit-scrollbar{height:8px}.hr-balance-table-wrap::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-pill)}.modern-table-wrapper::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-pill)}.hr-balance-table-wrap::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-pill)}.custom-table thead,.hr-balance-table thead{z-index:2;position:sticky;top:0}.custom-table th,.hr-balance-table th{box-shadow:inset 0 -1px 0 var(--neutral-200);white-space:nowrap}.custom-table tbody tr:nth-child(2n) td,.hr-balance-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--neutral-50) 65%, transparent)}.custom-table tbody tr,.hr-balance-table tbody tr{transition:background-color var(--transition-fast), box-shadow var(--transition-fast)}.custom-table td,.hr-balance-table td{vertical-align:middle}.custom-table td:last-child,.hr-balance-table td:last-child{padding-right:18px}.table-actions{justify-content:flex-end}.ui-status,.status-pill,.active-pill,.header-role-chip{white-space:nowrap;max-width:100%;line-height:1.2}.alert{box-shadow:var(--shadow-sm);border-left-width:3px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08140f94;padding:clamp(12px,3vw,32px)}.modal-card,.modal-box{box-shadow:var(--shadow-float)}.ui-confirm-dialog{overflow:hidden}.ui-confirm-dialog .form-actions{padding-top:4px}.pagination-controls button,.ui-pagination button,.notification-filter-tabs button,.leave-filter-tabs button{touch-action:manipulation;min-width:36px;min-height:36px}.empty-notification,.ui-state{color:var(--neutral-600)}.holiday-hero-card{min-height:190px;color:var(--neutral-0);background:linear-gradient(135deg, var(--brand-900), var(--brand-600));border:1px solid color-mix(in srgb, var(--brand-400) 65%, transparent);border-radius:var(--radius-xl);box-shadow:0 20px 50px color-mix(in srgb, var(--brand-900) 22%, transparent);justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,3vw,30px);display:flex;position:relative;overflow:hidden}.holiday-hero-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;right:-55px}.holiday-hero-copy{z-index:1;min-width:0;position:relative}.holiday-hero-eyebrow{letter-spacing:.16em;opacity:.82;text-transform:uppercase;font-size:11px;font-weight:800}.holiday-hero-copy h2{color:inherit;margin:10px 0 6px;font-size:clamp(25px,3vw,36px);line-height:1.12}.holiday-hero-copy p{opacity:.88;margin:0;font-size:15px}.holiday-hero-date{z-index:1;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:26px;flex:0 0 102px;place-content:center;width:102px;height:102px;display:grid;position:relative}.holiday-hero-date strong{font-size:32px;line-height:1}.holiday-hero-date span{letter-spacing:.06em;margin-top:5px;font-size:13px;font-weight:800}.holiday-access-detail{border-top:1px solid var(--neutral-200);align-items:flex-start;gap:10px;margin-top:18px;padding-top:14px;display:flex}.holiday-access-detail svg{color:var(--brand-600);flex:none}.holiday-access-detail p{margin:0}.holiday-card{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;padding:18px;display:flex}.holiday-card-header,.holiday-card-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.holiday-date-tile{text-align:center;width:56px;height:62px;color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-md);flex:0 0 56px;place-content:center;display:grid}.holiday-date-tile strong{font-size:21px;line-height:1}.holiday-date-tile span{letter-spacing:.08em;margin-top:4px;font-size:10px;font-weight:850}.holiday-card-title{flex:1;min-width:0}.holiday-card-title h3{overflow-wrap:anywhere;color:var(--neutral-900);margin:0 0 7px;font-size:16px;line-height:1.3}.holiday-card-sparkle{color:var(--brand-500);flex:none}.holiday-card-description{min-height:42px;color:var(--neutral-600);margin:16px 0 0;line-height:1.55}.holiday-card-footer{border-top:1px solid var(--neutral-200);align-items:center;margin-top:auto;padding-top:14px}.holiday-card-footer small{color:var(--neutral-500)}@media (width<=1023px){.modern-page-header{padding-bottom:14px}.workspace-page-content{scroll-margin-top:78px}}@media (width<=767px){:root{--control-height:44px}.modern-page-header{border-bottom:0}.modern-page-header:after{display:none}.modern-section-card,.modern-profile-card,.card,.leave-balance-card,.leave-summary-card,.reimbursement-filter-card,.holiday-hero-card{border-radius:var(--radius-md)}.table-wrapper,.modern-table-wrapper,.hr-balance-table-wrap{margin-inline:-4px;padding-bottom:4px}.modal-card,.modal-box{padding-bottom:max(18px, env(safe-area-inset-bottom))}.mobile-topbar{padding-top:env(safe-area-inset-top)}.holiday-hero-card{min-height:170px}}@media (width<=479px){.ui-page-header h2,.section-header h2,.section-header h3{overflow-wrap:anywhere}.ui-status,.status-pill{white-space:normal}.notification-dropdown,.workspace-theme-panel{max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))}.holiday-hero-card{flex-direction:column;align-items:flex-start}.holiday-hero-date{grid-auto-flow:column;align-items:baseline;gap:8px;width:100%;height:auto;min-height:72px}.holiday-card-footer{flex-direction:column;align-items:stretch}}