*{box-sizing:border-box}body{color:#162033;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;background:#101827;flex-direction:column;width:245px;min-height:100vh;padding:28px 16px;display:flex}.brand{padding:0 12px;font-size:28px;font-weight:800}.brand span{font-weight:400}.sub{letter-spacing:2px;color:#8c9ab0;padding:5px 12px 30px;font-size:10px}aside button{color:#b9c4d5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:2px 0;padding:13px 14px;font-size:15px}aside button.active,aside button:hover{color:#fff;background:#223047}.bottom{gap:8px;margin-top:auto;padding:12px;display:grid}.bottom small{color:#7f8ba0;text-align:center}.bottom button{border:1px solid #3a475d}main{flex:1;width:100%;max-width:1500px;margin:auto;padding:30px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1{margin:0;font-size:30px}header p{color:#75839a;margin:5px 0}.user{background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:10px 15px}.user span{color:#4a7;font-size:11px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px;display:grid}.card,.panel{background:#fff;border:1px solid #e5eaf1;border-radius:16px;box-shadow:0 3px 15px #1720330a}.card{padding:22px}.card span{color:#7a879b;font-size:14px;display:block}.card strong{margin-top:10px;font-size:30px;display:block}.grid{grid-template-columns:1fr 2fr;gap:20px;display:grid}.panel{margin-bottom:20px;padding:22px}.panel h2{margin:0 0 18px;font-size:17px}.actions{gap:10px;display:grid}.actions button,.toolbar button,.panel>button{cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:10px;padding:12px 15px}.primary{color:#fff!important;background:#162033!important;border-color:#162033!important}.actions button:hover,.toolbar button:hover{background:#f1f5fa}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toolbar select,.form select,.modal select{background:#fff;border:1px solid #d8dfeb;border-radius:9px;width:100%;padding:11px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf0f5;padding:13px 10px}th{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.mini{background:#fff;border:1px solid #d4dce8;border-radius:7px;padding:7px 10px}.danger{color:#a33}.report{grid-template-columns:1fr 2fr;align-items:center;gap:12px;display:grid}.report b{font-size:24px}.report span,.muted{color:#77849a}.form{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form label,.loginCard label{color:#69768a;font-size:13px}.form input,.loginCard input{border:1px solid #d8dfeb;border-radius:9px;width:100%;margin-top:6px;padding:11px;display:block}.notice{color:#7a5a12;background:#fff7e6;border:1px solid #f1d28a;border-radius:10px;margin-bottom:18px;padding:12px 15px}.notice button{float:right;background:0 0;border:0;font-size:18px}.center{place-items:center;min-height:100vh;font-size:20px;display:grid}.login{background:#f5f7fb;place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border:1px solid #e5eaf1;border-radius:18px;width:min(420px,100%);padding:32px;box-shadow:0 12px 35px #17203310}.loginCard .brand{margin-bottom:22px;padding:0}.loginCard h1{font-size:26px}.loginCard label{margin-top:16px;display:block}.loginCard .primary{cursor:pointer;border-radius:10px;width:100%;margin-top:20px;padding:13px}.loginCard small{color:#7a879b;margin-top:18px;line-height:1.5;display:block}.linkbtn{color:#425d8f;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;padding:10px}.employee{background:#f5f7fb;max-width:1100px;min-height:100vh;margin:auto;padding:22px}.employee header{margin-bottom:22px}.employee header button{background:#fff;border:1px solid #d8dfeb;border-radius:9px;padding:10px 14px}.hero{color:#fff;background:#101827;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:26px;display:flex}.hero h1{color:#fff}.hero p,.hero span{color:#aeb9c9}.status{background:#223047;border-radius:20px;padding:10px 14px}.empgrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.clock{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.clock div{background:#f6f8fb;border-radius:12px;padding:15px}.clock small{color:#7a879b;display:block}.clock strong{margin-top:8px;font-size:18px;display:block}.employee .actions{gap:10px;display:flex}.employee .actions button{background:#fff;border:1px solid #d8dfeb;border-radius:10px;flex:1;padding:12px}.employee .actions button:disabled{opacity:.45;cursor:not-allowed}.modalback{z-index:20;background:#10182788;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #0003}.modalhead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modalhead h2{margin:0}.modalhead button{cursor:pointer;background:0 0;border:0;font-size:28px}.modalactions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modalactions button{cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;padding:11px 16px}.modalactions .primary{color:#fff;background:#162033}.modal .form input,.modal .form select{margin-top:6px}@media (width<=900px){aside{width:190px}.cards{grid-template-columns:repeat(2,1fr)}.grid,.empgrid,.form{grid-template-columns:1fr}}@media (width<=620px){aside{display:none}main{padding:18px}.cards{grid-template-columns:1fr 1fr}.card{padding:15px}.card strong,header h1{font-size:24px}.hero{flex-direction:column;align-items:flex-start;gap:15px}.clock{grid-template-columns:1fr}.employee{padding:14px}.modal{padding:18px}}.permission-summary{background:#f6f8fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:14px;display:flex}.permission-summary b{font-size:22px}.permission-summary span{color:#77849a}.permission-summary button{cursor:pointer;background:#fff;border:1px solid #d8dfeb;border-radius:9px;margin-left:auto;padding:10px 14px}.actions button:disabled,.toolbar button:disabled,.panel>button:disabled{opacity:.5;cursor:not-allowed}.profilegrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.profilegrid>div{border:1px solid #e8ebf0;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.profilegrid small{color:#6b7280}.notifications{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.notification{border:1px solid #e8ebf0;border-radius:12px;flex-direction:column;gap:5px;padding:14px;display:flex}.notification small{color:#6b7280}@media (width<=800px){.profilegrid{grid-template-columns:1fr 1fr}}:root{--ink:#0f172a;--muted:#64748b;--line:#e6ebf2;--surface:#fff;--soft:#f7f9fc;--accent:#2563eb;--accent2:#7c3aed;--success:#0f9f6e;--danger:#dc3545}body{color:var(--ink);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 55%,#eef2ff 100%)}aside{background:linear-gradient(#0b1220 0%,#111c31 100%);border-right:1px solid #1e2b43;width:265px;height:100vh;padding:24px 14px;position:sticky;top:0;box-shadow:12px 0 40px #0b122015}aside .brand{letter-spacing:-1px;font-size:30px}aside .sub{color:#94a3b8;margin-bottom:24px}aside button{border-radius:12px;padding:12px 14px;font-weight:600;transition:all .2s}aside button.active{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 20px #2563eb30}aside button:hover{background:#ffffff12}main{max-width:none;padding:30px 34px}header{margin-bottom:24px}header h1{letter-spacing:-.8px;font-size:32px}header p{color:#718096}.user{border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;display:flex;box-shadow:0 6px 24px #0f172a0a}.user span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:5px 9px;font-weight:700}.cards{gap:16px}.modern-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.modern-card{background:#ffffffe0;border:1px solid #e8edf4;border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0a}.modern-card:before{content:"";background:linear-gradient(#2563eb,#7c3aed);width:4px;position:absolute;inset:0 auto 0 0}.modern-card i{background:#eef2ff;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-24px;right:-20px}.modern-card strong{font-size:28px;position:relative}.modern-card span{font-weight:700}.grid{gap:18px}.panel{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:18px;padding:22px;box-shadow:0 12px 35px #0f172a0a}.panel h2{letter-spacing:-.2px;font-size:18px}.tablewrap{border:1px solid #edf1f5;border-radius:14px}table{font-size:13px}th{color:#64748b;background:#f8fafc}td,th{padding:13px 12px}tbody tr:hover{background:#f8fbff}.actions button,.toolbar button,.panel>button,.employee .actions button{border-radius:12px;font-weight:700}.primary{box-shadow:0 8px 18px #2563eb25;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:#0000!important}.mini{border-radius:8px;font-weight:700}.danger{color:#b42318!important;background:#fff5f4!important;border-color:#ffd5d1!important}.notice{border-radius:14px;box-shadow:0 8px 25px #0f172a0a}.modal{border-radius:22px;box-shadow:0 30px 90px #0f172a35}.modalhead{border-bottom:1px solid #edf1f5;padding-bottom:8px}.form input,.form select,.loginCard input{border-color:#dfe6ef;border-radius:11px;outline:none;transition:all .2s}.form input:focus,.form select:focus,.loginCard input:focus{border-color:#8aa7ff;box-shadow:0 0 0 4px #2563eb12}.policy-box{color:#334155;background:#f5f8ff;border:1px solid #dbe5ff;border-radius:14px;margin-top:18px;padding:16px}.policy-box b{color:#1d4ed8}.policy-box p{margin-bottom:0;line-height:1.6}.monthpicker{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.monthpicker input,.employee-select{background:#fff;border:1px solid #d8dfeb;border-radius:10px;padding:10px 12px}.employee-select{min-width:220px}.payslip{background:#fff;border:1px solid #dfe6ef;border-radius:22px;max-width:900px;padding:30px;box-shadow:0 18px 50px #0f172a10}.payslip-head{border-bottom:1px solid #e9eef5;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.payslip-head h2{margin:10px 0 2px}.payslip-net{text-align:right;background:#eef5ff;border-radius:16px;padding:14px 18px}.payslip-net span{color:#64748b;font-size:11px;font-weight:800;display:block}.payslip-net strong{color:#1d4ed8;margin-top:5px;font-size:25px;display:block}.payslip-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.payslip-grid>div{background:#f8fafc;border-radius:12px;padding:14px}.payslip-grid small{color:#64748b;display:block}.payslip-grid b{margin-top:6px;display:block}.payslip-section{margin-top:20px}.payslip-section h3{color:#475569;margin-bottom:8px;font-size:14px}.payrow{border-bottom:1px solid #eef2f6;justify-content:space-between;padding:12px 0;display:flex}.payrow.total{font-weight:800}.payslip-footer{border-top:2px solid #e8edf4;justify-content:space-between;margin-top:24px;padding-top:18px;display:flex}.full{grid-column:1/-1}.employee{background:0 0;max-width:1250px}.employee header{background:#ffffffb3;border:1px solid #e5eaf1;border-radius:16px;padding:16px 18px}.employee .hero{background:linear-gradient(135deg,#0b1220,#1d2c4b 60%,#312e81);box-shadow:0 20px 45px #0f172a20}.employee .status{background:#ffffff18;border:1px solid #ffffff25}.profilegrid>div{background:#f8fafc;border-color:#e8edf4}.permission-summary{background:#f8fafc;border:1px solid #e6ebf3;border-radius:14px}@media (width<=1200px){.modern-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){aside{width:220px}.modern-cards{grid-template-columns:repeat(2,1fr)}.payslip-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){aside{display:none}.modern-cards{grid-template-columns:1fr 1fr}main,.payslip{padding:18px}.payslip-head,.payslip-footer{flex-direction:column}.payslip-grid{grid-template-columns:1fr}.monthpicker{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff}.app>aside,.app>main>header,.app>main>.notice,.toolbar,.employee header{display:none!important}.payslip{box-shadow:none;border:0;max-width:none}.panel{box-shadow:none;border:0}.payslip{page-break-inside:avoid}}.policy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.policy-grid label{color:#64748b;font-size:13px}.policy-grid input{border:1px solid #dfe6ef;border-radius:11px;width:100%;margin-top:6px;padding:11px;display:block}.weekly-policy{margin:18px 0}.weekly-policy>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.weekly-policy button{background:#fff;border:1px solid #d8dfeb;border-radius:999px;padding:10px 14px;font-weight:700}.weekly-policy button.active{color:#fff;background:#172554;border-color:#172554}@media (width<=1000px){.modern-cards{grid-template-columns:repeat(3,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.modern-cards{grid-template-columns:1fr 1fr}.policy-grid{grid-template-columns:1fr}}.dashboard-modern{flex-direction:column;gap:20px;display:flex}.dashboard-hero{color:#fff;background:radial-gradient(circle at 85% 15%,#4f46e555,#0000 28%),linear-gradient(135deg,#0b1220,#172554 58%,#312e81);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a22}.dashboard-hero:after{content:"";background:#ffffff10;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-130px;right:-90px}.dashboard-hero h2{color:#fff;letter-spacing:-.8px;margin:6px 0 8px;font-size:30px}.dashboard-hero p{color:#c7d2fe;max-width:650px;margin:0}.hero-actions{z-index:1;gap:10px;display:flex;position:relative}.hero-actions button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:12px;padding:11px 15px;font-weight:800}.hero-actions .primary{background:linear-gradient(135deg,#60a5fa,#8b5cf6)!important}.dashboard-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.dash-stat{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a0a}.dash-stat span,.dash-stat small{color:#64748b;display:block}.dash-stat span{font-size:12px;font-weight:800}.dash-stat strong{letter-spacing:-.7px;margin:8px 0 4px;font-size:27px;display:block}.dash-stat small{font-size:11px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions button{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;display:flex}.quick-actions button:hover{background:#f5f3ff;border-color:#a5b4fc}.quick-actions b{color:#0f172a}.quick-actions span{color:#64748b;font-size:11px}.payroll-toolbar{align-items:center}.lock-badge{border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.lock-badge.locked{color:#be123c;background:#fff1f2}.lock-badge.open{color:#047857;background:#ecfdf5}.calculated-penalty{background:linear-gradient(135deg,#eef5ff,#f5f3ff);border:1px solid #dbe5ff;border-radius:15px;grid-column:1/-1;padding:16px}.calculated-penalty small,.calculated-penalty span{color:#64748b;display:block}.calculated-penalty strong{color:#1d4ed8;margin:5px 0;font-size:26px;display:block}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{grid-template-columns:18px 1fr;gap:14px;padding:0 0 18px;display:grid;position:relative}.timeline-item:not(:last-child):after{content:"";background:#e2e8f0;width:2px;position:absolute;top:18px;bottom:0;left:8px}.timeline-dot{z-index:1;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #eef2ff}.timeline-item small,.timeline-item span{color:#64748b;display:block}.timeline-item b{margin:4px 0;display:block}.timeline-item span{font-size:13px}@media (width<=1200px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-hero{flex-direction:column;align-items:flex-start;padding:24px}.dashboard-hero h2{font-size:25px}.hero-actions{width:100%}.hero-actions button{flex:1}.dashboard-stats{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr}.payroll-toolbar{flex-wrap:wrap;align-items:flex-start}}.mobile-nav{display:none}.export-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.export-grid button{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:16px;font-weight:800;display:flex}.export-grid button:hover{background:#f5f3ff;border-color:#a5b4fc}.export-grid span{color:#64748b;font-size:11px;font-weight:600}@media (width<=900px){.export-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.mobile-nav{z-index:5;background:#f8fafc;gap:8px;margin-bottom:12px;padding:0 0 14px;display:flex;position:sticky;top:0;overflow:auto}.mobile-nav button{color:#475569;background:#fff;border:1px solid #dfe6ef;border-radius:999px;flex:none;padding:9px 12px;font-size:12px;font-weight:800}.mobile-nav button.active{color:#fff;background:#172554;border-color:#172554}.export-grid{grid-template-columns:1fr}.tablewrap{max-width:100%;overflow-x:auto}table{min-width:680px}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-hero{border-radius:20px}.user{font-size:12px}}aside{scrollbar-width:thin;scrollbar-color:#7c3aed #111827;overscroll-behavior:contain;overflow-y:auto}aside::-webkit-scrollbar{width:10px}aside::-webkit-scrollbar-track{background:#111827;border-radius:10px}aside::-webkit-scrollbar-thumb{background:linear-gradient(#2563eb,#7c3aed);border:2px solid #111827;border-radius:10px}aside::-webkit-scrollbar-thumb:hover{background:linear-gradient(#3b82f6,#8b5cf6)}.tablewrap{scrollbar-width:thin;scrollbar-color:#94a3b8 #eef2f7;overflow-x:auto}.tablewrap::-webkit-scrollbar{height:9px}.tablewrap::-webkit-scrollbar-track{background:#eef2f7;border-radius:10px}.tablewrap::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #eef2f7;border-radius:10px}aside{flex:0 0 265px;width:265px;min-width:265px;overflow:hidden auto}aside button{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;overflow:hidden}.profile-shell{flex-direction:column;gap:18px;display:flex}.profile-shell .panel{margin-bottom:0}.profile-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.employee-profile-hero{color:#fff;background:linear-gradient(135deg,#0b1220,#172554 58%,#312e81);border-radius:20px;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 20px 45px #0f172a20}.employee-profile-hero h2{color:#fff;margin:0 0 5px;font-size:25px}.employee-profile-hero p{color:#c7d2fe;margin:0 0 8px}.employee-profile-hero span{background:#ffffff16;border:1px solid #fff2;border-radius:999px;padding:6px 10px;font-size:11px;display:inline-block}.avatar{background:linear-gradient(135deg,#60a5fa,#8b5cf6);border-radius:18px;place-items:center;width:58px;height:58px;font-size:25px;font-weight:900;display:grid;box-shadow:0 12px 25px #0003}.profile-avatar-photo{object-fit:cover;border-radius:18px;flex:0 0 58px;width:58px;height:58px;display:block;box-shadow:0 12px 25px #0003}.my-profile-avatar-photo{object-fit:cover;border-radius:18px;flex:0 0 125px;width:125px;height:175px}.my-profile-avatar{border-radius:18px;flex:0 0 125px;width:125px;height:175px;font-size:48px}.employee-profile-hero{align-items:stretch;height:199px;min-height:199px;padding:12px 18px;overflow:hidden}.employee-profile-avatar-photo,.employee-profile-avatar{border-radius:18px;flex:0 0 125px;align-self:center;width:125px;height:175px}.employee-profile-avatar-photo{object-fit:cover}.employee-profile-avatar{font-size:48px}.employee-profile-identity{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.employee-profile-identity h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-status-badge{max-width:100%;background:#ffffff16!important;border:1px solid #fff2!important;border-radius:999px!important;align-self:flex-start!important;width:max-content!important;padding:5px 10px!important;font-size:11px!important}.hero-metrics{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.hero-metrics div{background:#ffffff0d;border:1px solid #ffffff16;border-radius:14px;width:125px;min-width:125px;padding:11px 13px}.hero-metrics small,.hero-metrics b{display:block}.hero-metrics small{color:#c7d2fe;font-size:11px}.hero-metrics b{margin-top:4px}.profile-two-col{grid-template-columns:1fr 1fr;gap:18px;display:grid}.link-like{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.link-like:hover{text-decoration:underline}@media (width<=1000px){aside{flex-basis:245px;width:245px;min-width:245px}.profile-two-col{grid-template-columns:1fr}.hero-metrics{margin-left:0}.employee-profile-hero{flex-wrap:wrap}}@media (width<=620px){aside{display:none}.employee-profile-avatar-photo,.employee-profile-avatar,.my-profile-avatar-photo,.my-profile-avatar{flex-basis:105px;width:105px;height:147px}.employee-profile-hero{height:auto;min-height:171px}.profile-toolbar{align-items:stretch}.profile-toolbar .employee-select,.profile-toolbar .monthpicker{width:100%}.employee-profile-hero{padding:18px}.hero-metrics{width:100%}.hero-metrics div{flex:1}.profile-two-col{grid-template-columns:1fr}}aside button{letter-spacing:.05px;min-height:46px;margin:3px 0;padding:14px 15px;font-size:14px;line-height:1.35}aside .sub{padding-bottom:22px}.settings-stack{flex-direction:column;gap:18px;display:flex}.settings-stack>.panel{margin-bottom:0}.settings-policy-card{text-align:left;cursor:pointer;background:linear-gradient(135deg,#f5f8ff,#faf8ff);border:1px solid #dbe5ff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:18px 20px;display:flex}.settings-policy-card:hover{border-color:#9db6ff;box-shadow:0 10px 25px #2563eb12}.settings-policy-card span{flex-direction:column;gap:5px;display:flex}.settings-policy-card b{color:#1e3a8a;font-size:15px}.settings-policy-card small{color:#64748b;line-height:1.5}.settings-policy-card strong{color:#4f46e5;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:22px;display:grid;box-shadow:0 4px 12px #0f172a10}.settings-policy-content{margin-top:16px}.settings-policy-content>.panel{box-shadow:none;background:#fbfcff;border:1px solid #edf1f7}.payroll-page .panel{margin-bottom:0}.payroll-detail{background:linear-gradient(#fbfdff,#f8faff);border:1px solid #dbe5ff;border-radius:18px;margin-top:18px;padding:20px;box-shadow:0 12px 30px #0f172a0a}.payroll-detail-head{border-bottom:1px solid #e6edf8;justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.payroll-detail-head h3{margin:0 0 4px}.payroll-detail-head span{color:#64748b;font-size:12px}.payroll-detail-total{text-align:right;background:#eef5ff;border-radius:12px;padding:10px 14px}.payroll-detail-total small,.payroll-detail-total b{display:block}.payroll-detail-total small{color:#64748b}.payroll-detail-total b{color:#1d4ed8;margin-top:3px;font-size:18px}.payroll-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.payroll-detail-grid>div{background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:12px}.payroll-detail-grid small,.payroll-detail-grid b{display:block}.payroll-detail-grid small{color:#64748b}.payroll-detail-grid b{margin-top:5px}.payroll-detail h4{color:#334155;margin:18px 0 10px}.deduction-lines{background:#fff;border:1px solid #e7edf5;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.deduction-line{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;display:flex}.deduction-line:last-child{border-bottom:0}.deduction-line>div:first-child{flex-direction:column;gap:4px;display:flex}.deduction-line span{color:#64748b;font-size:12px}.deduction-amount{text-align:right;white-space:nowrap}.deduction-amount b{color:#64748b;font-size:12px;display:block}.deduction-amount strong{color:#b42318;margin-top:3px;display:block}.empty-detail{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}.payroll-total-line{border-top:2px solid #dbe5ff;justify-content:space-between;margin-top:14px;padding-top:14px;font-size:16px;display:flex}.payroll-total-line b{color:#b42318}@media (width<=900px){.payroll-detail-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.payroll-detail-head{flex-direction:column;align-items:flex-start}.payroll-detail-total{text-align:left}.payroll-detail-grid{grid-template-columns:1fr}.deduction-line{flex-direction:column;align-items:flex-start}.deduction-amount{text-align:left}}.advance-hero{background:linear-gradient(135deg,#eef5ff,#faf8ff);border:1px solid #dbe5ff;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px;display:flex}.advance-hero span,.advance-hero small{color:#64748b;display:block}.advance-hero strong{color:#1d4ed8;margin:5px 0;font-size:27px;display:block}.advance-summary{background:#f8fafc;border:1px solid #e6ebf2;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.advance-summary b{color:#1d4ed8;font-size:25px}.advance-summary span{color:#64748b}@media (width<=620px){.advance-hero,.advance-summary{flex-direction:column;align-items:flex-start}.advance-hero .primary{width:100%}}.status-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-tabs button{color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:10px 14px;font-weight:800}.status-tabs button span{color:#4f46e5;background:#eef2ff;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:5px;font-size:11px;display:inline-grid}.status-tabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 8px 18px #2563eb22}.status-tabs button.active span{color:#fff;background:#fff2}.hierarchy-badge{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.account-error{text-align:center;min-height:100vh;padding:32px}.account-error>div{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:520px;padding:36px;box-shadow:0 20px 50px #0f172a14}.account-error button{margin:8px}.employee-portal{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;display:flex}.employee-sidebar{color:#fff;background:linear-gradient(#0b1220,#111c31 70%,#0b1220);flex-direction:column;flex:0 0 285px;gap:14px;width:285px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:14px 0 40px #0b12201c}.employee-brand{align-items:center;gap:11px;padding:4px 10px 12px;display:flex}.employee-brand b{font-size:22px}.employee-brand small,.employee-user small,.top-user small{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.brand-mark{background:linear-gradient(135deg,#22d3ee,#7c3aed);border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid;box-shadow:0 10px 22px #2563eb35}.employee-user{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.employee-user b{font-size:13px}.employee-user-photo{object-fit:cover;background:#eef3ff;border-radius:13px;flex:0 0 42px;width:42px;height:42px}.employee-sidebar nav{gap:4px;display:grid}.employee-sidebar nav button{color:#b9c4d5;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 13px;display:flex;position:relative}.employee-sidebar nav button span{text-align:center;width:24px;font-size:17px}.employee-sidebar nav button b{font-size:13px}.employee-sidebar nav button:hover{color:#fff;background:#ffffff10}.employee-sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 9px 22px #2563eb35}.employee-sidebar nav button i{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.support-side{cursor:pointer;background:linear-gradient(135deg,#ffffff0b,#ffffff04);border:1px solid #ffffff18;border-radius:16px;margin-top:auto;padding:15px}.support-side b,.support-side span{display:block}.support-side span{color:#94a3b8;margin-top:5px;font-size:11px}.signout-side{color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.employee-role-footer{color:#718096;text-align:center;padding:4px;font-size:10px}.employee-main{flex:1;min-width:0;padding:28px 34px}.employee-topbar{align-items:center;gap:14px;margin-bottom:24px;display:flex}.search-wrap{flex:1;max-width:680px;position:relative}.search-wrap>span{color:#94a3b8;z-index:1;font-size:18px;position:absolute;top:12px;left:15px}.search-wrap input{background:#fff;border:1px solid #dfe6ef;border-radius:14px;outline:none;width:100%;height:46px;padding:0 15px 0 42px;box-shadow:0 8px 25px #0f172a08}.search-wrap input:focus{border-color:#8aa7ff;box-shadow:0 0 0 4px #2563eb12}.search-results{z-index:30;background:#fff;border:1px solid #e4eaf2;border-radius:15px;position:absolute;top:52px;left:0;right:0;overflow:hidden;box-shadow:0 20px 50px #0f172a20}.search-results button{text-align:left;cursor:pointer;background:#fff;border:0;flex-direction:column;gap:4px;width:100%;padding:12px 15px;display:flex}.search-results button:hover{background:#f5f8ff}.search-results small{color:#64748b}.top-notify{cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:14px;width:46px;height:46px;font-size:19px;position:relative}.top-notify i{color:#fff;background:#ef4444;border-radius:99px;place-items:center;min-width:19px;height:19px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.top-user{background:#fff;border:1px solid #dfe6ef;border-radius:14px;align-items:center;gap:9px;padding:7px 10px;display:flex}.top-user b{font-size:12px}.top-user-photo{object-fit:cover;background:#eef3ff;border-radius:11px;flex:0 0 34px;width:34px;height:34px}.employee-dashboard-hero{margin-bottom:18px}.employee-dashboard-hero h2{font-size:28px}.toast-success{z-index:50;color:#166534;background:#fff;border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:10px;max-width:430px;padding:13px 15px;display:flex;position:fixed;top:22px;right:28px;box-shadow:0 15px 40px #0f172a1c}.toast-success>button{color:#64748b;cursor:pointer;background:0 0;border:0;margin-left:auto}.notification{text-align:left;cursor:pointer;background:#fff;width:100%}.notification.unread{background:#f8faff;border-color:#c7d2fe;box-shadow:0 4px 14px #2563eb0a}.notification.read{opacity:.82}.notification-popup{z-index:55;cursor:pointer;background:#fff;border:1px solid #c7d2fe;border-left:4px solid #2563eb;border-radius:16px;align-items:flex-start;gap:14px;max-width:430px;padding:16px 18px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 60px #0f172a2b}.notification-popup b,.notification-popup span{display:block}.notification-popup span{color:#64748b;margin-top:5px;font-size:13px}.notification-popup button{color:#64748b;cursor:pointer;background:0 0;border:0;font-size:20px}.required{color:#dc2626;font-weight:800}.modal textarea{resize:vertical;width:100%;min-height:110px;font:inherit;border:1px solid #d8dfeb;border-radius:11px;margin-top:6px;padding:11px;display:block}.modal textarea:focus{border-color:#8aa7ff;outline:none;box-shadow:0 0 0 4px #2563eb12}@media (width<=900px){.employee-sidebar{flex-basis:235px;width:235px}.employee-main{padding:22px}.employee-topbar{flex-wrap:wrap}.search-wrap{flex-basis:100%;order:3;max-width:none}}@media (width<=620px){.employee-portal{display:block}.employee-sidebar{z-index:40;transition:all .25s;position:fixed;left:-285px}.employee-main{padding:16px}.employee-topbar{gap:8px}.top-user{display:none}.employee-dashboard-hero{padding:20px}.toast-success,.notification-popup{max-width:none;left:12px;right:12px}.employee-main .dashboard-stats{grid-template-columns:1fr 1fr}.employee-main .dashboard-grid{grid-template-columns:1fr}}.toast-success{color:#1e3a8a;border-left:4px solid #2563eb}.employee-dashboard-hero{color:#fff;background:linear-gradient(115deg,#071a45 0%,#0b2a68 52%,#351b98 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:30px 32px;display:flex;box-shadow:0 20px 45px #132d7a20}.employee-dashboard-hero h2{letter-spacing:-.7px;margin:5px 0 8px;font-size:31px}.employee-dashboard-hero p{color:#d8e2ff;margin:0}.eyebrow{letter-spacing:1.8px;color:#55c8ff;font-size:11px;font-weight:900}.hero-actions{align-items:center;gap:12px;display:flex}.hero-actions>button{color:#fff;cursor:pointer;background:#ffffff0b;border:1px solid #fff3;border-radius:14px;padding:14px 18px;font-weight:800}.hero-actions>button:hover{background:#ffffff16}.hero-actions .punch-hero{text-align:left;background:linear-gradient(135deg,#2f7cff,#693cf2);border:0;align-items:center;gap:12px;min-width:240px;display:flex;box-shadow:0 12px 28px #1d4ed855}.punch-icon{background:#ffffff1c;border-radius:13px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.punch-hero b,.punch-hero small{display:block}.punch-hero small{color:#dbeafe;margin-top:3px;font-weight:600}.request-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.request-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6ebf2;border-radius:18px;min-height:230px;padding:19px 18px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0a}.request-card:hover{border-color:#cbd8f8;transform:translateY(-2px);box-shadow:0 18px 38px #0f172a15}.request-card:after{content:"";background:#f1f5ff;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-34px;right:-34px}.request-icon{border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:20px;font-size:20px;font-style:normal;font-weight:900;display:grid}.request-icon.blue{color:#2563eb;background:#e8f1ff}.request-icon.green{color:#0f9f6e;background:#e8f8f1}.request-icon.purple{color:#6d35e8;background:#f0eaff}.request-icon.orange{color:#ea7b00;background:#fff0df}.request-icon.indigo{color:#3159d9;background:#e9edff}.request-card div b,.request-card div strong,.request-card div small{display:block}.request-card div b{color:#24324b;font-size:15px}.request-card div strong{color:#1d4ed8;margin-top:9px;font-size:30px;line-height:1.15}.request-card div small{color:#7b8798;margin-top:2px}.request-card em{color:#2563eb;z-index:2;font-size:13px;font-style:normal;font-weight:800;display:block;position:absolute;bottom:18px;left:18px}.request-card:nth-child(2) div strong{color:#0f9f6e}.request-card:nth-child(3) div strong{color:#6338d8}.request-card:nth-child(4) div strong{color:#ea7b00}.request-card:nth-child(5) div strong{color:#3159d9}.requests-page{max-width:1250px}.requests-intro{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.requests-intro h2{margin:4px 0 3px;font-size:30px}.requests-intro p{color:#64748b;margin:0}.request-stack{gap:16px;display:grid}.request-section{background:#fff;border:1px solid #e5ebf3;border-radius:20px;padding:20px;box-shadow:0 12px 30px #0f172a0a}.request-section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.request-section-head>div:first-child{align-items:center;gap:12px;display:flex}.request-section-head h3{margin:0;font-size:18px}.request-section-head p{color:#718096;margin:4px 0 0;font-size:13px}.section-number{color:#3159d9;background:#eef3ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.request-empty{color:#718096;background:#fafcff;border:1px dashed #d5deea;border-radius:13px;padding:16px;font-size:13px}.request-section .tablewrap{margin-top:4px}.request-section .primary{white-space:nowrap}.dashboard-grid{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.dashboard-grid .panel{margin-bottom:0}.dashboard-grid .clock{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.request-cards{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .clock{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.employee-dashboard-hero{flex-direction:column;align-items:flex-start}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions>button,.hero-actions .punch-hero{width:100%}.request-cards{grid-template-columns:1fr 1fr}.request-section-head{flex-direction:column;align-items:flex-start}.request-section-head .primary{width:100%}}@media (width<=560px){.request-cards,.dashboard-grid .clock{grid-template-columns:1fr}.employee-dashboard-hero h2{font-size:24px}}.page-head-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-head-row h2{margin:4px 0;font-size:30px}.page-head-row p{color:#64748b;margin:0}.eyebrow.dark{color:#2563eb}.attendance-top{grid-template-columns:1.6fr .8fr;gap:18px;display:grid}.attendance-top .panel{margin-bottom:0}.attendance-live{grid-template-columns:repeat(4,minmax(0,1fr)) 145px;align-items:stretch;gap:12px;display:grid}.attendance-live>div{border-right:1px solid #e8edf4;padding:8px 14px}.attendance-live small,.attendance-live span{color:#718096;font-size:11px;display:block}.attendance-live strong{margin:8px 0 4px;font-size:18px;display:block}.attendance-live .status-live{color:#0f9f6e}.attendance-live span{font-size:12px}.punch-square{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#693cf2);border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;box-shadow:0 10px 24px #2563eb25}.punch-square b{font-size:26px}.punch-square strong{font-size:14px}.punch-square small{color:#dbeafe}.punch-square:disabled{opacity:.55;cursor:not-allowed}.attendance-reminder{color:#2563eb;background:#eef5ff;border-radius:12px;align-items:center;gap:9px;margin-top:16px;padding:13px 15px;font-size:13px;display:flex}.attendance-info{gap:14px;display:grid}.attendance-info>div{align-items:center;gap:10px;display:flex}.attendance-info>div>b{color:#2563eb;background:#eef3ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.attendance-info>div span{color:#64748b;flex-direction:column;font-size:12px;display:flex}.attendance-info>div strong{color:#1f2937;margin-bottom:2px;font-size:13px}.attendance-info>button{color:#3159d9;text-align:left;cursor:pointer;background:#eef3ff;border:0;border-radius:11px;padding:11px 13px;font-weight:800}.attendance-filters{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.attendance-filters select{background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:10px 12px}.attendance-page>.panel{margin-top:18px}.nav-chevron{color:#94a3b8;margin-left:auto;font-size:20px;font-style:normal}.employee-sidebar nav button.active .nav-chevron{color:#fff}@media (width<=1100px){.attendance-live{grid-template-columns:repeat(2,1fr)}.attendance-live>div{border-right:0}.punch-square{min-height:110px}.attendance-top{grid-template-columns:1fr}}@media (width<=620px){.page-head-row{flex-direction:column;align-items:flex-start}.page-head-row .primary{width:100%}.attendance-live{grid-template-columns:1fr}.attendance-live>div{border-bottom:1px solid #edf1f6;padding-bottom:12px}.attendance-filters{flex-direction:column;align-items:flex-start;gap:10px}}.request-subnav{flex-direction:column;gap:4px;padding:4px 8px 10px 42px;display:flex}.request-subnav button{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12px;display:flex}.request-subnav button:hover,.request-subnav button.active{color:#fff;background:#6366f124}.request-subnav button span{opacity:.65;font-size:10px}.workflow-list{gap:10px;display:grid}.workflow-list>div{background:#fafbff;border:1px solid #e8edf5;border-radius:12px;justify-content:space-between;gap:20px;padding:13px 15px;display:flex}.workflow-list b{color:#172033}.workflow-list span{color:#64748b;font-size:13px}.policy-center{gap:18px;display:grid}.policy-center .policy-box{justify-content:space-between;gap:20px;display:flex}.policy-center .policy-box span{text-align:right;max-width:70%}.request-hero-icon{color:#2563eb;background:#eef2ff;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.request-hero-icon.green{color:#059669;background:#ecfdf5}.request-hero-icon.purple{color:#7c3aed;background:#f5f3ff}.request-hero-icon.orange{color:#ea580c;background:#fff7ed}.request-hero-icon.indigo{color:#4f46e5;background:#eef2ff}.request-subnav button{align-items:center;gap:10px;display:flex}.request-subnav button span.request-sub-icon{color:#c7d2fe;background:#ffffff18;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.request-subnav button.active span.request-sub-icon{color:#fff;background:#ffffff28}aside .brand{justify-content:center;align-items:center;padding:0 8px 12px;display:flex}aside .brand img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-width:215px;height:auto;padding:7px 9px;display:block}.login-brand{justify-content:center;align-items:center;display:flex;margin-bottom:22px!important;padding:0!important}.login-brand img{width:min(var(--brand-login-logo-width,285px),100%);object-fit:contain;height:auto;display:block}.payslip-brand{align-items:center;display:flex;padding:0!important}.payslip-brand img{object-fit:contain;width:180px;height:auto;display:block}.employee-brand{flex-direction:column;align-items:flex-start;gap:8px;padding:4px 10px 16px;display:flex}.employee-brand img{object-fit:contain;background:0 0;border-radius:0;width:100%;max-width:205px;height:auto;padding:0;display:block}.employee-brand small{color:#94a3b8;margin-left:2px;font-size:11px;display:block}@media (width<=620px){aside .brand img{width:min(var(--brand-sidebar-logo-width,205px),185px);max-width:185px}.employee-brand img{width:min(var(--brand-sidebar-logo-width,205px),190px);max-width:190px}.login-brand img{width:min(var(--brand-login-logo-width,285px),240px)}}.app{background:#f7f9fc}.app>aside{background:linear-gradient(#07182f 0%,#0a1d36 100%);border-right:1px solid #102846;width:298px;padding:18px 12px 16px;box-shadow:8px 0 30px #0f172a14}.app>aside .brand{justify-content:flex-start;height:72px;padding:0 8px 12px}.app>aside .brand img{background:0 0;border-radius:0;width:100%;max-width:255px;padding:0}.app>aside .sub{display:none}.app>aside>button{color:#d9e4f2;letter-spacing:-.1px;border-radius:10px;align-items:center;gap:15px;width:100%;min-height:54px;margin:3px 0;padding:12px 14px 12px 18px;font-size:16px;font-weight:600;display:flex;position:relative}.app>aside>button:before{text-align:center;opacity:.95;width:25px;font-size:21px;line-height:1}.app>aside>button:first-of-type:before{content:"⌂"}.app>aside>button:nth-of-type(2):before{content:"◷"}.app>aside>button:nth-of-type(3):before{content:"□"}.app>aside>button:nth-of-type(4):before{content:"▱"}.app>aside>button:nth-of-type(5):before{content:"♙"}.app>aside>button:nth-of-type(6):before{content:"▥"}.app>aside>button:nth-of-type(7):before{content:"⚙"}.app>aside>button:nth-of-type(8):before{content:"◈"}.app>aside>button:nth-of-type(9):before{content:"?"}.app>aside>button.active{color:#fff;background:linear-gradient(90deg,#ff6a18,#ff5a10);box-shadow:0 10px 22px #f95d182e}.app>aside>button:hover:not(.active){color:#fff;background:#132a48}.app>aside .bottom{margin-top:auto;padding:14px 6px 0}.app>aside .bottom button{color:#d9e4f2;border-color:#29415e}.app>main{max-width:none;padding:0 28px 36px}.app>main>header{background:#fff;border-bottom:1px solid #e8edf4;min-height:90px;margin:0 -28px 26px;padding:0 30px;box-shadow:0 4px 18px #0f172a0a}.app>main>header>div:first-child{display:none}.app>main>header:before{content:"⌕";color:#94a3b8;pointer-events:none;width:20px;font-size:23px;position:absolute;left:326px}.app>main>header:after{content:"Search anything...";color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;left:355px}.app>main>header{position:relative}.app>main>header .user{color:#17233a;background:0 0;border:0;align-items:center;gap:11px;margin-left:auto;padding:7px 12px;font-size:14px;font-weight:800;display:flex}.app>main>header .user:before{content:"◇";color:#475569;background:#f1f5f9;border-radius:50%;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.app>main>header .user span{color:#64748b;margin-top:-10px;margin-left:51px;font-size:11px;font-weight:500;display:block}.command-dashboard{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;display:flex}.command-welcome{justify-content:space-between;align-items:flex-start;gap:20px;padding:0 2px 4px;display:flex}.command-eyebrow{letter-spacing:1.8px;color:#2563eb;font-size:11px;font-weight:900}.command-welcome h2{letter-spacing:-.8px;color:#10203a;margin:5px 0 6px;font-size:30px;line-height:1.2}.command-welcome p{color:#64748b;margin:0;font-size:15px}.command-date{color:#475569;white-space:nowrap;align-items:center;gap:10px;padding-top:8px;font-size:14px;display:flex}.command-date:first-letter{color:#64748b}.command-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.command-stat{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:14px;align-items:flex-start;gap:14px;min-height:142px;padding:20px;transition:all .18s;display:flex;box-shadow:0 8px 22px #0f172a0b}.command-stat:hover{border-color:#d5def0;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a14}.stat-icon{border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.stat-icon.purple{color:#6d35e8;background:#f0eaff}.stat-icon.green{color:#0f9f6e;background:#e7f8ef}.stat-icon.orange{color:#ea7b00;background:#fff0df}.stat-icon.blue{color:#2563eb;background:#e8f1ff}.command-stat small{color:#64748b;font-size:13px;display:block}.command-stat strong{color:#14233c;letter-spacing:-.7px;margin:6px 0 9px;font-size:29px;display:block}.command-stat em{color:#2563eb;font-size:12px;font-style:normal;font-weight:800;display:block}.command-columns{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.command-columns.bottom-columns{grid-template-columns:1.05fr .95fr}.command-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:20px;box-shadow:0 8px 22px #0f172a0b}.command-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.command-card-head h3{color:#14233c;letter-spacing:-.3px;margin:0;font-size:19px}.command-card-head button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:9px;padding:8px 12px;font-weight:700}.command-card-head button:hover{background:#f8fafc}.recent-list,.team-list{flex-direction:column;display:flex}.recent-item,.team-item{border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding:13px 0;display:flex}.recent-item:last-child,.team-item:last-child{border-bottom:0}.recent-icon{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.recent-icon.green{color:#0f9f6e;background:#e8f8f1}.recent-icon.orange{color:#ea7b00;background:#fff0df}.recent-item>div,.team-item>div{flex:1;min-width:0}.recent-item b,.team-item b{color:#17243a;font-size:13px;display:block}.recent-item small,.team-item small{color:#718096;margin-top:4px;font-size:11px;display:block}.status-pill{border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800}.status-pill.approved{color:#0f9f6e;background:#e8f8f1}.status-pill.pending{color:#ea7b00;background:#fff4e8}.status-pill.rejected{color:#dc2626;background:#fff0f0}.team-avatar{color:#3347a8;background:#eef2ff;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.team-dept{color:#6546c9;background:#f5f3ff;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}.empty-command{color:#94a3b8;text-align:center;padding:22px 0;font-size:13px}.overview-period{color:#334155;border:1px solid #dfe6ef;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.overview-body{align-items:center;gap:32px;min-height:205px;display:flex}.donut{--present:0%;background:conic-gradient(#16a46f var(--present),#ef4444 var(--present) 100%);border-radius:50%;flex:0 0 170px;place-items:center;width:170px;height:170px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:24px}.donut>div{text-align:center;z-index:1;position:relative}.donut strong{color:#14233c;font-size:28px;display:block}.donut small{color:#64748b;margin-top:2px;display:block}.overview-legend{flex:1;gap:18px;display:grid}.overview-legend>div{color:#475569;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.overview-legend b{color:#475569;font-weight:600}.dot.present{background:#16a46f}.dot.absent{background:#ef4444}.dot.late{background:#f59e0b}.command-quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.command-quick-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6ebf2;border-radius:11px;align-items:center;gap:11px;min-height:88px;padding:13px;display:flex}.command-quick-grid button:hover{background:#f8fbff;border-color:#cdd9ec}.quick-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.quick-icon.purple{color:#6d35e8;background:#f0eaff}.quick-icon.green{color:#0f9f6e;background:#e8f8f1}.quick-icon.orange{color:#ea7b00;background:#fff0df}.quick-icon.pink{color:#d94678;background:#ffecef}.quick-icon.blue{color:#2563eb;background:#e8f1ff}.command-quick-grid b{color:#17243a;font-size:12px;display:block}.command-quick-grid small{color:#718096;margin-top:4px;font-size:10px;line-height:1.3;display:block}@media (width<=1100px){.command-stats{grid-template-columns:repeat(2,1fr)}.command-columns,.command-columns.bottom-columns{grid-template-columns:1fr}.app>aside{width:240px}.app>main>header:before{left:270px}.app>main>header:after{left:300px}}@media (width<=700px){.app>aside{display:none}.app>main{padding:0 16px 24px}.app>main>header{margin:0 -16px 20px;padding:0 16px}.app>main>header:before,.app>main>header:after{display:none}.command-welcome{flex-direction:column}.command-date{padding-top:0}.command-stats{grid-template-columns:1fr}.overview-body{flex-direction:column;align-items:flex-start}.command-quick-grid{grid-template-columns:1fr 1fr}.app>main>header .user span{display:none}}.app>aside .brand img,aside .brand img{background:0 0!important;border-radius:0!important;padding:0!important}.attendance-month-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.attendance-month-toolbar>div{gap:4px;display:grid}.attendance-month-toolbar span{color:#77849a;font-size:13px}.attendance-month-toolbar label{color:#69768a;align-items:center;gap:8px;font-size:13px;display:flex}.attendance-month-toolbar input{background:#fff;border:1px solid #d8dfeb;border-radius:9px;padding:9px 10px}.attendance-month-table{border:1px solid #edf0f5;border-radius:12px}.attendance-month-table table{min-width:920px}.attendance-month-table td:last-child{white-space:normal;min-width:260px}@media (width<=620px){.attendance-month-toolbar label{justify-content:space-between;width:100%}.attendance-month-toolbar input{flex:1}}.employee-payroll-page{flex-direction:column;gap:18px;display:flex}.payroll-page-head{align-items:flex-start}.payroll-summary-strip{background:#fff;border:1px solid #dbe4f0;border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:0;padding:14px 18px;display:grid}.payroll-summary-strip>div,.payroll-summary-strip>label{border-right:1px solid #e5eaf2;flex-direction:column;gap:4px;padding:8px 22px;display:flex}.payroll-summary-strip>:last-child{border-right:0}.payroll-summary-strip small{color:#64748b;font-size:12px}.payroll-summary-strip b{color:#0f172a;font-size:15px}.payroll-summary-strip input{font:inherit;color:#0f172a;background:0 0;border:0;outline:none;padding:0;font-weight:700}.payslip-modern{box-shadow:none;background:0 0;padding:0}.payslip-modern .payslip-section{background:#fff;border:1px solid #dbe4f0;border-radius:14px;margin-bottom:18px;padding:0;overflow:hidden}.pay-section-title{background:#f8fafc;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.pay-section-title h3{margin:0;font-size:16px}.pay-section-title b{font-size:15px}.earnings-section .pay-section-title{background:#f0faf4}.earnings-section .pay-section-title h3,.earnings-section .pay-section-title b{color:#087f3f}.deductions-section>.pay-section-title{background:#fff4f4}.deductions-section>.pay-section-title h3,.deductions-section>.pay-section-title b{color:#d92335}.payslip-modern .payrow{border-bottom:1px solid #edf1f6;padding:12px 22px}.payslip-modern .payrow.total{background:#f7fafc;font-weight:800}.pay-subsection{border:1px solid #dbe4f0;border-radius:11px;margin:16px 18px;overflow:hidden}.pay-subtitle{justify-content:space-between;padding:14px 16px;display:flex}.pay-subtitle b,.pay-subtitle strong{font-size:15px}.attendance-subsection .pay-subtitle{color:#1261d6;background:#f0f6ff}.penalty-subsection .pay-subtitle{color:#d92335;background:#fff1f2}.loan-subsection .pay-subtitle{color:#138044;background:#effaf2}.paytable-head,.paytable-row{grid-template-columns:1.3fr 1fr .8fr;align-items:center;column-gap:15px;padding:9px 16px;display:grid}.paytable-head{color:#64748b;background:#fafbfd;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;font-size:12px}.paytable-head span:last-child,.paytable-row b{text-align:right}.paytable-row{border-bottom:1px solid #edf1f6;font-size:13px}.paytable-row span:first-child{color:#24344d}.paytable-total{background:#f8fafc;justify-content:space-between;padding:11px 16px;font-weight:800;display:flex}.overall-total{color:#c65b00;background:#fffaf0;border:1px solid #f0d7b3;border-radius:10px;margin:0 18px 18px}.employee-net-card{background:#fff;border:2px solid #2563eb;border-radius:14px;grid-template-columns:1.2fr 1fr;gap:24px;padding:22px 26px;display:grid}.employee-net-card small{color:#64748b;font-size:12px;display:block}.employee-net-card>div:first-child strong{color:#155dcc;margin:5px 0;font-size:30px;display:block}.employee-net-card>div:first-child span{color:#64748b;font-size:12px;display:block}.net-side{border-left:1px dashed #cbd5e1;gap:14px;padding-left:28px;display:grid}.net-side b{color:#155dcc;margin-top:4px;display:block}@media (width<=800px){.payroll-summary-strip{grid-template-columns:1fr}.payroll-summary-strip>*{border-bottom:1px solid #e5eaf2;border-right:0}.payroll-summary-strip>:last-child{border-bottom:0}.paytable-head,.paytable-row{grid-template-columns:1.15fr .8fr .8fr}.employee-net-card{grid-template-columns:1fr}.net-side{border-top:1px dashed #cbd5e1;border-left:0;padding:15px 0 0}}@media print{.employee-payroll-page .payroll-page-head button,.payroll-summary-strip input{display:none}.employee-payroll-page{gap:8px}.payslip-modern .payslip-section,.employee-net-card{break-inside:avoid}}.employee-team-dashboard{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;display:flex}.team-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.team-dashboard-grid>.panel:last-child{grid-column:auto}.team-attendance-summary{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.team-attendance-summary>div{text-align:center;background:#fafbfe;border:1px solid #edf1f6;border-radius:12px;min-width:0;padding:12px 8px}.team-attendance-summary b{color:#14233c;margin-top:7px;font-size:23px;display:block}.team-attendance-summary small{color:#64748b;margin-top:2px;font-size:10px;display:block}.team-kpi{border-radius:9px;place-items:center;width:30px;height:30px;margin:0 auto;font-weight:900;display:grid}.team-kpi.green{color:#0f9f6e;background:#e8f8f1}.team-kpi.orange{color:#ea7b00;background:#fff0df}.team-kpi.blue{color:#2563eb;background:#e8f1ff}.team-kpi.red{color:#dc2626;background:#fff0f0}.team-kpi.gray{color:#64748b;background:#eef2f6}.team-mini-list{border-top:1px solid #edf1f6;gap:0;display:grid}.team-mini-list>div{border-bottom:1px solid #edf1f6;align-items:center;gap:10px;padding:10px 0;display:flex}.team-mini-list>div>div{flex:1;min-width:0}.team-mini-list b{color:#17243a;font-size:12px;display:block}.team-mini-list small{color:#718096;margin-top:3px;font-size:10px;display:block}.team-mini-list .status-pill{padding:6px 9px;font-size:9px}.team-view-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:10px;width:100%;margin-top:13px;padding:10px 12px;font-weight:800}.team-view-btn:hover{background:#f8fbff}.pending-team-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pending-team-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e6ebf2;border-radius:12px;align-items:center;gap:11px;min-height:76px;padding:12px;display:flex}.pending-team-grid button:hover{background:#f8fbff;border-color:#cdd9ec}.pending-team-grid button>div{flex:1;min-width:0}.pending-team-grid b{color:#17243a;font-size:23px;display:block}.pending-team-grid small{color:#64748b;margin-top:2px;font-size:10px;display:block}.pending-team-grid em{color:#2563eb;font-size:10px;font-style:normal;font-weight:800}.pending-icon{border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.pending-icon.green{color:#0f9f6e;background:#e8f8f1}.pending-icon.purple{color:#7c3aed;background:#f5f3ff}.pending-icon.orange{color:#ea7b00;background:#fff0df}.pending-team-note{color:#64748b;background:#f8fafc;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:11px}.team-page{max-width:1180px;margin:0 auto}.team-page .page-head-row{margin-bottom:18px}.team-count-card{text-align:center;background:#fff;border:1px solid #e1e8f1;border-radius:14px;min-width:150px;padding:14px 18px}.team-count-card b{color:#14233c;font-size:28px;display:block}.team-count-card span{color:#64748b;font-size:11px}.team-request-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.team-request-tabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:10px 14px;font-weight:800}.team-request-tabs button.active{color:#3347a8;background:#eef2ff;border-color:#bfcdfd}.team-request-tabs button span{color:#64748b;background:#f1f5f9;border-radius:999px;place-items:center;min-width:22px;height:20px;margin-left:7px;padding:0 6px;font-size:10px;display:inline-grid}.team-request-tabs button.active span{color:#3347a8;background:#dbe5ff}.team-subnav{margin-top:-1px}.nested-team-subnav{border-left:1px solid #29415e;margin-left:14px;padding-left:8px}.nested-team-subnav button{min-height:40px!important;padding:9px 12px!important;font-size:12px!important}@media (width<=1050px){.team-dashboard-grid{grid-template-columns:1fr 1fr}.team-dashboard-grid>.panel:last-child{grid-column:1/-1}}@media (width<=900px){.team-dashboard-grid{grid-template-columns:1fr}.team-dashboard-grid>.panel:last-child{grid-column:auto}.team-attendance-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.pending-team-grid{grid-template-columns:1fr}.team-attendance-summary{grid-template-columns:repeat(2,1fr)}.team-count-card{width:100%}}.tl-attendance-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.tl-attendance-grid>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:12px;min-height:68px;padding:13px 14px}.tl-attendance-grid small{color:#7a879b;letter-spacing:.2px;font-size:10px;font-weight:700;display:block}.tl-attendance-grid strong{color:#17243a;margin-top:7px;font-size:18px;display:block}.attendance-status{border-radius:9px;margin-top:7px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}.attendance-status.done{color:#6338d8;background:#f0eaff}.attendance-status.present{color:#0f9f6e;background:#e8f8f1}.attendance-status.not-in{color:#64748b;background:#f1f5f9}.team-attendance-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.team-attendance-summary>div:first-child,.team-attendance-summary>div:nth-child(2),.team-attendance-summary>div:nth-child(3){grid-column:span 2}.team-attendance-summary>div:nth-child(4){grid-column:2/span 2}.team-attendance-summary>div:nth-child(5){grid-column:4/span 2}.pending-team-list{border-top:1px solid #edf1f6;gap:0;display:grid}.pending-team-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 0;display:grid}.pending-team-list button:last-child{border-bottom:0}.pending-team-list button:hover{background:#fbfcff}.pending-team-list button.pending-disabled{cursor:not-allowed;opacity:.58}.pending-team-list button.pending-disabled:hover{background:0 0}.pending-team-list button.pending-disabled strong{filter:grayscale(.35)}.pending-team-list button>div{min-width:0}.pending-team-list b{color:#334155;font-size:12px;display:block}.pending-team-list small{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.pending-team-list button>strong{font-size:17px;font-weight:900}.pending-team-list button:first-child>strong{color:#6338d8}.pending-team-list button:nth-child(2)>strong{color:#0f9f6e}.pending-team-list button:nth-child(3)>strong{color:#ea7b00}.pending-team-list button:nth-child(4)>strong{color:#2563eb}.pending-team-list button:nth-child(5)>strong{color:#ea7b00}.pending-dot{border-radius:50%;width:8px;height:8px;display:block}.pending-dot.purple{background:#7c3aed}.pending-dot.green{background:#16a46f}.pending-dot.orange{background:#f59e0b}.pending-dot.blue{background:#2563eb}.pending-dot.gold{background:#f59e0b}@media (width<=1050px){.team-attendance-summary{grid-template-columns:repeat(3,1fr)}.team-attendance-summary>div{grid-column:auto!important}.team-attendance-summary>div:nth-child(4),.team-attendance-summary>div:nth-child(5){grid-column:span 1!important}}@media (width<=900px){.team-attendance-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.tl-attendance-grid{grid-template-columns:1fr}.team-attendance-summary{grid-template-columns:repeat(2,1fr)}}.profile-leave-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.profile-subtitle{color:#0f172a;margin:24px 0 12px;font-size:17px}@media (width<=1200px){.profile-leave-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.profile-leave-stats{grid-template-columns:1fr 1fr}}.mobile-menu-btn,.mobile-menu-backdrop{display:none}@media (width<=700px){.employee-portal{min-height:100vh;display:flex;position:relative}.employee-sidebar{z-index:100;width:min(300px,86vw);height:100%;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 45px #0f172a47}.employee-sidebar.mobile-open{transform:translate(0)}.mobile-menu-backdrop{z-index:90;background:#0f172a6b;border:0;padding:0;display:block;position:fixed;inset:0}.employee-main{width:100%;padding:16px 14px 24px}.employee-topbar{z-index:40;background:#f8fafc;gap:9px;margin-bottom:18px;padding:8px 0;position:sticky;top:0}.mobile-menu-btn{color:#172554;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:21px;display:grid;box-shadow:0 5px 16px #0f172a12}.search-wrap{min-width:0}.search-wrap input{height:44px}.top-notify{flex:0 0 44px;width:44px;height:44px}.top-user{display:none}.employee-dashboard-hero{border-radius:18px;padding:18px}.employee-dashboard-hero h2{font-size:23px}.dashboard-grid,.team-dashboard-grid{grid-template-columns:1fr!important}.team-attendance-summary{grid-template-columns:repeat(2,1fr)}.team-attendance-summary>div:last-child{grid-column:1/-1}.request-cards,.profilegrid,.attendance-top{grid-template-columns:1fr!important}.attendance-live{grid-template-columns:1fr 1fr!important}.attendance-live .punch-square{grid-column:1/-1;min-height:110px}.payroll-summary-strip{grid-template-columns:1fr!important}.modal{max-height:88vh;overflow:auto;width:calc(100vw - 28px)!important}.tablewrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}@media (width<=380px){.employee-main{padding-left:10px;padding-right:10px}.mobile-menu-btn,.top-notify{flex-basis:42px;width:42px}.team-attendance-summary{grid-template-columns:1fr}.team-attendance-summary>div:last-child{grid-column:auto}}.brand-tagline{color:#64748b;text-align:center;margin:-8px 0 18px;font-size:12px;line-height:1.5}.app-header{gap:18px;min-width:0}.header-main{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.header-title{min-width:0}.dashboard-header-logo{width:auto;height:var(--brand-header-logo-height,42px);object-fit:contain;flex:none;max-width:250px;display:block}.app-header .user{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:320px;overflow:hidden}.app-header .user span{margin-left:6px}@media (width<=620px){main{width:100%;min-width:0;padding:16px 14px}.app-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px;display:flex}.header-main{justify-content:flex-start;gap:12px;width:100%}.dashboard-header-logo{height:min(var(--brand-header-logo-height,42px),38px);max-width:205px}.header-title{flex:1;min-width:0}.header-title h1{font-size:25px;line-height:1.05}.header-title p{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.app-header .user{white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:none;padding:9px 12px;font-size:12px;display:block}.app-header .user span{font-size:10px}}.app>main>header.app-header>div:first-child{flex:1;align-items:center;gap:18px;min-width:0;display:flex!important}.app>main>header.app-header .header-title{min-width:0;display:block!important}.app>main>header.app-header .dashboard-header-logo{height:var(--brand-header-logo-height,42px);object-fit:contain;flex:none;width:auto;max-width:250px;visibility:visible!important;opacity:1!important;display:block!important}@media (width<=620px){.app>main>header.app-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-height:auto!important;margin:0 -16px 20px!important;padding:14px 16px!important;display:flex!important}.app>main>header.app-header>div:first-child{align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.app>main>header.app-header .dashboard-header-logo{height:min(var(--brand-header-logo-height,42px),34px)!important;max-width:145px!important}.app>main>header.app-header .header-title h1{font-size:22px!important;line-height:1.05!important}.app>main>header.app-header .header-title p{white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:3px!important;font-size:11px!important;overflow:hidden!important}.app>main>header.app-header .user{width:100%!important;max-width:none!important;margin-left:0!important}}.app>main>header.app-header{z-index:20!important;background:#fff!important;border-bottom:1px solid #e8edf4!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;min-height:82px!important;margin:0 -34px 26px!important;padding:14px 24px!important;display:flex!important;position:relative!important;box-shadow:0 4px 18px #0f172a0a!important}.app>main>header.app-header .header-main{flex:auto!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;min-width:0!important;display:flex!important}.app>main>header.app-header .header-title{order:1!important;min-width:0!important}.app>main>header.app-header .header-title h1{color:#0f172a!important;margin:0!important;font-size:30px!important;line-height:1.08!important}.app>main>header.app-header .header-title p{color:#718096!important;margin:5px 0 0!important;font-size:13px!important}.app>main>header.app-header .dashboard-header-logo{visibility:visible!important;opacity:1!important;object-fit:contain!important;background:0 0!important;flex:none!important;order:2!important;width:auto!important;max-width:220px!important;height:48px!important;display:block!important}.app>main>header.app-header .user{white-space:nowrap!important;flex:none!important;max-width:300px!important}.app>main>header.app-header:before,.app>main>header.app-header:after{display:none!important}.employee-topbar{align-items:center!important;gap:16px!important;min-width:0!important;display:flex!important}.employee-topbar-main{flex:none!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.employee-page-title{flex-direction:column;min-width:150px;line-height:1.15;display:flex}.employee-page-title b{color:#0f172a;font-size:22px}.employee-page-title small{color:#718096;white-space:nowrap;margin-top:4px;font-size:11px}.employee-top-logo{width:auto!important;height:var(--brand-header-logo-height,42px)!important;object-fit:contain!important;flex:none!important;max-width:190px!important;margin-left:auto!important;display:block!important}.employee-topbar .search-wrap{flex:auto!important;min-width:160px!important;max-width:680px!important}@media (width<=900px){.app>main>header.app-header{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important}.employee-topbar-main{width:auto}.employee-page-title{min-width:120px}}@media (width<=700px){.app>main{padding:0 16px 24px!important}.app>main>header.app-header{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:10px!important;min-height:auto!important;margin:0 -16px 20px!important;padding:13px 16px 12px!important}.app>main>header.app-header .header-main{gap:10px!important;width:100%!important}.app>main>header.app-header .header-title{flex:auto!important}.app>main>header.app-header .header-title h1{font-size:22px!important;line-height:1.05!important}.app>main>header.app-header .header-title p{white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:4px!important;font-size:11px!important;overflow:hidden!important}.app>main>header.app-header .dashboard-header-logo{max-width:150px!important;height:36px!important;margin-left:auto!important}.app>main>header.app-header .user{width:100%!important;max-width:none!important;margin:0!important;padding:9px 12px!important;font-size:12px!important}.employee-topbar{z-index:40!important;background:#f8fafc!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:8px 0!important;display:flex!important;position:sticky!important;top:0!important}.employee-topbar-main{justify-content:flex-start!important;width:100%!important}.employee-page-title{flex:auto!important;min-width:0!important}.employee-page-title b{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:19px!important;overflow:hidden!important}.employee-page-title small{text-overflow:ellipsis!important;font-size:10px!important;overflow:hidden!important}.employee-top-logo{height:min(var(--brand-header-logo-height,42px),34px)!important;max-width:145px!important;margin-left:auto!important}.employee-topbar .search-wrap{order:2!important;width:100%!important;min-width:0!important;max-width:none!important}.employee-topbar .top-notify,.employee-topbar .top-user{display:none!important}}@media (width<=380px){.app>main>header.app-header .dashboard-header-logo{height:min(var(--brand-header-logo-height,42px),32px)!important;max-width:132px!important}.employee-top-logo{height:min(var(--brand-header-logo-height,42px),31px)!important;max-width:132px!important}.employee-page-title b{font-size:18px!important}}.employee-topbar{position:relative!important}.employee-topbar-main{flex:none!important}.employee-topbar .employee-top-logo{margin-left:auto!important;position:static!important}@media (width>=701px){.employee-topbar .employee-top-logo{order:10!important}}@media (width<=700px){.employee-topbar{position:sticky!important}.employee-topbar-main{width:100%!important;padding-right:150px!important}.employee-topbar .employee-top-logo{height:min(var(--brand-header-logo-height,42px),34px)!important;max-width:145px!important;margin:0!important;position:absolute!important;top:8px!important;right:0!important}}.admin-sidebar .brand img,.admin-mobile-drawer .mobile-drawer-head img,.employee-brand img{width:var(--brand-sidebar-logo-width,205px);height:var(--brand-sidebar-logo-height,44px);object-fit:contain;max-width:100%;display:block}.admin-sidebar nav{scrollbar-width:none;gap:3px;display:grid;overflow:auto}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-sidebar nav button{text-align:left;align-items:center;gap:11px;width:100%;margin:0;display:flex}.admin-sidebar nav button i,.admin-mobile-drawer nav button i{opacity:.9;place-items:center;width:22px;min-width:22px;height:22px;font-size:16px;font-style:normal;display:grid}.admin-sidebar nav button span,.admin-mobile-drawer nav button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.admin-sidebar .bottom button{justify-content:center;align-items:center;display:flex}.app>main{padding-top:0}.app>main>header.app-header{margin-top:0!important}.app>main>.mobile-nav,.admin-menu-backdrop,.admin-mobile-drawer,.mobile-menu-trigger,.mobile-current{display:none}@media (width<=700px){body{overflow-x:hidden}.app{width:100%;min-width:0}.admin-sidebar{display:none!important}.app>main{width:100%;min-width:0;margin:0!important;padding:0 14px 28px!important}.app>main>header.app-header{border-bottom:1px solid #e8edf4!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:calc(100% + 28px)!important;min-height:0!important;margin:0 -14px!important;padding:14px 16px 12px!important;display:flex!important;position:relative!important;box-shadow:0 4px 18px #0f172a0d!important}.app>main>header.app-header .header-main{justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:44px!important;display:flex!important}.app>main>header.app-header .header-title{flex:auto!important;order:1!important;min-width:0!important}.app>main>header.app-header .header-title h1{letter-spacing:-.4px!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:22px!important;line-height:1.05!important;overflow:hidden!important}.app>main>header.app-header .header-title p{white-space:nowrap!important;text-overflow:ellipsis!important;margin:4px 0 0!important;font-size:11px!important;line-height:1.2!important;overflow:hidden!important}.app>main>header.app-header .dashboard-header-logo{flex:none!important;order:2!important;width:auto!important;max-width:145px!important;height:36px!important;margin-left:auto!important}.app>main>header.app-header .user{white-space:nowrap!important;text-overflow:ellipsis!important;border-radius:14px!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:none!important;min-height:48px!important;margin:0!important;padding:10px 13px!important;font-size:12px!important;display:flex!important;overflow:hidden!important}.app>main>header.app-header .user span{white-space:nowrap!important;margin:0!important;font-size:10px!important;display:inline!important}.app>main>.mobile-nav{z-index:5!important;background:#f8fafc!important;border-bottom:1px solid #e7ecf3!important;align-items:center!important;gap:10px!important;width:calc(100% + 28px)!important;margin:0 -14px 18px!important;padding:10px 14px!important;display:flex!important;position:relative!important}.mobile-menu-trigger{color:#17233a!important;background:#fff!important;border:1px solid #dfe6ef!important;border-radius:11px!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;font-weight:800!important;display:flex!important;box-shadow:0 3px 12px #0f172a0d!important}.mobile-menu-trigger span{font-size:17px;line-height:1}.mobile-current{white-space:nowrap!important;text-overflow:ellipsis!important;color:#64748b!important;flex:1!important;min-width:0!important;font-size:12px!important;font-weight:800!important;display:block!important;overflow:hidden!important}.admin-mobile-drawer{z-index:100!important;visibility:hidden!important;background:linear-gradient(#0b1220 0%,#111c31 100%)!important;flex-direction:column!important;width:min(310px,86vw)!important;padding:18px 14px!important;transition:transform .24s!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-105%)!important;box-shadow:20px 0 60px #02061759!important}.admin-mobile-drawer.open{visibility:visible!important;transform:translate(0)!important}.mobile-drawer-head{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;gap:10px;padding:3px 7px 18px;display:flex}.mobile-drawer-head img{height:min(var(--brand-sidebar-logo-height,44px),39px)!important;width:min(var(--brand-sidebar-logo-width,205px),170px)!important;max-width:170px!important}.mobile-drawer-head button{color:#fff;background:#ffffff12;border:0;border-radius:10px;width:36px;height:36px;font-size:24px;line-height:1}.mobile-drawer-label{letter-spacing:2px;color:#94a3b8;padding:18px 10px 8px;font-size:9px;font-weight:800}.admin-mobile-drawer nav{scrollbar-width:none;gap:3px;display:grid;overflow:auto}.admin-mobile-drawer nav::-webkit-scrollbar{display:none}.admin-mobile-drawer nav button{color:#b9c4d5;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:12px;font-size:14px;font-weight:700;display:flex}.admin-mobile-drawer nav button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 20px #2563eb38}.admin-mobile-drawer nav button:hover{color:#fff;background:#ffffff10}.admin-mobile-drawer .bottom{margin-top:auto;padding:12px 4px 4px}.admin-mobile-drawer .bottom button{color:#fff;background:#ffffff0d;border:1px solid #ffffff18}.admin-mobile-drawer .bottom small{color:#94a3b8}.admin-menu-backdrop{z-index:90!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;background:#0206177a!important;border:0!important;display:block!important;position:fixed!important;inset:0!important}.panel{max-width:100%;overflow:hidden}.tablewrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tablewrap table{min-width:max-content}.form{grid-template-columns:1fr!important}}@media (width<=380px){.app>main>header.app-header .dashboard-header-logo{height:min(var(--brand-header-logo-height,42px),32px)!important;max-width:132px!important}.mobile-menu-trigger b{display:none}.mobile-menu-trigger{padding:9px 11px!important}}.employee-topbar .employee-top-logo{opacity:1!important;visibility:visible!important;filter:none!important}@media (width<=700px){.employee-portal{min-height:100vh!important;display:block!important;overflow-x:hidden!important}.employee-main{width:100%!important;min-width:0!important;margin:0!important;padding:12px 14px 28px!important}.employee-topbar{z-index:20!important;background:0 0!important;border-bottom:1px solid #e4eaf2!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main logo""search search"!important;align-items:center!important;gap:10px!important;width:100%!important;margin:0 0 22px!important;padding:0 0 14px!important;display:grid!important;position:relative!important;top:auto!important}.employee-topbar-main{grid-area:main!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:0!important;display:flex!important}.mobile-menu-btn{border-radius:14px!important;flex:0 0 46px!important;width:46px!important;height:46px!important;font-size:0!important}.mobile-menu-btn:before{content:"☰";font-size:22px;line-height:1}.employee-page-title{flex:auto!important;min-width:0!important}.employee-page-title b{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:20px!important;line-height:1.1!important;display:block!important;overflow:hidden!important}.employee-page-title small{white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:4px!important;font-size:10px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.employee-top-logo{object-fit:contain!important;grid-area:logo!important;justify-self:end!important;width:auto!important;max-width:150px!important;height:38px!important;margin:0!important;position:static!important}.employee-topbar .search-wrap{order:initial!important;grid-area:search!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}.employee-topbar .search-wrap input{border-radius:15px!important;height:50px!important;font-size:16px!important}.employee-topbar .top-notify,.employee-topbar .top-user{display:none!important}.employee-main .request-section,.employee-main .panel,.employee-main .request-card{max-width:100%!important}.employee-main .tablewrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.employee-main .tablewrap table{width:max-content!important;min-width:680px!important}}@media (width<=380px){.employee-main{padding-left:10px!important;padding-right:10px!important}.employee-top-logo{height:min(var(--brand-header-logo-height,42px),34px)!important;max-width:132px!important}.mobile-menu-btn{flex-basis:44px!important;width:44px!important;height:44px!important}.employee-page-title b{font-size:18px!important}}.app>main>header.app-header .dashboard-header-logo{filter:none!important;opacity:1!important;visibility:visible!important}.mobile-request-cards{display:none}@media (width<=700px){.request-responsive{width:100%!important;max-width:100%!important;overflow:visible!important}.request-responsive>table{table-layout:auto;display:table;width:100%!important;min-width:0!important}.request-responsive>.mobile-request-cards{display:none}.request-responsive>table{display:none!important}.request-responsive>.mobile-request-cards{gap:12px;display:grid!important}.mobile-request-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:15px;display:block;overflow:hidden;box-shadow:0 4px 14px #0f172a0b}.mobile-request-card-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:10px;margin-bottom:2px;padding-bottom:12px;display:flex}.mobile-request-card-head>b{color:#14233c;overflow-wrap:anywhere;min-width:0;font-size:16px;line-height:1.25}.mobile-request-fields{grid-template-columns:1fr 1fr;gap:10px 14px;padding-top:11px;display:grid}.mobile-request-field{min-width:0}.mobile-request-field small{color:#7b8798;letter-spacing:.7px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;line-height:1.2;display:block}.mobile-request-field>div{color:#24344d;overflow-wrap:anywhere;word-break:break-word;font-size:13px;line-height:1.35}.mobile-request-card-action{border-top:1px solid #edf1f6;margin-top:12px;padding-top:12px}.mobile-request-card-action>span{flex-wrap:wrap;gap:7px;display:flex}.mobile-request-card-action button{min-height:34px}.mobile-request-empty{color:#718096;text-align:center;background:#fbfcfe;border:1px dashed #d8e0ea;border-radius:14px;padding:22px 14px;font-size:13px}}@media (width<=420px){.mobile-request-fields{grid-template-columns:1fr}.mobile-request-card{padding:14px}}.team-request-mobile-cards{display:none}@media (width<=700px){.team-page .panel>h2{margin-bottom:16px}.team-page .panel>.tablewrap{display:none!important}.team-request-mobile-cards{gap:16px;display:grid}.team-request-card{background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.team-request-card-top{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.team-request-person{align-items:center;gap:12px;min-width:0;display:flex}.team-request-person strong{color:#14233c;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.team-request-avatar{color:#183b72;background:#eaf0ff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.request-status-pill{white-space:nowrap;border-radius:14px;padding:10px 15px;font-size:13px;font-weight:900}.request-status-pill.pending{color:#d98a00;background:#fff4df}.request-status-pill.approved{color:#12905a;background:#e8f8ef}.request-status-pill.rejected{color:#d93434;background:#ffebeb}.team-request-meta{border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;display:grid}.team-request-meta div{min-width:0}.team-request-meta small,.team-request-stage small,.team-request-final small{color:#7b8798;letter-spacing:.7px;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.team-request-meta b{color:#24344d;overflow-wrap:anywhere;font-size:13px;display:block}.team-request-stages{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.team-request-stage{text-align:center;border:1px solid #e4e9f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:76px;padding:12px;display:flex}.team-request-stage.pending,.team-request-final.pending{background:#fffaf2;border-color:#ffd9a1}.team-request-stage.approved,.team-request-final.approved{background:#f1fbf6;border-color:#bfead3}.team-request-stage.rejected,.team-request-final.rejected{background:#fff4f4;border-color:#f3c9c9}.team-request-stage b,.team-request-final b{font-size:15px}.team-request-stage.pending b,.team-request-final.pending b{color:#d88908}.team-request-stage.approved b,.team-request-final.approved b{color:#168a59}.team-request-stage.rejected b,.team-request-final.rejected b{color:#cf3333}.team-request-bottom{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-request-final,.team-request-details{box-sizing:border-box;border:1px solid #e4e9f0;border-radius:16px;min-height:82px;padding:13px}.team-request-final{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.team-request-details{color:#2d63c8;cursor:pointer;background:#f5f8ff;border-color:#d9e4ff;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.team-request-details span{font-size:25px;line-height:1}.team-request-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.team-request-actions button{cursor:pointer;border-radius:16px;height:52px;font-size:15px;font-weight:900}.team-approve-btn{color:#168a59;background:#ecfaf2;border:1px solid #bfead3}.team-reject-btn{color:#d93434;background:#fff0f0;border:1px solid #f2cccc}.team-request-actions button:disabled{opacity:.5;cursor:not-allowed}.team-request-detail-modal{max-width:620px}.team-request-detail-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.team-request-detail-grid>div{background:#fafbfd;border:1px solid #e5eaf1;border-radius:12px;padding:12px}.team-request-detail-grid small{color:#7b8798;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.team-request-detail-grid b{color:#14233c;overflow-wrap:anywhere;display:block}}@media (width<=420px){.team-request-card{border-radius:20px;padding:15px}.team-request-avatar{width:50px;height:50px}.team-request-person strong{font-size:16px}.team-request-meta{grid-template-columns:1fr 1fr}.team-request-meta div:last-child{grid-column:1/-1}.team-request-bottom,.team-request-actions{grid-template-columns:1fr 1fr}.team-request-detail-grid{grid-template-columns:1fr}}.professional-suite{max-width:1600px;margin:0 auto;padding:24px}.professional-suite-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.professional-suite-head h2{margin:4px 0 6px}.professional-suite-actions button{cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:10px;padding:10px 14px}.professional-tabs{scrollbar-width:thin;gap:8px;margin-bottom:8px;padding:6px 0 16px;display:flex;overflow:auto}.professional-tabs button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:10px;padding:9px 13px}.professional-tabs button.active{color:#fff;background:#111827;border-color:#111827}.professional-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.professional-module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.professional-module-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e7ef;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-height:88px;padding:18px;display:flex}.professional-module-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px #141e3212}.professional-module-card span{color:#6b7280;font-size:12px}.professional-suite .form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.professional-suite .form label{flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.professional-suite .form input,.professional-suite .form select,.professional-suite .form textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:9px;padding:10px}.professional-suite .form textarea{resize:vertical;min-height:82px}.professional-suite .panel{margin-bottom:16px}.analytics-note{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.professional-suite .notice{margin:0 0 14px}.professional-suite .tablewrap{overflow:auto}.professional-suite table{min-width:720px}@media (width<=1000px){.professional-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.professional-suite .form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.professional-suite{padding:14px}.professional-suite-head{flex-direction:column}.professional-kpi-grid,.professional-module-grid{grid-template-columns:1fr 1fr}.professional-suite .form{grid-template-columns:1fr}.professional-tabs{margin-left:-4px;margin-right:-4px}.professional-tabs button{padding:8px 10px;font-size:12px}}.selfie-camera-wrap{aspect-ratio:1;background:#111;border-radius:18px;justify-content:center;align-items:center;width:100%;max-width:520px;margin:12px auto;display:flex;overflow:hidden}.selfie-camera-wrap video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-preview-modal{max-width:620px}.selfie-preview{object-fit:contain;background:#111;border-radius:14px;width:100%;max-height:70vh;display:block}.selfie-modal{max-width:620px}.selfie-modal .modalactions{margin-top:14px}.selfie-camera-wrap{background:#0f172a;border-radius:14px;place-items:center;min-height:280px;display:grid;overflow:hidden}.selfie-camera-wrap video{object-fit:cover;background:#0f172a;width:100%;max-height:58vh;display:block;transform:scaleX(-1)}.selfie-fallback{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:280px;padding:24px}.selfie-file-label{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:12px 18px;text-decoration:none;display:inline-flex}.selfie-modal{width:min(520px,100%)}.admin-policy-center{flex-direction:column;gap:16px;display:flex}.policy-center-head{background:linear-gradient(#fff,#f8fbff);border:1px solid #e3e8f0;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.policy-center-head h3{color:#14233c;margin:0 0 5px}.policy-center-head p{max-width:850px;margin:0}.policy-live-badge{white-space:nowrap;color:#168a59;background:#e9f8ef;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.policy-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.policy-section-tab{text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ee;border-radius:14px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.policy-section-tab b{color:#23334c;font-size:14px}.policy-section-tab small{color:#7b8798;font-size:11px;line-height:1.35}.policy-section-tab.active{background:#f4f7ff;border-color:#274f9e;box-shadow:0 0 0 1px #274f9e14}.admin-policy-center .policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.admin-policy-center .policy-grid label,.admin-policy-center>.panel label{color:#34445c;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}.admin-policy-center input,.admin-policy-center select{box-sizing:border-box;width:100%;font:inherit;color:#17243a;background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:10px 11px}.admin-policy-center .weekly-policy{margin-top:14px}.admin-policy-center .weekly-policy>div{flex-wrap:wrap;gap:8px;margin-top:9px;display:flex}.admin-policy-center .weekly-policy button{cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:10px;padding:9px 12px}.admin-policy-center .weekly-policy button.active{color:#fff;background:#172b4d;border-color:#172b4d}.admin-policy-center .policy-box{margin-top:14px}.admin-policy-center .full{margin:12px 0;display:block}.admin-policy-center .panel{margin-bottom:0}.settings-stack>.panel:first-child .form{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-stack>.panel:first-child select{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:10px 11px}.settings-stack>.panel:first-child .form label{color:#34445c;flex-direction:column;gap:6px;font-size:12px;font-weight:800;display:flex}@media (width<=900px){.policy-section-tabs,.admin-policy-center .policy-grid,.settings-stack>.panel:first-child .form{grid-template-columns:1fr 1fr}}@media (width<=600px){.policy-center-head{flex-direction:column}.policy-section-tabs,.admin-policy-center .policy-grid,.settings-stack>.panel:first-child .form{grid-template-columns:1fr}.policy-section-tab{padding:12px}.policy-center-head{padding:15px}}.employee-missed-punch-section .request-section-head{margin-bottom:16px}.employee-missed-overview{grid-template-columns:repeat(4,1fr);gap:12px;margin:4px 0 14px;display:grid}.employee-missed-stat{text-align:center;background:#fff;border:1px solid #e4e9f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:82px;padding:12px;display:flex}.employee-missed-stat span{margin-bottom:5px;font-size:17px;line-height:1}.employee-missed-stat b{color:#14233c;font-size:22px;line-height:1.1}.employee-missed-stat small{color:#64748b;margin-top:4px;font-size:10px;font-weight:800}.employee-missed-stat.pending{background:#fffaf2;border-color:#ffd9a1}.employee-missed-stat.pending span,.employee-missed-stat.pending b{color:#d88908}.employee-missed-stat.approved{background:#f1fbf6;border-color:#bfead3}.employee-missed-stat.approved span,.employee-missed-stat.approved b{color:#168a59}.employee-missed-stat.rejected{background:#fff4f4;border-color:#f3c9c9}.employee-missed-stat.rejected span,.employee-missed-stat.rejected b{color:#cf3333}.employee-missed-stat.total{background:#f7f9fc}.employee-missed-new{margin-bottom:16px}.employee-missed-new .primary{width:100%}.employee-missed-mobile-cards{display:none}.employee-missed-card{background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.employee-missed-card-top{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;display:flex}.employee-missed-card-top b{color:#14233c;font-size:18px;display:block}.employee-missed-card-top small{color:#64748b;margin-top:4px;font-size:12px;font-weight:700;display:block}.employee-missed-card-meta{border-bottom:1px solid #edf1f6;grid-template-columns:1fr 1fr 1.3fr;gap:12px;padding:16px 0;display:grid}.employee-missed-card-meta small,.employee-missed-final small{color:#7b8798;letter-spacing:.7px;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.employee-missed-card-meta b{color:#24344d;overflow-wrap:anywhere;font-size:13px;display:block}.employee-missed-final{box-sizing:border-box;text-align:center;border:1px solid #e4e9f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:68px;margin-top:14px;padding:12px;display:flex}.employee-missed-final b{font-size:15px}.employee-missed-final.pending{background:#fffaf2;border-color:#ffd9a1}.employee-missed-final.pending b{color:#d88908}.employee-missed-final.approved{background:#f1fbf6;border-color:#bfead3}.employee-missed-final.approved b{color:#168a59}.employee-missed-final.rejected{background:#fff4f4;border-color:#f3c9c9}.employee-missed-final.rejected b{color:#cf3333}.employee-missed-details{color:#2d63c8;cursor:pointer;background:#f5f8ff;border:1px solid #d9e4ff;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:12px;font-size:14px;font-weight:900;display:flex}.employee-missed-details span{font-size:23px;line-height:1}@media (width<=700px){.employee-missed-overview{grid-template-columns:repeat(2,1fr);gap:10px}.employee-missed-stat{min-height:76px}.employee-missed-desktop-table{display:none!important}.employee-missed-mobile-cards{gap:14px;display:grid}.employee-missed-card{border-radius:20px;padding:15px}.employee-missed-card-top b{font-size:16px}.employee-missed-card-meta{grid-template-columns:1fr 1fr}.employee-missed-card-meta div:last-child{grid-column:1/-1}.employee-missed-punch-section .request-section-head{align-items:flex-start}}.unified-requests-page{flex-direction:column;gap:18px;display:flex}.unified-request-section .request-section-head{margin-bottom:16px}.unified-request-stat{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e4e9f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:82px;padding:12px;display:flex}.unified-request-stat span{margin-bottom:5px;font-size:17px;line-height:1}.unified-request-stat b{color:#14233c;font-size:22px;line-height:1.1}.unified-request-stat small{color:#64748b;margin-top:4px;font-size:10px;font-weight:800}.unified-request-stat.pending{background:#fffaf2;border-color:#ffd9a1}.unified-request-stat.pending span,.unified-request-stat.pending b{color:#d88908}.unified-request-stat.approved{background:#f1fbf6;border-color:#bfead3}.unified-request-stat.approved span,.unified-request-stat.approved b{color:#168a59}.unified-request-stat.rejected{background:#fff4f4;border-color:#f3c9c9}.unified-request-stat.rejected span,.unified-request-stat.rejected b{color:#cf3333}.unified-request-stat.total{background:#f7f9fc}.unified-request-new{margin-bottom:16px;display:none}.unified-request-new .primary{width:100%}.unified-request-card{background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.unified-request-card-top{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.unified-request-card-top b{color:#14233c;font-size:17px;display:block}.unified-request-card-top small{color:#64748b;margin-top:4px;font-size:12px;font-weight:700;display:block}.unified-request-card-title{align-items:center;gap:11px;padding:15px 0 13px;display:flex}.unified-request-card-title strong{color:#18283f;font-size:15px;display:block}.unified-request-card-title small{color:#6b778a;margin-top:3px;font-size:12px;display:block}.unified-request-icon{border-radius:13px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.unified-request-icon.blue,.section-number.blue{color:#2d63c8;background:#edf3ff}.unified-request-icon.green,.section-number.green{color:#168a59;background:#edf9f3}.unified-request-icon.purple,.section-number.purple{color:#6f4ac7;background:#f3efff}.unified-request-icon.orange,.section-number.orange{color:#d97706;background:#fff3e6}.unified-request-icon.indigo,.section-number.indigo{color:#4f46c5;background:#eef0ff}.unified-request-card-meta{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0;display:grid}.unified-request-card-meta small{color:#7b8798;letter-spacing:.7px;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.unified-request-card-meta b{color:#24344d;overflow-wrap:anywhere;font-size:13px;display:block}.unified-request-card-bottom{justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.unified-request-card-bottom>span{color:#6b778a;font-size:11px;font-weight:700}.unified-request-details{color:#2d63c8;cursor:pointer;background:#f5f8ff;border:1px solid #d9e4ff;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex}.unified-request-details span{font-size:21px;line-height:1}@media (width<=700px){.unified-request-overview{grid-template-columns:repeat(2,1fr);gap:10px}.unified-request-stat{min-height:76px}.unified-request-new{display:block}.unified-request-section>.request-section-head>.primary{display:none}.unified-request-card{border-radius:20px;padding:15px}.unified-request-card-top b{font-size:16px}.unified-request-card-meta{grid-template-columns:1fr 1fr}.unified-request-card-meta div:last-child{grid-column:1/-1}.unified-request-card-bottom{flex-direction:column;align-items:stretch}.unified-request-details{width:100%}.unified-request-card-bottom>span{line-height:1.4}}.unified-request-stat{appearance:none;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.unified-request-stat:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.unified-request-stat.approved.active{border-color:#168a59;box-shadow:0 0 0 2px #168a5929,0 8px 18px #0f172a14}.unified-request-stat.rejected.active{border-color:#cf3333;box-shadow:0 0 0 2px #cf333329,0 8px 18px #0f172a14}.request-details-modal{max-width:620px}.request-details-status-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 16px;display:flex}.request-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 0;display:grid}.request-details-grid>div{background:#f8fafc;border:1px solid #e8edf4;border-radius:14px;padding:13px}.request-details-grid small{color:#7b8798;letter-spacing:.6px;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.request-details-grid b{color:#24344d;overflow-wrap:anywhere;font-size:13px;display:block}@media (width<=700px){.request-details-modal{width:min(92vw,620px)}.request-details-grid{grid-template-columns:1fr}.request-details-modal .modalactions .primary{width:100%}}.team-request-toolbar{align-items:center;gap:12px;margin:-2px 0 16px;display:flex}.team-request-search{background:#fff;border:1px solid #dfe6ef;border-radius:12px;flex:1;align-items:center;gap:10px;height:48px;padding:0 15px;display:flex;box-shadow:0 5px 18px #0f172a0a}.team-request-search span{color:#8190a5;font-size:23px;line-height:1}.team-request-search input{width:100%;font:inherit;color:#17243a;background:0 0;border:0;outline:0;font-size:14px}.team-filter-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:58px;height:48px;padding:0 15px;font-weight:800;display:flex;box-shadow:0 5px 18px #0f172a0a}.team-filter-btn.active{color:#2563eb;background:#eef4ff;border-color:#b9cdfb}.team-filter-panel{background:#fff;border:1px solid #dfe6ef;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:-4px 0 16px;padding:14px;display:grid;box-shadow:0 10px 28px #0f172a0f}.team-filter-panel small,.team-request-secondary-filters label{color:#64748b;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.team-filter-panel select,.team-request-secondary-filters select{color:#334155;background:#fff;border:1px solid #d8dfeb;border-radius:9px;width:100%;height:40px;padding:0 10px}.team-filter-panel>button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #d8dfeb;border-radius:9px;height:40px;padding:0 13px;font-weight:800}.team-request-overview{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px;display:grid}.team-request-overview button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;display:flex}.team-request-overview button.active{background:#f4f7ff;border-color:#8fb2ff;box-shadow:inset 0 -3px #2563eb}.team-request-overview b{color:#17243a;font-size:21px}.team-request-overview span{color:#64748b;font-size:11px;font-weight:800}.team-request-secondary-filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.team-request-secondary-filters label{margin:0}@media (width<=700px){.team-request-toolbar{margin-bottom:12px}.team-request-search{height:46px}.team-filter-btn{min-width:48px;height:46px;padding:0 12px}.team-filter-btn span{display:none}.team-filter-panel{grid-template-columns:1fr 1fr}.team-filter-panel>button{grid-column:1/-1}.team-request-overview{grid-template-columns:repeat(4,1fr);gap:7px}.team-request-overview button{min-height:64px}.team-request-overview b{font-size:19px}.team-request-overview span{font-size:9px}.team-request-secondary-filters{grid-template-columns:1fr 1fr}}@media (width<=420px){.team-request-overview{grid-template-columns:1fr 1fr}.team-request-overview button{min-height:62px}.team-filter-panel{grid-template-columns:1fr}.team-filter-panel>button{grid-column:auto}}.modern-my-requests{max-width:1320px;margin:0 auto;padding-bottom:24px}.modern-requests-hero{background:linear-gradient(110deg,#f3f7ff 0%,#eef4ff 58%,#e9efff 100%);border:1px solid #e0e8f7;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:168px;margin-bottom:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.modern-requests-hero-copy{min-width:0}.modern-requests-hero-copy h2{letter-spacing:-.7px;color:#132342;margin:4px 0 6px;font-size:31px}.modern-requests-hero-copy p{color:#64748b;margin:0;font-size:15px}.modern-requests-hero-art{color:#5f88df;justify-content:flex-end;align-items:center;width:330px;min-width:280px;height:130px;padding-right:10px;display:flex;position:relative}.modern-requests-hero-art:before,.modern-requests-hero-art:after{content:"";background:#dce7ff;border-radius:50%;position:absolute}.modern-requests-hero-art:before{opacity:.75;width:115px;height:115px;top:10px;right:115px}.modern-requests-hero-art:after{opacity:.55;width:72px;height:72px;bottom:2px;right:18px}.hero-art-paper{z-index:2;box-sizing:border-box;background:#fff;border:6px solid #dbe7ff;border-radius:13px;width:92px;height:112px;padding:18px 11px;position:absolute;top:12px;right:118px;box-shadow:0 12px 24px #3264c520}.hero-art-paper:before{content:"";background:#2563eb;border-radius:5px;width:38px;height:17px;position:absolute;top:-14px;left:26px}.hero-art-paper i{background:#d6e3ff;border-radius:3px;height:7px;margin-bottom:11px;display:block}.hero-art-paper i:first-child{width:48px}.hero-art-paper i:nth-child(2){width:60px}.hero-art-paper i:nth-child(3){width:52px}.hero-art-paper i:nth-child(4){width:38px}.hero-art-check{color:#fff;z-index:4;background:#2563eb;border-radius:50%;place-items:center;width:50px;height:50px;font-size:28px;font-weight:900;display:grid;position:absolute;top:61px;right:78px;box-shadow:0 12px 22px #2563eb35}.hero-art-caption{color:#6790df;z-index:3;font-size:16px;font-weight:600;line-height:1.35;position:absolute;top:28px;right:0}.modern-request-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.modern-request-heading h3{color:#132342;margin:3px 0 5px;font-size:25px}.modern-request-heading p{color:#64748b;max-width:720px;margin:0;font-size:13px}.modern-request-count{text-align:right;min-width:70px}.modern-request-count b{color:#172b4d;font-size:28px;line-height:1;display:block}.modern-request-count span{color:#718096;font-size:12px}.unified-request-section{border-radius:22px;padding:22px}.unified-request-overview{gap:12px;margin:0 0 16px}.unified-request-stat{transition:all .18s;border-radius:17px!important;min-height:82px!important}.unified-request-stat:hover{transform:translateY(-1px)}.unified-request-stat.active{box-shadow:0 0 0 1px #2563eb,inset 0 -3px #2563eb!important}.modern-request-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.modern-request-search{box-sizing:border-box;background:#fff;border:1px solid #dfe6ef;border-radius:15px;align-items:center;gap:11px;height:50px;padding:0 16px;display:flex;box-shadow:0 7px 20px #0f172a0a}.modern-request-search span{color:#8290a4;font-size:24px}.modern-request-search input{color:#17243a;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.modern-request-search input::placeholder{color:#7c8797}.modern-request-filter-btn{color:#17243a;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-width:132px;height:50px;padding:0 15px;display:flex;box-shadow:0 7px 20px #0f172a0a}.modern-request-filter-btn span{color:#172b4d;font-size:23px;line-height:1;transform:rotate(180deg)}.modern-request-filter-btn i{color:#64748b;font-size:16px;font-style:normal}.modern-request-filter-btn.active{color:#2563eb;background:#f3f7ff;border-color:#a9c2ff}.modern-request-new .primary{white-space:nowrap;border-radius:15px;height:50px;padding:0 21px;box-shadow:0 10px 22px #2563eb33}.modern-request-filter-panel{background:#f8faff;border:1px solid #e0e7f2;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;margin:0 0 14px;padding:14px;display:grid}.modern-request-filter-panel label{color:#64748b;flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.modern-request-filter-panel select{color:#24344d;height:42px;font:inherit;background:#fff;border:1px solid #d7dfeb;border-radius:10px;padding:0 10px}.modern-request-filter-panel>button{color:#475569;cursor:pointer;background:#fff;border:1px solid #d7dfeb;border-radius:10px;height:42px;padding:0 14px;font-weight:800}.modern-request-results-row{color:#172b4d;justify-content:space-between;align-items:center;gap:12px;margin:3px 0 12px;display:flex}.modern-request-results-row strong{font-size:19px}.modern-request-results-row label{color:#64748b;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.modern-request-results-row select{color:#475569;height:38px;font:inherit;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:0 10px}.unified-request-list{gap:14px;display:grid}.unified-request-card{border-radius:22px;padding:20px;transition:all .18s;box-shadow:0 8px 24px #0f172a0b}.unified-request-card:hover{border-color:#d4def0;box-shadow:0 14px 30px #0f172a12}.unified-request-card-top{padding-bottom:14px}.unified-request-card-top b{font-size:18px}.unified-request-card-title small{font-size:13px}.unified-request-icon{color:#2563eb;background:#edf3ff;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:25px;font-weight:900;display:grid}.unified-request-icon.green{color:#159b65;background:#eaf9f2}.unified-request-icon.purple{color:#6d35e8;background:#f1ecff}.unified-request-icon.orange{color:#ea7b00;background:#fff1df}.unified-request-icon.indigo{color:#3159d9;background:#edf0ff}.unified-request-card-meta>div{box-sizing:border-box;background:#fbfcfe;border:1px solid #e8edf4;border-radius:12px;min-height:72px;padding:12px 13px}.unified-request-card-meta small{font-size:10px}.unified-request-card-meta b{margin-top:2px;font-size:15px}.unified-request-card-bottom{padding-top:13px}.unified-request-details{border-radius:13px;min-height:46px;padding:0 18px;font-size:14px}@media (width<=900px){.modern-request-toolbar{grid-template-columns:minmax(0,1fr) auto}.modern-request-new{grid-column:1/-1}.modern-request-new .primary{width:100%}.modern-request-filter-panel{grid-template-columns:1fr 1fr auto}.modern-requests-hero-art{width:270px;min-width:240px}.hero-art-caption{display:none}}@media (width<=700px){.modern-my-requests{padding-bottom:14px}.modern-requests-hero{border-radius:20px;min-height:126px;margin-bottom:14px;padding:19px 18px}.modern-requests-hero-copy h2{font-size:27px}.modern-requests-hero-copy p{max-width:260px;font-size:13px}.modern-requests-hero-art{display:none}.unified-request-section{border-radius:20px;padding:15px}.modern-request-heading{align-items:flex-start;margin-bottom:13px}.modern-request-heading h3{font-size:21px}.modern-request-heading p{font-size:12px;line-height:1.4}.modern-request-count{display:none}.unified-request-overview{gap:9px;margin-bottom:13px;grid-template-columns:repeat(2,1fr)!important}.unified-request-stat{min-height:76px!important;padding:10px!important}.unified-request-stat b{font-size:21px!important}.unified-request-stat small{font-size:10px!important}.modern-request-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:9px}.modern-request-search{border-radius:14px;height:48px;padding:0 13px}.modern-request-search input{font-size:13px}.modern-request-filter-btn{border-radius:14px;width:50px;min-width:50px;height:48px;padding:0}.modern-request-filter-btn b,.modern-request-filter-btn i{display:none}.modern-request-filter-btn span{font-size:24px}.modern-request-new{grid-column:1/-1}.modern-request-new .primary{border-radius:14px;height:48px;font-size:13px}.modern-request-filter-panel{border-radius:14px;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.modern-request-filter-panel>button{grid-column:1/-1}.modern-request-results-row{margin:1px 0 10px}.modern-request-results-row strong{font-size:17px}.modern-request-results-row label{font-size:10px}.modern-request-results-row select{height:36px;font-size:11px}.unified-request-list{gap:12px}.unified-request-card{border-radius:20px;padding:15px}.unified-request-card-top{padding-bottom:13px}.unified-request-card-top b{font-size:17px}.unified-request-card-top small{font-size:12px}.request-status-pill{padding:9px 13px;font-size:12px}.unified-request-card-title{padding:13px 0 12px}.unified-request-icon{border-radius:15px;width:52px;height:52px;font-size:22px}.unified-request-card-title strong{font-size:16px}.unified-request-card-title small{font-size:12px}.unified-request-card-meta{grid-template-columns:1fr 1fr;gap:9px;padding:11px 0}.unified-request-card-meta>div{min-height:66px;padding:10px}.unified-request-card-meta div:last-child{grid-column:1/-1}.unified-request-card-meta b{font-size:13px}.unified-request-card-bottom{flex-direction:column;align-items:stretch;gap:10px}.unified-request-card-bottom>span{font-size:11px;line-height:1.35}.unified-request-details{width:100%;min-height:46px}}@media (width<=420px){.modern-request-filter-panel{grid-template-columns:1fr}.modern-request-filter-panel>button{grid-column:auto}.unified-request-card-meta{grid-template-columns:1fr 1fr}.unified-request-card-meta div:last-child{grid-column:1/-1}}@media (width<=700px){.requests-shell .employee-topbar{grid-template-columns:auto minmax(0,1fr) auto auto!important;grid-template-areas:"menu main notify logo""user user user user"!important;align-items:center!important;gap:8px!important;margin-bottom:16px!important;padding-bottom:12px!important}.requests-shell .employee-topbar-main{display:contents!important}.requests-shell .mobile-menu-btn{flex-basis:44px!important;grid-area:menu!important;width:44px!important;height:44px!important}.requests-shell .employee-page-title{grid-area:main!important;min-width:0!important;display:block!important}.requests-shell .employee-page-title b{font-size:18px!important}.requests-shell .employee-page-title small{font-size:9px!important}.requests-shell .employee-top-logo{height:min(var(--brand-header-logo-height,42px),34px)!important;grid-area:logo!important;justify-self:end!important;max-width:120px!important}.requests-shell .top-notify{border-radius:12px!important;grid-area:notify!important;width:40px!important;height:40px!important;font-size:18px!important;display:grid!important}.requests-shell .top-user{box-sizing:border-box!important;border-radius:12px!important;grid-area:user!important;justify-content:flex-start!important;width:100%!important;padding:7px 10px!important;display:flex!important}.requests-shell .top-user .avatar{width:34px!important;height:34px!important}.requests-shell .top-user b{font-size:12px!important}.requests-shell .top-user small{font-size:10px!important}.requests-shell .employee-topbar .search-wrap{display:none!important}}.unified-request-live{border-top:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px;padding-top:12px;display:grid}.unified-request-live-cell{box-sizing:border-box;text-align:left;background:#fafbfd;border:1px solid #e4e9f0;border-radius:13px;flex-direction:column;justify-content:center;min-width:0;min-height:66px;padding:9px 10px;display:flex}.unified-request-live-cell small{color:#7b8798;letter-spacing:.45px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:9px;font-weight:900;display:block;overflow:hidden}.unified-request-live-cell b{color:#24344d;font-size:12px;line-height:1.15}.unified-request-live-cell span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.unified-request-live-cell em{color:#8a95a5;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;font-style:normal;overflow:hidden}.unified-request-live-cell.pending{background:#fffaf2;border-color:#ffd9a1}.unified-request-live-cell.approved{background:#f1fbf6;border-color:#bfead3}.unified-request-live-cell.rejected{background:#fff4f4;border-color:#f3c9c9}.unified-request-live-cell .unified-request-details{color:#2d63c8;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:10px;font-weight:900;display:inline-flex}.unified-request-live-cell .unified-request-details span{color:#2d63c8;margin:0;font-size:15px;display:inline;overflow:visible}@media (width<=520px){.unified-request-live{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.unified-request-live-cell{min-height:64px;padding:8px 7px}.unified-request-live-cell small{font-size:8px}.unified-request-live-cell b{font-size:11px}.unified-request-live-cell span{font-size:9px}.unified-request-live-cell em{font-size:8px}}.modern-my-requests{max-width:1320px!important;padding-bottom:28px!important}.modern-requests-hero{background:linear-gradient(115deg,#f5f8ff 0%,#edf4ff 62%,#e8efff 100%)!important;border:1px solid #dfe8f7!important;border-radius:24px!important;min-height:154px!important;padding:26px 30px!important;box-shadow:0 14px 35px #25498c0f!important}.modern-requests-hero-copy h2{letter-spacing:-1px!important;margin:5px 0 7px!important;font-size:34px!important}.modern-requests-hero-copy p{color:#687a96!important;font-size:15px!important}.modern-requests-hero-action{z-index:5;margin-left:auto;position:relative}.modern-requests-hero-action .primary{white-space:nowrap;border-radius:16px!important;height:54px!important;padding:0 24px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 12px 24px #2563eb33!important}.unified-request-section{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.modern-request-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;margin:0 0 14px!important}.modern-request-search{background:#fff!important;border:1px solid #e1e8f2!important;border-radius:16px!important;height:54px!important;box-shadow:0 8px 22px #0f172a0b!important}.modern-request-search span{font-size:25px!important}.modern-request-filter-btn{background:#fff!important;border-color:#e1e8f2!important;border-radius:16px!important;min-width:132px!important;height:54px!important;font-weight:900!important;box-shadow:0 8px 22px #0f172a0b!important}.modern-request-filter-btn.active{background:#f2f6ff!important;border-color:#a9c2ff!important}.unified-request-overview{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important;display:grid!important}.unified-request-stat{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;position:relative;text-align:left!important;background:#fff!important;border:1px solid #e2e8f1!important;border-radius:18px!important;min-height:88px!important;padding:13px 16px!important;display:grid!important;box-shadow:0 7px 20px #0f172a09!important}.unified-request-stat span{background:#f1f5fb;border-radius:12px;grid-row:1/-1;place-items:center;width:38px;height:38px;font-weight:900;display:grid;font-size:20px!important}.unified-request-stat b{line-height:1;color:#172b4d!important;font-size:21px!important}.unified-request-stat small{letter-spacing:.15px;color:#728097!important;font-size:10px!important;font-weight:900!important}.unified-request-stat.pending span{color:#d88908;background:#fff4dd}.unified-request-stat.approved span{color:#168a59;background:#e9f8f0}.unified-request-stat.rejected span{color:#cf3333;background:#fff0f0}.unified-request-stat.total span{color:#3159d9;background:#edf2ff}.unified-request-stat.active{border-color:#8fb2ff!important;box-shadow:0 0 0 1.5px #2563eb,0 10px 24px #2563eb14!important}.unified-request-stat.pending.active{border-color:#f0c16a!important;box-shadow:0 0 0 1.5px #d88908,0 10px 24px #d8890814!important}.modern-request-filter-panel{background:#fff!important;border-radius:16px!important;margin-bottom:16px!important;box-shadow:0 12px 28px #0f172a0e!important}.modern-request-results-row{margin:0 0 12px!important;padding:0 2px!important}.modern-request-results-row strong{letter-spacing:-.4px!important;color:#172b4d!important;font-size:22px!important}.modern-request-results-row label{font-size:12px!important}.modern-request-results-row select{background:#fff!important;border-radius:12px!important;height:42px!important}.unified-request-list{gap:14px!important}.unified-request-card{background:#fff!important;border:1px solid #e2e8f1!important;border-radius:24px!important;padding:18px!important;box-shadow:0 10px 28px #0f172a0b!important}.unified-request-card:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f172a11!important}.unified-request-card-top{border-color:#edf1f6!important;padding-bottom:13px!important}.unified-request-card-top b{letter-spacing:-.25px!important;font-size:20px!important}.unified-request-card-top small{font-size:12px!important}.request-status-pill{border-radius:999px!important;padding:10px 15px!important;font-size:12px!important;font-weight:900!important}.unified-request-card-title{padding:14px 0 12px!important}.unified-request-icon{border-radius:16px!important;width:54px!important;height:54px!important}.unified-request-card-title strong{font-size:17px!important}.unified-request-card-title small{color:#718096!important;font-size:12px!important}.unified-request-card-meta{gap:10px!important;padding:11px 0!important}.unified-request-card-meta>div{background:#f9fbfe!important;border-color:#e7edf4!important;border-radius:14px!important;min-height:60px!important;padding:10px 12px!important}.unified-request-card-meta small{letter-spacing:.55px!important;font-size:9px!important}.unified-request-card-meta b{font-size:14px!important}.unified-request-card-meta>div:first-child,.unified-request-card-meta>div:nth-child(2){background:#fbfcff}.unified-request-live{border-top:1px solid #edf1f6!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:11px!important;padding:15px 0 2px!important;display:grid!important}.unified-request-live-cell{text-align:left!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:flex-start!important;min-height:82px!important;padding:0 12px!important;position:relative!important}.unified-request-live-cell:not(:last-child){border-right:1px solid #edf1f6!important}.unified-request-live-cell small{color:#51627d!important;letter-spacing:.35px!important;white-space:nowrap!important;margin-bottom:10px!important;font-size:9px!important}.unified-request-live-cell b{font-size:12px!important}.unified-request-live-cell span{margin-top:5px!important;font-size:10px!important}.unified-request-live-cell em{font-size:9px!important}.unified-request-live-cell:before{content:"";background:#cbd5e1;border-radius:50%;width:10px;height:10px;position:absolute;top:25px;left:12px;box-shadow:0 0 0 4px #f4f7fb}.unified-request-live-cell:after{content:"";background:#d9e1ec;height:1px;position:absolute;top:29px;left:26px;right:12px}.unified-request-live-cell:nth-child(2):before{background:#f0a31a;box-shadow:0 0 0 4px #fff6e6}.unified-request-live-cell:nth-child(2):after{background:#e3e8ef}.unified-request-live-cell:nth-child(3):before{background:#f0a31a;box-shadow:0 0 0 4px #fff6e6}.unified-request-live-cell small,.unified-request-live-cell b,.unified-request-live-cell span,.unified-request-live-cell em,.unified-request-live-cell button{z-index:2;position:relative}.unified-request-live-cell small{padding-top:0}.unified-request-live-cell b{padding-top:18px}.unified-request-live-cell.approved:before{background:#20a56d;box-shadow:0 0 0 4px #eaf8f1}.unified-request-live-cell.rejected:before{background:#df4a4a;box-shadow:0 0 0 4px #fff0f0}.unified-request-live-cell.approved b{color:#168a59!important}.unified-request-live-cell.rejected b{color:#cf3333!important}.unified-request-live-cell.pending b{color:#d88908!important}.unified-request-live-cell .unified-request-details{color:#2563eb!important;margin-top:7px!important;padding:0!important;font-size:10px!important;font-weight:900!important}.unified-request-live-cell .unified-request-details span{font-size:16px!important}@media (width<=900px){.modern-requests-hero{padding:22px!important}.modern-requests-hero-art{width:230px;min-width:200px}.modern-requests-hero-action .primary{padding:0 18px!important}.unified-request-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=700px){.modern-my-requests{padding-bottom:16px!important}.modern-requests-hero{border-radius:20px!important;gap:14px!important;min-height:0!important;margin-bottom:14px!important;padding:20px 18px!important}.modern-requests-hero-copy h2{margin:3px 0 5px!important;font-size:28px!important}.modern-requests-hero-copy p{font-size:12px!important}.modern-requests-hero-action{margin-left:0!important;display:block!important}.modern-requests-hero-action .primary{border-radius:14px!important;height:48px!important;padding:0 16px!important;font-size:12px!important}.modern-requests-hero-art{display:none!important}.modern-request-toolbar{grid-template-columns:minmax(0,1fr) 50px!important;gap:9px!important;margin-bottom:13px!important}.modern-request-search{border-radius:15px!important;height:50px!important;padding:0 13px!important}.modern-request-filter-btn{border-radius:15px!important;width:50px!important;min-width:50px!important;height:50px!important;padding:0!important}.modern-request-filter-btn b,.modern-request-filter-btn i{display:none!important}.modern-request-filter-btn span{font-size:23px!important}.unified-request-overview{gap:9px!important;margin-bottom:15px!important}.unified-request-stat{column-gap:9px;border-radius:16px!important;min-height:72px!important;padding:10px 12px!important}.unified-request-stat span{border-radius:10px;width:34px;height:34px;font-size:18px!important}.unified-request-stat b{font-size:19px!important}.unified-request-stat small{font-size:9px!important}.modern-request-results-row{margin-bottom:10px!important}.modern-request-results-row strong{font-size:19px!important}.modern-request-results-row label{font-size:10px!important}.modern-request-results-row select{border-radius:11px!important;height:38px!important;font-size:11px!important}.unified-request-card{border-radius:21px!important;padding:15px!important}.unified-request-card-top{padding-bottom:12px!important}.unified-request-card-top b{font-size:18px!important}.unified-request-card-title{padding:12px 0 10px!important}.unified-request-icon{border-radius:15px!important;width:50px!important;height:50px!important}.unified-request-card-title strong{font-size:16px!important}.unified-request-card-meta{gap:8px!important;padding:10px 0!important}.unified-request-card-meta>div{border-radius:13px!important;min-height:55px!important;padding:9px 10px!important}.unified-request-card-meta b{font-size:13px!important}.unified-request-live{margin-top:9px!important;padding:13px 0 0!important}.unified-request-live-cell{min-height:76px!important;padding:0 8px!important}.unified-request-live-cell:not(:last-child){border-right:1px solid #edf1f6!important}.unified-request-live-cell small{white-space:nowrap;max-width:100%;margin-bottom:8px!important;font-size:8px!important}.unified-request-live-cell b{padding-top:16px;font-size:11px!important}.unified-request-live-cell span{font-size:9px!important}.unified-request-live-cell em{font-size:8px!important}.unified-request-live-cell:before{width:9px;height:9px;top:24px;left:8px;box-shadow:0 0 0 3px #f4f7fb}.unified-request-live-cell:after{top:28px;left:20px;right:8px}.unified-request-live-cell .unified-request-details{margin-top:6px!important;font-size:9px!important}.unified-request-live-cell .unified-request-details span{font-size:14px!important}}@media (width<=420px){.modern-requests-hero-action .primary{padding:0 12px!important;font-size:11px!important}.unified-request-live-cell{padding:0 6px!important}.unified-request-live-cell small{letter-spacing:.15px;font-size:7px!important}.unified-request-live-cell:before{left:6px}.unified-request-live-cell:after{left:18px;right:6px}.unified-request-live-cell b{font-size:10px!important}.unified-request-live-cell span{font-size:8px!important}.unified-request-live-cell em{font-size:7px!important}}@media (width>=701px){.modern-my-requests .unified-request-list{gap:12px!important}.modern-my-requests .unified-request-card{border-radius:20px!important;padding:14px!important}.modern-my-requests .unified-request-card-top{padding-bottom:9px!important}.modern-my-requests .unified-request-card-top b{font-size:17px!important}.modern-my-requests .unified-request-card-title{padding:10px 0 9px!important}.modern-my-requests .unified-request-icon{border-radius:13px!important;width:46px!important;height:46px!important;font-size:20px!important}.modern-my-requests .unified-request-card-title strong{font-size:15px!important}.modern-my-requests .unified-request-card-meta{gap:8px!important;padding:8px 0!important}.modern-my-requests .unified-request-card-meta>div{border-radius:11px!important;min-height:48px!important;padding:8px 10px!important}.modern-my-requests .unified-request-card-meta b{font-size:13px!important}.modern-my-requests .unified-request-live{margin-top:8px!important;padding-top:8px!important}.modern-my-requests .unified-request-live-cell{padding:7px 9px!important}.modern-my-requests .unified-request-live-cell b{font-size:12px!important}.modern-my-requests .unified-request-live-cell span,.modern-my-requests .unified-request-live-cell em{font-size:10px!important}.modern-my-requests .unified-request-details{border-radius:10px!important;min-height:32px!important;padding:0 10px!important;font-size:11px!important}}@media (width<=700px){.modern-my-requests .unified-request-list{gap:10px!important}.modern-my-requests .unified-request-card{border-radius:18px!important;padding:12px!important}.modern-my-requests .unified-request-card-top{padding-bottom:8px!important}.modern-my-requests .unified-request-card-top b{font-size:17px!important}.modern-my-requests .unified-request-card-title{padding:9px 0 8px!important}.modern-my-requests .unified-request-icon{border-radius:13px!important;width:46px!important;height:46px!important;font-size:20px!important}.modern-my-requests .unified-request-card-title strong{font-size:15px!important}.modern-my-requests .unified-request-card-title small{font-size:11px!important}.modern-my-requests .unified-request-card-meta{gap:7px!important;padding:8px 0!important}.modern-my-requests .unified-request-card-meta>div{border-radius:11px!important;min-height:48px!important;padding:8px 9px!important}.modern-my-requests .unified-request-card-meta b{font-size:13px!important}.modern-my-requests .unified-request-live{margin-top:7px!important;padding-top:7px!important}.modern-my-requests .unified-request-live-cell{padding:6px 7px!important}.modern-my-requests .unified-request-live-cell small{font-size:8px!important}.modern-my-requests .unified-request-live-cell b{font-size:12px!important}.modern-my-requests .unified-request-live-cell span,.modern-my-requests .unified-request-live-cell em{font-size:9px!important}.modern-my-requests .unified-request-details{border-radius:9px!important;min-height:30px!important;padding:0 8px!important;font-size:10px!important}}.modern-my-requests .unified-request-card-meta.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modern-my-requests .unified-request-card-meta.two-fields>div:last-child{grid-column:auto!important}@media (width<=700px){.modern-my-requests .unified-request-card-meta.two-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modern-my-requests .unified-request-card-meta.two-fields>div:last-child{grid-column:auto!important}.modern-my-requests .unified-request-card-top{padding-bottom:7px!important}.modern-my-requests .unified-request-card-title{padding:8px 0 7px!important}.modern-my-requests .unified-request-card-meta{padding:7px 0!important}.modern-my-requests .unified-request-live{margin-top:6px!important;padding-top:6px!important}.modern-my-requests .unified-request-live-cell{min-height:68px!important}}.team-employees-mobile-cards{display:none}.team-employee-mobile-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:14px 15px;box-shadow:0 8px 24px #14233c0d}.team-employee-mobile-top{align-items:center;gap:11px;display:flex}.team-employee-mobile-top>div{flex:1;min-width:0}.team-employee-mobile-top b{color:#14233c;white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.team-employee-mobile-top small{color:#718096;margin-top:2px;font-size:11px;display:block}.team-employee-status{color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.team-employee-status.active{color:#15805f;background:#e9f8f0}.team-employee-mobile-meta{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.team-employee-mobile-meta div{background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;padding:9px 10px}.team-employee-mobile-meta div:last-child{grid-column:1/-1}.team-employee-mobile-meta small{color:#8995a8;letter-spacing:.4px;font-size:8px;font-weight:800;display:block}.team-employee-mobile-meta b{color:#26364f;margin-top:3px;font-size:11px;display:block}.team-employee-empty{text-align:center;color:#718096;padding:18px;font-size:12px}@media (width<=700px){.team-page .panel>.tablewrap,.team-employees-desktop-table{display:none!important}.team-employees-mobile-cards{gap:10px;display:grid}}.team-page .panel>.tablewrap{display:none!important}.team-request-desktop-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid!important}.team-request-card{background:#fff;border:1px solid #e3e8f0;border-radius:24px;padding:18px;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.team-request-card-top{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.team-request-person{align-items:center;gap:12px;min-width:0;display:flex}.team-request-person>div{flex-direction:column;gap:3px;min-width:0;display:flex}.team-request-person strong{color:#14233c;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.team-request-person small{color:#7b8798;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.team-request-avatar{color:#183b72;background:#eaf0ff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.team-request-meta{border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0;display:grid}.team-request-meta div{min-width:0}.team-request-meta small,.team-request-stage small,.team-request-final small{color:#7b8798;letter-spacing:.04em;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.team-request-meta b{color:#14233c;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.team-request-stages{grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;display:grid}.team-request-stage{background:#fffbf1;border:1px solid #eadfbf;border-radius:16px;min-width:0;padding:13px}.team-request-stage.approved{background:#f2fbf6;border-color:#c9ecd9}.team-request-stage.rejected{background:#fff4f4;border-color:#f0cccc}.team-request-stage.not-required{background:#f8fafc;border-color:#e3e8f0}.team-request-stage b{color:#c58a13;margin-bottom:3px;font-size:16px;display:block}.team-request-stage.approved b{color:#168a59}.team-request-stage.rejected b{color:#c73535}.team-request-stage.not-required b{color:#64748b}.team-request-stage span,.team-request-stage em{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;display:block;overflow:hidden}.team-request-stage em{margin-top:3px}.team-request-bottom{border-top:1px solid #edf1f6;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.team-request-final{background:#f7faff;border:1px solid #dfe7f3;border-radius:16px;padding:13px}.team-request-final.approved{background:#f2fbf6;border-color:#c9ecd9}.team-request-final.rejected{background:#fff4f4;border-color:#f0cccc}.team-request-final b{color:#2563a9;font-size:16px;display:block}.team-request-final.approved b{color:#168a59}.team-request-final.rejected b{color:#c73535}.team-request-details{color:#2860aa;cursor:pointer;background:#f7faff;border:1px solid #dce6f4;border-radius:16px;width:100%;min-height:52px;font-weight:900}.team-request-details span{font-size:25px;line-height:1}.team-request-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.team-request-actions button{cursor:pointer;border-radius:16px;height:52px;font-size:15px;font-weight:900}.team-approve-btn{color:#168a59;background:#ecfaf2;border:1px solid #bfead3}.team-reject-btn{color:#d93434;background:#fff0f0;border:1px solid #f2cccc}.team-request-actions button:disabled{opacity:.5;cursor:not-allowed}.team-request-detail-modal{max-width:700px}.team-request-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-request-detail-grid>div{background:#fafbfd;border:1px solid #e5eaf1;border-radius:12px;padding:12px}.team-request-detail-grid small,.team-request-approval-history small{color:#7b8798;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.team-request-detail-grid b,.team-request-approval-history b{color:#14233c;overflow-wrap:anywhere;display:block}.team-request-approval-history{border-top:1px solid #edf1f6;margin-top:16px;padding-top:14px}.team-request-approval-history h3{color:#14233c;margin:0 0 12px;font-size:16px}.team-request-approval-history>div{border-bottom:1px solid #edf1f6;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:12px 0;display:grid}.team-request-approval-history span,.team-request-approval-history em{color:#64748b;font-size:12px;font-style:normal;display:block}.detail-status-approved{color:#168a59!important}.detail-status-rejected{color:#c73535!important}.detail-status-pending{color:#c58a13!important}@media (width<=900px){.team-request-desktop-cards{grid-template-columns:1fr}}@media (width<=700px){.team-request-desktop-cards{grid-template-columns:1fr;gap:16px;display:grid!important}}@media (width<=420px){.team-request-card{border-radius:20px;padding:15px}.team-request-avatar{width:50px;height:50px}.team-request-person strong{font-size:16px}.team-request-meta{grid-template-columns:1fr 1fr}.team-request-meta div:last-child{grid-column:1/-1}.team-request-bottom,.team-request-actions{grid-template-columns:1fr 1fr}.team-request-detail-grid{grid-template-columns:1fr}.team-request-approval-history>div{grid-template-columns:1fr 1fr}.team-request-approval-history>div:last-child{grid-template-columns:1fr}}.policy-box.active{outline:2px solid var(--accent,#2563eb);outline-offset:-2px}.policy-box button.mini.primary{font-weight:700}.admin-access-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.admin-access-sidebar{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:10px;position:sticky;top:12px}.admin-access-sidebar-head{color:#23334c;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;margin-bottom:7px;padding:8px 8px 10px;display:flex}.admin-access-sidebar-head button{cursor:pointer;color:#7b8798;background:0 0;border:0;font-size:20px}.admin-access-menu-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:3px;width:100%;margin-bottom:5px;padding:11px 10px;display:flex}.admin-access-menu-item b{color:#23334c;font-size:12px}.admin-access-menu-item small{color:#7b8798;font-size:10px;line-height:1.35}.admin-access-menu-item:hover,.admin-access-menu-item.active{background:#f4f7ff;border-color:#d7e1f4}.admin-access-menu-item.active{box-shadow:0 0 0 1px #274f9e0d}.admin-access-content{min-width:0}.admin-access-mobile-bar{align-items:center;gap:10px;margin-bottom:10px;display:none}.admin-access-menu-toggle{color:#23334c;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:9px 12px;font-weight:800}.admin-access-group-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-access-group-head h4{color:#23334c;margin:0 0 3px}.admin-access-group-head p{margin:0}.admin-permission-list{flex-direction:column;gap:10px;display:flex}.admin-permission-card{background:#fff;border:1px solid #e2e7ef;border-radius:14px;overflow:hidden}.admin-permission-card-head{background:#f8fafc;border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.admin-permission-card-head b{color:#23334c}.admin-permission-card-head span{color:#7b8798;font-size:10px}.admin-permission-roles{flex-direction:column;display:flex}.admin-role-permission{border-bottom:1px solid #f0f2f6;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:9px 12px;display:grid}.admin-role-permission:last-child{border-bottom:0}.admin-role-name{flex-direction:column;gap:2px;display:flex}.admin-role-name b{color:#34445c;font-size:12px}.admin-role-name small{color:#168a59;font-size:9px;font-weight:800}.admin-role-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-action-chip{cursor:pointer;background:#fff;border:1px solid #e0e5ed;border-radius:8px;align-items:center;padding:5px 7px;color:#516078!important;flex-direction:row!important;gap:5px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.admin-action-chip input{width:auto!important;padding:0!important}.admin-scope-select{color:#34445c;background:#fff;border:1px solid #d8dee8;border-radius:8px;width:100%;padding:7px 8px;font-size:11px}.admin-access-note{margin:11px 0 0}@media (width<=900px){.admin-access-layout{grid-template-columns:1fr}.admin-access-sidebar{z-index:40;max-height:70vh;display:none;position:fixed;top:90px;left:14px;right:14px;overflow:auto;box-shadow:0 18px 45px #1622372e}.admin-access-sidebar.open{display:block}.admin-access-mobile-bar{display:flex}.admin-role-permission{grid-template-columns:125px minmax(0,1fr)}.admin-scope-select{grid-column:2}.admin-access-group-head .admin-access-menu-toggle{display:none}}@media (width<=600px){.admin-role-permission{grid-template-columns:1fr}.admin-scope-select{grid-column:auto}.admin-access-group-head{align-items:flex-start}.admin-access-group-head .admin-access-menu-toggle{display:block}.admin-action-chip{font-size:9px!important}}.employee-nav-section-label{letter-spacing:.12em;color:#8b93a7;text-transform:uppercase;margin:18px 14px 8px;padding:0 12px;font-size:10px;font-weight:800}.hr-command-dashboard .command-columns{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.hr-command-dashboard .command-columns{grid-template-columns:1fr}.employee-nav-section-label{margin-top:14px}}.hr-operations-section{margin-top:18px}.hr-operations-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.hr-operations-head h3{color:#14233c;margin:4px 0;font-size:22px}.hr-operations-head p{color:#64748b;margin:0;font-size:13px}.hr-operations-head button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:9px 13px;font-weight:800}.hr-ops-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.hr-chart{flex-direction:column;gap:14px;display:flex}.hr-chart-legend{grid-template-columns:1fr 1fr;gap:9px;display:grid}.hr-chart-legend span{color:#64748b;align-items:center;gap:7px;font-size:11px;display:flex}.hr-chart-legend b{color:#172033;margin-left:auto}.hr-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.hr-dot.green{background:#16a34a}.hr-dot.orange{background:#f59e0b}.hr-dot.red{background:#ef4444}.hr-dot.blue{background:#3b82f6}.hr-dot.purple{background:#8b5cf6}.hr-dot.indigo{background:#6366f1}.hr-dot.gray{background:#94a3b8}.hr-bars{flex-direction:column;gap:10px;display:flex}.hr-bar-row{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:145px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:0;display:grid}.hr-bar-row>span{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.hr-bar-track{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.hr-bar{border-radius:999px;min-width:0;height:100%;display:block}.hr-bar.green{background:#22c55e}.hr-bar.orange{background:#f59e0b}.hr-bar.red{background:#ef4444}.hr-bar.blue{background:#3b82f6}.hr-bar.purple{background:#8b5cf6}.hr-bar.indigo{background:#6366f1}.hr-bar.gray{background:#94a3b8}.hr-bar-row>b{text-align:right;color:#172033;font-size:12px}.hr-chart-total{align-items:baseline;gap:8px;padding-top:3px;display:flex}.hr-chart-total strong{color:#14233c;font-size:28px}.hr-chart-total span{color:#64748b;font-size:11px}.hr-status-chart{flex-direction:column;gap:15px;display:flex}.hr-status-chart>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:95px minmax(0,1fr) 35px;align-items:center;gap:10px;padding:0;display:grid}.hr-status-label{color:#475569;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.hr-status-chart b{text-align:right;font-size:12px}.hr-alert-list{flex-direction:column;gap:8px;display:flex}.hr-alert-list button{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #edf0f4;border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.hr-alert-list button>span{color:#4f46e5;background:#eef2ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.hr-alert-list b,.hr-alert-list small{display:block}.hr-alert-list b{color:#23334c;font-size:12px}.hr-alert-list small{color:#7b8798;margin-top:2px;font-size:10px}.hr-alert-list strong{color:#172033;font-size:16px}.hr-dashboard-parity .team-dashboard-grid{margin-top:18px}.hr-dashboard-parity .team-dashboard-grid:last-of-type>.panel:last-child{grid-column:span 2}.hr-dashboard-parity .team-dashboard-grid:last-of-type .command-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-dashboard-parity .request-cards{margin-bottom:18px}.hr-quick-actions-row{margin-top:18px}.hr-quick-actions-row>.panel{width:100%}.hr-quick-actions-row .command-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1100px){.hr-quick-actions-row .command-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.hr-quick-actions-row .command-quick-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.hr-ops-grid{grid-template-columns:1fr}.hr-operations-head{flex-direction:column;align-items:flex-start}.hr-bar-row{grid-template-columns:115px minmax(0,1fr) 32px}.hr-dashboard-parity .team-dashboard-grid:last-of-type>.panel:last-child{grid-column:auto}.hr-dashboard-parity .team-dashboard-grid:last-of-type .command-quick-grid{grid-template-columns:1fr 1fr}}.employees-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}.employee-list-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.employee-search{border:1px solid var(--border,#dfe4ea);box-sizing:border-box;background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:260px;height:42px;padding:0 12px;display:flex}.employee-search span{color:#7b8794;font-size:20px;line-height:1}.employee-search input{width:100%;font:inherit;color:inherit;background:0 0;border:0;outline:0;min-width:0}.employee-name-link{font:inherit;text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:none}.employee-name-link:hover{text-decoration:underline}@media (width<=760px){.employee-list-actions{width:100%;margin-left:0}.employee-search{flex:1;min-width:0}}.my-request-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.my-request-history-card{background:var(--surface,#fff);border:1px solid var(--border,#e6e9ef);cursor:pointer;border-radius:18px;padding:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #141f380d}.my-request-history-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #141f3817}.my-request-card-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.my-request-card-head>div{flex-direction:column;flex:1;gap:3px;display:flex}.my-request-card-head strong{font-size:16px}.my-request-card-head small{color:#7a8292}.my-request-card-arrow{color:#8a92a1;font-size:24px}.my-request-history-rows{flex-direction:column;gap:8px;display:flex}.my-request-history-rows>div{border-top:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.my-request-history-rows>div>div{flex-direction:column;gap:2px;min-width:0;display:flex}.my-request-history-rows b{font-size:12px}.my-request-history-rows small{color:#7a8292;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-request-history-card>button{cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-weight:700}.company-request-type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.company-request-type-card{border:1px solid var(--border,#e6e9ef);text-align:left;cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:14px;display:flex;overflow:hidden}.company-request-type-card.active{border-color:#9db6e8;box-shadow:0 0 0 2px #285ac829}.company-request-type-head{border-bottom:1px solid #edf1f6;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:10px;padding-bottom:14px;min-height:42px!important;display:grid!important}.company-request-type-head strong{font-size:13px;line-height:1.25}.company-request-type-head>b{color:#8992a1;text-align:right;font-size:20px}.company-request-type-stats{padding-top:4px;flex-direction:column!important;flex:none!important;gap:0!important;display:flex!important}.company-request-type-stats>span{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;display:grid}.company-request-type-stats>span+span{border-top:1px solid #f0f2f6}.company-request-type-stats b{text-align:center;font-size:15px}.company-request-type-stats small{color:#66748a;font-size:10px;font-weight:700;line-height:1.2}.company-request-status-tabs{flex-wrap:wrap;gap:6px;display:flex}.company-request-status-tabs button{cursor:pointer;background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:8px 11px}.company-request-status-tabs button.active{font-weight:700;box-shadow:inset 0 0 0 1px #9db6e8}.company-request-status-tabs span{color:#7a8292;font-size:11px}.company-request-history-list{flex-direction:column;gap:10px;display:flex}.company-request-row{background:#fff;border:1px solid #e6e9ef;border-radius:15px;grid-template-columns:1.2fr 1.2fr 1fr auto auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.company-request-row-main{align-items:center;gap:10px;display:flex}.company-request-row>div:not(.company-request-row-main){flex-direction:column;gap:3px;min-width:0;display:flex}.company-request-row b{font-size:13px}.company-request-row small{color:#7a8292}.company-request-row .avatar{flex:0 0 34px;width:34px;height:34px}.request-empty.compact{border:0;padding:8px 0}@media (width<=1100px){.company-request-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.company-request-row{grid-template-columns:1fr 1fr}.company-request-row .request-status-pill,.company-request-row .mini{justify-self:start}}@media (width<=760px){.my-request-card-grid,.company-request-type-grid,.company-request-row{grid-template-columns:1fr}.company-request-row .request-status-pill,.company-request-row .mini{justify-self:start}}.request-history-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.request-history-toolbar .team-request-search{flex:1;min-width:240px}.request-history-toolbar select{min-width:145px}.request-history-list{flex-direction:column;gap:10px;display:flex}.request-history-row{background:#fff;border:1px solid #e6eaf0;border-radius:14px;grid-template-columns:1.1fr 1.7fr .8fr auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.request-history-row>div{flex-direction:column;gap:4px;display:flex}.request-history-row small{color:#7b8494;font-size:12px}.request-history-row strong{font-size:14px}.request-history-row .request-status-pill{justify-self:end}.request-history-row:hover{box-shadow:0 4px 14px #1420320f}@media (width<=800px){.request-history-row{grid-template-columns:1fr 1fr}.request-history-row .request-status-pill{justify-self:start}.request-history-toolbar select{flex:1;min-width:130px}}.request-history-page .panel>.request-history-table{display:block!important}.employee-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.employee-directory-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;min-width:0;padding:18px;transition:all .2s;box-shadow:0 10px 30px #0f172a0a}.employee-directory-card:hover{border-color:#cbd8f8;transform:translateY(-2px);box-shadow:0 18px 40px #0f172a14}.employee-card-head{align-items:center;gap:13px;min-width:0;display:flex}.employee-card-photo{object-fit:cover;background:#eef3ff;border-radius:18px;flex:0 0 64px;width:64px;height:64px}.employee-card-initial{color:#274690;background:linear-gradient(135deg,#dbeafe,#e9d5ff);place-items:center;font-size:22px;font-weight:900;display:grid}.employee-card-title{flex:1;min-width:0}.employee-card-title h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.employee-card-title small{color:#718096;margin-top:3px;font-size:11px;display:block}.employee-card-title p{color:#42516a;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:12px;overflow:hidden}.employee-card-status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.employee-card-status.active{color:#0b8f62;background:#e8f8f1}.employee-card-status.leave{color:#b66a00;background:#fff4df}.employee-card-status.inactive{color:#6b7280;background:#f1f3f6}.employee-card-dept{margin:14px 0 12px}.employee-card-dept span{color:#3159d9;background:#eef3ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}.employee-card-meta{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;grid-template-columns:1fr 1fr;gap:10px 14px;padding:13px 0;display:grid}.employee-card-meta div{min-width:0}.employee-card-meta small{color:#8490a3;letter-spacing:.6px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.employee-card-meta b{color:#26344c;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.employee-card-actions{grid-template-columns:1fr 1fr 40px;gap:8px;margin-top:13px;display:grid}.employee-card-actions button{color:#23314a;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:9px 10px;font-weight:800}.employee-card-actions button:first-child{color:#2563eb;background:#f5f8ff}.employee-card-actions button:last-child{padding:0;font-size:18px}.form input[type=file]{background:#fafcff;padding:8px}@media (width<=1100px){.employee-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.employee-card-grid{grid-template-columns:1fr}.employee-card-head{align-items:flex-start}.employee-card-meta{grid-template-columns:1fr 1fr}}.leave-balances-modern{padding-bottom:10px}.leave-balances-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.leave-balances-head h1{letter-spacing:-.7px;margin:0;font-size:30px}.leave-balances-head p{color:#748199;margin:6px 0 0}.leave-balances-head-actions{align-items:center;gap:10px;display:flex}.leave-balances-head-actions select,.leave-balances-head-actions button,.leave-balances-year{color:#26344c;background:#fff;border:1px solid #dbe3ef;border-radius:11px;height:42px;padding:0 13px;font-weight:700}.leave-balances-head-actions select{min-width:155px}.leave-export-placeholder{cursor:pointer}.leave-export-placeholder:hover{background:#f7faff;border-color:#b9c9ef}.leave-balances-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.leave-balances-search{background:#fff;border:1px solid #dce4ef;border-radius:12px;flex:1;align-items:center;gap:9px;height:44px;padding:0 13px;display:flex}.leave-balances-search span{color:#7a8799;font-size:20px}.leave-balances-search input{width:100%;font:inherit;color:#162033;background:0 0;border:0;outline:0}.leave-balances-year{color:#3159d9;background:#f7f9ff;justify-content:center;align-items:center;min-width:90px;display:flex}.leave-balance-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.leave-balance-card{background:#fffffff5;border:1px solid #e3e9f3;border-radius:19px;padding:16px;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 28px #0f172a0f}.leave-balance-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f172a17}.leave-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.leave-card-person{align-items:center;gap:11px;min-width:0;display:flex}.leave-card-person img,.leave-card-photo-fallback{object-fit:cover;border-radius:17px;flex:0 0 58px;width:58px;height:58px}.leave-card-photo-fallback{color:#274690;background:linear-gradient(135deg,#dbeafe,#e9d5ff);place-items:center;font-size:21px;font-weight:900;display:grid}.leave-card-person h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;overflow:hidden}.leave-card-person small{color:#718096;margin-top:3px;font-size:10px;display:block}.leave-card-person p{color:#42516a;margin:5px 0 0;font-size:11px}.leave-active-badge{color:#0b8f62;white-space:nowrap;background:#e7f8f0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.leave-card-body{border-top:1px solid #eef2f7;align-items:center;gap:17px;margin-top:16px;padding-top:15px;display:flex}.leave-progress-ring{--usage:0%;background:conic-gradient(#3b82f6 var(--usage),#e7edf6 0);border-radius:50%;flex:0 0 96px;place-items:center;width:96px;height:96px;display:grid;position:relative}.leave-progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.leave-progress-ring>div{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.leave-progress-ring strong{color:#17356f;font-size:17px}.leave-progress-ring small{color:#7a8799;margin-top:1px;font-size:9px}.leave-progress-ring em{color:#64748b;margin-top:2px;font-size:8px;font-style:normal}.leave-card-stats{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;min-width:0;display:grid}.leave-card-stats div{min-width:0}.leave-card-stats small{color:#718096;margin-bottom:3px;font-size:9px;display:block}.leave-card-stats b{color:#172033;font-size:14px;display:block}.leave-card-footer{border-top:1px solid #eef2f7;gap:8px;margin-top:15px;padding-top:13px;display:flex}.leave-card-footer button{color:#2563eb;cursor:pointer;background:#f3f7ff;border:1px solid #dce5f2;border-radius:10px;flex:1;padding:9px 10px;font-weight:800}.leave-card-footer .leave-adjust-btn{color:#334155;background:#fff;flex:none}.leave-history-modern{background:#fff;border:1px solid #e3e9f3;border-radius:19px;margin-top:18px;padding:18px;box-shadow:0 10px 28px #0f172a0d}.leave-history-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.leave-history-head h2{margin:0;font-size:18px}.leave-history-head p{color:#7a8799;margin:4px 0 0;font-size:12px}.leave-history-head>span{color:#3159d9;background:#f5f8ff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.leave-history-employee{align-items:center;gap:8px;display:flex}.leave-history-employee img,.leave-history-employee>span{object-fit:cover;border-radius:50%;width:34px;height:34px}.leave-history-employee>span{color:#3159d9;background:#e9efff;place-items:center;font-size:11px;font-weight:900;display:grid}.leave-history-employee b,.leave-history-employee small{display:block}.leave-history-employee small{color:#7a8799;margin-top:2px;font-size:9px}.leave-type-pill,.leave-status-approved{color:#2563eb;background:#edf4ff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}.leave-type-pill.emergency{color:#c0265b;background:#fff0f4}.leave-status-approved{color:#0b8f62;background:#e8f8f1}.leave-history-modal{width:min(850px,100%)}@media (width<=1100px){.leave-balance-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-balances-head{flex-direction:column;align-items:flex-start}.leave-balances-head-actions{width:100%}.leave-balances-head-actions select{flex:1}}@media (width<=700px){.leave-balance-card-grid{grid-template-columns:1fr}.leave-balances-head-actions{flex-wrap:wrap}.leave-balances-head-actions select{width:100%}.leave-balances-toolbar{flex-direction:column;align-items:stretch}.leave-balances-year{width:100%}.leave-card-body{align-items:flex-start}.leave-progress-ring{flex-basis:88px;width:88px;height:88px}}.absence-management-page .panel{overflow:visible}.absence-intro{background:linear-gradient(135deg,#f8fbff,#f8fafc);border:1px solid #e5eaf1;border-radius:20px;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:20px;padding:22px;display:flex}.absence-intro h3{letter-spacing:-.3px;color:#0f172a;margin:5px 0 6px;font-size:20px}.absence-intro p{color:#64748b;max-width:760px;margin:0;font-size:13px;line-height:1.55}.absence-policy-note{border-left:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:flex-end;min-width:150px;padding-left:20px;display:flex}.absence-policy-note b{color:#0f172a;font-size:14px}.absence-policy-note span{color:#64748b;margin-top:4px;font-size:12px}.absence-filters{grid-template-columns:1fr 1.2fr 1.4fr 1fr 1.5fr;gap:12px;margin-bottom:18px;display:grid}.absence-filters label,.absence-resolve-section label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.absence-filters input,.absence-filters select,.absence-resolve-section select,.absence-resolve-section textarea,.absence-bulk-actions select{box-sizing:border-box;width:100%;font:inherit;color:#0f172a;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #dce3ec;border-radius:12px;outline:none;padding:11px 12px;font-weight:600}.absence-filters input:focus,.absence-filters select:focus,.absence-resolve-section select:focus,.absence-resolve-section textarea:focus,.absence-bulk-actions select:focus{border-color:#8b9cf6;box-shadow:0 0 0 3px #eef2ff}.absence-summary-card{background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:18px 19px;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f172a0e}.absence-summary-card:after{content:"";opacity:.9;background:linear-gradient(135deg,#eef2ff,#f8fafc);border-radius:50%;width:74px;height:74px;position:absolute;top:-30px;right:-28px}.absence-summary-card span,.absence-summary-card small{color:#64748b;z-index:1;display:block;position:relative}.absence-summary-card span{font-size:12px;font-weight:800}.absence-summary-card strong{letter-spacing:-.8px;color:#0f172a;z-index:1;margin:7px 0 3px;font-size:28px;display:block;position:relative}.absence-summary-card small{font-size:11px}.absence-bulkbar{background:#f8fafc;border:1px solid #dbe4f0;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.absence-bulkbar>div:first-child{color:#64748b;font-size:12px}.absence-bulkbar b{color:#0f172a}.absence-bulkbar .link-like{color:#3157d5;cursor:pointer;background:0 0;border:0;margin-left:10px;padding:0;font-weight:800}.absence-bulk-actions{align-items:center;gap:8px;display:flex}.absence-bulk-actions select{min-width:220px;padding:9px 11px}.absence-bulk-actions button{white-space:nowrap}.absence-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.absence-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:17px;overflow:hidden;box-shadow:0 8px 24px #0f172a0b}.absence-card-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.absence-person strong{color:#0f172a;font-size:15px;display:block}.absence-person small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin-top:3px;font-size:11px;display:block;overflow:hidden}.absence-avatar{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid}.absence-avatar.large{border-radius:15px;width:52px;height:52px;font-size:15px}.absence-status{letter-spacing:.4px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.absence-card-details{grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;display:grid}.absence-card-details>div{min-width:0}.absence-card-details small,.absence-review-grid small,.absence-resolution-result small{color:#94a3b8;letter-spacing:.7px;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.absence-card-details b{color:#334155;text-overflow:ellipsis;font-size:12px;line-height:1.35;display:block;overflow:hidden}.absence-card-details>div:last-child{grid-column:1/-1}.absence-card-actions{border-top:1px solid #edf1f6;justify-content:flex-end;align-items:center;gap:10px;padding-top:13px;display:flex}.absence-select{color:#64748b;cursor:pointer;align-items:center;gap:7px;margin-right:auto;font-size:11px;font-weight:800;display:flex}.absence-select input{accent-color:#3157d5}.absence-review-modal{max-width:720px}.absence-review-modal .modalhead small{color:#64748b;margin-top:2px;display:block}.absence-review-hero{background:#f8fafc;border:1px solid #e5eaf1;border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex}.absence-review-hero>div:nth-child(2){flex:1}.absence-review-hero strong{color:#0f172a;font-size:16px;display:block}.absence-review-hero span:not(.absence-status){color:#64748b;margin-top:4px;font-size:12px;display:block}.absence-review-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.absence-review-grid>div{background:#fff;border:1px solid #e8edf3;border-radius:13px;padding:12px}.absence-review-grid b{color:#0f172a;font-size:12px}.absence-resolve-section{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.absence-resolve-section .full{grid-column:1/-1}.absence-resolve-section textarea{resize:vertical;min-height:82px}.absence-resolution-hint{margin:12px 0 0;font-size:11px;line-height:1.5}.absence-resolution-result{background:#ecfdf5;border:1px solid #ccefe0;border-radius:15px;flex-direction:column;gap:4px;margin-top:14px;padding:15px;display:flex}.absence-resolution-result strong{color:#047857;font-size:15px}.absence-resolution-result span{color:#64748b;font-size:12px}@media (width<=1100px){.absence-filters{grid-template-columns:1fr 1fr 1fr}.absence-search{grid-column:1/-1}.absence-summary-cards{grid-template-columns:1fr 1fr}.absence-list{grid-template-columns:1fr}}@media (width<=700px){.absence-intro{flex-direction:column}.absence-policy-note{border-top:1px solid #e2e8f0;border-left:0;align-items:flex-start;padding:12px 0 0}.absence-filters,.absence-summary-cards{grid-template-columns:1fr 1fr}.absence-bulkbar{flex-direction:column;align-items:stretch}.absence-bulk-actions{flex-direction:column;width:100%}.absence-bulk-actions select,.absence-bulk-actions button{width:100%}.absence-review-grid{grid-template-columns:1fr 1fr}.absence-resolve-section{grid-template-columns:1fr}.absence-resolve-section .full{grid-column:auto}}@media (width<=480px){.absence-filters,.absence-summary-cards,.absence-review-grid{grid-template-columns:1fr}.absence-card{padding:14px}.absence-person small{max-width:180px}.absence-review-modal{max-width:calc(100vw - 24px)}}.absence-management-page{width:100%;max-width:none;display:block!important}.absence-management-page>.panel{width:100%;max-width:none}.absence-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px;display:grid}.absence-employee-card-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:14px;width:100%;padding:18px;display:grid}.absence-employee-card-main:focus{outline:none}.absence-employee-card .absence-person{min-width:0}.absence-avatar-photo.large{border-radius:15px;flex-basis:58px;width:58px;height:68px}.absence-employee-count{text-align:right;padding-left:8px}.absence-employee-count strong{color:#16233d;letter-spacing:-.6px;font-size:24px;line-height:1;display:block}.absence-expand{color:#4b5f7d;background:#f8fafc;border:1px solid #e0e6ef;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.absence-employee-summary{color:#7b8798;grid-template-columns:1fr 1.35fr 1fr;gap:10px;padding:0 18px 16px;font-size:10px;display:grid}.absence-employee-summary span{background:#f8fafc;border:1px solid #edf1f6;border-radius:11px;padding:10px 11px;display:block}.absence-employee-summary b{color:#334155;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.absence-day-row{border-bottom:1px solid #edf1f6;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.absence-day-row:last-child{border-bottom:0}.absence-day-date{color:#3157d5;background:#eef2ff;border-radius:12px;align-content:center;place-items:center;width:42px;height:42px;display:grid}.absence-day-date b{font-size:15px;line-height:1}.absence-day-date span{text-transform:uppercase;margin-top:2px;font-size:8px;font-weight:900}.absence-day-info{min-width:0}.absence-day-info strong{color:#1e293b;font-size:12px;display:block}.absence-day-info small{color:#7b8798;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.absence-day-info .absence-day-resolution{color:#047857;font-weight:800}.absence-day-actions{align-items:center;gap:9px;display:flex}.absence-day-actions .absence-select{margin:0}.absence-empty-state{text-align:center;background:#fbfcfe;border:1px dashed #dce3ec;border-radius:18px;padding:60px 20px}@media (width<=1100px){.absence-employee-grid{grid-template-columns:1fr}}@media (width<=700px){.absence-employee-card-main{grid-template-columns:minmax(0,1fr) auto;gap:10px}.absence-employee-card-main>.absence-status{grid-area:2/2}.absence-expand{grid-area:1/2}.absence-employee-count{text-align:left;grid-area:2/1}.absence-employee-summary{grid-template-columns:1fr}.absence-day-row{grid-template-columns:42px minmax(0,1fr)}.absence-day-actions{grid-column:2}.absence-day-actions .team-request-details{margin-left:auto}}.absence-management-page{width:100%;max-width:none!important;padding:0!important;display:block!important}.absence-management-page .panel{width:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:0;max-width:none!important}.absence-management-page .panel>h2{display:none}.absence-page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin:4px 0 20px;display:flex}.absence-page-head h2{letter-spacing:-.8px;color:#16233d;margin:4px 0 5px;font-size:30px}.absence-page-head p{color:#718096;margin:0;font-size:13px}.absence-month-head{color:#34445c;flex-direction:column;gap:6px;min-width:190px;font-size:11px;font-weight:800;display:flex}.absence-month-head input{color:#17243a;height:42px;font:inherit;background:#fff;border:1px solid #d9e2ee;border-radius:12px;padding:0 12px;box-shadow:0 5px 16px #0f172a0a}.absence-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.absence-summary-card{background:#fff;border:1px solid #e1e7f0;border-radius:17px;align-items:center;gap:13px;min-width:0;padding:17px 18px;display:flex;box-shadow:0 8px 22px #0f172a0b}.absence-summary-card:after{display:none}.absence-summary-card>div:last-child{min-width:0}.absence-summary-card strong{color:#12213b;letter-spacing:-.6px;margin:0;font-size:27px;line-height:1;display:block}.absence-summary-card span{color:#34445c;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;font-weight:800;display:block;overflow:hidden}.absence-summary-card small{color:#8a96a8;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.absence-summary-icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.absence-summary-icon.people{color:#d71943;background:#ffe8eb}.absence-summary-icon.unresolved{color:#d28700;background:#fff1dc}.absence-summary-icon.resolved{color:#078b5a;background:#dff8ec}.absence-summary-icon.off{color:#2563eb;background:#e5efff}.absence-filters-modern{background:#fff;border:1px solid #e0e6ef;border-radius:16px;align-items:end;padding:14px;box-shadow:0 8px 22px #0f172a0a;grid-template-columns:1fr 1.15fr 1.15fr 1fr 1.45fr auto!important;gap:12px!important;margin-bottom:14px!important;display:grid!important}.absence-filters-modern label{color:#526176;letter-spacing:.35px;text-transform:uppercase;flex-direction:column;gap:6px;min-width:0;font-size:10px;font-weight:900;display:flex}.absence-filters-modern input,.absence-filters-modern select{box-sizing:border-box;color:#17243a;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d9e2ee;border-radius:11px;outline:none;min-width:0;padding:0 11px}.absence-filters-modern input:focus,.absence-filters-modern select:focus{border-color:#8aa7ff;box-shadow:0 0 0 3px #2563eb12}.absence-clear-filters{color:#3157d5;cursor:pointer;white-space:nowrap;background:#f5f8fc;border:1px solid #d9e2ee;border-radius:11px;height:40px;padding:0 14px;font-size:11px;font-weight:900}.absence-clear-filters:hover{background:#eef3ff}.absence-bulkbar-modern{background:#f7f9fd;border:1px solid #dce4ef;border-radius:14px;margin:0 0 14px;padding:11px 14px}.absence-employee-list{grid-template-columns:1fr;gap:10px;display:grid}.absence-employee-card{background:#fff;border:1px solid #dfe6ef;border-radius:17px;transition:border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:0 7px 22px #0f172a0a}.absence-employee-card:hover{transform:none;box-shadow:0 10px 28px #0f172a11}.absence-employee-card.open{border-color:#9eb8ff;box-shadow:0 12px 30px #2563eb17}.absence-employee-card-main{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:minmax(0,1fr) 150px 170px 145px;align-items:center;gap:20px;width:100%;min-height:104px;padding:15px 17px;display:grid}.absence-employee-card-main:hover{background:#fcfdff}.absence-person{align-items:center;gap:13px;min-width:0;display:flex}.absence-photo-wrap{flex:0 0 56px;width:56px;height:68px}.absence-avatar-photo{object-fit:cover;background:#eef2ff;border-radius:13px;flex:0 0 56px;width:56px;height:68px;display:block;box-shadow:0 5px 12px #0f172a14}.absence-avatar{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:13px;place-items:center;width:56px;height:68px;font-size:15px;font-weight:900;display:grid}.absence-employee-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.absence-employee-copy strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:16px;line-height:1.25;display:block;overflow:hidden}.absence-employee-copy small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:11px;display:block;overflow:hidden}.absence-active-badge{color:#087f57!important;background:#dff8ec!important;border:0!important;border-radius:999px!important;width:max-content!important;margin-top:7px!important;padding:3px 8px!important;font-size:9px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important}.absence-employee-count{text-align:center;background:#fff1f4;border:1px solid #ffe0e7;border-radius:12px;padding:11px 15px}.absence-employee-count strong{color:#16233d;font-size:26px;line-height:1;display:block}.absence-employee-count span{color:#9b2844;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:900;display:block}.absence-employee-status{min-width:0}.absence-employee-status .absence-status{margin-bottom:6px}.absence-employee-status small{color:#718096;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.absence-status{letter-spacing:.2px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.absence-status i{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.absence-status.unresolved{color:#c21f42;background:#fff0f2;border:1px solid #ffd9e0}.absence-status.resolved{color:#087f57;background:#eafaf2;border:1px solid #cdeedd}.absence-status.compact{padding:5px 8px;font-size:9px}.absence-expand{color:#2457d7;white-space:nowrap;background:#f2f6ff;border:1px solid #cddafa;border-radius:11px;justify-content:center;align-items:center;height:38px;padding:0 13px;font-size:11px;font-weight:900;display:flex}.absence-employee-card.open .absence-expand{background:#eaf0ff;border-color:#a9c0ff}.absence-day-list{background:#fbfcff;border-top:1px solid #e7edf5;padding:0 16px 16px}.absence-details-head{justify-content:space-between;align-items:center;gap:16px;padding:15px 4px 12px;display:flex}.absence-details-head h3{color:#17243a;margin:0;font-size:15px}.absence-details-head small{color:#8190a4;margin-top:4px;font-size:10px;display:block}.absence-details-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.absence-details-tools select{color:#34445c;background:#fff;border:1px solid #d9e2ee;border-radius:10px;height:36px;padding:0 10px;font-size:10px}.absence-select-all{color:#526176;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.absence-select-all input{accent-color:#3157d5}.absence-export-button{color:#3157d5;cursor:pointer;background:#fff;border:1px solid #d9e2ee;border-radius:10px;height:36px;padding:0 11px;font-size:10px;font-weight:900}.absence-day-table{background:#fff;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.absence-day-table-head,.absence-day-row{grid-template-columns:34px 1.15fr .95fr 1fr 1fr 1.05fr 1fr 100px;align-items:center;gap:10px;display:grid}.absence-day-table-head{color:#53627a;text-transform:uppercase;letter-spacing:.35px;background:#f1f5fb;min-height:38px;padding:0 12px;font-size:9px;font-weight:900}.absence-day-row{color:#334155;border-top:1px solid #edf1f6;min-height:52px;padding:0 12px;font-size:11px}.absence-day-row>label{align-items:center;display:flex}.absence-day-row input{accent-color:#3157d5}.absence-date-cell b{font-size:11px}.absence-attendance-pill{border-radius:8px;padding:5px 8px;font-size:9px;font-weight:900;display:inline-flex}.absence-attendance-pill.no-punch{color:#be123c;background:#fff1f2}.absence-attendance-pill.punched{color:#047857;background:#ecfdf5}.absence-review-button{white-space:nowrap;height:32px!important;padding:0 11px!important;font-size:10px!important}.absence-empty-state{text-align:center;background:#fff;border:1px dashed #d8e0eb;border-radius:18px;margin-top:8px;padding:70px 20px}.absence-empty-state>div{color:#047857;background:#ecfdf5;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-size:20px;font-weight:900;display:grid}.absence-empty-state h3{color:#1e293b;margin:0;font-size:17px}.absence-empty-state p{color:#7b8798;margin:7px 0 0;font-size:12px}@media (width<=1100px){.absence-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.absence-filters-modern{grid-template-columns:repeat(3,minmax(0,1fr))!important}.absence-search{grid-column:span 2}.absence-clear-filters{width:100%}.absence-employee-card-main{grid-template-columns:minmax(0,1fr) 130px 155px 130px;gap:12px}}@media (width<=800px){.absence-page-head{flex-direction:column;align-items:flex-start}.absence-month-head{width:100%;max-width:220px}.absence-filters-modern{grid-template-columns:1fr 1fr!important}.absence-search,.absence-clear-filters{grid-column:1/-1}.absence-employee-card-main{grid-template-columns:minmax(0,1fr) auto;gap:12px}.absence-employee-count{grid-area:1/2}.absence-employee-status{grid-area:2/1}.absence-expand{grid-area:2/2}.absence-details-head{flex-direction:column;align-items:flex-start}.absence-details-tools{justify-content:flex-start}.absence-day-table{overflow-x:auto}.absence-day-table-head,.absence-day-row{min-width:820px}}@media (width<=520px){.absence-summary-cards{grid-template-columns:1fr}.absence-filters-modern{grid-template-columns:1fr!important}.absence-search{grid-column:auto}.absence-employee-card-main{padding:14px}.absence-employee-count{text-align:left;grid-area:2/1}.absence-employee-status{grid-area:3/1}.absence-expand{grid-area:2/2}.absence-day-list{padding:0 10px 12px}}.absence-employee-card-main{appearance:none;cursor:pointer;box-sizing:border-box;outline:none;text-decoration:none}.absence-employee-card-main:focus-visible{box-shadow:inset 0 0 0 3px #3157d533}.absence-expand{box-sizing:border-box;gap:8px;min-width:124px}.absence-expand b{font-size:14px;font-weight:900;line-height:1}.absence-review-back{z-index:1200}.absence-review-modal{width:min(680px,100vw - 32px);max-height:calc(100vh - 40px);overflow:auto}.absence-review-modal .modalhead{align-items:flex-start}.absence-review-modal .modalhead h2{margin:4px 0 0;font-size:20px}.absence-review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 18px;display:grid}.absence-review-summary>div{background:#f8fafc;border:1px solid #e1e7f0;border-radius:13px;min-width:0;padding:13px 14px}.absence-review-summary small{color:#7a8799;letter-spacing:.5px;font-size:9px;font-weight:900;display:block}.absence-review-summary b{color:#16233d;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:13px;display:block;overflow:hidden}.absence-review-summary span{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.absence-review-form{gap:12px;display:grid}.absence-review-form label{color:#526176;text-transform:uppercase;letter-spacing:.3px;flex-direction:column;gap:6px;font-size:10px;font-weight:900;display:flex}.absence-review-form select,.absence-review-form textarea{box-sizing:border-box;color:#17243a;width:100%;font:inherit;background:#fff;border:1px solid #d9e2ee;border-radius:11px;outline:none;padding:10px}.absence-review-form select{height:42px;padding:0 11px}.absence-review-form textarea{resize:vertical;min-height:82px}.absence-review-form select:focus,.absence-review-form textarea:focus{border-color:#8aa7ff;box-shadow:0 0 0 3px #2563eb12}.absence-review-resolved{background:#eafaf2;border:1px solid #cdeedd;border-radius:13px;gap:5px;padding:15px;display:grid}.absence-review-resolved b{color:#087f57;font-size:13px}.absence-review-resolved span{color:#355e4f;font-size:11px;font-weight:800}.absence-review-resolved p{color:#64748b;margin:4px 0 0;font-size:11px}.absence-review-form .muted{color:#718096;background:#f7f9fd;border-radius:10px;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}@media (width<=700px){.absence-review-summary{grid-template-columns:1fr}.absence-expand{min-width:110px}.absence-review-modal{width:calc(100vw - 20px)}}.discipline-modern{padding-bottom:18px}.discipline-hero{justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 22px;display:flex}.discipline-hero h1{letter-spacing:-.8px;color:#172033;margin:4px 0 6px;font-size:30px;line-height:1.1}.discipline-hero p{color:#748199;margin:0;font-size:13px}.discipline-add{white-space:nowrap;border-radius:12px;align-items:center;gap:7px;height:44px;padding:0 17px;display:inline-flex}.discipline-add span{font-size:18px;line-height:1}.discipline-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.discipline-stat{background:#fff;border:1px solid #e4eaf2;border-radius:17px;align-items:center;gap:13px;min-height:96px;padding:16px;display:flex;box-shadow:0 8px 24px #0f172a0b}.discipline-stat-icon{color:#3159d9;background:#f0f4ff;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:900;display:grid}.discipline-stat:nth-child(2) .discipline-stat-icon{color:#0b8f62;background:#edf9f4}.discipline-stat:nth-child(3) .discipline-stat-icon{color:#c46a08;background:#fff5e9}.discipline-stat:nth-child(4) .discipline-stat-icon{color:#c0265b;background:#fff0f3}.discipline-stat div{min-width:0}.discipline-stat small,.discipline-stat em{display:block}.discipline-stat small{color:#718096;text-transform:uppercase;letter-spacing:.35px;font-size:10px;font-weight:800}.discipline-stat strong{color:#172033;letter-spacing:-.35px;margin:3px 0 2px;font-size:20px;display:block}.discipline-stat em{color:#8a95a7;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:normal;overflow:hidden}.discipline-card{background:#fff;border:1px solid #e2e8f1;border-radius:19px;overflow:hidden;box-shadow:0 10px 28px #0f172a0e}.discipline-card-head{justify-content:space-between;align-items:center;gap:15px;padding:19px 20px 14px;display:flex}.discipline-card-head h2{color:#172033;letter-spacing:-.25px;margin:0;font-size:18px}.discipline-card-head p{color:#7a8799;margin:4px 0 0;font-size:11px}.discipline-count{color:#66748a;white-space:nowrap;background:#f3f6fb;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.discipline-toolbar{align-items:center;gap:10px;padding:0 20px 15px;display:flex}.discipline-search{box-sizing:border-box;background:#fbfcfe;border:1px solid #dfe6ef;border-radius:11px;flex:1;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex}.discipline-search span{color:#8290a4;font-size:22px;line-height:1}.discipline-search input{color:#17243a;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.discipline-search input::placeholder{color:#98a2b2}.discipline-toolbar select{color:#334155;min-width:190px;height:43px;font:inherit;background:#fff;border:1px solid #dfe6ef;border-radius:11px;outline:none;padding:0 12px;font-size:12px;font-weight:700}.discipline-table-wrap{border-top:1px solid #edf1f6;width:100%;overflow:auto}.discipline-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.discipline-table th{color:#7a8799;text-align:left;letter-spacing:.55px;white-space:nowrap;background:#fafbfd;border-bottom:1px solid #edf1f6;height:43px;padding:0 20px;font-size:9px;font-weight:900}.discipline-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f0f3f7;padding:13px 20px;font-size:11px}.discipline-table tbody tr:last-child td{border-bottom:0}.discipline-table tbody tr:hover td{background:#fbfcff}.discipline-employee{align-items:center;gap:10px;min-width:180px;display:flex}.discipline-avatar{color:#3159d9;text-transform:uppercase;background:#edf2ff;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.discipline-employee b{color:#172033;white-space:nowrap;font-size:11px;font-weight:800;display:block}.discipline-employee small{color:#8a95a7;margin-top:2px;font-size:9px;display:block}.discipline-date{color:#526176;white-space:nowrap;font-weight:700}.discipline-type{color:#566579;white-space:nowrap;background:#f1f4f8;border-radius:999px;align-items:center;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.discipline-type.attendance{color:#c0265b;background:#fff1f3}.discipline-money{color:#1f3f9d;white-space:nowrap;font-size:11px}.discipline-fraction{color:#516076;white-space:nowrap;background:#f6f8fb;border-radius:8px;padding:5px 8px;font-weight:800;display:inline-flex}.discipline-note{color:#6d7a8d;max-width:240px;line-height:1.45;display:block}.discipline-empty{text-align:center;flex-direction:column;gap:6px;padding:46px 20px;display:flex}.discipline-empty strong{color:#253247;font-size:14px}.discipline-empty span{color:#8a95a7;font-size:11px}.discipline-modal{width:min(680px,100%)}@media (width<=1000px){.discipline-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.discipline-hero{flex-direction:column;align-items:stretch;gap:14px}.discipline-hero h1{font-size:26px}.discipline-add{justify-content:center;width:100%}.discipline-stats{grid-template-columns:1fr 1fr;gap:9px}.discipline-stat{min-height:82px;padding:13px}.discipline-stat-icon{flex-basis:34px;width:34px;height:34px}.discipline-stat strong{font-size:17px}.discipline-stat em{font-size:8px}.discipline-card-head{padding:16px 14px 12px}.discipline-toolbar{flex-direction:column;align-items:stretch;padding:0 14px 12px}.discipline-toolbar select{width:100%;min-width:0}.discipline-table th{padding:0 14px}.discipline-table td{padding:12px 14px}}.discipline-month-wrap{min-width:230px;position:relative}.discipline-month-picker{color:#17243a;text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #dfe6ef;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:9px 13px;display:flex;box-shadow:0 2px 8px #0f172a06}.discipline-month-picker:hover,.discipline-month-picker.open{border-color:#b9c7dc;box-shadow:0 5px 16px #0f172a12}.discipline-month-picker span:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.discipline-month-picker small{text-transform:uppercase;letter-spacing:.55px;color:#8190a5;font-size:9px;font-weight:900}.discipline-month-picker b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.discipline-calendar-icon{color:#64748b;font-size:18px;line-height:1}.discipline-month-popover{z-index:30;background:#fff;border:1px solid #dfe6ef;border-radius:16px;width:285px;padding:13px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #0f172a24}.discipline-month-popover-head{grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin-bottom:9px;display:grid}.discipline-month-popover-head strong{text-align:center;color:#172033;font-size:15px}.discipline-month-popover-head button{cursor:pointer;color:#526176;background:#f8fafc;border:1px solid #e4e9f1;border-radius:9px;width:34px;height:32px;font-size:20px;line-height:1}.discipline-all-months{color:#46556b;cursor:pointer;background:#f8fafc;border:1px solid #e3e9f1;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:38px;margin-bottom:10px;padding:0 11px;font-size:11px;font-weight:800;display:flex}.discipline-all-months.selected{color:#3159d9;background:#eef3ff;border-color:#cbd7fb}.discipline-month-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.discipline-month-grid button{color:#566579;cursor:pointer;background:#fff;border:1px solid #e7ebf1;border-radius:9px;height:37px;font-size:10px;font-weight:800}.discipline-month-grid button:hover{background:#f7f9fc;border-color:#cbd5e1}.discipline-month-grid button.selected{color:#fff;background:#3159d9;border-color:#3159d9}.discipline-employee-grid{border-top:1px solid #edf1f6;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 20px;display:grid}.discipline-employee-card{background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #e2e8f1;border-radius:17px;min-width:0;padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 7px 20px #0f172a0b}.discipline-employee-card:hover{border-color:#d5deeb;transform:translateY(-2px);box-shadow:0 13px 28px #0f172a14}.discipline-employee-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.discipline-employee-profile{align-items:center;gap:11px;min-width:0;display:flex}.discipline-employee-photo,.discipline-employee-photo-fallback{object-fit:cover;border:1px solid #e1e7ef;border-radius:14px;flex:0 0 52px;width:52px;height:52px}.discipline-employee-photo-fallback{color:#3159d9;background:#edf2ff;place-items:center;font-size:15px;font-weight:900;display:grid}.discipline-employee-profile h3{color:#172033;white-space:nowrap;text-overflow:ellipsis;max-width:165px;margin:0;font-size:13px;line-height:1.25;overflow:hidden}.discipline-employee-profile p{color:#68768a;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin:4px 0 1px;font-size:9px;overflow:hidden}.discipline-employee-profile small{color:#98a2b2;font-size:8px;font-weight:700}.discipline-violation-count{color:#65738a;white-space:nowrap;background:#f3f6fb;border-radius:999px;flex:none;padding:6px 8px;font-size:8px;font-weight:900}.discipline-employee-card-summary{grid-template-columns:1.35fr 1fr;gap:9px;margin:15px 0 12px;display:grid}.discipline-employee-card-summary>div{background:#f7f9fc;border:1px solid #edf1f6;border-radius:11px;padding:10px 11px}.discipline-employee-card-summary small{color:#8591a3;text-transform:uppercase;letter-spacing:.35px;font-size:7px;font-weight:900;display:block}.discipline-employee-card-summary strong{color:#203f9f;letter-spacing:-.2px;margin-top:4px;font-size:15px;display:block}.discipline-employee-card-summary>div:nth-child(2) strong{color:#c0265b}.discipline-type-list{flex-direction:column;gap:6px;min-height:52px;display:flex}.discipline-type-list span{color:#5d6b7f;align-items:center;gap:7px;min-width:0;font-size:9px;font-weight:700;display:flex}.discipline-type-list span i{background:#8da0bd;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.discipline-type-list span.attendance i{background:#c0265b}.discipline-type-list span b{color:#526176;background:#f1f4f8;border-radius:6px;margin-left:auto;padding:3px 6px;font-size:8px}.discipline-type-list .more-types{color:#8b96a6;padding-left:13px;font-size:8px}.discipline-employee-card-bottom{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:11px;display:flex}.discipline-employee-card-bottom>span{color:#98a2b2;font-size:8px;font-weight:800}.discipline-view-details{color:#3159d9;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:9px;font-weight:900}.discipline-view-details span{vertical-align:-1px;margin-left:2px;font-size:14px}.discipline-details-modal{width:min(700px,100%)}.discipline-details-profile{background:#f9fbfd;border:1px solid #e6ebf2;border-radius:15px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.discipline-details-photo,.discipline-details-photo-fallback{object-fit:cover;border:1px solid #e0e7ef;border-radius:15px;flex:0 0 58px;width:58px;height:58px}.discipline-details-photo-fallback{color:#3159d9;background:#edf2ff;place-items:center;font-size:16px;font-weight:900;display:grid}.discipline-details-profile>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.discipline-details-profile strong{color:#172033;font-size:14px}.discipline-details-profile span{color:#69778a;font-size:9px}.discipline-details-profile small{color:#98a2b2;font-size:8px}.discipline-details-total{text-align:right;margin-left:auto}.discipline-details-total small{color:#8290a4;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.discipline-details-total b{color:#203f9f;margin-top:4px;font-size:17px;display:block}.discipline-details-list{flex-direction:column;gap:8px;max-height:430px;padding-right:2px;display:flex;overflow:auto}.discipline-detail-row{background:#fff;border:1px solid #e7ecf2;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:12px 13px;display:flex}.discipline-detail-row>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.discipline-detail-row>div:first-child strong{color:#59677a;font-size:9px}.discipline-detail-row>div:first-child small{color:#8994a4;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;overflow:hidden}.discipline-detail-row>div:last-child{text-align:right;flex:none}.discipline-detail-row>div:last-child b{color:#203f9f;font-size:11px;display:block}.discipline-detail-row>div:last-child span{color:#8a95a7;margin-top:3px;font-size:8px;font-weight:800;display:block}@media (width<=1100px){.discipline-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.discipline-toolbar{grid-template-columns:1fr;display:grid}.discipline-month-wrap{min-width:0}.discipline-month-popover{width:min(285px,100vw - 50px);left:0;right:auto}.discipline-employee-grid{grid-template-columns:1fr;padding:0 14px 14px}.discipline-employee-card{padding:14px}.discipline-details-profile{flex-wrap:wrap;align-items:flex-start}.discipline-details-total{text-align:left;width:100%;margin-left:70px}.discipline-details-modal{max-height:90vh;overflow:auto}}.payslip-shell{flex-direction:column;gap:16px;display:flex}.payslip-controls{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.payslip-control-group{flex:1;align-items:flex-end;gap:16px;display:flex}.payslip-employee-picker,.payslip-month-wrap{flex-direction:column;gap:7px;min-width:0;display:flex}.payslip-employee-picker{flex:1;max-width:470px}.payslip-employee-picker small,.payslip-month-picker small{color:#334155;font-size:12px;font-weight:800;display:block}.payslip-employee-picker select{height:58px;font:inherit;color:#16233a;background:#fff;border:1px solid #d9e2ee;border-radius:14px;outline:none;padding:0 16px;font-weight:700;box-shadow:0 6px 20px #0f172a08}.payslip-month-wrap{min-width:310px;position:relative}.payslip-month-picker{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2ee;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:58px;padding:9px 16px;display:flex;box-shadow:0 6px 20px #0f172a08}.payslip-month-picker span:first-child{flex-direction:column;gap:3px;display:flex}.payslip-month-picker b{color:#16233a;font-size:16px}.payslip-month-picker>span:last-child{color:#64748b;font-size:18px}.payslip-month-wrap.open .payslip-month-picker{border-color:#7da7ff;box-shadow:0 0 0 3px #2563eb12}.payslip-month-popover{z-index:30;background:#fff;border:1px solid #dbe4ef;border-radius:16px;width:310px;padding:14px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 50px #0f172a22}.payslip-month-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.payslip-month-head button{background:#fff;border:1px solid #e2e8f0;border-radius:9px;width:32px;height:32px;padding:0}.payslip-month-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.payslip-month-grid button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e7edf5;border-radius:10px;padding:10px 7px;font-weight:700}.payslip-month-grid button:hover,.payslip-month-grid button.selected{color:#fff;background:#2563eb;border-color:#2563eb}.payslip-actions{flex-shrink:0;gap:10px;display:flex}.payslip-actions button{height:46px}.payslip-modern-final{box-sizing:border-box;background:#fff;border:1px solid #dfe7f1;border-radius:22px;width:100%;max-width:100%;padding:24px;box-shadow:0 18px 50px #0f172a10}.payslip-doc-head{border-bottom:1px solid #dce5ef;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 4px 18px;display:flex}.payslip-doc-head img{width:var(--brand-document-logo-width,205px);object-fit:contain;height:auto;display:block}.payslip-doc-head h1{color:#34435b;margin:6px 0 0;font-size:25px}.payslip-doc-head p{color:#64748b;margin:2px 0 0;font-size:16px}.payslip-company{color:#64748b;flex-direction:column;align-items:flex-end;gap:3px;padding-top:7px;font-size:12px;display:flex}.payslip-company b{color:#64748b;font-size:14px}.payslip-employee-hero{background:#f2f8ff;border:1px solid #e1edfa;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:18px 0;padding:16px 20px;display:grid}.payslip-employee-hero>img,.payslip-avatar-fallback{object-fit:cover;border-radius:50%;width:86px;height:86px}.payslip-avatar-fallback{color:#1d4ed8;background:#dbeafe;place-items:center;font-size:28px;font-weight:800;display:grid}.payslip-employee-meta{flex-direction:column;gap:5px;display:flex}.payslip-employee-meta h2{color:#16233a;margin:0 0 3px;font-size:21px}.payslip-employee-meta div{gap:10px;font-size:13px;display:flex}.payslip-employee-meta span{color:#64748b;min-width:78px}.payslip-employee-meta b{color:#334155}.payslip-net-badge{text-align:center;background:#e3f0ff;border-radius:14px;min-width:190px;padding:15px 18px}.payslip-net-badge small{color:#1261d6;font-size:12px;font-weight:900;display:block}.payslip-net-badge strong{color:#1261d6;margin-top:4px;font-size:28px;display:block}.payslip-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.payslip-box{border:1px solid #dbe5ef;border-radius:14px;min-width:0;overflow:hidden}.payslip-box-title{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.payslip-box-title h3{margin:0;font-size:16px}.payslip-box-title b{font-size:15px}.earnings-box .payslip-box-title{background:#eefaf3}.earnings-box .payslip-box-title h3,.earnings-box .payslip-box-title b{color:#087f3f}.deductions-box .payslip-box-title{background:#fff1f2}.deductions-box .payslip-box-title h3,.deductions-box .payslip-box-title b{color:#c92334}.payslip-col-head{color:#64748b;background:#fbfcfe;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;grid-template-columns:1fr auto;padding:9px 18px;font-size:12px;font-weight:800;display:grid}.payslip-col-head span:last-child{text-align:right}.payslip-line,.payslip-total{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.payslip-line b,.payslip-total b{white-space:nowrap}.earning-total{color:#087f3f;background:#eaf8f0;border-bottom:0;font-weight:800}.payslip-ded-group{border-bottom:1px solid #edf1f6}.payslip-ded-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:#16233a;background:#fff;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.payslip-ded-row:hover{background:#fafcff}.payslip-ded-row.open{background:#f8fbff}.payslip-ded-row>span{font-weight:700}.payslip-ded-row>b{white-space:nowrap;align-items:center;gap:8px;display:flex}.payslip-ded-row i{color:#64748b;font-size:14px;font-style:normal}.payslip-ded-details{background:#fbfcfe;border-top:1px solid #e7edf5}.payslip-detail-head,.payslip-detail-row{grid-template-columns:92px minmax(0,1fr) 105px;align-items:center;gap:8px;padding:8px 12px;display:grid}.payslip-detail-head{color:#64748b;background:#f3f7fb;font-size:11px;font-weight:800}.payslip-detail-row{border-top:1px solid #e9eef4;font-size:12px}.payslip-detail-row>span:first-child{color:#64748b}.payslip-detail-row>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.payslip-detail-row small{color:#7b8798;font-size:10px;line-height:1.3}.payslip-detail-row>span:last-child,.payslip-detail-row>b{text-align:right;white-space:nowrap}.payslip-subtotal{color:#b42318;background:#fff0f1;justify-content:space-between;padding:9px 12px;font-size:12px;font-weight:800;display:flex}.payslip-no-details{color:#64748b;padding:12px;font-size:12px}.deduction-total{color:#c92334;background:#fff0f1;border-bottom:0;font-size:15px;font-weight:900}.payslip-summary-strip{background:#eef6ff;border:1px solid #dceafa;border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:16px;display:grid;overflow:hidden}.payslip-summary-strip>div{border-right:1px solid #cbdcf0;flex-direction:column;justify-content:center;align-items:center;min-height:76px;padding:12px;display:flex}.payslip-summary-strip>div:last-child{border-right:0}.payslip-summary-strip small{color:#64748b;font-size:11px;font-weight:800}.payslip-summary-strip strong{color:#16233a;margin-top:4px;font-size:20px}.payslip-summary-strip .net-summary{background:#dfeeff}.payslip-summary-strip .net-summary small,.payslip-summary-strip .net-summary strong{color:#1261d6}.payslip-footer-modern{color:#334155;background:#eef6ff;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.payslip-footer-modern>div:last-child{color:#64748b;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;display:flex}.payslip-thanks{color:#475569;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.payslip-thanks span{background:#cbd5e1;width:130px;height:1px}@media (width<=900px){.payslip-controls{flex-direction:column;align-items:stretch}.payslip-control-group{width:100%}.payslip-actions{justify-content:flex-start}.payslip-two-col{grid-template-columns:1fr}.payslip-employee-hero{grid-template-columns:auto 1fr}.payslip-net-badge{text-align:left;grid-column:1/-1}.payslip-company{display:none}}@media (width<=620px){.payslip-control-group{flex-direction:column;align-items:stretch}.payslip-employee-picker,.payslip-month-wrap{width:100%;min-width:0;max-width:none}.payslip-actions{flex-wrap:wrap}.payslip-actions button{flex:1}.payslip-modern-final{border-radius:16px;padding:14px}.payslip-doc-head{padding-bottom:12px}.payslip-doc-head img{width:160px}.payslip-doc-head h1{font-size:20px}.payslip-employee-hero{grid-template-columns:auto 1fr;gap:12px;padding:12px}.payslip-employee-hero>img,.payslip-avatar-fallback{width:66px;height:66px}.payslip-employee-meta h2{font-size:17px}.payslip-net-badge{grid-column:1/-1;min-width:0}.payslip-detail-head,.payslip-detail-row{grid-template-columns:75px minmax(0,1fr) 85px;padding:7px 8px}.payslip-summary-strip{grid-template-columns:1fr}.payslip-summary-strip>div{border-bottom:1px solid #cbdcf0;border-right:0}.payslip-summary-strip>div:last-child{border-bottom:0}.payslip-footer-modern{flex-direction:column;align-items:flex-start}.payslip-footer-modern>div:last-child{align-items:flex-start}.payslip-thanks span{width:45px}}@media print{.payslip-controls{display:none!important}.payslip-modern-final{box-shadow:none;border:0;padding:0}.payslip-shell{gap:0}.payslip-two-col{grid-template-columns:1fr 1fr}.payslip-ded-details{display:block!important}.payslip-ded-row i{display:none}.payslip-modern-final,.payslip-summary-strip,.payslip-employee-hero{break-inside:avoid}}.payroll-page{padding:4px 0 28px}.payroll-modern-head{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 18px;display:flex}.payroll-modern-head h1{letter-spacing:-.5px;margin:0;font-size:30px;line-height:1.1}.payroll-modern-head p{color:#718096;margin:7px 0 0;font-size:14px}.payroll-status{white-space:nowrap;border-radius:999px;align-items:center;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.payroll-status.open{color:#147a3e;background:#e9f8ef}.payroll-status.locked{color:#475467;background:#f2f4f7}.payroll-controls{grid-template-columns:190px minmax(280px,1fr) auto;align-items:end;gap:14px;margin-bottom:18px;display:grid}.payroll-controls label{flex-direction:column;gap:7px;display:flex}.payroll-controls label>span{color:#344054;font-size:12px;font-weight:800}.payroll-input-shell{background:#fff;border:1px solid #d9e1ec;border-radius:12px;align-items:center;height:46px;padding:0 13px;display:flex;box-shadow:0 1px 2px #10182808}.payroll-input-shell input{width:100%;height:100%;font:inherit;color:#172033;padding:0 5px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.payroll-input-shell>span{color:#64748b;font-weight:800}.payroll-month-field .payroll-input-shell input{font-weight:700}.payroll-control-actions{align-items:center;gap:9px;height:46px;display:flex}.payroll-control-actions button{height:44px}.payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.payroll-summary-card{background:#fff;border:1px solid #e6ebf2;border-radius:15px;padding:15px 17px;box-shadow:0 3px 12px #1018280a}.payroll-summary-card span{color:#667085;font-size:12px;font-weight:700;display:block}.payroll-summary-card strong{letter-spacing:-.3px;color:#172033;margin:5px 0 2px;font-size:22px;display:block}.payroll-summary-card small{color:#98a2b3;font-size:11px}.payroll-summary-card.deduction strong{color:#c73535}.payroll-summary-card.net{background:linear-gradient(135deg,#f5f9ff,#edf5ff);border-color:#d8e8ff}.payroll-summary-card.net strong{color:#1263db}.payroll-table-card{background:#fff;border:1px solid #e4e9f0;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #1018280b}.payroll-table-head{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.payroll-table-head h2{margin:0;font-size:17px}.payroll-table-head span{color:#98a2b3;margin-top:4px;font-size:12px;display:block}.payroll-legend{align-items:center;gap:13px;display:flex!important}.payroll-legend>span{align-items:center;gap:5px;color:#667085!important;margin:0!important;font-size:11px!important;display:flex!important}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.open{background:#18a957}.dot.locked{background:#98a2b3}.payroll-modern-table{width:100%;overflow-x:auto}.payroll-row{grid-template-columns:minmax(260px,2.2fr) repeat(5,minmax(105px,.85fr)) 38px;align-items:center;column-gap:10px;min-width:920px;padding:0 18px;display:grid}.payroll-row-head{color:#667085;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;height:43px;font-size:11px;font-weight:800}.payroll-data-row{text-align:left;width:100%;min-height:72px;font:inherit;color:#344054;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;transition:background .16s,box-shadow .16s}.payroll-data-row:hover{background:#fbfdff}.payroll-data-row.expanded{background:#f7fbff;box-shadow:inset 3px 0 #1677ff}.payroll-data-row>div:not(.payroll-employee-cell):not(.payroll-expand-icon){white-space:nowrap;font-size:12px;font-weight:650}.payroll-employee-cell{align-items:center;gap:11px;min-width:0;display:flex}.payroll-employee-cell>span:last-child{min-width:0}.payroll-employee-cell b{color:#172033;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.payroll-employee-cell small{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.payroll-avatar-photo,.payroll-avatar-fallback{object-fit:cover;border-radius:50%;width:40px;min-width:40px;height:40px}.payroll-avatar-fallback{color:#1769d2;background:#eaf2ff;justify-content:center;align-items:center;font-size:14px;font-weight:850;display:inline-flex}.payroll-data-row .deduction-value{color:#c73535!important}.payroll-data-row .net-value{color:#1263db!important;font-weight:850!important}.payroll-expand-icon{color:#667085;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.payroll-expanded-panel{background:#fbfdff;border:1px solid #dfe8f3;border-radius:14px;margin:0 18px 14px;overflow:hidden}.payroll-expanded-top{background:linear-gradient(90deg,#f5f9ff,#fff);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.payroll-expanded-identity{align-items:center;gap:11px;display:flex}.payroll-expanded-identity h3{color:#172033;margin:0;font-size:15px}.payroll-expanded-identity span{color:#7b8798;margin-top:4px;font-size:11px;display:block}.payroll-expanded-net{text-align:right}.payroll-expanded-net small{color:#667085;font-size:10px;font-weight:700;display:block}.payroll-expanded-net strong{color:#1263db;margin-top:2px;font-size:18px;display:block}.payroll-mini-metrics{background:#fff;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;grid-template-columns:repeat(4,1fr);display:grid}.payroll-mini-metrics>div{border-right:1px solid #edf1f5;padding:12px 14px}.payroll-mini-metrics>div:last-child{border-right:0}.payroll-mini-metrics small{color:#98a2b3;font-size:10px;display:block}.payroll-mini-metrics b{color:#172033;margin-top:4px;font-size:13px;display:block}.payroll-deduction-breakdown{padding:14px 16px}.payroll-deduction-breakdown h4{color:#344054;margin:0 0 9px;font-size:12px}.payroll-detail-groups{gap:7px;display:grid}.payroll-detail-group{background:#fff;border:1px solid #e7ecf2;border-radius:10px;overflow:hidden}.payroll-detail-group .group-head{color:#344054;background:#f8fafc;justify-content:space-between;align-items:center;min-height:39px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.payroll-detail-group .group-head b{color:#c73535}.payroll-detail-list{border-top:1px solid #edf1f5}.payroll-detail-item{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:16px;padding:9px 12px;display:flex}.payroll-detail-item:last-child{border-bottom:0}.payroll-detail-item-main{min-width:0}.payroll-detail-item-main b{color:#344054;font-size:11px;display:block}.payroll-detail-item-main span{color:#98a2b3;white-space:normal;margin-top:3px;font-size:10px;display:block}.payroll-detail-item-side{white-space:nowrap;align-items:center;gap:16px;display:flex}.payroll-detail-item-side span{color:#667085;font-size:10px}.payroll-detail-item-side strong{color:#c73535;font-size:11px}.payroll-no-detail{color:#98a2b3;padding:9px 12px;font-size:10px}.payroll-expanded-total{color:#b42318;background:#fff1f1;border-top:1px solid #f8d8d8;justify-content:space-between;padding:12px 16px;font-size:12px;font-weight:850;display:flex}.payroll-table-footer{color:#98a2b3;background:#fcfdff;border-top:1px solid #edf0f4;padding:12px 18px;font-size:10px}.payroll-empty-state{color:#667085;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:170px;display:flex}.payroll-empty-state b{color:#344054;font-size:13px}.payroll-empty-state span{font-size:11px}@media (width<=1050px){.payroll-controls{grid-template-columns:1fr 1fr}.payroll-control-actions{grid-column:1/-1}.payroll-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.payroll-modern-head{flex-direction:column;align-items:flex-start}.payroll-controls{grid-template-columns:1fr}.payroll-control-actions{grid-column:auto}.payroll-summary-grid{grid-template-columns:1fr}.payroll-table-head{flex-direction:column;align-items:flex-start;gap:10px}.payroll-expanded-panel{margin-left:10px;margin-right:10px}.payroll-mini-metrics{grid-template-columns:repeat(2,1fr)}.payroll-mini-metrics>div:nth-child(2){border-right:0}}.adjustments-modern{flex-direction:column;gap:18px;max-width:1500px;display:flex}.adjustments-hero{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.adjustments-hero h1{color:#14233c;margin:4px 0 6px;font-size:30px}.adjustments-hero p{color:#64748b;margin:0}.adjustments-hero .primary{white-space:nowrap}.adjustments-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.adjustment-stat{background:#fff;border:1px solid #e4eaf2;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 10px 28px #0f172a0b}.adjustment-stat-icon{color:#3159d9;background:#eef3ff;border-radius:13px;place-items:center;width:40px;height:40px;font-size:19px;font-weight:900;display:grid}.adjustment-stat>div{min-width:0}.adjustment-stat small,.adjustment-stat em{color:#718096;font-size:11px;font-style:normal;display:block}.adjustment-stat strong{color:#17243a;margin:3px 0;font-size:20px;display:block}.adjustment-stat.earning .adjustment-stat-icon{color:#168a59;background:#eaf8f0}.adjustment-stat.deduction .adjustment-stat-icon{color:#c53030;background:#fff0f0}.adjustments-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:20px;box-shadow:0 12px 34px #0f172a0e}.adjustments-card-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.adjustments-card-head h2{color:#17243a;margin:0 0 4px;font-size:19px}.adjustments-card-head p{color:#718096;margin:0;font-size:12px}.adjustments-count{color:#3159d9;white-space:nowrap;background:#f1f5ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.adjustments-toolbar{align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.adjustments-search{box-sizing:border-box;background:#fbfdff;border:1px solid #dbe3ee;border-radius:14px;flex:1;align-items:center;gap:9px;height:58px;padding:0 15px;display:flex}.adjustments-search span{color:#7b8ba3;font-size:20px}.adjustments-search input{width:100%;font:inherit;color:#17243a;background:0 0;border:0;outline:0}.adjustments-month-wrap{min-width:245px;position:relative}.adjustments-month-wrap .discipline-month-picker{box-sizing:border-box;width:100%;height:58px}.adjustment-list{gap:11px;display:grid}.adjustment-employee-card{background:#fff;border:1px solid #e4eaf2;border-radius:17px;transition:all .18s;overflow:hidden}.adjustment-employee-card:hover{border-color:#cfd9ea;box-shadow:0 8px 22px #0f172a0b}.adjustment-employee-card.expanded{border-color:#c9d6ef;box-shadow:0 10px 28px #0f172a12}.adjustment-employee-main{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:minmax(280px,1.5fr) minmax(420px,2fr) 36px;align-items:center;gap:16px;width:100%;padding:15px 17px;display:grid}.adjustment-identity{align-items:center;gap:12px;min-width:0;display:flex}.adjustment-avatar,.adjustment-avatar-fallback{object-fit:cover;border-radius:15px;flex:none;width:52px;height:52px}.adjustment-avatar-fallback{color:#3159d9;background:#eef3ff;place-items:center;font-size:17px;font-weight:900;display:grid}.adjustment-identity h3{color:#17243a;margin:0 0 3px;font-size:15px}.adjustment-identity p{color:#64748b;margin:0 0 3px;font-size:11px}.adjustment-identity small{color:#94a3b8;font-size:10px}.adjustment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.adjustment-summary>div{border-left:1px solid #edf1f6;padding-left:12px}.adjustment-summary small{color:#8290a5;margin-bottom:4px;font-size:10px;display:block}.adjustment-summary strong{color:#26364e;font-size:13px;display:block}.adjustment-summary .adjustment-total{background:#f5f8ff;border-left:0;border-radius:11px;padding:9px 10px}.adjustment-chevron{color:#7b8ba3;text-align:center;font-size:19px}.adjustment-preview{background:#fcfdff;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:9px 17px 10px 82px;display:flex}.adjustment-preview>div{align-items:center;gap:9px;min-width:0;display:flex}.adjustment-preview>div>span:last-child{color:#8794a7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.adjustment-preview>strong{color:#17243a;white-space:nowrap;font-size:13px}.adjustment-type-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.adjustment-type-badge.earning{color:#168a59;background:#eaf8f0}.adjustment-type-badge.deduction{color:#c53030;background:#fff0f0}.adjustment-type-badge.loan{color:#3159d9;background:#eef3ff}.adjustment-details{background:#f9fbfe;border-top:1px solid #e6ebf2;padding:14px 17px 17px}.adjustment-details-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.adjustment-details-head>div{flex-direction:column;gap:2px;display:flex}.adjustment-details-head b{color:#26364e;font-size:13px}.adjustment-details-head span{color:#8491a4;font-size:10px}.adjustment-details-head>strong{color:#17243a;font-size:13px}.adjustment-detail-table{background:#fff;border:1px solid #e1e8f1;border-radius:12px;overflow:hidden}.adjustment-detail-row{color:#526176;border-top:1px solid #edf1f6;grid-template-columns:120px 1.2fr 130px 100px 2fr;align-items:center;gap:10px;padding:9px 11px;font-size:11px;display:grid}.adjustment-detail-row:first-child{border-top:0}.adjustment-detail-row strong{color:#17243a}.adjustment-detail-head{color:#718096;background:#f3f6fb;font-size:10px;font-weight:800;border-top:0!important}.adjustments-empty{text-align:center;color:#718096;background:#fbfdff;border:1px dashed #d6dfeb;border-radius:14px;padding:34px 16px}.adjustments-empty strong{color:#34445c;margin-bottom:5px;display:block}.green-text{color:#168a59!important}.red-text{color:#c53030!important}@media (width<=1100px){.adjustment-employee-main{grid-template-columns:1fr auto}.adjustment-summary{grid-column:1/-1}.adjustment-chevron{grid-area:1/2}}@media (width<=760px){.adjustments-hero{flex-direction:column;align-items:flex-start}.adjustments-stats{grid-template-columns:1fr 1fr}.adjustments-toolbar{flex-direction:column}.adjustments-month-wrap{min-width:0}.adjustment-employee-main{grid-template-columns:1fr auto;padding:13px}.adjustment-summary{grid-template-columns:1fr 1fr;gap:8px}.adjustment-preview{padding-left:13px}.adjustment-detail-row{grid-template-columns:1fr 1fr}.adjustment-detail-head{display:none}.adjustment-detail-row span:last-child{grid-column:1/-1}}@media (width<=500px){.adjustments-stats{grid-template-columns:1fr}.adjustments-card{padding:13px}.adjustment-summary{grid-template-columns:1fr 1fr}.adjustment-preview{flex-direction:column;align-items:flex-start}}.reports-center{flex-direction:column;gap:18px;max-width:1500px;display:flex}.reports-hero{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.reports-hero h1{color:#15243d;margin:3px 0 5px;font-size:30px}.reports-hero p{color:#66758a;margin:0}.reports-hero-actions{align-items:flex-end;gap:9px;display:flex}.reports-month-picker{background:#fff;border:1px solid #dfe6f0;border-radius:14px;flex-direction:column;gap:4px;min-width:185px;padding:9px 13px;display:flex}.reports-month-picker small{color:#7c8aa0;font-size:10px;font-weight:800}.reports-month-picker input{color:#17243a;background:0 0;border:0;outline:0;font-size:13px;font-weight:800}.reports-all-months{color:#3159d9;cursor:pointer;background:#fff;border:1px solid #dfe6f0;border-radius:13px;height:46px;padding:0 14px;font-weight:800}.reports-notice{color:#2858a5;background:#eef6ff;border:1px solid #cfe1ff;border-radius:12px;padding:11px 14px;font-size:12px}.reports-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.reports-summary>div{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:14px 16px;box-shadow:0 8px 24px #0f172a0a}.reports-summary span{color:#78879b;font-size:11px;display:block}.reports-summary strong{color:#17243a;margin-top:5px;font-size:21px;display:block}.reports-panel{background:#fff;border:1px solid #e2e8f0;border-radius:21px;padding:19px;box-shadow:0 10px 30px #0f172a0b}.reports-panel-head{grid-template-columns:1fr minmax(260px,360px) 180px;align-items:end;gap:12px;margin-bottom:16px;display:grid}.reports-panel-head h2{color:#17243a;margin:0 0 4px;font-size:19px}.reports-panel-head p{color:#718096;margin:0;font-size:12px}.reports-search{color:#7b8ba3;background:#fbfdff;border:1px solid #dfe6f0;border-radius:12px;align-items:center;gap:8px;height:46px;padding:0 12px;display:flex}.reports-search input{width:100%;font:inherit;background:0 0;border:0;outline:0}.reports-format{background:#fff;border:1px solid #dfe6f0;border-radius:12px;height:46px;padding:0 10px}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.report-card{background:#fff;border:1px solid #e3e9f2;border-radius:17px;padding:15px;transition:all .18s}.report-card:hover{border-color:#cdd8ea;box-shadow:0 8px 22px #0f172a0b}.report-card.restricted{background:#fbfcfe}.report-card-top{align-items:flex-start;gap:11px;display:flex}.report-icon{color:#3159d9;background:#eef3ff;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.report-card-top h3{color:#17243a;margin:0 0 3px;font-size:14px}.report-card-top p{color:#7a8799;margin:0;font-size:10px;line-height:1.45}.report-access-badge{white-space:nowrap;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:900}.report-access-badge.allowed{color:#168a59;background:#eaf8f0}.report-access-badge.locked{color:#78879a;background:#f1f3f6}.report-card-meta{color:#8390a3;gap:12px;margin:12px 0;font-size:10px;display:flex}.report-card-meta b{color:#46566d}.report-card-actions{flex-wrap:wrap;gap:8px;display:flex}.report-card-actions button{cursor:pointer;background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:900}.report-view-btn{color:#3159d9!important;background:#f2f6ff!important;border-color:#d6e2ff!important}.report-export-btn{color:#168a59!important;background:#f1fbf5!important;border-color:#d3f0df!important}.report-manage-btn{color:#5b4bb7!important;background:#f6f2ff!important;border-color:#e2dafa!important}.report-preview-modal{width:min(1100px,94vw)}.report-preview-scroll{border:1px solid #e1e8f1;border-radius:12px;max-height:58vh;overflow:auto}.report-preview-table{border-collapse:collapse;background:#fff;width:100%;font-size:10px}.report-preview-table th,.report-preview-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:9px 10px}.report-preview-table th{color:#66758a;z-index:1;background:#f4f7fb;font-size:9px;position:sticky;top:0}.report-preview-table td{color:#42526a}.report-access-modal{width:min(720px,94vw)}.access-mode-tabs{background:#f3f6fb;border-radius:12px;gap:7px;margin-bottom:13px;padding:5px;display:flex}.access-mode-tabs button{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:10px;font-weight:900}.access-mode-tabs button.active{color:#3159d9;background:#fff;box-shadow:0 2px 8px #0f172a12}.access-people-list{border:1px solid #e2e8f0;border-radius:13px;max-height:390px;overflow:hidden auto}.access-people-toolbar{background:#fff;border-bottom:1px solid #edf1f6;align-items:center;gap:10px;padding:10px 12px;display:flex}.access-people-toolbar>span{color:#8996a8;white-space:nowrap;margin-left:auto;font-size:9px;font-weight:800}.access-people-search{color:#7b8ba3;background:#fbfdff;border:1px solid #dfe6f0;border-radius:10px;flex:1;align-items:center;gap:7px;min-width:0;height:36px;padding:0 10px;display:flex}.access-people-search input{width:100%;font:inherit;color:#26364e;background:0 0;border:0;outline:0;font-size:11px}.access-people-head{color:#68778c;background:#f6f8fb;justify-content:space-between;padding:10px 13px;font-size:10px;display:flex}.access-person{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.access-person-info{align-items:center;gap:9px;display:flex}.access-person-avatar{color:#3159d9;background:#eef3ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.access-person-info b{color:#26364e;font-size:11px;display:block}.access-person-info small{color:#8895a7;margin-top:2px;font-size:9px;display:block}.access-checks{gap:13px;display:flex}.access-checks label{color:#56667d;font-size:10px;font-weight:800}.access-checks input{accent-color:#3159d9}.access-everyone-note{color:#41536e;background:#f5f8ff;border:1px solid #dce6f7;border-radius:13px;padding:18px}.access-everyone-note strong{color:#3159d9;margin-bottom:5px;display:block}.access-everyone-note p{margin:0;font-size:11px;line-height:1.5}@media (width<=1000px){.reports-summary{grid-template-columns:repeat(3,1fr)}.reports-panel-head{grid-template-columns:1fr 1fr}.reports-format{width:100%}.reports-grid{grid-template-columns:1fr}}@media (width<=650px){.reports-hero{flex-direction:column;align-items:flex-start}.reports-hero-actions{width:100%}.reports-month-picker{flex:1}.reports-summary{grid-template-columns:1fr 1fr}.reports-panel-head{grid-template-columns:1fr}.access-person{flex-direction:column;align-items:flex-start}.access-checks{padding-left:43px}.reports-card-actions{width:100%}}.notification-center{max-width:1250px}.notification-center-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.notification-center-head h2{color:#14213d;margin:4px 0;font-size:32px}.notification-center-head p{color:#64748b;margin:0}.notification-head-actions{align-items:center;gap:10px;display:flex}.notification-head-actions button{color:#3159d9;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:11px;padding:10px 13px;font-weight:800}.notification-unread-count{color:#2563eb;background:#eef4ff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.notification-toolbar{background:#fff;border:1px solid #e4eaf2;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:10px 12px;display:flex;box-shadow:0 10px 28px #0f172a08}.notification-filters{flex-wrap:wrap;gap:6px;display:flex}.notification-filters button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 12px;font-weight:800}.notification-filters button.active{color:#3159d9;background:#eef3ff}.notification-search{color:#94a3b8;border:1px solid #dbe3ee;border-radius:11px;align-items:center;gap:8px;min-width:260px;padding:0 11px;display:flex}.notification-search input{background:0 0;border:0;outline:0;width:100%;padding:10px 0}.notification-list{gap:11px;display:grid}.notification-card{cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:17px;align-items:center;gap:14px;padding:16px 18px;transition:all .18s;display:flex;box-shadow:0 9px 25px #0f172a08}.notification-card:hover{border-color:#cdd9f5;transform:translateY(-1px);box-shadow:0 14px 32px #0f172a10}.notification-card.unread{background:#fbfdff;border-left:4px solid #2563eb;padding-left:15px}.notification-card.read{opacity:.78}.notification-icon{border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.notification-icon-approvals{color:#0f9f6e;background:#eaf8f0}.notification-icon-requests{color:#3159d9;background:#eef3ff}.notification-icon-payroll{color:#c86d00;background:#fff5e8}.notification-icon-attendance{color:#2563eb;background:#eaf2ff}.notification-icon-support{color:#7048d9;background:#f3efff}.notification-card-body{flex:1;min-width:0}.notification-card-top{align-items:center;gap:9px;display:flex}.notification-card-top b{color:#1f2d43;font-size:14px}.notification-card-body p{color:#64748b;margin:5px 0 6px;font-size:13px;line-height:1.45}.notification-card-body small{color:#94a3b8;font-size:11px}.notification-dot{color:#2563eb;background:#eaf2ff;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.notification-arrow{color:#94a3b8;font-size:20px}.notification-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #d5deea;border-radius:18px;padding:45px 20px}.notification-empty>div{color:#059669;background:#ecfdf5;border-radius:14px;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-weight:900;display:grid}.notification-empty h3{color:#334155;margin:0 0 5px}.notification-empty p{margin:0;font-size:13px}@media (width<=760px){.notification-center-head,.notification-toolbar{flex-direction:column;align-items:stretch}.notification-head-actions{flex-wrap:wrap;justify-content:flex-start}.notification-search{width:100%;min-width:0}.notification-card{align-items:flex-start}.notification-arrow{display:none}}.sa-dashboard,.sa-page{max-width:1400px;margin:0 auto;padding:4px 0 36px}.sa-hero,.sa-page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.sa-eyebrow,.sa-kicker{letter-spacing:.16em;color:#667085;font-size:11px;font-weight:800}.sa-hero h2,.sa-page-head h2{letter-spacing:-.02em;margin:5px 0 6px;font-size:30px}.sa-hero p,.sa-page-head p{color:#667085;margin:0}.sa-date{color:#667085;font-size:13px}.sa-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.sa-stats>button,.sa-stats.mini>div{text-align:left;background:#fff;border:1px solid #e6e9ef;border-radius:16px;align-items:flex-start;gap:13px;padding:18px;display:flex;box-shadow:0 5px 20px #1018280a}.sa-stats>button:hover,.sa-module-grid button:hover,.sa-actions button:hover{transform:translateY(-1px)}.sa-stats>button>span{color:#315efb;background:#eef4ff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.sa-stats small,.sa-stats em{color:#667085;font-size:11px;font-style:normal;display:block}.sa-stats strong{margin:4px 0;font-size:23px;display:block}.sa-grid{grid-template-columns:1.55fr .85fr;gap:18px;display:grid}.sa-card{background:#fff;border:1px solid #e6e9ef;border-radius:18px;margin-bottom:18px;padding:20px;box-shadow:0 8px 28px #1018280b}.sa-card-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.sa-card-head h3{margin:4px 0 0;font-size:18px}.sa-badge{color:#18794e;background:#edf8f1;border:1px solid #ccebd9;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.sa-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sa-module-grid button,.sa-actions button{text-align:left;background:#fbfcfe;border:1px solid #edf0f4;border-radius:13px;align-items:center;gap:11px;padding:14px;display:flex}.sa-module-grid button>b{background:#f0f3f8;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sa-module-grid button span{flex:1}.sa-module-grid strong,.sa-module-grid small{display:block}.sa-module-grid small{color:#667085;margin-top:3px;font-size:11px}.sa-module-grid i{color:#98a2b3;font-style:normal}.sa-health>div{border-bottom:1px solid #f0f2f5;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.sa-health>div:last-child{border-bottom:0}.sa-health b,.sa-health small{display:block}.sa-health small{color:#667085;margin-top:2px;font-size:11px}.health-dot{background:#21a366;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #eaf8ef}.sa-health-foot{color:#667085;border-top:1px solid #edf0f4;justify-content:space-between;padding-top:12px;font-size:11px;display:flex}.sa-actions{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sa-actions button{display:block;position:relative}.sa-actions strong,.sa-actions small{display:block}.sa-actions small{color:#667085;margin-top:5px;font-size:11px}.sa-actions span{position:absolute;top:18px;right:13px}.sa-stats.mini{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sa-stats.mini>div{display:block}.sa-stats.mini strong{font-size:26px}.sa-role-grid,.sa-security-grid,.sa-integration-grid,.sa-health-large,.sa-backup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.sa-role-grid>div,.sa-security-grid>div,.sa-integration-grid>div,.sa-health-large>div,.sa-backup-grid>div{background:#fff;border:1px solid #e6e9ef;border-radius:15px;padding:16px}.sa-role-grid>div{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;display:grid}.sa-role-grid span,.security-icon,.integration-logo{background:#f0f3f8;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sa-role-grid b,.sa-role-grid small,.sa-security-grid b,.sa-security-grid small{display:block}.sa-role-grid small,.sa-security-grid small,.sa-integration-grid small{color:#667085;margin-top:3px;font-size:11px}.sa-info-list p{border-bottom:1px solid #edf0f4;gap:18px;margin:0;padding:12px 0;display:flex}.sa-info-list p:last-child{border-bottom:0}.sa-info-list b{width:130px}.sa-security-grid>div{grid-template-columns:34px 1fr auto;align-items:center;gap:11px;display:grid}.sa-security-grid em{color:#18794e;background:#edf8f1;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.sa-integration-grid>div{flex-direction:column;gap:8px;display:flex}.sa-integration-grid span{color:#18794e;font-size:10px;font-weight:800}.sa-integration-grid button{align-self:flex-start}.sa-health-large{grid-template-columns:repeat(4,1fr)}.sa-health-large>div{grid-template-columns:12px 1fr auto;align-items:center;gap:10px;display:grid}.sa-health-large b,.sa-health-large small{display:block}.sa-health-large small{color:#667085;font-size:11px}.sa-backup-grid{grid-template-columns:repeat(3,1fr)}.sa-backup-grid small,.sa-backup-grid strong,.sa-backup-grid span{display:block}.sa-backup-grid strong{margin:5px 0;font-size:24px}.sa-backup-grid span{color:#667085;font-size:11px}@media (width<=900px){.sa-stats,.sa-stats.mini,.sa-grid,.sa-role-grid,.sa-security-grid,.sa-integration-grid,.sa-health-large,.sa-backup-grid,.sa-actions{grid-template-columns:1fr 1fr}.sa-module-grid{grid-template-columns:1fr}.sa-hero,.sa-page-head{flex-direction:column;align-items:flex-start}}@media (width<=600px){.sa-stats,.sa-stats.mini,.sa-grid,.sa-role-grid,.sa-security-grid,.sa-integration-grid,.sa-health-large,.sa-backup-grid,.sa-actions{grid-template-columns:1fr}.sa-hero h2,.sa-page-head h2{font-size:24px}}.admin-workforce span,.admin-people-list>div>span:last-child{color:#667085;font-size:11px}.admin-activity-list{flex-direction:column;padding:0;display:flex}.sa-page-head p{max-width:760px}@media (width<=900px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-dashboard-bottom{grid-template-columns:1fr}.admin-company-hero{flex-direction:column;align-items:flex-start}.admin-hero-actions{width:100%}.admin-org-stats{grid-template-columns:1fr}.support-mode-banner{flex-wrap:wrap;margin:0 10px 12px}.support-mode-banner button{margin-left:0}}.support-mode-banner{background:#f7f8fc;border:1px solid #d9def0;border-radius:12px;align-items:center;gap:14px;margin:0 24px 14px;padding:11px 14px;display:flex}.support-mode-banner span{color:#667085;font-size:13px}.support-mode-banner button{margin-left:auto}.admin-company-dashboard{padding:8px 2px 30px}.admin-company-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 4px 22px;display:flex}.admin-eyebrow,.admin-kicker{letter-spacing:2px;color:#6673a5;font-size:10px;font-weight:800}.admin-company-hero h2{margin:8px 0 5px;font-size:30px}.admin-company-hero p{color:#667085;margin:0}.admin-hero-actions{gap:10px;display:flex}.admin-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-kpis button,.admin-dashboard-card{background:#fff;border:1px solid #e9eaf0;border-radius:16px;box-shadow:0 4px 18px #1018280a}.admin-kpis button{text-align:left;flex-direction:column;gap:7px;padding:18px;display:flex}.admin-kpis small{color:#667085}.admin-kpis strong{font-size:27px}.admin-kpis span{color:#6673a5;font-size:12px}.admin-dashboard-grid,.admin-dashboard-bottom{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px;display:grid}.admin-dashboard-card{padding:18px}.admin-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.admin-card-head h3{margin:4px 0 0}.admin-card-head button{color:#5966a0;background:0 0;border:0}.admin-request-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.admin-request-summary div{background:#f7f8fb;border-radius:12px;padding:13px}.admin-request-summary b{font-size:21px;display:block}.admin-request-summary span,.admin-recent-list small,.admin-people-list small{color:#667085;font-size:12px;display:block}.admin-recent-list>div,.admin-people-list>div,.admin-activity-list>div{border-top:1px solid #f0f1f5;align-items:center;gap:11px;padding:11px 0;display:flex}.admin-recent-list>div>div,.admin-people-list>div>div{flex:1}.admin-list-icon{background:#f1f3ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.admin-workforce{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.admin-workforce div{text-align:center;background:#f7f8fb;border-radius:12px;padding:12px 5px}.admin-workforce strong{font-size:21px;display:block}.admin-workforce span,.admin-people-list>div>span:last-child{color:#667085;font-size:11px}.admin-activity-list{flex-direction:column;display:flex}.admin-activity-list span{color:#667085;margin-top:3px;font-size:12px;display:block}.admin-quick-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.admin-quick-grid button{text-align:left;background:#fff;border:1px solid #eceef3;border-radius:11px;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;padding:11px;display:grid}.admin-quick-grid button b{font-size:18px}.admin-quick-grid button i{color:#6673a5;font-style:normal}.admin-company-page{padding:10px 2px 30px}.admin-company-page-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.admin-company-page-head h2{margin:7px 0 4px}.admin-company-page-head p{color:#667085;margin:0}.admin-company-badge{color:#087443;background:#ecfdf3;border-radius:999px;padding:8px 12px;font-size:12px}.admin-org-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.admin-org-stats div{background:#fff;border:1px solid #e9eaf0;border-radius:14px;padding:17px}.admin-org-stats small{color:#667085;display:block}.admin-org-stats strong{margin-top:5px;font-size:22px;display:block}.sa-note{background:#fafbff;border:1px solid #e8eaf1;border-radius:12px;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.sa-note span{color:#667085}@media (width<=900px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-dashboard-bottom{grid-template-columns:1fr}.admin-company-hero{flex-direction:column;align-items:flex-start}.admin-hero-actions{width:100%}.admin-org-stats{grid-template-columns:1fr}.support-mode-banner{flex-wrap:wrap;margin:0 10px 12px}.support-mode-banner button{margin-left:0}}.admin-modern-dashboard{color:#172033;background:#f7f9fc;padding:0 0 34px}.admin-modern-hero{background:linear-gradient(105deg,#eef6ff 0%,#f8fbff 55%,#edf7ff 100%);border:1px solid #e7edf5;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:145px;margin:0 0 16px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.admin-modern-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#4691ff21,#0000 68%);border-radius:50%;width:360px;height:260px;position:absolute;top:-80px;right:-50px}.admin-hero-copy{z-index:1;position:relative}.admin-modern-eyebrow{letter-spacing:2px;color:#4d6087;font-size:11px;font-weight:800}.admin-hero-copy h1{letter-spacing:-.6px;margin:9px 0 6px;font-size:30px;line-height:1.15}.admin-hero-copy h1 span{font-size:24px}.admin-hero-copy p{color:#65718a;margin:0;font-size:14px}.admin-hero-meta{z-index:1;text-align:right;color:#69758a;font-size:12px;position:relative}.admin-hero-slogan{color:#1e2c45;flex-direction:column;align-items:flex-start;margin-top:22px;font-size:12px;line-height:1.45;display:flex}.admin-hero-slogan b:last-child{color:#5475d1}.admin-modern-kpis{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.admin-modern-kpi{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7ebf2;border-radius:15px;align-items:center;gap:11px;min-width:0;padding:15px;transition:all .18s;display:flex;box-shadow:0 5px 18px #1f304e0b}.admin-modern-kpi:hover{border-color:#d8e0ef;transform:translateY(-2px);box-shadow:0 10px 24px #1f304e14}.admin-kpi-icon{color:#3779dc;background:#eef5ff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.admin-modern-kpi.present .admin-kpi-icon{color:#18a765;background:#ecfaf2}.admin-modern-kpi.requests .admin-kpi-icon{color:#ef9a13;background:#fff6e8}.admin-modern-kpi.payroll .admin-kpi-icon{color:#7754db;background:#f4efff}.admin-modern-kpi.leave .admin-kpi-icon{color:#3181dd;background:#eef7ff}.admin-modern-kpi div{flex:1;min-width:0}.admin-modern-kpi small{color:#68758b;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.admin-modern-kpi strong{letter-spacing:-.4px;color:#162139;white-space:nowrap;text-overflow:ellipsis;font-size:23px;line-height:1.1;display:block;overflow:hidden}.admin-modern-kpi em{color:#738097;margin-top:5px;font-size:10px;font-style:normal;display:block}.admin-modern-kpi>i{color:#9aa5b7;font-size:21px;font-style:normal}.admin-modern-two-col{grid-template-columns:1.04fr .96fr;gap:14px;margin-bottom:14px;display:grid}.admin-modern-three-col{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.admin-modern-bottom-grid{grid-template-columns:1.05fr .9fr .75fr;gap:14px;display:grid}.admin-modern-card{background:#fff;border:1px solid #e7ebf2;border-radius:16px;min-width:0;padding:17px;box-shadow:0 5px 18px #1f304e0a}.admin-modern-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.admin-modern-card-head h3{letter-spacing:-.2px;margin:0;font-size:16px}.admin-modern-card-head p{color:#7a869a;margin:4px 0 0;font-size:11px}.admin-modern-card-head button{color:#5374cf;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px;font-weight:700}.admin-workforce-overview-body{align-items:center;gap:32px;padding:8px 8px 4px;display:flex}.admin-donut{background:conic-gradient(#20bd72 0 var(--p1),#f4b51f var(--p1) var(--p2),#e74d5a var(--p2) var(--p3),#3985e8 var(--p3) var(--p4),#8a96a9 var(--p4) 100%);border-radius:50%;flex:none;place-items:center;width:164px;height:164px;display:grid;position:relative}.admin-donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.admin-donut>div{text-align:center;position:relative}.admin-donut strong{font-size:27px;display:block}.admin-donut span{color:#748096;font-size:11px}.admin-workforce-legend{flex:1}.admin-workforce-legend>div{border-bottom:1px solid #f0f2f6;grid-template-columns:1fr 40px 40px;align-items:center;padding:7px 0;font-size:11px;display:grid}.admin-workforce-legend>div:last-child{border-bottom:0}.admin-workforce-legend span{color:#657289}.admin-workforce-legend b{text-align:right;font-size:12px}.admin-workforce-legend small{text-align:right;color:#8994a6}.admin-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.admin-dot.green{background:#20bd72}.admin-dot.yellow{background:#f4b51f}.admin-dot.red{background:#e74d5a}.admin-dot.blue{background:#3985e8}.admin-dot.gray{background:#8a96a9}.admin-request-table{font-size:10px}.admin-request-head,.admin-request-row{grid-template-columns:1.7fr repeat(4,.62fr);align-items:center;gap:7px;display:grid}.admin-request-head{color:#8893a6;padding:0 7px 8px;font-weight:700}.admin-request-row{border-top:1px solid #f0f2f5;padding:8px 7px}.admin-request-row>span{color:#46536b;align-items:center;gap:7px;font-weight:600;display:flex}.admin-request-row b{text-align:center;border-radius:6px;justify-self:start;min-width:28px;padding:4px 6px}.admin-request-row .pending{color:#d58c00;background:#fff5de}.admin-request-row .approved{color:#159357;background:#e8f9ef}.admin-request-row .rejected{color:#d64b58;background:#ffecee}.admin-request-row strong{color:#26334b;font-size:11px}.admin-request-dot{background:#8e72d8;border-radius:3px;width:8px;height:8px}.admin-request-dot.blue{background:#4389e9}.admin-request-dot.indigo{background:#7664d8}.admin-request-dot.orange{background:#f0a23b}.admin-request-dot.green{background:#27b975}.admin-round-icon{color:#3d7edb;background:#eef5ff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.admin-attendance-rate{grid-template-columns:auto 1fr auto;align-items:end;gap:8px;margin:4px 0 18px;display:grid}.admin-attendance-rate strong{color:#17243c;font-size:29px}.admin-attendance-rate span{color:#6f7b90;padding-bottom:4px;font-size:11px}.admin-attendance-rate em{color:#1a9a59;background:#eaf9f0;border-radius:7px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:700}.admin-attendance-mini{background:#fafbfc;border-radius:11px;grid-template-columns:repeat(4,1fr);padding:11px 4px;display:grid}.admin-attendance-mini div{text-align:center;border-right:1px solid #e9edf2}.admin-attendance-mini div:last-child{border:0}.admin-attendance-mini b{font-size:19px;display:block}.admin-attendance-mini span{color:#7b879b;font-size:9px}.admin-link-btn{color:#3f73cf;cursor:pointer;background:0 0;border:0;padding:12px 0 0;font-size:10px;font-weight:800}.admin-month-chip{color:#58657b;white-space:nowrap;background:#f3f6fa;border:1px solid #e7ebf1;border-radius:8px;padding:6px 8px;font-size:9px}.admin-finance-list>div{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:8px;padding:8px 0;font-size:10px;display:flex}.admin-finance-list>div:last-child{border:0}.admin-finance-list span{color:#66748a}.admin-finance-list b{color:#27344b;font-size:11px}.admin-finance-list .net{background:#eaf9f0;border-radius:8px;margin:2px -8px;padding:9px 8px}.admin-finance-list .net span,.admin-finance-list .net b{color:#148a51}.admin-attention-count{color:#dc4e60;background:#ffecef;border-radius:50%;place-items:center;min-width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.admin-attention-list{flex-direction:column;display:flex}.admin-attention-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0f2f5;grid-template-columns:28px 1fr 15px;align-items:center;gap:8px;padding:9px 0;display:grid}.admin-attention-list button>span{color:#d84c5b;background:#fff0f2;border-radius:8px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.admin-attention-list b{color:#334159;font-size:10px;display:block}.admin-attention-list small{color:#7c8799;margin-top:2px;font-size:9px;display:block}.admin-attention-list em{color:#a1aaba;font-style:normal}.admin-empty-state{text-align:center;color:#8994a5;padding:18px 4px;font-size:11px}.admin-activity-feed>div{border-top:1px solid #f0f2f5;grid-template-columns:25px 34px 1fr;align-items:center;gap:8px;padding:9px 0;display:grid}.admin-activity-feed>div:first-child{border-top:0}.admin-activity-icon{color:#1aa05d;background:#edf7f1;border-radius:7px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.admin-person-photo,.admin-person-fallback{object-fit:cover;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.admin-person-fallback{color:#4b67a8;background:#eaf0ff;font-size:11px;font-weight:800}.admin-activity-feed b{color:#334159;font-size:10px}.admin-activity-feed b small{color:#738097;font-weight:500}.admin-activity-feed div div>span{color:#8a95a5;margin-top:2px;font-size:9px;display:block}.admin-workforce-list>div{border-top:1px solid #f0f2f5;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:7px 0;display:grid}.admin-workforce-list>div:first-child{border-top:0}.admin-workforce-list b{color:#334159;font-size:10px;display:block}.admin-workforce-list small{color:#8792a4;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin-top:2px;font-size:9px;display:block;overflow:hidden}.admin-status{border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.admin-status.present{color:#15945a;background:#eaf9f0}.admin-status.late{color:#ce8a00;background:#fff5dd}.admin-status.leave{color:#3d76d4;background:#edf5ff}.admin-status.absent{color:#d54b5a;background:#ffecee}.admin-team-footer{justify-content:space-between;align-items:center;padding-top:9px;display:flex}.admin-team-footer span{color:#7f8ba0;font-size:10px}.admin-team-footer button{color:#3f73cf;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.admin-modern-quick-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.admin-modern-quick-grid button{cursor:pointer;text-align:left;background:#fbfcfe;border:1px solid #e8edf3;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:67px;padding:9px;display:flex}.admin-modern-quick-grid button:hover{background:#f5f8ff}.admin-quick-icon{border-radius:8px;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.admin-quick-icon.purple{color:#7658d8;background:#f1edff}.admin-quick-icon.green{color:#18a260;background:#eaf9f0}.admin-quick-icon.indigo{color:#596ed1;background:#edf0ff}.admin-quick-icon.blue{color:#397ad7;background:#eaf3ff}.admin-quick-icon.orange{color:#e89a29;background:#fff4e7}.admin-modern-quick-grid b{color:#3b4860;font-size:9px}@media (width<=1150px){.admin-modern-kpis{grid-template-columns:repeat(3,1fr)}.admin-modern-three-col,.admin-modern-bottom-grid{grid-template-columns:1fr 1fr}.quick-actions-card{grid-column:1/-1}.admin-modern-kpi.payroll strong{font-size:19px}}@media (width<=800px){.admin-modern-hero{flex-direction:column;align-items:flex-start;padding:22px}.admin-hero-meta{text-align:left}.admin-hero-slogan{align-items:flex-start;margin-top:10px}.admin-modern-kpis{grid-template-columns:1fr 1fr}.admin-modern-two-col,.admin-modern-three-col,.admin-modern-bottom-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:auto}.admin-workforce-overview-body{gap:20px}.admin-donut{width:135px;height:135px}.admin-donut:before{inset:15px}.admin-request-head,.admin-request-row{grid-template-columns:1.5fr repeat(4,.55fr);font-size:9px}}@media (width<=520px){.admin-modern-kpis{grid-template-columns:1fr}.admin-modern-hero h1{font-size:24px}.admin-workforce-overview-body{flex-direction:column;align-items:stretch}.admin-donut{margin:auto}.admin-request-table{overflow:auto}.admin-request-head,.admin-request-row{min-width:500px}.admin-modern-card{padding:14px}}.admin-pending-page{padding-bottom:32px}.admin-pending-page .page-head-row{align-items:center}.admin-pending-total{background:#fff;border:1px solid #e7edf5;border-radius:16px;flex-direction:column;align-items:flex-end;min-width:130px;padding:14px 18px;display:flex;box-shadow:0 8px 24px #0f172a0d}.admin-pending-total strong{font-size:28px;line-height:1}.admin-pending-total span{color:#64748b;margin-top:5px;font-size:12px}.admin-pending-toolbar{gap:12px;margin:18px 0 12px;display:flex}.admin-pending-toolbar .team-request-search{flex:1}.admin-pending-filters{background:#fff;border:1px solid #e7edf5;border-radius:14px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;display:flex}.admin-pending-filters button,.admin-pending-type-chips button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.admin-pending-filters button.active,.admin-pending-type-chips button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.admin-pending-filters b,.admin-pending-type-chips b{font-size:12px}.admin-pending-type-chips{gap:8px;padding:2px 0 14px;display:flex;overflow:auto}.admin-pending-list{flex-direction:column;gap:10px;display:flex}.admin-pending-card{background:#fff;border:1px solid #e7edf5;border-radius:16px;grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) 150px auto;align-items:center;gap:16px;padding:16px;transition:all .18s;display:grid}.admin-pending-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0f172a0f}.admin-pending-person{align-items:center;gap:11px;min-width:0;display:flex}.admin-pending-person>div:last-child{min-width:0}.admin-pending-person strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.admin-pending-person small,.admin-pending-info small,.admin-pending-status small{color:#64748b;margin-top:3px;font-size:12px;display:block}.admin-pending-avatar,.admin-pending-avatar-image{border-radius:50%;flex:none;width:44px;height:44px}.admin-pending-avatar{color:#4338ca;background:#eef2ff;place-items:center;font-weight:700;display:grid}.admin-pending-avatar-image{object-fit:cover}.admin-pending-info b{margin-top:5px;font-size:13px;display:block}.admin-pending-kind{color:#475569;background:#f1f5f9;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.admin-pending-kind.purple{color:#7e22ce;background:#f3e8ff}.admin-pending-kind.green{color:#15803d;background:#dcfce7}.admin-pending-kind.blue{color:#1d4ed8;background:#dbeafe}.admin-pending-kind.orange{color:#c2410c;background:#ffedd5}.admin-pending-kind.indigo{color:#4338ca;background:#e0e7ff}.admin-pending-status span{color:#c2410c;background:#fff7ed;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.admin-pending-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.admin-pending-actions button{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;padding:8px 11px}.admin-pending-actions .secondary{background:#fff}.admin-pending-actions .team-approve-btn,.admin-pending-actions .team-reject-btn{border:0}.admin-pending-actions .team-approve-btn{background:#ecfdf5}.admin-pending-actions .team-reject-btn{background:#fff1f2}@media (width<=1050px){.admin-pending-card{grid-template-columns:1fr 1fr}.admin-pending-actions{justify-content:flex-start}}@media (width<=650px){.admin-pending-page .page-head-row{align-items:flex-start}.admin-pending-total{min-width:100px}.admin-pending-card{grid-template-columns:1fr}.admin-pending-status{justify-content:space-between;align-items:center;display:flex}.admin-pending-actions{width:100%}.admin-pending-actions button{flex:1}}.admin-organization-modern{padding-top:4px}.admin-org-header-modern{margin-bottom:20px}.admin-org-stats-modern{grid-template-columns:repeat(6,1fr);margin-bottom:18px}.admin-org-stats-modern div{min-height:96px;position:relative;overflow:hidden}.admin-org-stats-modern div:after{content:"";background:#f5f7ff;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-28px;right:-22px}.admin-org-stats-modern span{color:#98a0b3;margin-top:4px;font-size:11px;display:block}.admin-org-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;display:flex}.admin-org-search{background:#fff;border:1px solid #e4e7ef;border-radius:13px;flex:1;align-items:center;gap:9px;max-width:520px;padding:11px 14px;display:flex;box-shadow:0 3px 12px #10182809}.admin-org-search span{color:#7c86a8;font-size:19px}.admin-org-search input{width:100%;font:inherit;color:#1d2939;background:0 0;border:0;outline:0}.admin-org-toolbar-meta{flex-wrap:wrap;gap:8px;display:flex}.admin-org-toolbar-meta span{color:#667085;background:#fff;border:1px solid #e8eaf1;border-radius:999px;padding:8px 11px;font-size:12px}.admin-org-department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-org-dept-card,.admin-org-hierarchy-card{background:#fff;border:1px solid #e9eaf0;border-radius:18px;box-shadow:0 5px 22px #1018280b}.admin-org-dept-card{padding:18px}.admin-org-dept-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-org-dept-top>div{align-items:center;gap:12px;display:flex}.admin-org-dept-icon{color:#5866a2;background:#f1f3ff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.admin-org-dept-top h3{margin:0 0 3px;font-size:17px}.admin-org-dept-top p{color:#7a8396;margin:0;font-size:12px}.admin-org-dept-top button{color:#5966a0;cursor:pointer;background:#f7f8fc;border:0;border-radius:10px;padding:8px 10px;font-weight:700}.admin-org-dept-top button span{margin-left:3px}.admin-org-leader-block{border-top:1px solid #f0f1f5;margin-top:18px;padding-top:14px}.admin-org-section-label{letter-spacing:1.3px;color:#98a0b3;margin-bottom:10px;font-size:10px;font-weight:800}.admin-org-leader{align-items:center;gap:10px;padding:8px 0;display:flex}.admin-org-leader>div:last-child{flex-direction:column;gap:2px;display:flex}.admin-org-leader small,.admin-org-person-main small{color:#7b8497;font-size:11px}.admin-org-empty{color:#98a0b3;padding:8px 0;font-size:12px}.admin-org-member-strip{border-top:1px solid #f0f1f5;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:9px;margin-top:13px;padding-top:13px;display:grid}.admin-org-member-strip>div:not(.admin-org-mini-avatars){flex-direction:column;display:flex}.admin-org-member-strip b{font-size:17px}.admin-org-member-strip small{color:#98a0b3;font-size:10px}.admin-org-mini-avatars{justify-content:flex-end;align-items:center;padding-left:8px;display:flex}.admin-org-mini-avatars .admin-org-avatar.sm,.admin-org-mini-avatars .admin-org-avatar-fallback.sm{border:2px solid #fff;margin-left:-6px}.admin-org-mini-avatars>span{color:#667085;margin-left:5px;font-size:11px;font-weight:700}.admin-org-avatar,.admin-org-avatar-fallback{object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px}.admin-org-avatar.sm,.admin-org-avatar-fallback.sm{width:28px;height:28px}.admin-org-avatar-fallback{color:#5966a0;background:#eef1f8;place-items:center;font-size:12px;font-weight:800;display:grid}.admin-org-avatar-fallback.sm{font-size:9px}.admin-org-hierarchy-card{margin-top:16px;padding:18px}.admin-org-hierarchy-card .admin-card-head{margin-bottom:12px}.admin-org-hierarchy-card .admin-card-head h3{font-size:20px}.admin-org-hierarchy-card .admin-card-head p{color:#7b8497;margin:4px 0 0;font-size:12px}.admin-org-hierarchy-list{flex-direction:column;gap:12px;display:flex}.admin-org-hierarchy-dept{border:1px solid #edf0f5;border-radius:14px;overflow:hidden}.admin-org-hierarchy-title{background:#fafbfe;align-items:center;gap:9px;padding:12px 14px;display:flex}.admin-org-hierarchy-title .admin-org-dept-icon{border-radius:8px;width:28px;height:28px;font-size:14px}.admin-org-hierarchy-title strong{font-size:13px}.admin-org-hierarchy-title>span:last-child{color:#98a0b3;margin-left:auto;font-size:11px}.admin-org-tree-node,.admin-org-tree-branch{padding:6px 14px;position:relative}.admin-org-tree-branch{border-top:1px dashed #e5e8ef}.admin-org-tree-branch:before{content:"";border-left:1px solid #dfe3ec;position:absolute;top:0;bottom:0;left:28px}.admin-org-tree-node.root>.admin-org-person,.admin-org-tree-branch.root>.admin-org-person{background:#f8f9fd}.admin-org-person{z-index:1;border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;display:flex;position:relative}.admin-org-person:hover{background:#f8f9fd}.admin-org-person-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-org-person-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.admin-org-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.admin-org-status.active{color:#087443;background:#ecfdf3}.admin-org-status.inactive{color:#b42318;background:#fef3f2}.admin-org-report-count{color:#98a0b3;text-align:right;min-width:78px;font-size:10px}.admin-org-detail-modal{width:calc(100% - 32px);max-width:760px}.admin-org-detail-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px;display:grid}.admin-org-detail-summary div{background:#fafbfe;border:1px solid #edf0f5;border-radius:12px;padding:13px}.admin-org-detail-summary small{color:#98a0b3;font-size:10px;display:block}.admin-org-detail-summary strong{margin-top:4px;font-size:15px;display:block}.admin-org-detail-people{max-height:55vh;overflow:auto}@media (width<=1150px){.admin-org-stats-modern{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.admin-org-department-grid{grid-template-columns:1fr}.admin-org-toolbar{flex-direction:column;align-items:stretch}.admin-org-search{max-width:none}.admin-org-toolbar-meta{justify-content:flex-start}.admin-org-report-count{display:none}}@media (width<=600px){.admin-org-stats-modern{grid-template-columns:repeat(2,1fr)}.admin-org-detail-summary{grid-template-columns:1fr}.admin-org-member-strip{grid-template-columns:repeat(3,1fr)}.admin-org-mini-avatars{grid-column:1/-1;justify-content:flex-start}.admin-org-dept-top{flex-direction:column}.admin-org-dept-top button{width:100%}}.attendance-command-center{padding:2px 0 28px}.attendance-hero{background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);border:1px solid #e8edf5;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;padding:24px 26px;display:flex;box-shadow:0 10px 35px #0f172a0f}.attendance-eyebrow{letter-spacing:1.8px;color:#6470a8;font-size:10px;font-weight:800}.attendance-hero h1{letter-spacing:-.5px;margin:7px 0 5px;font-size:28px}.attendance-hero p{color:#697386;max-width:670px;margin:0;font-size:13px}.attendance-day-nav{flex:none;align-items:center;gap:10px;display:flex}.attendance-day-nav button{cursor:pointer;color:#475467;background:#fff;border:1px solid #e1e6ef;border-radius:11px;width:38px;height:38px;font-size:24px;line-height:1}.attendance-day-nav div{text-align:center;min-width:175px}.attendance-day-nav small{color:#98a2b3;text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.attendance-day-nav strong{margin-top:4px;font-size:13px;display:block}.attendance-controls{align-items:end;gap:10px;margin-bottom:12px;display:flex}.attendance-controls label{flex-direction:column;gap:5px;display:flex}.attendance-controls label span{color:#98a2b3;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.attendance-controls input,.attendance-toolbar-modern select{color:#344054;background:#fff;border:1px solid #e2e7ef;border-radius:11px;outline:none;height:40px;padding:0 12px}.attendance-today-btn,.attendance-export{cursor:pointer;background:#fff;border:1px solid #e2e7ef;border-radius:11px;height:40px;padding:0 14px;font-weight:700}.attendance-export{margin-left:auto}.attendance-days{scrollbar-width:thin;gap:7px;padding:3px 2px 13px;display:flex;overflow:auto}.attendance-days button{cursor:pointer;color:#667085;background:#fff;border:1px solid #e8ebf1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:43px;height:52px;display:flex}.attendance-days button b{font-size:14px}.attendance-days button small{text-transform:uppercase;font-size:9px}.attendance-days button.active{color:#4254a0;background:#eef3ff;border-color:#7584c8;box-shadow:0 4px 12px #4254a01f}.attendance-days button.off{color:#a1a8b5;background:#fafafa}.attendance-days button.active.off{background:#f1f3f7}.attendance-kpis{grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:16px;display:grid}.attendance-kpi{background:#fff;border:1px solid #e8ebf1;border-radius:15px;min-height:84px;padding:14px 15px;box-shadow:0 4px 16px #10182809}.attendance-kpi span{color:#7b8497;font-size:11px;display:block}.attendance-kpi strong{letter-spacing:-.5px;margin-top:7px;font-size:25px;display:block}.attendance-kpi small{color:#a0a7b4;margin-top:3px;font-size:10px;display:block}.attendance-kpi.present strong{color:#087443}.attendance-kpi.late strong{color:#b54708}.attendance-kpi.absent strong{color:#b42318}.attendance-kpi.leave strong{color:#6941c6}.attendance-kpi.out strong{color:#175cd3}.attendance-toolbar-modern{align-items:center;gap:9px;margin-bottom:12px;display:flex}.attendance-search{background:#fff;border:1px solid #e1e6ef;border-radius:12px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.attendance-search span{color:#98a2b3;font-size:20px}.attendance-search input{width:100%;font:inherit;border:0;outline:0;font-size:12px}.attendance-status-tabs{gap:5px;max-width:600px;display:flex;overflow:auto}.attendance-status-tabs button{white-space:nowrap;color:#667085;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:999px;padding:8px 10px;font-size:11px}.attendance-status-tabs button b{margin-left:5px;font-size:10px}.attendance-status-tabs button.active{color:#4254a0;background:#eef3ff;border-color:#cbd5f5}.attendance-list-card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #1018280b}.attendance-list-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.attendance-list-head h2{margin:0;font-size:18px}.attendance-list-head p{color:#98a2b3;margin:4px 0 0;font-size:11px}.attendance-live-dot{color:#087443;background:#ecfdf3;border-radius:999px;padding:7px 10px;font-size:11px}.attendance-record{border-bottom:1px solid #eef1f5}.attendance-record:last-child{border-bottom:0}.attendance-record-main{cursor:pointer;grid-template-columns:44px minmax(220px,1.6fr) 92px 92px 78px 78px 115px 30px;align-items:center;gap:13px;padding:12px 17px;display:grid}.attendance-record-main:hover{background:#fafbfe}.attendance-employee-photo{object-fit:cover;border:2px solid #fff;border-radius:50%;width:42px;height:42px;box-shadow:0 2px 8px #1018281a}.attendance-employee-photo.fallback{color:#5966a0;background:#eef1f8;place-items:center;font-size:12px;font-weight:800;display:grid}.attendance-person{min-width:0}.attendance-person strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.attendance-person span{color:#667085;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.attendance-person small{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.attendance-time small,.attendance-proof small{color:#98a2b3;font-size:9px;display:block}.attendance-time strong{margin-top:4px;font-size:12px;display:block}.attendance-proof{text-align:center}.attendance-proof span{font-size:13px}.attendance-proof b{margin-top:2px;font-size:11px;display:block}.attendance-status-pill{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.attendance-status-pill.present{color:#087443;background:#ecfdf3}.attendance-status-pill.late{color:#b54708;background:#fff7ed}.attendance-status-pill.absent{color:#b42318;background:#fef3f2}.attendance-status-pill.on-leave{color:#6941c6;background:#f4f3ff}.attendance-status-pill.off-day{color:#667085;background:#f2f4f7}.attendance-status small{color:#98a2b3;margin-top:4px;font-size:9px;display:block}.attendance-expand{color:#667085;cursor:pointer;background:#f7f8fb;border:0;border-radius:9px;width:28px;height:28px}.attendance-record-details{background:#fafbfe;border-top:1px solid #f0f2f6;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:10px;padding:14px 18px 16px 74px;display:grid}.attendance-record-details>div{min-width:0}.attendance-record-details small{color:#98a2b3;text-transform:uppercase;letter-spacing:.7px;font-size:9px;display:block}.attendance-record-details b{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.attendance-record-details span{color:#98a2b3;margin-top:2px;font-size:9px;display:block}.attendance-selfies>div{gap:6px;margin-top:6px;display:flex}.attendance-selfies .mini{padding:6px 8px}.attendance-edit-btn{align-self:end}.attendance-empty{text-align:center;flex-direction:column;gap:6px;padding:45px 20px;display:flex}.attendance-empty strong{font-size:14px}.attendance-empty span{color:#98a2b3;font-size:11px}.attendance-rules-modern{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.attendance-rules-modern>div{background:#fff;border:1px solid #e7ebf2;border-radius:15px;gap:11px;padding:14px 16px;display:flex}.attendance-rules-modern>div>span{color:#087443;background:#ecfdf3;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.attendance-rules-modern b{font-size:12px}.attendance-rules-modern p{color:#7b8497;margin:4px 0 0;font-size:10px;line-height:1.5}@media (width<=1150px){.attendance-kpis{grid-template-columns:repeat(3,1fr)}.attendance-record-main{grid-template-columns:44px minmax(190px,1.5fr) 80px 80px 68px 68px 105px 30px}.attendance-record-details{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.attendance-hero{flex-direction:column;align-items:flex-start}.attendance-day-nav{justify-content:space-between;width:100%}.attendance-controls{flex-wrap:wrap}.attendance-export{margin-left:0}.attendance-toolbar-modern{flex-wrap:wrap}.attendance-search{min-width:100%}.attendance-status-tabs{max-width:100%}.attendance-record-main{grid-template-columns:42px minmax(180px,1fr) 78px 78px 95px 30px}.attendance-record-main .attendance-proof:nth-of-type(2){display:none}.attendance-record-details{grid-template-columns:repeat(3,1fr);padding-left:18px}.attendance-rules-modern{grid-template-columns:1fr}}@media (width<=600px){.attendance-kpis{grid-template-columns:repeat(2,1fr)}.attendance-hero{padding:19px}.attendance-hero h1{font-size:24px}.attendance-record-main{grid-template-columns:40px minmax(150px,1fr) 78px 92px 28px}.attendance-record-main .attendance-time:nth-of-type(2),.attendance-record-main .attendance-proof,.attendance-status{display:none}.attendance-record-details{grid-template-columns:repeat(2,1fr)}.attendance-day-nav div{min-width:0}.attendance-controls label{flex:1}.attendance-controls input{width:100%}}.final-settings-center{max-width:1400px;margin:0 auto;padding:4px 0 30px}.final-settings-head{background:#fff;border:1px solid #e7ebf2;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;padding:22px 24px;display:flex;box-shadow:0 8px 28px #1018280d}.final-settings-head .eyebrow{letter-spacing:1.8px;color:#667085;font-size:10px;font-weight:800}.final-settings-head h2{margin:7px 0 4px;font-size:25px}.final-settings-head p{color:#7b8497;margin:0;font-size:12px}.final-settings-actions{align-items:center;gap:10px;display:flex}.save-state{color:#087443;background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.final-settings-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:14px;display:grid}.final-settings-nav{background:#fff;border:1px solid #e7ebf2;border-radius:18px;max-height:calc(100vh - 24px);padding:10px;position:sticky;top:12px;overflow:auto;box-shadow:0 6px 24px #1018280a}.final-settings-nav input{border:1px solid #e2e7ef;border-radius:11px;outline:none;width:100%;height:40px;margin-bottom:8px;padding:0 11px}.final-settings-nav button{text-align:left;cursor:pointer;color:#475467;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:10px 11px;display:flex}.final-settings-nav button span{font-size:11px;font-weight:750}.final-settings-nav button small{color:#98a2b3;font-size:9px}.final-settings-nav button.active{color:#4254a0;background:#eef3ff}.final-settings-content{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:20px;box-shadow:0 6px 24px #1018280a}.final-settings-section-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:15px;display:flex}.scope-pill{color:#667085;text-transform:uppercase;letter-spacing:.8px;background:#f2f4f7;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.final-settings-section-head h3{margin:8px 0 3px;font-size:19px}.final-settings-section-head p{color:#98a2b3;margin:0;font-size:10px}.final-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.final-settings-grid label{color:#344054;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.final-settings-grid input,.final-settings-grid select{color:#344054;height:40px;font:inherit;background:#fff;border:1px solid #e2e7ef;border-radius:10px;outline:none;padding:0 10px}.final-settings-grid input:disabled,.final-settings-grid select:disabled{color:#667085;background:#f8fafc}.final-settings-grid label small{color:#98a2b3;font-size:9px;font-weight:500}.final-settings-note{background:#fafbfc;border:1px solid #e4e7ec;border-radius:13px;flex-direction:column;gap:4px;margin-top:18px;padding:12px 14px;display:flex}.final-settings-note b{font-size:11px}.final-settings-note span{color:#7b8497;font-size:10px;line-height:1.5}@media (width<=900px){.final-settings-layout{grid-template-columns:1fr}.final-settings-nav{max-height:none;position:static}.final-settings-nav button{display:none}.final-settings-nav:focus-within button,.final-settings-nav input:not(:placeholder-shown)~button{display:flex}.final-settings-grid{grid-template-columns:1fr}.final-settings-head{flex-direction:column;align-items:flex-start}.final-settings-actions,.final-settings-actions button{width:100%}}.settings-hub{flex-direction:column;gap:14px;display:flex}.settings-hub-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-hub-tabs button{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.settings-hub-tabs button.active{border-color:#667eea;box-shadow:0 0 0 2px #667eea1f}.settings-hub-tabs small{color:var(--muted,#6b7280);line-height:1.4}.settings-hub-content{min-width:0}@media (width<=900px){.settings-hub-tabs{grid-template-columns:1fr}}.final-settings-days-field{grid-column:1/-1;padding:2px 0;display:block}.final-settings-field-label{margin-bottom:8px;font-weight:700;display:block}.final-settings-day-buttons{flex-wrap:wrap;gap:8px;display:flex}.final-settings-day-buttons button{cursor:pointer;background:#fff;border:1px solid #d7dce5;border-radius:10px;padding:9px 13px;font-weight:600}.final-settings-day-buttons button.active{color:#1d4ed8;background:#eef4ff;border-color:#3b82f6}.final-settings-day-buttons button:disabled{cursor:not-allowed;opacity:.7}.final-settings-days-field small{color:#6b7280;margin-top:8px;display:block}.fs-section{background:#fff;border:1px solid #edf0f4;border-radius:14px;margin:0 0 14px;padding:14px}.fs-section h4{color:#1f2937;margin:0 0 12px;font-size:13px}.fs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.fs-field{color:#344054;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.fs-field input,.fs-field select{color:#344054;height:38px;font:inherit;background:#fff;border:1px solid #dfe4ec;border-radius:9px;padding:0 9px}.fs-field small{color:#98a2b3;font-size:9px;font-weight:500;line-height:1.35}.fs-list{flex-direction:column;gap:10px;display:flex}.fs-list-row{background:#fbfcfe;border:1px solid #eef1f5;border-radius:12px;padding:12px}.fs-days{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.fs-days b{width:100%;font-size:10px}.fs-days button{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:7px 9px;font-size:10px}.fs-days button.active{color:#2846b8;background:#eef4ff;border-color:#5b7cfa}.fs-note{color:#667085;background:#f8fafc;border-radius:10px;margin-top:12px;padding:11px 12px;font-size:10px;line-height:1.5}.secondary{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:9px;padding:8px 11px;font-weight:700}.mini.danger,.danger.mini{color:#b42318;cursor:pointer;background:#fff5f5;border:1px solid #f0b8b8;border-radius:8px;padding:7px 9px;font-weight:700}@media (width<=900px){.fs-grid{grid-template-columns:1fr}.fs-section{padding:11px}}html,body,#root{max-width:100%}html,body{overflow-x:hidden}.app{width:100%;min-width:0;max-width:100%}.app>main{width:100%;min-width:0;max-width:none}.grid,.empgrid,.attendance-top,.report,.form,.cards,.modern-cards,.professional-kpi-grid,.professional-module-grid,.hr-ops-grid,.team-dashboard-grid,.leave-balance-card-grid,.absence-list,.policy-grid,.final-settings-grid,.fs-grid,.grid>*,.empgrid>*,.cards>*,.modern-cards>*,.professional-kpi-grid>*,.professional-module-grid>*,.hr-ops-grid>*,.team-dashboard-grid>*,.leave-balance-card-grid>*,.absence-list>*,.policy-grid>*,.final-settings-grid>*,.fs-grid>*,.panel,.card,.attendance-list-card,.professional-suite,.final-settings-center,.final-settings-content,.settings-hub{min-width:0}.panel,.card{max-width:100%}.tablewrap,.attendance-month-table,.professional-suite .tablewrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.attendance-command-center{width:100%;min-width:0;max-width:none}.attendance-hero,.attendance-controls,.attendance-toolbar-modern,.attendance-list-head{min-width:0;max-width:100%}.attendance-days,.attendance-status-tabs{max-width:100%}.attendance-list-card{width:100%}.attendance-record-main{width:100%;min-width:0}@media (width<=1200px){.attendance-record-main{grid-template-columns:40px minmax(0,1fr) 78px 78px 68px 68px 92px 30px;gap:8px;padding:12px}.attendance-record-details{padding-left:54px}}@media (width<=900px){.app>main{padding-left:20px;padding-right:20px}.grid,.empgrid,.form{grid-template-columns:minmax(0,1fr)}.professional-suite,.final-settings-center{max-width:100%}}@media (width<=620px){.app>main{padding-left:14px!important;padding-right:14px!important}.app>main>header,.toolbar,.attendance-controls,.attendance-toolbar-modern{max-width:100%}.attendance-controls label,.attendance-search{min-width:0}.final-settings-head,.final-settings-layout,.final-settings-content{max-width:100%}}html,body,#root{width:100%;max-width:100%}body{overflow-x:hidden}.app{align-items:stretch;width:100%;min-width:0;max-width:100%}.app>aside{flex:0 0 265px;align-self:stretch;min-width:265px;height:100vh;min-height:100vh;max-height:100vh;position:sticky;top:0;overflow:hidden auto}.app>main{flex:auto;width:auto;min-width:0;max-width:none;min-height:100vh;overflow-x:hidden}.app>main>*{min-width:0;max-width:100%}.final-settings-center,.final-settings-head,.final-settings-layout,.final-settings-content{width:100%;min-width:0;max-width:none}.final-settings-content>*{min-width:0;max-width:none}.final-settings-content .fs-section,.final-settings-content .fs-list,.final-settings-content .fs-note,.final-settings-content .workflow-list{width:100%;max-width:none}.final-settings-content .fs-grid{width:100%;min-width:0}@media (width<=900px){.final-settings-layout{grid-template-columns:1fr}.final-settings-nav{max-height:300px;position:static;overflow:hidden auto}.final-settings-nav button,.final-settings-nav:focus-within button,.final-settings-nav input:not(:placeholder-shown)~button{display:flex}.final-settings-content{padding:14px}}.final-settings-content .fs-list-row,.final-settings-content .fs-list-row>.fs-grid,.final-settings-content .fs-list-row>.fs-section,.final-settings-content .fs-list-row>.fs-list{width:100%;max-width:none}@media (width<=1000px){.employee-profile-hero{flex-wrap:wrap}.employee-profile-identity{flex:260px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0;display:grid}.hero-metrics div{width:auto;min-width:0}}@media (width<=700px){.hero-metrics{grid-template-columns:1fr 1fr}}@media (width<=420px){.hero-metrics{grid-template-columns:1fr}}@media (width<=1000px){.report{grid-template-columns:1fr}.discipline-employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.discipline-employee-grid{grid-template-columns:1fr}}.tablewrap,.attendance-month-table,.professional-suite .tablewrap{min-width:0;max-width:100%;overflow-x:auto}.tablewrap table,.attendance-month-table table,.professional-suite table{max-width:none}@media (width>=701px){html,body,#root{min-height:100%}body{overflow:hidden}.app{grid-template-columns:265px minmax(0,1fr)!important;width:100%!important;height:100vh!important;min-height:100vh!important;display:grid!important;overflow:hidden!important}.app>.admin-sidebar{width:265px!important;min-width:265px!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;position:relative!important;top:auto!important;overflow:hidden auto!important}.app>.admin-sidebar nav{flex:auto;min-height:0;overflow:hidden auto}.app>.admin-sidebar .bottom{flex:none}.app>main{overscroll-behavior:contain;width:auto!important;min-width:0!important;max-width:none!important;height:100vh!important;min-height:100vh!important;margin:0!important;overflow:hidden auto!important}.employee-portal{grid-template-columns:285px minmax(0,1fr)!important;width:100%!important;height:100vh!important;min-height:100vh!important;display:grid!important;overflow:hidden!important}.employee-portal>.employee-sidebar{width:285px!important;min-width:285px!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;position:relative!important;top:auto!important;overflow:hidden auto!important}.employee-portal>.employee-main{padding-right:34px;width:auto!important;min-width:0!important;height:100vh!important;min-height:100vh!important;overflow:hidden auto!important}}@media (width<=700px){html,body,#root{min-height:100%}body{overflow:hidden auto}.app{width:100%!important;height:auto!important;min-height:100vh!important;display:block!important;overflow:visible!important}.app>main{height:auto!important;min-height:100vh!important;overflow:hidden visible!important}.employee-portal{width:100%!important;height:auto!important;min-height:100vh!important;display:block!important;overflow:visible!important}.employee-portal>.employee-main{height:auto!important;min-height:100vh!important;overflow:hidden visible!important}}.holiday-dashboard-widget{background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);border:1px solid #e7ebf2;border-radius:20px;margin:0 0 16px;overflow:hidden;box-shadow:0 8px 28px #1018280d}.holiday-widget-head{justify-content:space-between;gap:16px;padding:18px 20px 12px;display:flex}.holiday-widget-kicker{letter-spacing:1.7px;color:#667085;font-size:9px;font-weight:900}.holiday-widget-head h3{margin:5px 0 3px;font-size:18px}.holiday-widget-head p{color:#98a2b3;margin:0;font-size:10px}.holiday-widget-head button{color:#344054;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:10px;align-self:center;padding:9px 12px;font-weight:800}.holiday-widget-stats{background:#edf0f4;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.holiday-widget-stats>div{background:#fff;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;padding:13px 16px;display:grid}.holiday-widget-stats span{grid-row:1/3;font-size:17px}.holiday-widget-stats b{font-size:18px;line-height:1}.holiday-widget-stats small{color:#98a2b3;margin-top:3px;font-size:9px}.holiday-widget-body{grid-template-columns:1fr 1.2fr;gap:0;display:grid}.holiday-mini-year,.holiday-upcoming{padding:16px 20px}.holiday-upcoming{border-left:1px solid #edf0f4}.holiday-year-title,.holiday-upcoming-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.holiday-year-title strong{font-size:14px}.holiday-year-title span,.holiday-upcoming-title span{color:#98a2b3;font-size:9px}.holiday-mini-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.holiday-mini-grid div{text-align:center;border:1px solid #eef1f5;border-radius:9px;padding:8px}.holiday-mini-grid div.has-events{background:#f4f7ff;border-color:#dbe3ff}.holiday-mini-grid b{font-size:9px;display:block}.holiday-mini-grid span{color:#98a2b3;font-size:9px}.holiday-upcoming-title b{font-size:12px}.holiday-upcoming-row{border-top:1px solid #f0f2f5;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.holiday-date-box{background:#f4f6fa;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.holiday-date-box b{font-size:14px;line-height:1}.holiday-date-box small{text-transform:uppercase;color:#98a2b3;font-size:8px}.holiday-upcoming-row strong{font-size:10px;display:block}.holiday-upcoming-row small{color:#98a2b3;font-size:8px}.holiday-upcoming-row em{color:#667eea;font-size:9px;font-style:normal;font-weight:900}.holiday-empty{text-align:center;color:#98a2b3;padding:18px;font-size:10px}.holiday-empty.large{padding:50px}.holiday-calendar-page{max-width:1500px;margin:0 auto;padding:4px 0 30px}.holiday-page-hero{background:#fff;border:1px solid #e7ebf2;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:22px 24px;display:flex;box-shadow:0 8px 28px #1018280d}.holiday-page-hero h2{margin:6px 0 4px;font-size:27px}.holiday-page-hero p{color:#7b8497;margin:0;font-size:11px}.holiday-page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.holiday-page-actions select,.holiday-page-actions>button,.holiday-import-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;height:38px;padding:0 11px;font-weight:750;display:inline-flex}.holiday-import-btn input{display:none}.holiday-page-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.holiday-page-kpis>div{background:#fff;border:1px solid #e7ebf2;border-radius:15px;padding:15px 17px;box-shadow:0 5px 20px #10182809}.holiday-page-kpis small{color:#667085;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:800;display:block}.holiday-page-kpis strong{margin:5px 0 2px;font-size:25px;display:block}.holiday-page-kpis span{color:#98a2b3;font-size:9px}.holiday-calendar-shell{background:#fff;border:1px solid #e7ebf2;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px #1018280a}.holiday-shell-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.holiday-shell-head h3{margin:0 0 3px;font-size:16px}.holiday-shell-head p{color:#98a2b3;margin:0;font-size:9px}.holiday-view-toggle{border:1px solid #e1e6ee;border-radius:9px;display:flex;overflow:hidden}.holiday-view-toggle button{cursor:pointer;background:#fff;border:0;padding:8px 12px;font-size:9px;font-weight:800}.holiday-view-toggle button.active{color:#4055a8;background:#eef3ff}.holiday-year-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:15px;display:grid}.holiday-month-card{border:1px solid #eef1f5;border-radius:13px;padding:11px}.holiday-month-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.holiday-month-head b{font-size:11px}.holiday-month-head span{color:#98a2b3;font-size:8px}.holiday-weekdays,.holiday-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.holiday-weekdays span{text-align:center;color:#98a2b3;padding-bottom:3px;font-size:7px;font-weight:800}.holiday-day{border-radius:6px;min-height:34px;padding:3px;position:relative}.holiday-day.event{background:#fafbff}.holiday-day>b{font-size:8px}.holiday-event{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;border:0;border-radius:4px;max-width:100%;margin-top:2px;padding:2px 3px;font-size:6px;font-weight:800;display:block;overflow:hidden}.holiday-event.official{color:#3452a3;background:#eef4ff}.holiday-event.company{color:#6b42a5;background:#f4efff}.holiday-event.working{color:#a25d00;background:#fff5e8}.holiday-list-table{padding:5px 15px 15px}.holiday-list-row{border-bottom:1px solid #eef1f5;grid-template-columns:55px 1fr auto auto;align-items:center;gap:12px;padding:11px 5px;display:grid}.holiday-list-date{background:#f7f8fa;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:42px;display:flex}.holiday-list-date b{font-size:15px}.holiday-list-date small{color:#98a2b3;font-size:8px}.holiday-list-row strong{font-size:11px;display:block}.holiday-list-row small{color:#98a2b3;margin-top:2px;font-size:9px;display:block}.holiday-type-pill{background:#f2f4f7;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:800}.holiday-type-pill.official{color:#3452a3;background:#eef4ff}.holiday-type-pill.company{color:#6b42a5;background:#f4efff}.holiday-type-pill.working{color:#a25d00;background:#fff5e8}.holiday-row-actions{gap:5px;display:flex}.holiday-row-actions button{cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.holiday-impact-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.holiday-impact-grid>div{background:#fff;border:1px solid #e7ebf2;border-radius:13px;align-items:flex-start;gap:10px;padding:13px;display:flex}.holiday-impact-grid>div>span{font-size:16px}.holiday-impact-grid b{font-size:10px;display:block}.holiday-impact-grid small{color:#98a2b3;margin-top:3px;font-size:8px;line-height:1.45;display:block}.holiday-modal{max-width:720px}.holiday-modal textarea{resize:vertical;min-height:80px}@media (width<=1000px){.holiday-year-grid,.holiday-page-kpis,.holiday-impact-grid{grid-template-columns:repeat(2,1fr)}.holiday-body,.holiday-widget-body{grid-template-columns:1fr}.holiday-upcoming{border-top:1px solid #edf0f4;border-left:0}}@media (width<=650px){.holiday-widget-stats{grid-template-columns:repeat(2,1fr)}.holiday-year-grid,.holiday-page-kpis,.holiday-impact-grid{grid-template-columns:1fr}.holiday-page-hero{flex-direction:column;align-items:flex-start}.holiday-list-row{grid-template-columns:50px 1fr}.holiday-type-pill,.holiday-row-actions{grid-column:2}.holiday-mini-grid{grid-template-columns:repeat(4,1fr)}}.notification-overview-widget{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e2e8f2;border-radius:22px;margin:22px 0;padding:22px;box-shadow:0 16px 42px #0f172a0b}.notification-overview-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.notification-overview-kicker{letter-spacing:.16em;color:#3159d9;font-size:10px;font-weight:900}.notification-overview-head h3{color:#14213d;margin:5px 0 4px;font-size:21px}.notification-overview-head p{color:#718096;margin:0;font-size:12px}.notification-overview-head>button{color:#3159d9;cursor:pointer;background:#fff;border:1px solid #d8e1ef;border-radius:11px;padding:10px 13px;font-weight:900}.notification-overview-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.notification-overview-metrics>div{background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:13px 14px}.notification-overview-metrics b{color:#18263d;font-size:21px;display:block}.notification-overview-metrics span{color:#7b8799;font-size:11px;font-weight:700}.notification-overview-list{gap:8px;display:grid}.notification-overview-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7ebf2;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.notification-overview-item:hover{border-color:#cfdaf2;box-shadow:0 8px 22px #0f172a0a}.notification-overview-item.critical{border-left:3px solid #dc2626}.notification-overview-item.important{border-left:3px solid #d97706}.notification-overview-item.normal{border-left:3px solid #2563eb}.notification-overview-icon{color:#3159d9;background:#eef3ff;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.notification-overview-item>div{flex:1;min-width:0}.notification-overview-item b,.notification-overview-item small,.notification-overview-item em{display:block}.notification-overview-item b{color:#24334b;font-size:13px}.notification-overview-item small{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.notification-overview-item em{color:#9aa6b7;margin-top:4px;font-size:10px;font-style:normal}.notification-overview-item>i{color:#2563eb;background:#eaf2ff;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.notification-overview-empty{text-align:center;color:#7b8799;border:1px dashed #d7dfeb;border-radius:14px;padding:24px;font-size:12px}.notification-card-top{flex-wrap:wrap}.notification-priority{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.notification-priority.normal{color:#3159d9;background:#eef3ff}.notification-priority.important{color:#b65d00;background:#fff5e8}.notification-priority.critical{color:#b91c1c;background:#fef2f2}.notification-card-actions{align-items:center;gap:7px;display:flex}.notification-card-actions>button{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;width:28px;height:28px;font-weight:900}.notification-card-actions>button:hover{color:#b91c1c;border-color:#fecaca}@media (width<=760px){.notification-overview-head{flex-direction:column;align-items:stretch}.notification-overview-metrics{grid-template-columns:1fr 1fr}}.fs-brand-asset{color:#344054;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.fs-brand-asset-row{align-items:center;gap:10px;min-height:54px;display:flex}.fs-brand-asset-row img{object-fit:contain;background:#fff;border:1px solid #e7ebf2;border-radius:9px;width:auto;max-width:180px;height:42px;padding:5px}.fs-brand-asset-row img.fs-brand-favicon{width:42px;height:42px}.fs-brand-placeholder{color:#98a2b3;background:#f8fafc;border:1px dashed #d0d5dd;border-radius:9px;justify-content:center;align-items:center;width:110px;height:42px;font-size:10px;display:flex}.fs-brand-swatch{color:#344054;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.fs-brand-swatch>div{align-items:center;gap:8px;height:38px;display:flex}.fs-brand-swatch i{border:1px solid #e2e7ef;border-radius:9px;width:38px;height:38px;display:block}.fs-brand-preview{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}.fs-brand-preview-bar,.fs-brand-preview-login,.fs-brand-preview-doc{border:1px solid #e7ebf2;border-radius:13px;min-height:150px;overflow:hidden}.fs-brand-preview-bar{color:#fff;flex-direction:column;justify-content:center;gap:5px;padding:20px;display:flex}.fs-brand-preview-bar img{object-fit:contain;object-position:left;max-width:150px;max-height:42px;margin-bottom:6px}.fs-brand-preview-bar b{font-size:18px}.fs-brand-preview-bar span{opacity:.85;font-size:10px}.fs-brand-preview-login{background:#f8fafc;justify-content:center;align-items:center;padding:12px;display:flex}.fs-brand-preview-card{background:#fff;border:1px solid #edf0f4;border-radius:11px;width:100%;padding:14px;box-shadow:0 4px 16px #1018280d}.fs-brand-preview-logo{align-items:center;height:28px;margin-bottom:10px;display:flex}.fs-brand-preview-logo img{object-fit:contain;max-width:110px;max-height:26px}.fs-brand-preview-logo b{font-size:12px}.fs-brand-preview-card h5{margin:0 0 3px;font-size:12px}.fs-brand-preview-card small{color:#98a2b3;font-size:9px}.fs-brand-preview-card button{color:#fff;border:0;border-radius:7px;width:100%;height:28px;margin-top:12px;font-size:10px;font-weight:800;display:block}.fs-brand-preview-doc{background:#fff;padding:14px}.fs-brand-preview-doc>div{border-top:4px solid;flex-direction:column;gap:4px;padding-top:9px;display:flex}.fs-brand-preview-doc b{font-size:12px}.fs-brand-preview-doc span,.fs-brand-preview-doc p{color:#98a2b3;font-size:9px}.fs-brand-preview-doc p{margin-top:65px}@media (width<=1000px){.fs-brand-preview{grid-template-columns:1fr}.fs-brand-preview-bar,.fs-brand-preview-login,.fs-brand-preview-doc{min-height:120px}}.fs-structure-master{flex-direction:column;gap:12px;display:flex}.fs-master-tabs{border-bottom:1px solid #eef1f5;flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.fs-master-tabs button{color:#667085;cursor:pointer;background:#fff;border:1px solid #e1e6ef;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:750}.fs-master-tabs button.active{color:#4254a0;background:#eef3ff;border-color:#c7d2fe}.fs-master-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.fs-master-toolbar>div{flex-direction:column;gap:3px;display:flex}.fs-master-toolbar b{font-size:12px}.fs-master-toolbar span{color:#98a2b3;font-size:9px}.fs-master-editor{background:#fafcff;border:1px solid #dfe5ef;border-radius:13px;padding:12px}.fs-master-editor-head{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.fs-master-editor-head button{cursor:pointer;background:0 0;border:0;font-size:18px}.fs-master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fs-master-field{color:#344054;flex-direction:column;gap:6px;font-size:10px;font-weight:750;display:flex}.fs-master-field input,.fs-master-field select{color:#344054;height:38px;font:inherit;background:#fff;border:1px solid #dfe4ec;border-radius:9px;padding:0 9px}.fs-master-list{flex-direction:column;gap:7px;display:flex}.fs-master-row{background:#fff;border:1px solid #eef1f5;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.fs-master-row>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.fs-master-row b{font-size:11px}.fs-master-row small{color:#98a2b3;font-size:9px}.fs-master-meta{color:#667085;white-space:nowrap;font-size:9px}.fs-master-actions{gap:5px;display:flex}.fs-empty{text-align:center;color:#98a2b3;border:1px dashed #d8dee8;border-radius:11px;padding:18px;font-size:10px}.fs-hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fs-hierarchy-card{background:#fff;border:1px solid #eef1f5;border-radius:11px;flex-direction:column;gap:4px;padding:10px;display:flex}.fs-hierarchy-card b{font-size:11px}.fs-hierarchy-card small,.fs-hierarchy-card span{color:#667085;font-size:9px}@media (width<=900px){.fs-master-form-grid,.fs-hierarchy-grid,.fs-master-row{grid-template-columns:1fr}.fs-master-meta{white-space:normal}.fs-master-toolbar{flex-direction:column;align-items:flex-start}}.sa-security-head-actions{align-items:center;gap:12px;display:flex}.sa-security-score{background:#edf8f1;border:1px solid #ccebd9;border-radius:14px;align-items:center;gap:9px;padding:8px 11px;display:flex}.sa-security-score strong{color:#18794e;font-size:20px}.sa-security-score span{color:#18794e;font-size:10px;font-weight:800}.sa-security-score.mid{background:#fff8e8;border-color:#f2dfad}.sa-security-score.mid strong,.sa-security-score.mid span{color:#9a6700}.sa-security-score.warn{background:#fff1f1;border-color:#f1cccc}.sa-security-score.warn strong,.sa-security-score.warn span{color:#b42318}.sa-security-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.sa-security-summary>div{background:#fff;border:1px solid #e6e9ef;border-radius:15px;padding:15px 16px;box-shadow:0 5px 20px #10182809}.sa-security-summary small,.sa-security-summary span{color:#667085;font-size:11px;display:block}.sa-security-summary strong{margin:4px 0;font-size:26px;display:block}.sa-security-grid-enhanced{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.sa-security-card{text-align:left;cursor:pointer;grid-template-columns:34px 1fr auto;align-items:start;gap:11px;width:100%;transition:all .15s;display:grid!important}.sa-security-card:hover{border-color:#cfd6e4;transform:translateY(-1px);box-shadow:0 8px 24px #1018280f}.sa-security-card p{color:#667085;margin:6px 0 0;font-size:10px}.sa-security-card em.attention{color:#9a6700;background:#fff8e8}.sa-security-card em:where([class]){white-space:nowrap}.sa-security-columns{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.sa-security-recommendations button{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f4;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.sa-security-recommendations button:last-child{border-bottom:0}.sa-security-recommendations button>span{color:#b42318;background:#fff1f1;border-radius:8px;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.sa-security-recommendations small{color:#667085;margin-top:2px;font-size:10px;display:block}.sa-security-recommendations strong{color:#98a2b3}.sa-security-clear{align-items:center;gap:10px;padding:10px 0;display:flex}.sa-security-clear>span{color:#18794e;background:#edf8f1;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.sa-security-clear small{color:#667085;margin-top:2px;font-size:10px;display:block}.sa-security-snapshot{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.sa-security-snapshot span{color:#667085;border:1px solid #edf0f4;border-radius:10px;padding:9px;font-size:10px}.sa-security-snapshot b{color:#101828;margin-top:2px;display:block}@media (width<=1100px){.sa-security-grid-enhanced,.sa-security-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-security-columns{grid-template-columns:1fr}}@media (width<=600px){.sa-security-head-actions{justify-content:space-between;width:100%}.sa-security-grid-enhanced,.sa-security-summary{grid-template-columns:1fr}}.permission-simulator-result{border:1px solid var(--border,#e5e7eb);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding:18px;display:flex}.permission-simulator-result.allowed{background:#f0fdf4;border-color:#bbf7d0}.permission-simulator-result.denied{background:#fff7ed;border-color:#fed7aa}.permission-simulator-result strong{font-size:16px}.permission-simulator-result span,.permission-simulator-result small{color:var(--muted,#64748b)}.admin-policy-center .policy-section-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.admin-policy-center .policy-section-tabs button{border:1px solid var(--border,#e5e7eb);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px}.admin-policy-center .policy-section-tabs button.active{font-weight:700;box-shadow:0 0 0 2px #2563eb24}.admin-policy-center .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-policy-center .form-grid label{flex-direction:column;gap:6px;display:flex}.admin-policy-center .form-grid input,.admin-policy-center .form-grid select{min-height:42px}.admin-policy-center .admin-action-chip input{accent-color:#2563eb}@media (width<=800px){.admin-policy-center .form-grid{grid-template-columns:1fr}.permission-simulator-result{flex-direction:column;align-items:flex-start}}.sa-org-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.sa-org-kpis>div{background:#fff;border:1px solid #e6e9ef;border-radius:15px;padding:16px}.sa-org-kpis small,.sa-org-kpis strong{display:block}.sa-org-kpis small{color:#667085;font-size:11px}.sa-org-kpis strong{margin-top:5px;font-size:25px}.sa-health-large-eight{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-health-large-eight>div{min-height:82px}.sa-security-grid>div{min-height:76px}.sa-page .panel{overflow:auto}@media (width<=900px){.sa-org-kpis,.sa-health-large-eight{grid-template-columns:1fr 1fr}}@media (width<=600px){.sa-org-kpis,.sa-health-large-eight{grid-template-columns:1fr}}