:root{color:#182235;font-synthesis:none;background:#f7f9fc;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #3168eb}.app{min-height:100vh;display:flex}.side{background:#fff;border-right:1px solid #e9edf3;flex-direction:column;flex-shrink:0;width:254px;height:100vh;padding:28px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 14px 44px;display:flex}.brandmark{color:#fff;background:#1657db;border-radius:12px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:800;display:grid}.brand strong{letter-spacing:-.8px;font-size:18px}.brand small,.sidebottom small{color:#8791a2;margin-top:3px;font-size:11px;display:block}.workspace{letter-spacing:1.3px;color:#a2aab7;padding:0 18px 15px;font-size:10px;font-weight:800}nav{flex-direction:column;gap:5px;display:flex}nav button{text-align:left;color:#6a7484;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:13px 16px;font-size:13px;font-weight:600;display:flex}nav button.active{color:#1858db;background:#eaf1ff}nav button:hover{background:#f2f6fc}.sidebottom{border-top:1px solid #edf0f4;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;font-size:12px;display:flex}.avatar{color:#2358ca;background:#dce8ff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.avatar.small{width:32px;height:32px}main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex}.breadcrumb{color:#9ba3b0;align-items:center;gap:10px;font-size:13px;display:flex}.breadcrumb strong{color:#29364a}.headright{color:#677385;align-items:center;gap:26px;display:flex}.period{color:#68778b;font-size:12px}.hamburger{background:0 0;border:0;display:none}.content{max-width:1600px;margin:auto;padding:38px 42px 60px}.heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;display:flex}.eyebrow{color:#2a62dc;letter-spacing:1.3px;margin-bottom:10px;font-size:10px;font-weight:800}h1{letter-spacing:-1.2px;margin:0 0 9px;font-size:27px}p{color:#8993a3;margin:0;font-size:13px;line-height:1.6}.primary{color:#fff;white-space:nowrap;background:#1759df;border:1px solid #1759df;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.stat,.panel{background:#fff;border:1px solid #e9edf3;border-radius:13px;box-shadow:0 2px 7px #172a4d05}.stat{padding:22px}.stathead{color:#778397;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.staticon{color:#2460db;background:#eef4ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.stat h2{letter-spacing:-1px;white-space:nowrap;margin:18px 0 7px;font-size:24px}.stat small{color:#9aa5b3;font-size:11px}.two{grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:23px;display:grid}.panel{margin-bottom:22px;overflow:hidden}.panelhead{justify-content:space-between;align-items:center;gap:15px;padding:23px 24px;display:flex}.panelhead h3{letter-spacing:-.4px;margin:0 0 6px;font-size:15px}.panelhead p{font-size:11px}.ghost,.link{color:#2360df;background:0 0;border:0;font-size:12px;font-weight:700}.ghost{align-items:center;gap:7px;display:flex}.bars{padding:8px 24px 28px}.barrow{color:#768194;grid-template-columns:70px 1fr 112px;align-items:center;gap:13px;margin:17px 0;font-size:11px;display:grid}.barrow b{text-align:right;color:#354257;font-size:11px}.track{background:#eef3fb;border-radius:10px;height:9px;overflow:hidden}.track div{background:linear-gradient(90deg,#3979f4,#8eb5ff);border-radius:10px;height:100%}.quick{padding:0 22px 20px}.quick button{text-align:left;color:#344155;background:#fff;border:0;border-bottom:1px solid #f0f2f6;align-items:center;gap:14px;width:100%;padding:12px 2px;font-size:12px;font-weight:600;display:flex}.quick button:last-child{border:0}.quick button>span{flex:1}.quickicon{color:#2d64d8;background:#f1f5fd;border-radius:9px;padding:10px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:770px}th{color:#8a95a4;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#fafbfd;padding:15px 24px;font-size:10px}td{color:#657186;white-space:nowrap;border-top:1px solid #f0f2f6;padding:15px 24px;font-size:12px}td b{color:#263247;font-size:12px}td small{color:#9aa4b1;margin-top:5px;font-size:10px;display:block}.person{align-items:center;gap:11px;display:flex}.personavatar{color:#4772b8;background:#e5ecff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.c1{color:#b97651;background:#fce8df}.c2{color:#4d9b6a;background:#e3f5e8}.c3{color:#9270bd;background:#f0e7ff}.status{color:#219564;background:#e8f7ef;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-block}.search{color:#8c97a6;border:1px solid #e6eaf0;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.search input{border:0;outline:0;min-width:160px;font-size:12px}.controls{gap:10px;display:flex}.controls input,.settings input,.eos input,.eos select{background:#fff;border:1px solid #e3e9f1;border-radius:7px;max-width:180px;padding:9px}.controls label{color:#7b8796;font-size:12px}.controls label input{width:62px}.info{color:#66768e;background:#f2f6fd;border-radius:8px;margin:18px 24px 24px;padding:14px 16px;font-size:12px;line-height:1.7}.upload{cursor:pointer}.eos,.settings{flex-wrap:wrap;gap:20px;padding:15px 24px 30px;display:flex}.eos label,.settings label{color:#69768a;flex-direction:column;gap:9px;font-size:12px;display:flex}.estimate{background:#f6f9ff;border-radius:10px;width:100%;padding:22px}.estimate small{color:#7b8798}.estimate h2{color:#1b58d7;font-size:30px}.file{border-top:1px solid #eef1f5;align-items:center;gap:14px;padding:20px 25px;font-size:12px;display:flex}.file span{color:#8b95a3;margin-left:auto}.empty{text-align:center;color:#9ba6b5;padding:45px;font-size:13px}.overlay{z-index:10;background:#12203980;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:15px;width:min(610px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #15243d38}.dialoghead{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:start;padding:26px 28px;display:flex}.dialoghead h2{margin:0 0 7px;font-size:20px}.iconbtn{background:#f2f5f9;border:0;border-radius:8px;padding:7px}.fields{grid-template-columns:1fr 1fr;gap:17px;padding:24px 28px;display:grid}.fields label{color:#5e6b7d;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.fields input{border:1px solid #e1e6ee;border-radius:8px;width:100%;padding:12px;font-size:12px}.dialogfoot{border-top:1px solid #eef0f4;justify-content:flex-end;gap:10px;padding:20px 28px;display:flex}.secondary{color:#627085;background:#fff;border:1px solid #e0e5ed;border-radius:8px;padding:11px 18px}.slip{padding:25px 30px}.slip h2{color:#1858db}.slip h3{margin-bottom:5px}.slip hr{border:0;border-top:1px solid #e6eaf1;margin:20px 0}.sliprow{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:16px 0;font-size:13px;display:flex}.sliprow.net{color:#1658df;font-size:17px}.full{width:100%;margin-top:24px}@media (width<=1200px){.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media (width<=800px){.side{z-index:5;transition:left .2s;position:fixed;left:-260px}.side.open{left:0}.hamburger{display:block}header{padding:0 18px}.content{padding:26px 16px}.heading{align-items:start}.period{display:none}.stats{gap:10px}.stat{padding:15px}.stat h2{font-size:19px}.fields{grid-template-columns:1fr}.panelhead{flex-wrap:wrap}.barrow{grid-template-columns:52px 1fr 94px;gap:7px}.barrow b{font-size:10px}}@media print{.side,header,.heading,.dialoghead,.dialogfoot,.slip button,.content{display:none!important}.overlay{background:#fff;padding:0;position:static}.dialog{box-shadow:none;width:100%;max-height:none}.slip{padding:20px}}.actions,.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.secondary{justify-content:center;align-items:center;gap:7px;display:inline-flex}.refresh{padding:11px 14px}.connection{text-transform:capitalize;color:#9b6911;background:#fff3db;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.connection.unavailable,.connection.not_configured{color:#b94343;background:#ffeded}.error{color:#9d3939;background:#fff3f3;border:1px solid #f2c8c8;border-radius:9px;margin:-8px 0 22px;padding:14px 16px;font-size:12px;line-height:1.6}.integration-list{padding:0 22px 20px}.integration{color:#4770bd;border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:15px 2px;display:flex}.integration:last-child{border:0}.integration div{flex:1}.integration b,.integration small{color:#334156;font-size:12px;display:block}.integration small{color:#929dac;margin-top:4px}.integration span{border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700}.integration .ok{color:#1a8659;background:#e7f7ef}.integration .off{color:#9b6911;background:#fff3db}.file small{color:#919cab;margin-top:5px;display:block}.primary:disabled,.secondary:disabled{opacity:.6;cursor:wait}@media (width<=800px){.connection{display:none}.heading{flex-direction:column}.actions{width:100%}}.logout{color:#2360df;text-align:left;background:0 0;border:0;padding:3px 0;font-size:10px;display:block}.login-page{background:radial-gradient(circle at 0 0,#dce9ff 0,#0000 38%),#f5f8fd;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;width:min(430px,100%);padding:42px;box-shadow:0 25px 70px #254b8c1a}.login-brand{padding:0 0 35px}.login-org{color:#1759df;letter-spacing:1px;background:#edf3ff;border-radius:20px;margin-bottom:18px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-block}.login-card h1{font-size:28px}.login-card>p{margin-bottom:28px}.login-card form{flex-direction:column;gap:17px;display:flex}.login-card form label{color:#59677b;flex-direction:column;gap:8px;font-size:11px;font-weight:700;display:flex}.login-card input{border:1px solid #dce3ed;border-radius:9px;padding:13px}.login-card .full{margin-top:4px}.login-error{color:#a23d3d;background:#fff0f0;border-radius:8px;padding:11px;font-size:11px}.login-help{text-align:center;color:#9ba5b3;margin-top:24px;display:block}.fields select{background:#fff;border:1px solid #e1e6ee;border-radius:8px;width:100%;padding:12px;font-size:12px}.category-section{border-top:1px solid #edf0f4;padding:24px}.category-section h3{margin:0 0 6px;font-size:15px}.category-add{gap:10px;margin:20px 0;display:flex}.category-add input{border:1px solid #dfe5ee;border-radius:8px;min-width:240px;padding:11px}.category-grid{flex-wrap:wrap;gap:8px;display:flex}.category-grid span{color:#285ebf;background:#edf3ff;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:600}.expiry{color:#3764b3;background:#edf3ff;border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-block}.expiry.pending{color:#778292;background:#f1f2f5}.expiry.warning{color:#976510;background:#fff1cc}.expiry.expired{color:#b63d3d;background:#ffe8e8}.alert-panel{border-color:#f0d38a}.alert-row{text-align:left;background:#fff;border:0;border-top:1px solid #f1f2f5;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;display:flex}.alert-row:hover{background:#fffaf0}.alert-row b,.alert-row small{display:block}.alert-row b{color:#2d3849;font-size:12px}.alert-row small{color:#929cab;margin-top:4px;font-size:10px}.jmc-slip{color:#111;padding:28px 34px;font-family:Arial,sans-serif}.jmc-slip h2,.jmc-slip h3,.jmc-slip h4{text-align:center;color:#111;margin:5px}.jmc-slip h2{font-size:19px}.jmc-slip h3{margin:25px 0;font-size:18px}.jmc-slip h4{font-size:13px}.jmc-logo{color:#fff;background:#08792d;border:7px solid #e4001b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 10px;display:flex;box-shadow:inset 5px 0 #fff}.jmc-logo span{font-family:Georgia,serif;font-size:25px;font-weight:800}.jmc-logo small{font-size:9px;font-weight:800}.voucher-meta,.employee-meta{grid-template-columns:1fr 1.4fr;gap:20px;padding:12px 3px;font-size:12px;display:grid}.employee-meta{margin-top:8px}.employee-meta b{margin-left:7px}.voucher-title{text-align:center;border-top:2px solid #222;border-bottom:3px double #222;margin-top:10px;padding:5px;font-size:13px}.voucher-line{border-bottom:1px solid #aaa;grid-template-columns:1.15fr 1fr .65fr;align-items:center;gap:12px;min-height:44px;padding:7px 3px;font-size:12px;display:grid}.voucher-line>b,.voucher-total>b{text-align:right}.voucher-line small{font-size:11px}.voucher-total{border-bottom:1px solid #222;grid-template-columns:1fr .65fr;margin-left:38%;padding:10px 3px;font-size:13px;font-style:italic;display:grid}.voucher-total.net{border-bottom:3px double #222;font-size:16px;font-style:normal}.amount-words{text-align:center;border-bottom:3px double #222;padding:9px 3px}.amount-words b{margin-bottom:7px;display:block}.amount-words span{font-size:12px}.signatures{grid-template-columns:1fr 1fr;gap:24px 35px;padding:28px 3px 5px;font-size:11px;display:grid}.dialog:has(.jmc-slip){width:min(800px,100%)}.jmc-slip{--jmc-blue:#075595;--jmc-red:#ef2229;--ink:#172233;color:var(--ink);background:#fff;padding:30px 38px;font-family:Arial,sans-serif}.jmc-brand{border-bottom:3px solid var(--jmc-blue);justify-content:center;align-items:center;height:105px;padding:0 0 16px;display:flex}.jmc-brand img{object-fit:contain;width:min(100%,570px);height:92px;display:block}.jmc-heading{text-align:center;padding:18px 0 15px}.jmc-heading span{letter-spacing:.8px;color:var(--jmc-blue);font-size:20px;font-weight:800;display:block}.jmc-heading small{letter-spacing:1.8px;color:#8390a0;margin-top:5px;font-size:8px;display:block}.jmc-slip .voucher-meta{grid-template-columns:1fr 1fr;gap:12px;padding:0 0 12px;display:grid}.jmc-slip .voucher-meta>span,.jmc-slip .employee-meta>span{background:#f8fafc;border:1px solid #dbe3eb;border-radius:7px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.jmc-slip .voucher-meta small,.jmc-slip .employee-meta small,.jmc-slip .amount-words small{letter-spacing:.8px;color:#758397;font-size:8px;font-weight:800}.jmc-slip .voucher-meta b,.jmc-slip .employee-meta b{color:#172233;margin:0;font-size:11px}.jmc-slip .employee-meta{grid-template-columns:1fr 1.4fr;gap:10px 12px;margin:0;padding:0 0 16px;display:grid}.jmc-slip .voucher-title{background:var(--jmc-blue);color:#fff;text-align:left;letter-spacing:1px;border:0;border-radius:6px 6px 0 0;grid-template-columns:1fr 150px;margin:0;padding:10px 14px;font-size:9px;font-weight:800;display:grid}.jmc-slip .voucher-title span:last-child{text-align:right}.jmc-slip .voucher-line{border:1px solid #dbe3eb;border-top:0;grid-template-columns:1fr 150px;align-items:center;gap:12px;min-height:56px;padding:10px 14px;font-size:11px;display:grid}.jmc-slip .voucher-line>span{flex-direction:column;gap:4px;display:flex}.jmc-slip .voucher-line small{color:#8390a0;font-size:9px}.jmc-slip .voucher-line>b{text-align:right;font-size:12px}.jmc-slip .voucher-line.deduction b{color:#b43d43}.jmc-slip .voucher-total{background:#f5f8fb;border:1px solid #dbe3eb;border-top:0;grid-template-columns:1fr 150px;margin:0;padding:11px 14px;font-size:12px;font-style:normal;display:grid}.jmc-slip .voucher-total.net{background:var(--jmc-blue);color:#fff;border:0;border-radius:0 0 6px 6px;padding:14px;font-size:17px}.jmc-slip .amount-words{border:1px solid #dbe3eb;border-left:4px solid var(--jmc-red);text-align:left;border-radius:6px;margin:15px 0;padding:12px 14px}.jmc-slip .amount-words b{margin:5px 0 0;font-size:11px;display:block}.jmc-slip .signatures{color:#526174;grid-template-columns:repeat(2,1fr);gap:22px 32px;padding:22px 2px 12px;font-size:9px;display:grid}.jmc-slip .signatures span{flex-direction:column;gap:18px;display:flex}.jmc-slip .signatures strong{border-bottom:1px solid #7e8996}.jmc-footer{color:#8a96a4;letter-spacing:.3px;border-top:1px solid #dbe3eb;justify-content:space-between;padding-top:9px;font-size:8px;display:flex}@page{size:A4 portrait;margin:10mm}@media print{html,body{background:#fff;width:210mm;min-height:297mm}.dialog:has(.jmc-slip){width:190mm!important}.jmc-slip{width:190mm;min-height:277mm;box-shadow:none;margin:0 auto;padding:10mm!important}.jmc-slip .full{display:none!important}.jmc-brand img{max-width:150mm}}.report-toolbar{background:#fff;border:1px solid #e9edf3;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:21px 24px;display:flex}.report-toolbar h3{margin:0 0 6px;font-size:16px}.report-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.report-breakdown{padding:0 24px 24px}.report-breakdown-row{color:#657186;grid-template-columns:150px 1fr 28px;align-items:center;gap:12px;margin:12px 0;font-size:11px;display:grid}.report-breakdown-row>div{background:#edf2f8;border-radius:8px;height:7px;overflow:hidden}.report-breakdown-row i{background:linear-gradient(90deg,#075595,#4c91ca);border-radius:8px;height:100%;display:block}.report-breakdown-row b{text-align:right;color:#233148}.report-table{min-width:1350px}@media (width<=900px){.report-toolbar{flex-direction:column;align-items:flex-start}.report-grid{grid-template-columns:1fr}}.controls select{background:#fff;border:1px solid #dfe5ee;border-radius:8px;max-width:280px;padding:10px}.individual-head{grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 16px;display:grid}.individual-head>div{background:#f7f9fc;border:1px solid #e7ebf1;border-radius:9px;padding:14px}.individual-head small,.salary-cards small{letter-spacing:.8px;color:#8995a5;font-size:8px;font-weight:800;display:block}.individual-head b{margin:7px 0 4px;font-size:14px;display:block}.individual-head span,.salary-cards span{color:#8b96a5;font-size:10px}.salary-cards{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px 24px;display:grid}.salary-cards>div{border:1px solid #e5eaf1;border-radius:9px;padding:14px}.salary-cards b{color:#26354a;margin-top:8px;font-size:15px;display:block}.salary-cards .deduct{background:#fff7f7}.salary-cards .deduct b{color:#b54148}.salary-cards .net b{color:#1759df}@media (width<=800px){.individual-head,.salary-cards{grid-template-columns:1fr}}.report-charts{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:20px;margin-bottom:20px;display:grid}.chart-panel{min-width:0}.chart-wrap{height:270px;padding:0 16px 18px;position:relative}.chart-wide{height:270px;padding:0 22px 18px 6px}.donut-total{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.donut-total small{letter-spacing:1px;color:#8995a5;font-size:8px;font-weight:800}.donut-total b{color:#243148;margin-top:5px;font-size:12px}.salary-trend{border-top:1px solid #edf0f4;padding:22px 24px 12px}.salary-trend h4{margin:0 0 4px;font-size:13px}.salary-trend p{color:#8d98a7;margin:0;font-size:10px}.trend-chart{height:290px;margin-top:12px}.recharts-default-tooltip{border:1px solid #dfe5ee!important;border-radius:8px!important;font-size:11px!important;box-shadow:0 10px 30px #223e6b18!important}.recharts-legend-item-text{font-size:10px;color:#647186!important}.recharts-cartesian-axis-tick-value{fill:#7d8999}.recharts-cartesian-grid line{stroke:#edf0f4}@media (width<=1000px){.report-charts{grid-template-columns:1fr}}@media (width<=600px){.chart-wrap,.chart-wide{height:240px;padding-left:4px;padding-right:8px}.trend-chart{height:250px}.salary-trend{padding-left:12px;padding-right:12px}}.breakdown-chart{border-bottom:1px solid #edf0f4;height:230px;padding:0 18px 10px 4px}.attendance-table{min-width:1200px}.punch-cell{white-space:normal;max-width:420px;line-height:1.6}.attendance-status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-block}.attendance-status.valid{color:#188038;background:#e6f4ea}.attendance-status.review{color:#c5221f;background:#fce8e6}.attendance-status.corrected{color:#1967d2;background:#e8f0fe}.attendance-notice{margin-top:0}.attendance-dialog{width:min(720px,100%)}.attendance-edit{padding:25px 28px}.attendance-edit label{color:#5f6368;flex-direction:column;gap:8px;margin-bottom:18px;font-size:11px;font-weight:700;display:flex}.attendance-edit textarea,.attendance-edit input{font:inherit;border:1px solid #dadce0;border-radius:8px;padding:12px}.attendance-edit textarea{resize:vertical;min-height:110px}.attendance-edit .info{margin:8px 0 0}.attendance-stats .stat:nth-child(3) h2{color:#c5221f}.duty-type{white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-block}.duty-type.straight{color:#1967d2;background:#e8f0fe}.duty-type.split{color:#9a6700;background:#fef7e0}.attendance-edit select{font:inherit;background:#fff;border:1px solid #dadce0;border-radius:8px;padding:12px}.duty-type.incomplete{color:#c5221f;background:#fce8e6}.employee-profile-link{text-align:left;color:inherit;background:0 0;border:0;padding:0}.employee-profile-link:hover b{color:#1a73e8;text-decoration:underline}.dialog:has(.employee-detail){width:min(940px,100%)}.employee-detail{padding:24px 28px 32px}.employee-id-card{color:#fff;background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;display:grid}.employee-id-avatar{color:#1967d2;background:#fff;border:4px solid #fff5;border-radius:50%;place-items:center;width:74px;height:74px;font-size:22px;font-weight:800;display:grid}.employee-id-main small{letter-spacing:1.1px;color:#d9e8ff;font-size:9px}.employee-id-main h2{margin:7px 0 4px;font-size:22px}.employee-id-main p{color:#e8f0fe}.employee-id-main span{background:#ffffff20;border-radius:6px;margin-top:10px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.employee-id-status{text-align:right}.employee-id-status .status{color:#188038;background:#fff}.employee-id-status small{color:#d9e8ff;letter-spacing:1px;margin-top:10px;font-size:8px;display:block}.detail-actions{justify-content:flex-end;gap:10px;margin:16px 0;display:flex}.detail-section{border-top:1px solid #e8eaed;margin-top:20px;padding-top:20px}.detail-section h3{color:#202124;margin:0 0 14px;font-size:14px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.detail-item{background:#f8fafd;border:1px solid #e8eaed;border-radius:9px;padding:13px}.detail-item small,.profile-metrics small{color:#80868b;text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block}.detail-item b{color:#3c4043;margin-top:7px;font-size:12px;display:block}.detail-item b.expired{color:#c5221f}.detail-item b.warning{color:#b06000}.detail-item b.valid{color:#188038}.profile-metrics{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.profile-metrics>div{border:1px solid #e8eaed;border-radius:9px;padding:14px}.profile-metrics b{margin-top:8px;font-size:14px;display:block}.profile-metrics .profile-net{background:#e8f0fe;border-color:#d2e3fc}.profile-net b{color:#1967d2}.recent-punches{margin-top:18px}.recent-punches h4{margin:0 0 8px;font-size:12px}.recent-punches>div{border-top:1px solid #eef0f3;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:10px 0;font-size:10px;display:grid}.recent-punches b{color:#4c5665;font-weight:500}.recent-punches em{font-style:normal}@media (width<=760px){.employee-detail{padding:16px}.employee-id-card{grid-template-columns:auto 1fr}.employee-id-status{text-align:left;grid-column:1/-1}.detail-grid,.profile-metrics{grid-template-columns:repeat(2,1fr)}.recent-punches>div{grid-template-columns:1fr}.detail-actions>*{flex:1}}@media (width<=430px){.detail-grid,.profile-metrics{grid-template-columns:1fr}.employee-id-card{text-align:center;grid-template-columns:1fr}.employee-id-avatar{margin:auto}}.employee-profile-page{max-width:1180px;margin:0 auto}.profile-page-toolbar{justify-content:flex-start;align-items:center;margin-bottom:14px;display:flex}.profile-page-toolbar .secondary{align-items:center;gap:7px;display:inline-flex}.employee-profile-card{overflow:visible}.employee-profile-card .employee-detail{padding:28px 30px 34px}@media (width<=760px){.employee-profile-card .employee-detail{padding:16px}.profile-page-toolbar{margin-bottom:10px}}.attendance-search{background:#fff;min-width:230px}.attendance-search input{min-width:190px}.attendance-result-count{color:#687386;background:#f8fafd;border-top:1px solid #f0f2f5;padding:10px 24px;font-size:11px}.attendance-result-count b{color:#202124}@media (width<=800px){.attendance-search,.attendance-search input{width:100%;min-width:0}.panelhead .controls{width:100%}.panelhead .controls>select,.panelhead .controls>input{flex:1;min-width:150px}}.compact-search{background:#fff;min-width:245px}.compact-search input{min-width:200px}.attendance-panel>.panelhead{grid-template-columns:1fr;align-items:start;gap:18px;padding:24px;display:grid}.attendance-panel>.panelhead>div:first-child{max-width:none}.attendance-panel>.panelhead>.controls{grid-template-columns:minmax(230px,1.4fr) 175px minmax(205px,1fr) 160px 170px max-content;align-items:center;gap:10px;width:100%;display:grid}.attendance-panel .attendance-search{width:100%;min-width:0;height:46px}.attendance-panel .attendance-search input{width:100%;min-width:0}.attendance-panel>.panelhead>.controls>input,.attendance-panel>.panelhead>.controls>select{width:100%;max-width:none;height:46px}.attendance-panel .primary.upload{color:#fff;height:46px;margin:0}.attendance-panel .primary.upload svg{color:#fff}@media (width<=1250px){.attendance-panel>.panelhead>.controls{grid-template-columns:minmax(240px,1fr) 180px minmax(220px,1fr)}.attendance-panel .primary.upload{width:max-content}}@media (width<=800px){.attendance-panel>.panelhead{padding:20px 16px}.attendance-panel>.panelhead>.controls{grid-template-columns:1fr}.attendance-panel>.panelhead>.controls>*{width:100%!important;max-width:none!important}.attendance-panel .primary.upload{width:100%}.compact-search,.compact-search input{width:100%;min-width:0}}:root{--surface:#fff;--canvas:#f6f8fc;--text:#1f2937;--muted:#667085;--line:#e4e7ec;--blue:#1769e0;--blue-soft:#eaf2ff;--green:#16875b;--amber:#a15c00;--red:#c4322b;--radius:12px;--shadow:0 1px 2px #1018280d,0 1px 3px #1018280f}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{transform:none}.side{width:244px;padding:22px 12px}.brand{padding:2px 14px 34px}.brandmark{width:40px;height:40px}.side nav{gap:3px}.side nav button{min-height:44px;padding:11px 16px;font-size:13px}.sidebottom{padding:18px 10px 2px}.app>main>header{z-index:4;height:68px;padding:0 34px;position:sticky;top:0}.header-icon{color:#5f6368;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.header-icon:hover{color:#202124;background:#f1f3f4}.content{max-width:1540px;padding:32px 36px 64px}.heading{margin-bottom:24px}.heading h1{letter-spacing:-.8px;font-size:30px;line-height:1.2}.heading p{color:var(--muted);font-size:13px}.eyebrow{margin-bottom:8px}.primary,.secondary{min-height:40px}.primary:focus-visible,.secondary:focus-visible,.link:focus-visible,.employee-profile-link:focus-visible,.iconbtn:focus-visible,.header-icon:focus-visible{outline-offset:2px;outline:3px solid #aecbfa}.stats{gap:16px}.stat{min-height:148px;padding:20px}.stat h2{margin:16px 0 6px;font-size:25px}.panelhead{min-height:78px;padding:20px 22px}.panelhead h3{font-size:16px}.tablewrap{scrollbar-width:thin;scrollbar-color:#c7cdd6 transparent;width:100%}.tablewrap table{font-variant-numeric:tabular-nums}.tablewrap thead{z-index:1;position:sticky;top:0}.tablewrap th{letter-spacing:.65px;height:44px;padding:12px 20px;font-size:10px}.tablewrap td{color:#475467;height:62px;padding:13px 20px}.tablewrap tbody tr{transition:background-color .12s}.tablewrap tbody tr:hover td{background:#f7faff}.personavatar{flex:none;width:38px;height:38px}.employee-profile-link{border-radius:8px;margin:-6px;padding:6px}.employee-profile-link:hover{background:#edf4ff}.employee-profile-link:hover b{text-decoration:none}.link{border-radius:7px;min-height:34px;padding:6px 10px}.link:hover{background:#eaf2ff}.search{background:#fff;border-color:#d0d5dd;min-height:42px}.search:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #e8f0fe}.search input{color:#202124;background:0 0}.search input::placeholder{color:#98a2b3}.controls input,.controls select,.fields input,.fields select,.attendance-edit textarea,.attendance-edit input,.attendance-edit select,.settings input,.eos input,.eos select{color:#202124;border-color:#d0d5dd;min-height:42px}.controls input:focus,.controls select:focus,.fields input:focus,.fields select:focus,.attendance-edit textarea:focus,.attendance-edit input:focus,.attendance-edit select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.status,.expiry,.attendance-status,.duty-type{letter-spacing:.05px;font-weight:700}.empty{color:#667085;background:linear-gradient(#fff,#fbfcfe);padding:56px 24px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8f;padding:24px}.dialog{border:1px solid #ffffff80;border-radius:16px;box-shadow:0 24px 80px #0f172a47}.dialoghead{z-index:2;background:#fff;padding:22px 26px;position:sticky;top:0}.iconbtn{place-items:center;width:40px;height:40px;display:grid}.fields{gap:18px;padding:24px 26px}.dialogfoot{background:#fff;padding:16px 26px;position:sticky;bottom:0}.employee-profile-page{max-width:1240px}.profile-page-toolbar{margin-bottom:16px}.employee-profile-card{box-shadow:var(--shadow)}.employee-id-card{background:linear-gradient(125deg,#1559c6 0%,#2879ec 55%,#5598f4 100%);padding:28px;box-shadow:0 12px 28px #1a73e829}.employee-id-main h2{font-size:24px}.detail-actions{margin:18px 0 22px}.detail-section{margin-top:24px;padding-top:24px}.detail-section h3{font-size:15px}.detail-item,.profile-metrics>div{min-height:72px;padding:14px 15px}.profile-metrics .profile-net{background:#eaf2ff}.recent-punches>div{min-height:46px}.report-grid,.report-charts{gap:16px}.chart-panel{overflow:hidden}.error{border-left:4px solid var(--red)}@media (width<=1100px){.content{padding:28px 24px 56px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metrics .profile-net{grid-column:span 2}}@media (width<=800px){.app>main>header{height:62px;padding:0 14px}.breadcrumb{display:none}.headright{gap:10px}.hamburger{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hamburger:hover{background:#f1f3f4}.content{padding:22px 14px 48px}.heading{gap:18px}.heading h1{font-size:25px}.heading .actions{grid-template-columns:1fr 1fr;display:grid}.heading .actions>*{width:100%}.stats{grid-template-columns:1fr 1fr}.stat{min-height:130px}.panel{border-radius:10px}.panelhead{padding:18px 16px}.tablewrap th,.tablewrap td{padding-left:16px;padding-right:16px}.dialog{border-radius:14px;max-height:94vh}.dialoghead,.fields{padding:18px}.dialogfoot{padding:14px 18px}.employee-profile-card .employee-detail{padding:14px}.employee-id-card{padding:22px}.detail-actions{grid-template-columns:1fr 1fr;display:grid}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metrics .profile-net{grid-column:span 2}}@media (width<=520px){.stats{grid-template-columns:1fr}.stat{min-height:auto}.heading .actions,.detail-grid,.profile-metrics{grid-template-columns:1fr}.profile-metrics .profile-net{grid-column:auto}.employee-id-card{text-align:left;grid-template-columns:1fr}.employee-id-avatar{margin:0}.employee-id-status{grid-column:auto}.detail-actions{grid-template-columns:1fr}.dialogfoot{flex-direction:column-reverse}.dialogfoot>*{width:100%}.recent-punches>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.attendance-panel>.panelhead>.controls{grid-template-columns:minmax(220px,1.4fr) 168px minmax(195px,1fr) 145px 160px max-content max-content}.attendance-refresh{height:46px}.live-updated{color:#188038;align-items:center;gap:5px;margin-left:10px;font-weight:600;display:inline-flex}.live-updated i{background:#34a853;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e6f4ea}@media (width<=1250px){.attendance-panel>.panelhead>.controls{grid-template-columns:minmax(240px,1fr) 180px minmax(220px,1fr)}.attendance-refresh{width:max-content}}@media (width<=800px){.attendance-panel>.panelhead>.controls{grid-template-columns:1fr}.attendance-refresh{width:100%}.live-updated{margin:6px 0 0;display:flex}}.friday-roster-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.friday-roster-head p{max-width:720px}.friday-options{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:16px;display:grid}.friday-options button{text-align:left;color:#475467;background:#fff;border:1px solid #d0d5dd;border-radius:10px;flex-direction:column;gap:5px;padding:12px;display:flex}.friday-options button:hover{background:#f8fbff;border-color:#84adf4}.friday-options button.selected{color:#1967d2;background:#e8f0fe;border-color:#1a73e8;box-shadow:0 0 0 2px #d2e3fc}.friday-options span{font-size:12px;font-weight:700}.friday-options small{font-size:9px}.roster-message{color:#475467;background:#f1f3f4;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:11px}.friday-badge{border-radius:20px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-block}.friday-badge.overtime{color:#c5221f;background:#fce8e6}.friday-badge.regular{color:#188038;background:#e6f4ea}@media (width<=900px){.friday-options{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.friday-roster-head{flex-direction:column}.friday-roster-head .primary{width:100%}.friday-options{grid-template-columns:1fr 1fr}}.brand{flex-direction:column;align-items:flex-start;gap:7px;min-height:72px;padding:4px 14px 28px;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:190px;max-width:100%;height:40px;display:block}.brand>small{color:#80868b;margin:0 0 0 2px;font-size:10px;line-height:1.2}.login-brand{min-height:auto;padding:0 0 30px}.login-logo{width:220px;height:47px}@media (width<=800px){.brand-logo{width:184px;height:39px}.login-logo{width:205px;height:44px}}body{background:radial-gradient(circle at 82% 8%,#dcecff 0,#0000 24%),radial-gradient(circle at 28% 92%,#ffe8ec 0,#0000 25%),#f4f8fd}.side{background:linear-gradient(#063f70 0%,#075595 55%,#073761 100%);border-right:0;box-shadow:8px 0 30px #063f7024}.brandmark{background:linear-gradient(135deg,#ef2229,#ff6870);box-shadow:0 9px 22px #ef222952}.brand strong,.brand small,.sidebottom b{color:#fff}.workspace{opacity:.85}.side nav button{color:#d0e4f5}.side nav button.active{color:#fff;background:linear-gradient(90deg,#ef2229,#f34852);box-shadow:0 8px 20px #031f383d}.app>main>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffde;border-bottom-color:#dfe9f4;box-shadow:0 4px 18px #0755950a}.content{position:relative}.primary{background:linear-gradient(135deg,#075595,#1479bd);border-color:#075595;box-shadow:0 6px 16px #07559526}.primary:hover{background:linear-gradient(135deg,#064777,#0e669f)}.panel,.stat,.report-toolbar{border-color:#dde9f4;box-shadow:0 8px 26px #123f680b}.panel{background:#fffffff2}.stat{position:relative;overflow:hidden}.stat:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.report-toolbar .primary{background:#ef2229;border-color:#ef2229;box-shadow:0 7px 17px #042d4d52}.salary-cards .net{background:linear-gradient(135deg,#075595,#1683c5);border:0}.salary-cards .net small,.salary-cards .net b{color:#fff}@media (width<=800px){.side{box-shadow:14px 0 40px #021a3057}}@media print{body{background:#fff}.panel,.stat{box-shadow:none}}body{color:#202124;background:#f8fafd}.side{box-shadow:none;background:#fff;border-right:1px solid #e8eaed}.brandmark{box-shadow:none;background:#4285f4;border-radius:50%}.brand strong,.sidebottom b{color:#202124}.brand strong span{color:#4285f4}.brand small,.workspace{color:#80868b}.side nav button{color:#5f6368;border-radius:0 24px 24px 0;margin-right:8px}.side nav button:hover{color:#202124;background:#f1f3f4}.side nav button.active{color:#1967d2;box-shadow:none;background:#e8f0fe}.sidebottom{border-color:#e8eaed}.sidebottom .avatar{color:#1967d2;background:#e8f0fe}.sidebottom .logout{color:#1a73e8}.app>main>header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #e8eaed}.eyebrow{color:#1a73e8}.heading h1{color:#202124}.primary{background:#1a73e8;border-color:#1a73e8;border-radius:8px;box-shadow:0 1px 2px #3c404326}.primary:hover{background:#1765cc;box-shadow:0 2px 5px #3c404329}.secondary{color:#3c4043;border-color:#dadce0}.secondary:hover{color:#1967d2;background:#f8fbff;border-color:#d2e3fc}.panel,.stat,.report-toolbar{background:#fff;border-color:#e8eaed;border-radius:12px;box-shadow:0 1px 2px #3c404314}.stat:before{height:3px}.stat:nth-child(4n+1):before{background:#4285f4}.stat:nth-child(4n+2):before{background:#34a853}.stat:nth-child(4n+3):before{background:#fbbc04}.stat:nth-child(4n):before{background:#ea4335}.stat:nth-child(4n+1) .staticon{color:#1967d2;background:#e8f0fe}.stat:nth-child(4n+2) .staticon{color:#188038;background:#e6f4ea}.stat:nth-child(4n+3) .staticon{color:#b06000;background:#fef7e0}.stat:nth-child(4n) .staticon{color:#c5221f;background:#fce8e6}.stat h2{color:#202124}.panelhead{background:#fff}.panelhead h3{color:#202124}.report-toolbar{color:#202124;background:#fff;border:1px solid #e8eaed;box-shadow:0 1px 2px #3c404314}.report-toolbar h3{color:#202124}.report-toolbar p{color:#5f6368}.report-toolbar .primary{box-shadow:none;background:#1a73e8;border-color:#1a73e8}.report-toolbar .controls input{border-color:#dadce0}.individual-head>div{background:#f8fafd;border-color:#e8eaed}.salary-cards>div:first-child{background:#e8f0fe;border-color:#d2e3fc}.salary-cards>div:nth-child(2){background:#fef7e0;border-color:#fce8b2}.salary-cards>div:nth-child(3){background:#e6f4ea;border-color:#ceead6}.salary-cards>div:nth-child(6){background:#f3e8fd;border-color:#e9d2fd}.salary-cards .net{background:#1a73e8;border-color:#1a73e8}.report-breakdown-row i{background:#4285f4}.report-breakdown-row:nth-child(4n+2) i{background:#ea4335}.report-breakdown-row:nth-child(4n+3) i{background:#34a853}.report-breakdown-row:nth-child(4n) i{background:#fbbc04}th{color:#5f6368;background:#f8fafd}tbody tr:hover td{background:#f8fafd}.category-grid span:nth-child(4n+1){color:#1967d2;background:#e8f0fe}.category-grid span:nth-child(4n+2){color:#c5221f;background:#fce8e6}.category-grid span:nth-child(4n+3){color:#188038;background:#e6f4ea}.category-grid span:nth-child(4n){color:#b06000;background:#fef7e0}.login-page{background:#f8fafd}.login-card{border:1px solid #dadce0;box-shadow:0 2px 8px #3c40431f}.login-org{color:#1967d2;background:#e8f0fe}.connection.connected{color:#188038;background:#e6f4ea}.track{background:#e8eaed}.track div{background:#4285f4}@media (width<=800px){.side{box-shadow:4px 0 18px #3c404329}}.navigation-backdrop{display:none}.header-icon:disabled{cursor:not-allowed;opacity:.5}.header-icon:disabled:active{transform:none}.success-message{color:#146c34;background:#e6f4ea;border:1px solid #b7dfc8;border-left:4px solid #188038;border-radius:9px;align-items:center;gap:10px;margin:-8px 0 22px;padding:13px 15px;font-size:13px;font-weight:600;display:flex}.panelhead p,.heading p,.info,.empty,.fields label,.attendance-edit label,.settings label,.eos label{font-size:13px}.tablewrap th{font-size:11px}.tablewrap td{font-size:13px}.status,.expiry,.attendance-status,.duty-type,.friday-badge{font-size:11px}.tablewrap:focus-within{outline-offset:2px;outline:3px solid #d2e3fc}@media (width<=800px){.side{z-index:7}.navigation-backdrop{z-index:6;background:#0f172a7a;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.tablewrap{overscroll-behavior-x:contain}.attendance-table th:nth-child(2),.attendance-table td:nth-child(2){z-index:1;background:#fff;position:sticky;left:0;box-shadow:4px 0 8px #0f172a0f}.attendance-table th:nth-child(2){z-index:2;background:#f8fafd}}.overview-page{flex-direction:column;gap:22px;display:flex}.overview-page>.stats,.overview-page>.panel,.overview-page>.two{margin-bottom:0}.overview-period{color:#667085;flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.overview-period input{color:#202124;background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-height:40px;padding:7px 10px}.overview-period input:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.overview-summary{background:linear-gradient(120deg,#f7faff 0%,#edf5ff 58%,#fff 100%);border:1px solid #d2e3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1a73e814}.overview-summary h2{color:#1f2937;letter-spacing:-.45px;margin:5px 0 7px;font-size:22px}.overview-summary p{color:#667085}.overview-kicker{color:#1967d2;letter-spacing:1.1px;font-size:10px;font-weight:800}.overview-health{background:#fff;border:1px solid #dfe7ef;border-radius:12px;align-items:center;gap:12px;min-width:175px;padding:13px 15px;display:flex}.overview-health>span{border-radius:50%;flex:none;width:11px;height:11px}.overview-health>span.healthy{background:#34a853;box-shadow:0 0 0 5px #e6f4ea}.overview-health>span.attention{background:#f9ab00;box-shadow:0 0 0 5px #fef7e0}.overview-health b,.overview-health small{display:block}.overview-health b{color:#202124;font-size:15px}.overview-health small{color:#667085;margin-top:2px;font-size:11px}.overview-stats .stat{transition:transform .18s,box-shadow .18s}.overview-stats .stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a17}.overview-page .panelhead .ghost{border-radius:8px;min-height:38px;padding:7px 10px}.overview-page .panelhead .ghost:hover{background:#e8f0fe}.overview-page .barrow{grid-template-columns:minmax(110px,1fr) minmax(120px,2fr) 125px;margin:16px 0}.overview-page .barrow>span{text-overflow:ellipsis;white-space:nowrap;color:#344054;font-weight:600;overflow:hidden}.overview-page .track{height:10px}.overview-page .integration{min-height:58px}.overview-page .integration span{font-size:11px}.overview-page .alert-panel{border-left:4px solid #f9ab00}.overview-page .alert-row{min-height:62px}.overview-page .alert-row:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #aecbfa;position:relative}@media (width<=800px){.overview-summary{flex-direction:column;align-items:flex-start;padding:20px}.overview-summary h2{font-size:20px}.overview-health,.overview-period,.overview-period input{width:100%}.overview-page .barrow{grid-template-columns:minmax(80px,1fr) minmax(80px,1.25fr);gap:10px}.overview-page .barrow>b{text-align:left;grid-column:1/-1;margin-top:-4px}.overview-page .panelhead .ghost{background:#f8fafd;justify-content:center;width:100%}}.overview-cycle{background:#fff;border:1px solid #d2e3fc;border-radius:11px;flex-direction:column;gap:5px;min-width:210px;padding:13px 15px;display:flex}.overview-cycle small{color:#667085;letter-spacing:.8px;font-size:10px;font-weight:800}.overview-cycle b{color:#1967d2;font-size:13px}.overview-employee-list{width:100%}.overview-employee-head,.overview-employee-row{grid-template-columns:minmax(230px,1.5fr) minmax(130px,1fr) 90px minmax(145px,1fr) 105px 58px;align-items:center;gap:14px;padding:0 22px;display:grid}.overview-employee-head{color:#667085;letter-spacing:.55px;text-transform:uppercase;background:#f8fafd;min-height:44px;font-size:11px;font-weight:800}.overview-employee-row{color:#475467;border-top:1px solid #eef0f3;min-height:70px;font-size:13px}.overview-employee-row:hover{background:#f8fbff}.overview-person{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-width:0;padding:5px;display:flex}.overview-person:hover{background:#e8f0fe}.overview-person>span:last-child{min-width:0}.overview-person b,.overview-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-person b{color:#202124;font-size:13px}.overview-person small{color:#667085;margin-top:4px;font-size:11px}.overview-employee-row>b{color:#202124}.overview-employee-row>.link{justify-self:end}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton{background:#e8edf3;border-radius:14px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);animation:1.25s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-hero{height:116px}.skeleton-stat{height:148px}.skeleton-panel{height:330px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (width<=900px){.overview-employee-head{display:none}.overview-employee-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.overview-employee-row>span:not(.status),.overview-employee-row>b{grid-column:1/-1;justify-content:space-between;gap:16px;display:flex}.overview-employee-row>span:not(.status):before,.overview-employee-row>b:before{content:attr(data-label);color:#667085;font-weight:500}.overview-employee-row>.overview-person{grid-column:1/2}.overview-employee-row>.link{grid-area:1/2/auto/3}.overview-employee-row>span[data-label=Status]{grid-column:1/-1;justify-content:flex-start}.overview-employee-row>span[data-label=Status]:before{min-width:92px}.overview-cycle{width:100%;min-width:0}}.employees-page{flex-direction:column;gap:20px;display:flex}.employee-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.employee-summary-strip>div{border-right:1px solid #e8eaed;min-height:112px;padding:20px 22px;position:relative}.employee-summary-strip>div:last-child{border-right:0}.employee-summary-strip>div:before{content:"";background:#4285f4;height:3px;position:absolute;top:0;left:0;right:0}.employee-summary-strip>div:nth-child(2):before{background:#34a853}.employee-summary-strip>div:nth-child(3):before{background:#a142f4}.employee-summary-strip>div:nth-child(4):before{background:#fbbc04}.employee-summary-strip>div.needs-attention:before{background:#ea4335}.employee-summary-strip small,.employee-summary-strip b,.employee-summary-strip span{display:block}.employee-summary-strip small{color:#667085;letter-spacing:.75px;font-size:10px;font-weight:800}.employee-summary-strip b{color:#202124;margin-top:10px;font-size:24px}.employee-summary-strip span{color:#667085;margin-top:4px;font-size:12px}.employee-directory-panel{margin:0}.employee-directory-head{grid-template-columns:minmax(200px,.7fr) minmax(540px,1.3fr);align-items:end;display:grid}.employee-directory-controls{grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) 145px;gap:10px;display:grid}.employee-directory-controls select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:44px;padding:8px 10px}.employee-directory-controls select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.employee-directory-search{min-width:0}.employee-directory-search input{width:100%;min-width:0}.employee-result-bar{color:#667085;background:#f8fafd;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;min-height:44px;padding:8px 22px;font-size:12px;display:flex}.employee-result-bar b{color:#202124}.employee-directory-columns,.employee-directory-row{grid-template-columns:minmax(230px,1.5fr) minmax(120px,.9fr) minmax(110px,.8fr) minmax(130px,.9fr) 80px minmax(130px,.9fr) 100px 110px;align-items:center;gap:13px;padding:0 22px;display:grid}.employee-directory-columns{color:#667085;letter-spacing:.6px;text-transform:uppercase;min-height:44px;font-size:10px;font-weight:800}.employee-directory-row{color:#475467;border-top:1px solid #eef0f3;min-height:76px;font-size:13px}.employee-directory-row:hover{background:#f8fbff}.directory-person{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-width:0;padding:5px;display:flex}.directory-person:hover{background:#e8f0fe}.directory-person>span:last-child{min-width:0}.directory-person b,.directory-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.directory-person b{color:#202124;font-size:13px}.directory-person small{color:#667085;margin-top:4px;font-size:11px}.employee-directory-row>b{color:#202124}.directory-actions{justify-content:flex-end;gap:2px;display:flex}.directory-actions .link{padding-left:7px;padding-right:7px}@media (width<=1200px){.employee-directory-head{grid-template-columns:1fr}.employee-directory-controls{margin-top:14px}.employee-directory{overflow-x:auto}.employee-directory-columns,.employee-directory-row{min-width:1120px}}@media (width<=800px){.employee-summary-strip{grid-template-columns:1fr 1fr}.employee-summary-strip>div{min-height:100px}.employee-summary-strip>div:nth-child(2){border-right:0}.employee-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e8eaed}.employee-directory-controls{grid-template-columns:1fr}.employee-directory{overflow:visible}.employee-directory-columns{display:none}.employee-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;padding:18px 16px}.employee-directory-row>span,.employee-directory-row>b{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-directory-row>span:before,.employee-directory-row>b:before{content:attr(data-label);color:#667085;font-weight:500}.employee-directory-row>.directory-person{grid-column:1/-1}.employee-directory-row>.directory-actions{grid-column:1/-1;justify-content:flex-start;padding-top:4px}.employee-directory-row>.directory-actions .link{border:1px solid #d2e3fc;flex:1}.employee-result-bar{flex-direction:column;align-items:flex-start;gap:8px}.employee-result-bar .link{padding-left:0}}@media (width<=480px){.employee-summary-strip{grid-template-columns:1fr}.employee-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0;min-height:auto}.employee-summary-strip>div:last-child{border-bottom:0}}.attendance-result-count{justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.attendance-result-count .link{padding-right:0}.attendance-loading{background:#eef0f3;gap:1px;padding:1px 0;display:grid}.attendance-loading .skeleton{border-radius:0;height:68px}.attendance-mobile-list{display:none}.field-help{color:#667085;font-size:11px;font-weight:400;line-height:1.5}.attendance-card{background:#fff;border:1px solid #e8eaed;border-radius:13px;overflow:hidden;box-shadow:0 1px 2px #3c404314}.attendance-card-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.attendance-card-head small,.attendance-card-head b,.attendance-card-head div>span{display:block}.attendance-card-head small{color:#667085;font-size:11px}.attendance-card-head b{color:#202124;margin-top:5px;font-size:15px}.attendance-card-head div>span{color:#667085;margin-top:3px;font-size:11px}.attendance-card-punches{background:#f8fafd;padding:14px 16px}.attendance-card-punches small,.attendance-card-punches b{display:block}.attendance-card-punches small,.attendance-card-metrics small{color:#667085;letter-spacing:.65px;font-size:9px;font-weight:800}.attendance-card-punches b{color:#344054;margin-top:7px;font-size:12px;line-height:1.65}.attendance-card-metrics{background:#e8eaed;border-top:1px solid #e8eaed;border-bottom:1px solid #e8eaed;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.attendance-card-metrics>div{background:#fff;padding:13px 12px}.attendance-card-metrics b{color:#202124;margin-top:6px;font-size:14px;display:block}.attendance-variance{padding:10px 16px;font-size:11px;font-weight:700}.attendance-variance.met{color:#188038;background:#e6f4ea}.attendance-variance.short{color:#9a5b00;background:#fef7e0}.attendance-card-foot{flex-wrap:wrap;align-items:center;gap:8px;padding:13px 16px;display:flex}.attendance-card-foot .secondary{min-height:36px;margin-left:auto;padding:7px 12px}.attendance-panel .panelhead p{max-width:820px}@media (width<=800px){.attendance-desktop-table{display:none}.attendance-mobile-list{background:#f8fafd;gap:12px;padding:14px;display:grid}.attendance-result-count{flex-direction:column;align-items:flex-start;padding:12px 16px}.attendance-result-count .link{padding-left:0}.attendance-card-foot .secondary{width:100%;margin:4px 0 0}.attendance-edit{padding:18px}.attendance-edit textarea{min-height:140px}}.payroll-page{flex-direction:column;gap:20px;display:flex}.payroll-cycle-banner{background:linear-gradient(125deg,#f7faff,#edf4ff 65%,#fff);border:1px solid #d2e3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1a73e814}.payroll-cycle-banner>div:first-child>span{color:#1967d2;letter-spacing:1px;font-size:10px;font-weight:800}.payroll-cycle-banner h2{color:#202124;margin:6px 0;font-size:24px}.payroll-cycle-banner p{color:#667085}.payroll-cycle-total{text-align:right;border-left:1px solid #d2e3fc;min-width:260px;padding-left:24px}.payroll-cycle-total small,.payroll-cycle-total b,.payroll-cycle-total span{display:block}.payroll-cycle-total small{color:#667085;letter-spacing:.7px;font-size:10px;font-weight:800}.payroll-cycle-total b{color:#1967d2;margin-top:7px;font-size:22px}.payroll-cycle-total span{color:#667085;margin-top:4px;font-size:11px}.payroll-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.payroll-summary-strip>div{border-right:1px solid #e8eaed;min-height:112px;padding:20px 22px;position:relative}.payroll-summary-strip>div:last-child{border-right:0}.payroll-summary-strip>div:before{content:"";background:#4285f4;height:3px;position:absolute;top:0;left:0;right:0}.payroll-summary-strip>div:nth-child(2):before{background:#34a853}.payroll-summary-strip>div:nth-child(3):before{background:#ea4335}.payroll-summary-strip>div:nth-child(4):before{background:#a142f4}.payroll-summary-strip small,.payroll-summary-strip b,.payroll-summary-strip span{display:block}.payroll-summary-strip small{color:#667085;letter-spacing:.7px;font-size:10px;font-weight:800}.payroll-summary-strip b{color:#202124;margin-top:10px;font-size:18px}.payroll-summary-strip span{color:#667085;margin-top:5px;font-size:11px}.payroll-summary-strip .payroll-net-summary{background:#f5f8ff}.payroll-summary-strip .payroll-net-summary b{color:#1967d2}.payroll-panel{margin:0}.payroll-panel-head{grid-template-columns:minmax(220px,.65fr) minmax(650px,1.35fr);align-items:end;display:grid}.payroll-controls{grid-template-columns:minmax(220px,1.2fr) 150px 125px max-content max-content;align-items:end;gap:10px;display:grid}.payroll-controls>input,.payroll-rate input{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:42px;padding:8px 10px}.payroll-rate{color:#667085;flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.payroll-rate input:focus,.payroll-controls>input:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.payroll-result-bar{color:#667085;background:#f8fafd;border-top:1px solid #eef0f3;align-items:center;gap:4px;min-height:44px;padding:8px 22px;font-size:12px;display:flex}.payroll-result-bar b{color:#202124}.payroll-result-bar .link{margin-left:auto}.payroll-table{min-width:930px}.payroll-positive{color:#188038;font-weight:600}.payroll-deduction{color:#c5221f;font-weight:600}.payroll-net{color:#1967d2;font-size:13px}.payroll-mobile-list{display:none}.payroll-card{background:#fff;border:1px solid #e8eaed;border-radius:13px;overflow:hidden;box-shadow:0 1px 2px #3c404314}.payroll-card-head{border-bottom:1px solid #eef0f3;align-items:center;gap:11px;padding:16px;display:flex}.payroll-card-head b,.payroll-card-head small{display:block}.payroll-card-head b{color:#202124;font-size:14px}.payroll-card-head small{color:#667085;margin-top:4px;font-size:11px}.payroll-card-lines{padding:8px 16px}.payroll-card-lines>div{color:#667085;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:12px;display:flex}.payroll-card-lines>div+div{border-top:1px solid #eef0f3}.payroll-card-lines b{color:#202124}.payroll-card-lines .positive b{color:#188038}.payroll-card-lines .deduction b{color:#c5221f}.payroll-card-lines small{color:#667085}.payroll-card-net{color:#174ea6;background:#e8f0fe;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;display:flex}.payroll-card-net b{font-size:17px}.payroll-card>.secondary{width:calc(100% - 32px);margin:14px 16px}@media (width<=1250px){.payroll-panel-head{grid-template-columns:1fr}.payroll-controls{margin-top:14px}}@media (width<=900px){.payroll-controls{grid-template-columns:1fr 1fr}.payroll-controls>.compact-search{grid-column:1/-1}.payroll-controls>.primary,.payroll-controls>.secondary{width:100%}}@media (width<=800px){.payroll-cycle-banner{flex-direction:column;align-items:flex-start;padding:20px}.payroll-cycle-total{text-align:left;border-top:1px solid #d2e3fc;border-left:0;width:100%;min-width:0;padding:16px 0 0}.payroll-summary-strip{grid-template-columns:1fr 1fr}.payroll-summary-strip>div:nth-child(2){border-right:0}.payroll-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e8eaed}.payroll-desktop-table{display:none}.payroll-mobile-list{background:#f8fafd;gap:12px;padding:14px;display:grid}.payroll-result-bar{flex-wrap:wrap}.payroll-result-bar .link{text-align:left;width:100%;margin:2px 0 0;padding-left:0}}@media (width<=520px){.payroll-summary-strip,.payroll-controls{grid-template-columns:1fr}.payroll-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0;min-height:auto}.payroll-summary-strip>div:last-child{border-bottom:0}.payroll-controls>.compact-search{grid-column:auto}}.advances-page{flex-direction:column;gap:20px;display:flex}.advance-summary-banner{background:linear-gradient(125deg,snow,#fce8e6 68%,#fff);border:1px solid #f6d6d3;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #c5221f12}.advance-summary-banner>div:first-child>span{color:#c5221f;letter-spacing:1px;font-size:10px;font-weight:800}.advance-summary-banner h2{color:#202124;margin:6px 0;font-size:24px}.advance-summary-banner p{color:#667085}.advance-summary-count{text-align:right;border-left:1px solid #f3c8c4;min-width:190px;padding-left:24px}.advance-summary-count b,.advance-summary-count span{display:block}.advance-summary-count b{color:#c5221f;font-size:28px}.advance-summary-count span{color:#667085;margin-top:4px;font-size:11px}.advance-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.advance-summary-strip>div{border-right:1px solid #e8eaed;min-height:108px;padding:20px 22px;position:relative}.advance-summary-strip>div:last-child{border-right:0}.advance-summary-strip>div:before{content:"";background:#ea4335;height:3px;position:absolute;top:0;left:0;right:0}.advance-summary-strip>div:nth-child(2):before{background:#f9ab00}.advance-summary-strip>div:nth-child(3):before{background:#a142f4}.advance-summary-strip small,.advance-summary-strip b,.advance-summary-strip span{display:block}.advance-summary-strip small{color:#667085;letter-spacing:.7px;font-size:10px;font-weight:800}.advance-summary-strip b{color:#202124;margin-top:10px;font-size:19px}.advance-summary-strip span{color:#667085;margin-top:5px;font-size:11px}.advance-ledger-panel{margin:0}.advance-ledger-head{grid-template-columns:minmax(220px,.8fr) minmax(440px,1.2fr);align-items:end;display:grid}.advance-controls{grid-template-columns:minmax(260px,1fr) 170px;gap:10px;display:grid}.advance-controls select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-height:44px;padding:8px 10px}.advance-controls select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.advance-result-bar{color:#667085;background:#f8fafd;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 22px;font-size:12px;display:flex}.advance-result-bar b{color:#202124}.advance-ledger-columns,.advance-ledger-row{grid-template-columns:minmax(235px,1.4fr) minmax(130px,.85fr) minmax(135px,.85fr) minmax(150px,.9fr) minmax(150px,1fr) 145px;align-items:center;gap:14px;padding:0 22px;display:grid}.advance-ledger-columns{color:#667085;letter-spacing:.55px;text-transform:uppercase;min-height:44px;font-size:10px;font-weight:800}.advance-ledger-row{color:#475467;border-top:1px solid #eef0f3;min-height:78px;font-size:13px}.advance-ledger-row:hover{background:snow}.advance-person{align-items:center;gap:11px;min-width:0;display:flex}.advance-person>span:last-child{min-width:0}.advance-person b,.advance-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.advance-person b{color:#202124}.advance-person small{color:#667085;margin-top:4px;font-size:11px}.advance-balance{color:#c5221f;font-size:14px}.advance-zero{color:#667085;font-weight:500}.advance-impact>div{background:#f1f3f4;border-radius:8px;height:7px;overflow:hidden}.advance-impact i{background:linear-gradient(90deg,#f9ab00,#ea4335);border-radius:8px;height:100%;display:block}.advance-impact small{color:#667085;margin-top:5px;font-size:10px;display:block}.advance-ledger-row>.secondary{min-height:36px;padding:7px 11px}@media (width<=1100px){.advance-ledger-head{grid-template-columns:1fr}.advance-controls{margin-top:14px}.advance-ledger{overflow-x:auto}.advance-ledger-columns,.advance-ledger-row{min-width:990px}}@media (width<=800px){.advance-summary-banner{flex-direction:column;align-items:flex-start;padding:20px}.advance-summary-count{text-align:left;border-top:1px solid #f3c8c4;border-left:0;width:100%;min-width:0;padding:15px 0 0}.advance-summary-strip{grid-template-columns:1fr}.advance-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0;min-height:auto}.advance-summary-strip>div:last-child{border-bottom:0}.advance-controls{grid-template-columns:1fr}.advance-ledger{overflow:visible}.advance-ledger-columns{display:none}.advance-ledger-row{grid-template-columns:1fr;gap:12px;min-width:0;padding:18px 16px}.advance-ledger-row>span,.advance-ledger-row>b{justify-content:space-between;gap:16px;display:flex}.advance-ledger-row>span:before,.advance-ledger-row>b:before,.advance-impact:before{content:attr(data-label);color:#667085;font-weight:500}.advance-impact{grid-template-columns:95px 1fr;align-items:center;gap:12px;display:grid}.advance-impact small{grid-column:2}.advance-ledger-row>.secondary{width:100%;margin-top:4px}.advance-result-bar{flex-direction:column;align-items:flex-start}.advance-result-bar .link{padding-left:0}}.eos-page{flex-direction:column;gap:20px;display:flex}.eos-banner{background:linear-gradient(125deg,#fcfaff,#f3e8fd 68%,#fff);border:1px solid #ddd2f4;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #a142f412}.eos-banner>div:first-child>span{color:#8430ce;letter-spacing:1px;font-size:10px;font-weight:800}.eos-banner h2{color:#202124;margin:6px 0;font-size:24px}.eos-banner p{color:#667085;max-width:680px}.eos-total{text-align:right;border-left:1px solid #ddd2f4;min-width:275px;padding-left:24px}.eos-total small,.eos-total b,.eos-total span{display:block}.eos-total small{color:#667085;letter-spacing:.7px;font-size:10px;font-weight:800}.eos-total b{color:#8430ce;margin-top:7px;font-size:22px}.eos-total span{color:#667085;margin-top:4px;font-size:11px}.eos-layout{grid-template-columns:minmax(380px,.85fr) minmax(480px,1.15fr);gap:20px;display:grid}.eos-layout>.panel{margin:0}.eos-fields{gap:15px;padding:4px 22px 22px;display:grid}.eos-fields label{color:#475467;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.eos-fields input,.eos-fields select{color:#202124;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:44px;padding:9px 11px}.eos-fields input:focus,.eos-fields select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.eos-fields input[readonly]{color:#667085;background:#f8fafd}.eos-warning{color:#8a5200;background:#fef7e0;border-left:4px solid #f9ab00;border-radius:7px;margin:0 22px 18px;padding:11px 13px;font-size:12px}.eos-employee-card{background:#f8fafd;border:1px solid #e8eaed;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 22px 22px;padding:15px;display:grid}.eos-employee-card b,.eos-employee-card small{display:block}.eos-employee-card small{color:#667085;font-size:10px}.eos-employee-card div:first-of-type b{color:#202124;font-size:13px}.eos-employee-card div:first-of-type small{margin-top:4px}.eos-employee-card div:last-child{text-align:right}.eos-employee-card div:last-child b{color:#1967d2;margin-top:5px}.eos-service-duration{background:#f5f8ff;border:1px solid #d2e3fc;border-radius:11px;margin:0 22px 16px;padding:17px}.eos-service-duration small,.eos-service-duration b,.eos-service-duration span{display:block}.eos-service-duration small{color:#667085;letter-spacing:.7px;font-size:9px;font-weight:800}.eos-service-duration b{color:#1967d2;margin-top:7px;font-size:21px}.eos-service-duration span{color:#667085;margin-top:4px;font-size:11px}.eos-breakdown-row{border-top:1px solid #eef0f3;grid-template-columns:1fr 90px 130px;align-items:center;gap:14px;padding:15px 22px;display:grid}.eos-breakdown-row b,.eos-breakdown-row small{display:block}.eos-breakdown-row b{color:#202124;font-size:13px}.eos-breakdown-row small{color:#667085;margin-top:4px;font-size:10px}.eos-breakdown-row>span{color:#667085;text-align:right;font-size:12px}.eos-breakdown-row>strong{color:#202124;text-align:right;font-size:13px}.eos-breakdown-total{color:#5f248f;background:#f3e8fd;justify-content:space-between;align-items:center;padding:17px 22px;display:flex}.eos-breakdown-total span{font-size:13px;font-weight:700}.eos-breakdown-total b{font-size:20px}.eos-legal-note{color:#8a5200;background:#fffaf0;border:1px solid #f6d58f;border-radius:12px;align-items:flex-start;gap:13px;padding:17px 20px;display:flex}.eos-legal-note svg{flex:none}.eos-legal-note b{font-size:13px;display:block}.eos-legal-note p{color:#78511d;margin-top:5px;font-size:12px}@media (width<=1050px){.eos-layout{grid-template-columns:1fr}}@media (width<=800px){.eos-banner{flex-direction:column;align-items:flex-start;padding:20px}.eos-total{text-align:left;border-top:1px solid #ddd2f4;border-left:0;width:100%;min-width:0;padding:15px 0 0}.eos-breakdown-row{grid-template-columns:1fr auto}.eos-breakdown-row>span{grid-column:1}.eos-breakdown-row>strong{grid-area:1/2/3}.eos-employee-card{grid-template-columns:auto 1fr}.eos-employee-card div:last-child{text-align:left;border-top:1px solid #e8eaed;grid-column:1/-1;padding-top:10px}}.documents-page{flex-direction:column;gap:20px;display:flex}.documents-banner{background:linear-gradient(125deg,#f8fffb,#e6f4ea 68%,#fff);border:1px solid #ccebdc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #34a85312}.documents-banner>div:first-child>span{color:#188038;letter-spacing:1px;font-size:10px;font-weight:800}.documents-banner h2{color:#202124;margin:6px 0;font-size:24px}.documents-banner p{color:#667085}.documents-security{color:#188038;background:#fff;border:1px solid #ccebdc;border-radius:11px;align-items:center;gap:11px;min-width:210px;padding:13px 15px;display:flex}.documents-security b,.documents-security small{display:block}.documents-security b{font-size:13px}.documents-security small{color:#667085;margin-top:3px;font-size:10px}.document-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.document-summary-strip>div{border-right:1px solid #e8eaed;min-height:105px;padding:19px 22px;position:relative}.document-summary-strip>div:last-child{border-right:0}.document-summary-strip>div:before{content:"";background:#34a853;height:3px;position:absolute;top:0;left:0;right:0}.document-summary-strip>div:nth-child(2):before{background:#4285f4}.document-summary-strip>div:nth-child(3):before{background:#a142f4}.document-summary-strip small,.document-summary-strip b,.document-summary-strip span{display:block}.document-summary-strip small{color:#667085;letter-spacing:.7px;font-size:10px;font-weight:800}.document-summary-strip b{color:#202124;margin-top:9px;font-size:21px}.document-summary-strip span{color:#667085;margin-top:4px;font-size:11px}.documents-layout{grid-template-columns:minmax(300px,.7fr) minmax(560px,1.3fr);align-items:start;gap:20px;display:grid}.documents-layout>.panel{margin:0}.document-upload-content{gap:16px;padding:2px 22px 22px;display:grid}.document-upload-content>label:first-child{color:#475467;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.document-upload-content select,.document-controls select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:44px;padding:8px 10px}.document-upload-content select:focus,.document-controls select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.document-dropzone{color:#1967d2;text-align:center;cursor:pointer;background:#f8fbff;border:2px dashed #a8c7fa;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:24px;transition:border-color .15s,background .15s;display:flex}.document-dropzone:hover{background:#edf4ff;border-color:#1a73e8}.document-dropzone.busy{cursor:wait;opacity:.65}.document-dropzone b{color:#174ea6;margin-top:12px;font-size:14px}.document-dropzone span{color:#667085;margin-top:6px;font-size:11px}.document-privacy-note{color:#176b36;background:#e6f4ea;border-radius:8px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:11px;line-height:1.5;display:flex}.document-privacy-note svg{flex:none}.document-library-head{grid-template-columns:minmax(190px,.7fr) minmax(330px,1.3fr);align-items:end;display:grid}.document-controls{grid-template-columns:minmax(200px,1fr) 145px;gap:10px;display:grid}.document-result-bar{color:#667085;background:#f8fafd;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 22px;font-size:12px;display:flex}.document-result-bar b{color:#202124}.document-row{border-top:1px solid #eef0f3;grid-template-columns:80px minmax(220px,1fr) 90px 115px;align-items:center;gap:14px;min-height:78px;padding:12px 22px;display:grid}.document-row:hover{background:#f8fbff}.document-type-icon{color:#1967d2;align-items:center;gap:6px;display:flex}.document-type-icon small{text-transform:uppercase;font-size:9px;font-weight:800}.document-type-icon.pdf{color:#c5221f}.document-type-icon.image{color:#8430ce}.document-type-icon.spreadsheet{color:#188038}.document-name{min-width:0}.document-name b,.document-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.document-name b{color:#202124;font-size:13px}.document-name small{color:#667085;margin-top:5px;font-size:10px}.document-row>span{color:#667085;text-align:right;font-size:11px}@media (width<=1100px){.documents-layout,.document-library-head{grid-template-columns:1fr}.document-controls{margin-top:14px}}@media (width<=800px){.documents-banner{flex-direction:column;align-items:flex-start;padding:20px}.documents-security{width:100%;min-width:0}.document-summary-strip{grid-template-columns:1fr}.document-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0;min-height:auto}.document-summary-strip>div:last-child{border-bottom:0}.document-controls{grid-template-columns:1fr}.document-result-bar{flex-direction:column;align-items:flex-start}.document-result-bar .link{padding-left:0}.document-row{grid-template-columns:auto 1fr;gap:10px;padding:16px}.document-type-icon{grid-row:1/3}.document-name{grid-column:2}.document-row>span{text-align:left;grid-column:1/-1;justify-content:space-between;display:flex}.document-row>span:before{content:attr(data-label);color:#667085;font-weight:600}.document-dropzone{min-height:165px}}.reports-page{flex-direction:column;gap:20px;display:flex}.reports-page .report-toolbar,.reports-page .stats,.reports-page .report-charts,.reports-page .report-grid{margin:0}.reports-page .report-toolbar{background:linear-gradient(125deg,#f8fbff,#e8f0fe 70%,#fff);border-color:#d2e3fc;min-height:118px;padding:24px 26px;position:relative;overflow:hidden}.reports-page .report-toolbar:after{content:"";opacity:.45;pointer-events:none;border:28px solid #d2e3fc;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-58px;right:-28px}.reports-page .report-toolbar>div{z-index:1;position:relative}.report-eyebrow{color:#1967d2;letter-spacing:1px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.reports-page .report-toolbar h3{font-size:20px}.reports-page .report-toolbar .controls{flex-wrap:wrap;justify-content:flex-end}.reports-page .report-toolbar input{background:#fff;min-width:160px}.reports-page .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.reports-page .stat{min-height:132px}.reports-page .report-charts{grid-template-columns:minmax(300px,.85fr) minmax(450px,1.15fr)}.reports-page .chart-wrap,.reports-page .chart-wide{height:280px}.reports-page .individual-report{overflow:hidden}.report-history-state{color:#667085;background:#f8fafd;border:1px dashed #dadce0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:74px;margin:0 24px 24px;font-size:12px;display:flex}.spin{animation:.9s linear infinite report-spin}@keyframes report-spin{to{transform:rotate(360deg)}}.report-detail-head{gap:18px}.report-search{width:min(390px,100%)}.report-search button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.report-search button:hover{color:#202124;background:#eef1f5}.reports-page .report-grid>.panel{overflow:hidden}.reports-page .breakdown-chart{height:245px}.reports-page .salary-trend{background:linear-gradient(#fbfdff,#fff)}@media (width<=1100px){.reports-page .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .report-charts{grid-template-columns:1fr}.report-detail-head{flex-direction:column;align-items:flex-start}.report-search{width:100%}}@media (width<=700px){.reports-page{gap:14px}.reports-page .report-toolbar{flex-direction:column;align-items:flex-start;padding:20px}.reports-page .report-toolbar .controls{justify-content:stretch;width:100%}.reports-page .report-toolbar input,.reports-page .report-toolbar .primary{width:100%}.reports-page .stats{grid-template-columns:1fr 1fr;gap:10px}.reports-page .stat{min-height:120px;padding:16px}.reports-page .stat h2{font-size:20px}.reports-page .report-charts{gap:14px}.reports-page .chart-wrap,.reports-page .chart-wide{height:245px}.report-history-state{margin:0 16px 16px}.report-detail-head{padding:18px 16px}.reports-page .report-grid{gap:14px}}@media (width<=460px){.reports-page .stats{grid-template-columns:1fr}.reports-page .stat{min-height:108px}.reports-page .report-toolbar:after{display:none}}.skip-link{z-index:100;color:#fff;background:#202124;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:0}.settings-page{flex-direction:column;gap:20px;display:flex}.settings-banner{background:linear-gradient(125deg,#f8fbff,#e8f0fe 68%,#fff);border:1px solid #d2e3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1a73e812}.settings-banner>div:first-child>span{color:#1967d2;letter-spacing:1px;font-size:10px;font-weight:800}.settings-banner h2{color:#202124;margin:6px 0;font-size:24px}.settings-banner p{color:#667085}.settings-health{color:#188038;background:#fff;border:1px solid #ceead6;border-radius:11px;align-items:center;gap:11px;min-width:205px;padding:13px 15px;display:flex}.settings-health.attention{color:#9a5b00;border-color:#fce8b2}.settings-health small,.settings-health b{display:block}.settings-health small{letter-spacing:.7px;font-size:9px;font-weight:800}.settings-health b{margin-top:4px;font-size:13px}.settings-layout{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);align-items:start;gap:20px;display:grid}.settings-card{margin:0}.settings-card>.panelhead>svg{color:#1967d2}.settings-fields{gap:17px;padding:2px 22px 22px;display:grid}.settings-fields label{color:#344054;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.settings-fields input,.category-add input{color:#202124;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:44px;padding:9px 11px}.settings-fields input:focus,.category-add input:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.settings-fields input[readonly]{color:#667085;background:#f8fafd}.settings-fields small{color:#667085;font-size:10px;font-weight:400;line-height:1.4}.settings-number{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.settings-number b{color:#667085;font-size:11px;font-weight:600}.settings-auto-save{color:#176b36;background:#e6f4ea;border-top:1px solid #eef0f3;align-items:center;gap:8px;padding:13px 22px;font-size:11px;display:flex}.settings-category-content{padding:0 22px 22px}.settings-category-content .category-add{grid-template-columns:1fr auto;margin:0 0 13px;display:grid}.settings-category-count{color:#667085;border-top:1px solid #eef0f3;padding:11px 0;font-size:11px}.settings-category-count b{color:#202124}.settings-category-content .category-grid{max-height:280px;padding:4px 2px;overflow:auto}.settings-category-content .category-grid span{color:#1967d2;background:#f8fbff;border:1px solid #d2e3fc;padding:8px 11px}.settings-empty{color:#667085;text-align:center;border:1px dashed #dadce0;border-radius:9px;width:100%;padding:30px 18px;font-size:12px}.settings-note{color:#1967d2;background:#fff;border:1px solid #e8eaed;border-radius:11px;align-items:flex-start;gap:11px;padding:15px 17px;display:flex}.settings-note b,.settings-note span{display:block}.settings-note b{font-size:12px}.settings-note span{color:#667085;margin-top:4px;font-size:11px;line-height:1.5}@media (width<=1050px){.settings-layout{grid-template-columns:1fr}}@media (width<=700px){.settings-page{gap:14px}.settings-banner{flex-direction:column;align-items:flex-start;padding:20px}.settings-health{width:100%;min-width:0}.settings-fields,.settings-category-content{padding-left:16px;padding-right:16px}.settings-category-content .category-add{grid-template-columns:1fr}.settings-category-content .category-add .primary{width:100%}}@media (hover:hover){.side nav button:hover,.quick button:hover,.alert-row:hover{transition:background-color .15s}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-page{background:radial-gradient(circle at 12% 14%,#e8f0fe 0,#0000 31%),radial-gradient(circle at 88% 86%,#fce8e6 0,#0000 27%),#f8fafd;place-items:center;min-height:100vh;padding:34px;display:grid;position:relative}.login-shell{background:#fff;border:1px solid #e0e5eb;border-radius:24px;grid-template-columns:minmax(390px,1.05fr) minmax(390px,.95fr);width:min(980px,100%);min-height:620px;display:grid;overflow:hidden;box-shadow:0 24px 70px #20212424}.login-story{color:#fff;background:linear-gradient(145deg,#174ea6 0%,#1967d2 58%,#4285f4 100%);flex-direction:column;padding:46px;display:flex;position:relative}.login-story:after{content:"";border:46px solid #ffffff17;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-100px;right:-90px}.login-story-logo{object-fit:contain;object-position:left center;filter:brightness(0)invert();width:205px;height:46px}.login-story-content{z-index:1;margin:auto 0;position:relative}.login-story-content>span{letter-spacing:1.4px;color:#d2e3fc;font-size:10px;font-weight:800}.login-story h2{letter-spacing:-1.2px;max-width:390px;margin:12px 0 15px;font-size:35px;line-height:1.12}.login-story p{color:#e8f0fe;max-width:410px;font-size:14px;line-height:1.7}.login-assurances{gap:16px;margin-top:32px;display:grid}.login-assurances>div{align-items:flex-start;gap:12px;display:flex}.login-assurances>div>svg{color:#aecbfa;flex:none;margin-top:2px}.login-assurances b,.login-assurances small{display:block}.login-assurances b{font-size:12px}.login-assurances small{color:#d2e3fc;margin-top:4px;font-size:10px;line-height:1.5}.login-story-foot{z-index:1;color:#aecbfa;letter-spacing:.4px;font-size:9px;position:relative}.login-card{width:auto;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:54px;display:flex}.login-mobile-brand{display:none}.login-card .login-org{color:#1967d2;background:#e8f0fe;align-self:flex-start;margin:0 0 18px;padding:7px 10px}.login-card h1{color:#202124;letter-spacing:-.8px;margin:0 0 9px;font-size:30px}.login-card>p{color:#667085;margin:0 0 30px}.login-card form{gap:8px;display:grid}.login-card form>label,.login-password-label label{color:#344054;font-size:12px;font-weight:700}.login-card input{color:#202124;background:#fff;border:1px solid #d0d5dd;border-radius:9px;width:100%;min-height:48px;padding:11px 13px;font-size:13px}.login-card input::placeholder{color:#98a2b3}.login-card input:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.login-card input[aria-invalid=true]{border-color:#ea4335}.login-password-label{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.login-password-label span{color:#80868b;font-size:10px}.login-password{background:#fff;border:1px solid #d0d5dd;border-radius:9px;align-items:center;display:flex}.login-password:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #e8f0fe}.login-password.invalid{border-color:#ea4335}.login-password input,.login-password input:focus,.login-password input[aria-invalid=true]{min-width:0;box-shadow:none;border:0}.login-password button{color:#667085;background:0 0;border:0;border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;margin-right:3px;padding:0;display:grid}.login-password button:hover{color:#202124;background:#f1f3f4}.login-caps{color:#9a5b00;font-size:11px;font-weight:600}.login-error{color:#a50e0e;background:#fce8e6;border:1px solid #f4c7c3;border-left:4px solid #ea4335;border-radius:8px;margin-top:6px;padding:11px 12px;font-size:11px;line-height:1.5}.login-submit{width:100%;min-height:48px;margin-top:13px;font-size:13px}.login-submit:disabled{cursor:not-allowed;opacity:.62}.login-help{color:#667085;text-align:left;border-top:1px solid #eef0f3;justify-content:center;align-items:flex-start;gap:7px;margin-top:24px;padding-top:20px;font-size:10px;line-height:1.55;display:flex}.login-help svg{color:#188038;flex:none;margin-top:1px}.login-footer{color:#80868b;font-size:9px;position:absolute;bottom:12px}@media (width<=820px){.login-page{padding:22px}.login-shell{border-radius:18px;width:min(470px,100%);min-height:0;display:block}.login-story{display:none}.login-card{padding:38px}.login-mobile-brand{margin-bottom:28px;display:block}.login-mobile-brand img{object-fit:contain;object-position:left center;width:190px;height:42px;display:block}}@media (width<=480px){.login-page{background:#fff;align-items:start;padding:0}.login-shell{width:100%;box-shadow:none;border:0;border-radius:0}.login-card{min-height:calc(100vh - 30px);padding:30px 22px}.login-mobile-brand{margin-bottom:36px}.login-card h1{font-size:27px}.login-footer{bottom:8px}}.leave-page{flex-direction:column;gap:20px;display:flex}.leave-banner{background:linear-gradient(125deg,#f8fbff,#e8f0fe 68%,#fff);border:1px solid #d2e3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1a73e812}.leave-banner>div>span{color:#1967d2;letter-spacing:1px;font-size:10px;font-weight:800}.leave-banner h2{color:#202124;margin:6px 0;font-size:24px}.leave-banner p{color:#667085}.leave-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.leave-summary-strip>div{border-right:1px solid #e8eaed;min-height:108px;padding:19px 22px;position:relative}.leave-summary-strip>div:last-child{border-right:0}.leave-summary-strip>div:before{content:"";background:#4285f4;height:3px;position:absolute;inset:0 0 auto}.leave-summary-strip>div:nth-child(2):before{background:#fbbc04}.leave-summary-strip>div:nth-child(3):before{background:#34a853}.leave-summary-strip>div:nth-child(4):before{background:#ea4335}.leave-summary-strip .attention{background:#fffcf2}.leave-summary-strip small,.leave-summary-strip b,.leave-summary-strip span{display:block}.leave-summary-strip small{color:#667085;letter-spacing:.65px;font-size:10px;font-weight:800}.leave-summary-strip b{color:#202124;margin-top:9px;font-size:22px}.leave-summary-strip span{color:#667085;margin-top:4px;font-size:11px}.leave-panel{margin:0}.leave-panel-head{grid-template-columns:minmax(200px,.7fr) minmax(430px,1.3fr);align-items:end;display:grid}.leave-controls{grid-template-columns:minmax(260px,1fr) 150px;gap:10px;display:grid}.leave-controls select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:8px 10px}.leave-controls select:focus{border-color:#4285f4;outline:0;box-shadow:0 0 0 3px #e8f0fe}.leave-result-bar{color:#667085;background:#f8fafd;border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 22px;font-size:12px;display:flex}.leave-result-bar b{color:#202124}.leave-list{display:grid}.leave-row{border-top:1px solid #eef0f3;grid-template-columns:minmax(190px,1.25fr) minmax(120px,.75fr) minmax(190px,1fr) minmax(115px,.65fr);align-items:center;gap:15px;padding:17px 22px;display:grid}.leave-row:hover{background:#f8fbff}.leave-row>div>small,.leave-row>div>b,.leave-row>div>span,.leave-row>div>em{display:block}.leave-row>div>small{color:#667085;letter-spacing:.6px;margin-bottom:6px;font-size:9px;font-weight:800}.leave-row>div>b{color:#202124;font-size:12px}.leave-row>div>span{color:#667085;margin-top:4px;font-size:10px}.leave-person{align-items:center;gap:11px;display:flex}.leave-person b,.leave-person small{display:block}.leave-person b{color:#202124;font-size:13px}.leave-person small{color:#667085;margin-top:4px;font-size:10px}.leave-reason{background:#f8fafd;border-radius:8px;grid-column:1/5;padding:10px 12px}.leave-reason>span{line-height:1.5;font-size:11px!important}.leave-reason em{color:#1967d2;margin-top:6px;font-size:10px;font-style:normal}.leave-status{border-radius:20px;width:max-content;padding:6px 9px;font-weight:700;margin:0!important;font-size:10px!important;display:inline-flex!important}.leave-status.pending{color:#9a5b00;background:#fef7e0}.leave-status.approved{color:#188038;background:#e6f4ea}.leave-status.rejected{color:#c5221f;background:#fce8e6}.leave-status.cancelled{color:#5f6368;background:#f1f3f4}.leave-actions{grid-column:1/5;justify-content:flex-end;gap:8px;display:flex}.leave-approve,.leave-reject{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.leave-approve{color:#188038;background:#e6f4ea;border:1px solid #ceead6}.leave-reject{color:#c5221f;background:#fff;border:1px solid #f4c7c3}.leave-reject.solid{color:#fff;background:#c5221f;min-height:40px}.leave-loading{color:#667085;justify-content:center;align-items:center;gap:9px;min-height:150px;font-size:12px;display:flex}.leave-form textarea,.leave-decision textarea{resize:vertical;width:100%;min-height:110px;font:inherit;border:1px solid #d0d5dd;border-radius:8px;padding:11px}.leave-reason-field{grid-column:1/-1}.leave-days-preview{color:#1967d2;background:#e8f0fe;border-radius:8px;grid-column:1/-1;align-items:center;gap:9px;padding:12px;font-size:12px;display:flex}.leave-decision{padding:22px 26px}.leave-decision label{color:#344054;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}@media (width<=1100px){.leave-panel-head{grid-template-columns:1fr}.leave-summary-strip{grid-template-columns:repeat(2,1fr)}.leave-summary-strip>div:nth-child(2){border-right:0}.leave-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e8eaed}.leave-row{grid-template-columns:1fr 1fr}.leave-reason,.leave-actions{grid-column:1/3}}@media (width<=700px){.leave-page{gap:14px}.leave-banner{flex-direction:column;align-items:flex-start;padding:20px}.leave-banner .primary{width:100%}.leave-controls{grid-template-columns:1fr;width:100%}.leave-result-bar{flex-direction:column;align-items:flex-start}.leave-row{grid-template-columns:1fr;padding:16px}.leave-reason,.leave-actions{grid-column:1}.leave-actions{grid-template-columns:1fr 1fr;display:grid}.leave-summary-strip>div{min-height:100px;padding:16px}.leave-form .leave-reason-field,.leave-days-preview{grid-column:auto}.leave-decision{padding:18px}}@media (width<=440px){.leave-summary-strip{grid-template-columns:1fr}.leave-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0}.leave-summary-strip>div:last-child{border-bottom:0}.leave-summary-strip>div:nth-child(2){border-bottom:1px solid #e8eaed}}.roster-page{flex-direction:column;gap:20px;display:flex}.roster-banner{background:linear-gradient(125deg,#f8fbff,#e8f0fe 68%,#fff);border:1px solid #d2e3fc;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex;box-shadow:0 8px 24px #1a73e812}.roster-banner>div:first-child>span{color:#1967d2;letter-spacing:1px;font-size:10px;font-weight:800}.roster-banner h2{color:#202124;margin:6px 0;font-size:24px}.roster-banner p{color:#667085}.roster-banner-actions{align-items:center;gap:10px;display:flex}.roster-banner-actions input{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:8px 10px}.roster-summary-strip{background:#fff;border:1px solid #e8eaed;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #3c404314}.roster-summary-strip>div{border-right:1px solid #e8eaed;min-height:106px;padding:19px 22px;position:relative}.roster-summary-strip>div:last-child{border-right:0}.roster-summary-strip>div:before{content:"";background:#4285f4;height:3px;position:absolute;inset:0 0 auto}.roster-summary-strip>div:nth-child(2):before{background:#34a853}.roster-summary-strip>div:nth-child(3):before{background:#a142f4}.roster-summary-strip>div:nth-child(4):before{background:#fbbc04}.roster-summary-strip small,.roster-summary-strip b,.roster-summary-strip span{display:block}.roster-summary-strip small{color:#667085;letter-spacing:.65px;font-size:10px;font-weight:800}.roster-summary-strip b{color:#202124;margin-top:9px;font-size:22px}.roster-summary-strip span{color:#667085;margin-top:4px;font-size:11px}.roster-panel{margin:0}.roster-calendar{scrollbar-width:thin;background:#f8fafd;border-bottom:1px solid #e8eaed;gap:7px;padding:14px 18px;display:flex;overflow-x:auto}.roster-calendar button{color:#667085;background:#fff;border:1px solid #e0e5eb;border-radius:10px;flex-direction:column;flex:0 0 58px;align-items:center;gap:3px;min-height:72px;padding:8px 5px;display:flex}.roster-calendar button:hover{background:#f8fbff;border-color:#aecbfa}.roster-calendar button.active{color:#fff;background:#1a73e8;border-color:#1a73e8;box-shadow:0 4px 12px #1a73e833}.roster-calendar button.today:not(.active){border-color:#4285f4}.roster-calendar small{text-transform:uppercase;font-size:9px}.roster-calendar b{font-size:17px}.roster-calendar span{font-size:9px;font-weight:700}.roster-panel-head{grid-template-columns:minmax(250px,.8fr) minmax(440px,1.2fr);align-items:end;display:grid}.roster-controls{grid-template-columns:1fr auto;gap:10px;display:grid}.roster-loading{color:#667085;justify-content:center;align-items:center;gap:9px;min-height:150px;font-size:12px;display:flex}.roster-row{border-top:1px solid #eef0f3;grid-template-columns:minmax(200px,1.25fr) minmax(120px,.7fr) minmax(145px,.8fr) minmax(150px,.8fr) auto;align-items:center;gap:15px;min-height:88px;padding:15px 22px;display:grid}.roster-row:hover{background:#f8fbff}.roster-row>div>small,.roster-row>div>b,.roster-row>div>span{display:block}.roster-row>div>small{color:#667085;letter-spacing:.6px;margin-bottom:6px;font-size:9px;font-weight:800}.roster-row>div>b{color:#202124;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.roster-row>div>span{color:#667085;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.roster-person{align-items:center;gap:11px;display:flex}.roster-person b,.roster-person small{display:block}.roster-person b{color:#202124;font-size:13px}.roster-person small{color:#667085;margin-top:4px;font-size:10px}.roster-state{border-radius:20px;width:max-content;padding:4px 7px;font-weight:700;display:inline-flex!important}.roster-state.published{background:#e6f4ea;color:#188038!important}.roster-state.draft{background:#fef7e0;color:#9a5b00!important}.roster-actions{align-items:center;gap:3px;display:flex}.roster-delete{color:#c5221f;background:0 0;border:0;border-radius:7px;min-height:34px;padding:6px 9px;font-size:11px;font-weight:700}.roster-delete:hover{background:#fce8e6}.roster-form textarea{resize:vertical;width:100%;min-height:96px;font:inherit;border:1px solid #d0d5dd;border-radius:8px;padding:11px}.roster-notes{grid-column:1/-1}@media (width<=1100px){.roster-summary-strip{grid-template-columns:repeat(2,1fr)}.roster-summary-strip>div:nth-child(2){border-right:0}.roster-summary-strip>div:nth-child(-n+2){border-bottom:1px solid #e8eaed}.roster-panel-head{grid-template-columns:1fr}.roster-row{grid-template-columns:1fr 1fr}.roster-actions{grid-column:1/3;justify-content:flex-end}}@media (width<=700px){.roster-page{gap:14px}.roster-banner{flex-direction:column;align-items:flex-start;padding:20px}.roster-banner-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.roster-banner-actions>*{width:100%}.roster-controls{grid-template-columns:1fr;width:100%}.roster-row{grid-template-columns:1fr;padding:16px}.roster-actions{grid-column:1;justify-content:flex-start}.roster-actions>*{flex:1}.roster-summary-strip>div{min-height:100px;padding:16px}.roster-calendar{padding:12px}.roster-notes{grid-column:auto}}@media (width<=440px){.roster-summary-strip{grid-template-columns:1fr}.roster-summary-strip>div{border-bottom:1px solid #e8eaed;border-right:0}.roster-summary-strip>div:last-child{border-bottom:0}.roster-summary-strip>div:nth-child(2){border-bottom:1px solid #e8eaed}.roster-banner-actions{grid-template-columns:1fr}}.department-overview{background:#fff;border:1px solid #e8eaed;border-radius:13px;overflow:hidden;box-shadow:0 1px 2px #3c404314}.department-overview-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 22px;display:flex}.department-overview-head span{color:#1967d2;letter-spacing:.9px;font-size:9px;font-weight:800}.department-overview-head h3{color:#202124;margin:5px 0 0;font-size:15px}.department-overview-head>small{color:#667085;font-size:10px}.department-category-grid{background:#e8eaed;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.department-category-grid button{color:#475467;text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:13px 15px;display:flex}.department-category-grid button:hover{background:#f8fbff}.department-category-grid button.active{color:#1967d2;background:#e8f0fe}.department-category-grid button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.department-category-grid button b{color:#5f6368;background:#f1f3f4;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:11px;display:grid}.department-category-grid button.active b{color:#fff;background:#1a73e8}.employee-department-group{border-top:1px solid #e8eaed}.employee-department-group:first-of-type{border-top:0}.employee-department-heading{background:linear-gradient(90deg,#f8fbff,#fff);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:11px 22px;display:flex}.employee-department-heading>div{align-items:center;gap:11px;display:flex}.department-heading-icon{color:#1967d2;background:#e8f0fe;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.employee-department-heading h4,.employee-department-heading small{margin:0}.employee-department-heading h4{color:#202124;font-size:13px}.employee-department-heading small,.employee-department-heading>span{color:#667085;margin-top:3px;font-size:10px;display:block}.employee-department-group .employee-directory-row{border-top:1px solid #f0f2f5}@media (width<=1100px){.department-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.department-overview-head{flex-direction:column;align-items:flex-start;padding:16px}.department-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.department-category-grid button{min-height:54px;padding:11px 12px}.employee-department-heading{padding:11px 16px}.employee-department-heading>span{display:none}}@media (width<=420px){.department-category-grid{grid-template-columns:1fr 1fr}.department-category-grid button span{font-size:10px}}.department-category-grid button{justify-content:flex-start}.department-category-grid button>i{background:var(--dept-soft);width:34px;height:34px;color:var(--dept-color);border-radius:10px;flex:0 0 34px;place-items:center;font-style:normal;display:grid}.department-category-grid button>span{flex:1}.department-category-grid button.active{background:var(--dept-soft);color:var(--dept-color);box-shadow:inset 0 0 0 2px var(--dept-color)}.department-category-grid button.active>b{background:var(--dept-color);color:#fff}.employee-department-group{--dept-color:#5f6368;--dept-soft:#f1f3f4}.employee-department-heading{border-left:4px solid var(--dept-color);background:linear-gradient(90deg,var(--dept-soft),#fff 72%)}.employee-department-group .department-heading-icon{background:var(--dept-soft);color:var(--dept-color)}.employee-department-group .employee-department-heading h4{color:var(--dept-color)}.department-category-grid .blue,.employee-department-group.blue{--dept-color:#1a73e8;--dept-soft:#e8f0fe}.department-category-grid .red,.employee-department-group.red{--dept-color:#d93025;--dept-soft:#fce8e6}.department-category-grid .purple,.employee-department-group.purple{--dept-color:#9334e6;--dept-soft:#f3e8fd}.department-category-grid .green,.employee-department-group.green{--dept-color:#188038;--dept-soft:#e6f4ea}.department-category-grid .orange,.employee-department-group.orange{--dept-color:#e37400;--dept-soft:#fef7e0}.department-category-grid .teal,.employee-department-group.teal{--dept-color:#007b83;--dept-soft:#e0f7fa}.department-category-grid .pink,.employee-department-group.pink{--dept-color:#d01884;--dept-soft:#fce8f3}.department-category-grid .indigo,.employee-department-group.indigo{--dept-color:#3f51b5;--dept-soft:#e8eaf6}.department-category-grid .slate,.employee-department-group.slate{--dept-color:#5f6368;--dept-soft:#f1f3f4}.department-category-grid .yellow,.employee-department-group.yellow{--dept-color:#b06000;--dept-soft:#fef7e0}