:root{--navy:var(--primary);--primary:var(--primary);--primary-d:#0a1f3d;--accent:#e8912d;--accent-d:#d17f1f;--text:#1d273b;--muted:#667382;--line:#e6e7e9;--bg:#f4f6fb;--card:#fff;--green:#2fb344;--red:#d63939;--orange:#f76707;--purple:#ae3ec9;--teal:#17a2b8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:"Source Sans 3",Segoe UI,Inter,system-ui,sans-serif;font-size:14px}h1,h2,h3{margin:0;font-weight:600}.muted{color:var(--muted);font-size:13px}.error{color:#a12d2d;background:#fbeaea;border-radius:4px;margin:10px 0;padding:9px 12px;font-size:14px}.ok{color:#1d7a31;background:#e6f6ea;border-radius:4px;margin:10px 0;padding:9px 12px;font-size:14px}.app{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.side{background:linear-gradient(180deg,var(--side1,#0d2f68) 0%,var(--side2,#081f47) 100%);color:#cfdcf5;z-index:30;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:22px 18px 18px;display:flex}.brand .mark{background:linear-gradient(135deg,var(--accent),var(--accent-d));width:42px;height:42px;color:var(--on-accent,#fff);letter-spacing:.5px;border-radius:11px;flex:none;place-items:center;font-size:16px;font-style:normal;font-weight:800;display:grid}.brand .mark.img{background:#fff;padding:4px}.brand .mark img{object-fit:contain;max-width:100%;max-height:100%}.brand b{color:#fff;font-size:15px;line-height:1.2;display:block}.brand small{color:#9fb5de;font-size:11.5px}.side nav{flex-direction:column;flex:1;gap:3px;padding:8px 12px;display:flex}.side nav a,.side nav .soon,.side nav .out{color:#d6e2fa;font-size:14.5px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 14px;text-decoration:none;display:flex}.side nav svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.side nav a:hover,.side nav .out:hover{background:#ffffff14}.side nav a.active{background:linear-gradient(90deg,var(--accent),var(--accent-l,var(--accent)));color:var(--on-accent,#fff);box-shadow:0 4px 12px var(--accent-glow,#f7931e59);font-weight:600}.side nav .soon{opacity:.5;cursor:not-allowed}.side nav .soon em{text-transform:uppercase;letter-spacing:.5px;background:#ffffff24;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side nav .out{border-top:1px solid #ffffff1a;border-radius:0 0 9px 9px;margin-top:10px;padding-top:14px}.tagline{color:#fff;opacity:.9;padding:18px 20px 24px;font:italic 600 17px/1.25 Segoe Script,Brush Script MT,cursive}.tagline span{color:var(--accent)}.main{background:linear-gradient(#eef3fb 0%,#f6f8fc 45%);flex-direction:column;min-width:0;display:flex}.top{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:45;background:#ffffffbf;border-bottom:1px solid #e3e9f4;align-items:center;gap:18px;padding:14px 28px;display:flex;position:sticky;top:0}.burger{cursor:pointer;width:38px;height:38px;color:var(--navy);background:0 0;border:0;display:none}.burger svg,.bell svg,.date svg,.hello-ic svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hello{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.hello-ic{width:46px;height:46px;color:var(--accent);background:#fdebd3;border-radius:50%;flex:none;place-items:center;display:grid}.hello h1{color:#0f2142;white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:700;overflow:hidden}.hello p{color:var(--muted);margin:2px 0 0;font-size:13px}.top-right{align-items:center;gap:16px;display:flex}.date{color:#1d273b;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.date svg{width:19px;height:19px;color:var(--navy)}.pop-wrap{position:relative}.bell{cursor:pointer;color:#1d273b;background:0 0;border:0;border-radius:50%;width:40px;height:40px;position:relative}.bell:hover{background:#eef2fa}.bell em{color:#fff;background:#ef3b3b;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-style:normal;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.profile{cursor:pointer;font:inherit;background:0 0;border:0;border-radius:30px;align-items:center;gap:10px;padding:4px 8px;display:flex}.profile:hover{background:#eef2fa}.avatar{background:linear-gradient(135deg,var(--primary),#1c5ce8);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.profile .who{text-align:left;line-height:1.25}.profile .who b{color:#0f2142;font-size:13.5px;display:block}.profile .who span{color:var(--muted);font-size:12px}.shade{z-index:40;position:fixed;inset:0}.pop{z-index:50;background:#fff;border:1px solid #e3e9f4;border-radius:12px;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #0f2a522e}.pop.notes{width:340px;max-height:420px;overflow:auto}.pop h4{border-bottom:1px solid #eef1f7;margin:0;padding:13px 16px;font-size:14px}.pop .muted{margin:0;padding:14px 16px}.note{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #f1f4f9;align-items:flex-start;gap:10px;padding:11px 16px;font-size:13.5px;display:flex}.note:hover,.pop.menu button:hover{background:#f5f8fe}.note i,.notes-list i{background:#8a94a6;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}i.orange{background:var(--accent)!important}i.green{background:#1fa85a!important}i.blue{background:#1c5ce8!important}i.red{background:#d64545!important}.pop.menu{min-width:200px}.pop.menu button{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.pop.menu svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.page{flex:1;width:100%;padding:22px 28px 10px}.viewing{color:#7a4a00;background:#fff3e0;border:1px solid #f3d3a1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:9px 14px;display:flex}.powered{color:var(--muted);background:#fff;border-top:1px solid #e3e9f4;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 28px 20px;font-size:12.5px;display:flex}.card{background:var(--card);border:1px solid #e3e9f4;border-radius:12px;margin-bottom:20px;padding:0;overflow:hidden;box-shadow:0 2px 10px #0f2a520d}.card>h3,.card>.row:first-child{border-bottom:1px solid var(--line);margin:0;padding:14px 20px;font-size:15px}.card>h3{display:block}.card>label{margin-left:20px;margin-right:20px}.card>input,.card>select{width:calc(100% - 40px);margin-left:20px;margin-right:20px;display:block}.card>.btn.sm{margin:20px 20px 0}.card>p,.card>.muted{margin:10px 20px}.card>table{margin:0}.card form,form.card{padding-bottom:20px}.card .error,.card .ok{margin-left:20px;margin-right:20px}.grid2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}.card>.recharts-responsive-container,.card>.legend{padding:10px 14px}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px;display:grid}.tiles.small{margin:16px 20px 20px}.tile{color:#fff;background:linear-gradient(135deg,var(--accent),#ee7d0a);border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex;box-shadow:0 6px 16px #0f2a521f}.tile b{font-size:28px;font-weight:700;line-height:1.2}.tile span{color:#fff;opacity:.95;font-size:13.5px}.tile.blue,.kpi.blue{background:linear-gradient(135deg,#2563eb,#1347b8)}.tile.green,.kpi.green{background:linear-gradient(135deg,#22b866,#128a45)}.tile.orange,.kpi.orange{background:linear-gradient(135deg,#f9a03a,#ee7d0a)}.tile.purple,.kpi.purple{background:linear-gradient(135deg,#8a4cf0,#5b2db8)}.tile.navy{background:linear-gradient(135deg,#143a75,#0b2250)}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;padding:10px 14px;font-size:13px;display:flex}.legend i{border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 20px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;background:#fafbfc;font-size:11.5px;font-weight:600}tbody tr:hover{background:#f8fafd}tfoot td{background:#fafbfc;border-bottom:none;font-weight:600}tr:last-child td{border-bottom:none}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row h3{flex:1;font-size:15px}.card>.row{margin-bottom:0}.row.end{justify-content:flex-end;margin:16px 20px 0}label{margin:14px 0 5px;font-size:13px;font-weight:600;display:block}input,select{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #dadfe5;border-radius:8px;padding:8px 12px}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e8912d33}.row input,.row select{width:auto}.search{min-width:210px}.yr{width:90px!important}.btn{background:var(--accent);color:var(--on-accent,#1b2433);border:1px solid var(--accent);cursor:pointer;width:100%;font-weight:600;font:inherit;border-radius:8px;margin-top:18px;padding:9px 16px;font-weight:600}.btn:hover{background:var(--accent-d);border-color:var(--accent-d)}.btn.sm{width:auto;margin:0;padding:6px 14px;font-size:13px}.btn.ghost{color:var(--text);background:#fff;border-color:#dadfe5}.btn.ghost:hover{background:#f5f7fb}.btn:disabled{opacity:.6}.link{color:#1d4f9c;cursor:pointer;font:inherit;background:0 0;border:0;padding:0 6px}.link:hover{text-decoration:underline}.link.danger{color:var(--red)}.actions{white-space:nowrap}.badge{color:#555f6d;background:#eef0f3;border-radius:3px;padding:2px 9px;font-size:12px;font-weight:600}.badge.Present,.badge.Approved{color:#1d7a31;background:#e0f5e5}.badge.Pending,.badge.HalfDay{color:#b45309;background:#fff0e0}.badge.Rejected,.badge.Absent{color:#a12d2d;background:#fbe5e5}.modal{z-index:100;background:#18243380;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.modal .card{width:100%;max-width:460px;max-height:95vh;margin:0;overflow:auto}.modal .payslip{max-width:540px;padding-bottom:20px}.modal .payslip>:not(table){margin-left:20px;margin-right:20px}.modal .payslip table td,.modal .payslip table th{padding:8px 20px}.login{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-hero{background:linear-gradient(160deg,var(--primary),#12335f);color:#fff;flex-direction:column;justify-content:space-between;padding:40px;display:flex}.login-hero h1{margin-bottom:12px;font-size:44px;line-height:1.15}.login-hero p{opacity:.85;max-width:480px;margin:0;font-size:17px}.brand-big{letter-spacing:2px;font-size:30px;font-weight:800}.brand-big small{letter-spacing:0;opacity:.85;margin-top:4px;font-size:14px;font-weight:400;display:block}.hero-foot{opacity:.75;font-size:13px}.login-form{justify-content:center;align-items:center;padding:24px;display:flex}.login .card{width:100%;max-width:420px;margin:0;box-shadow:0 2px 12px #1824330f}.login .card .inner{padding:28px 30px 30px}.login h2{margin-bottom:4px;font-size:22px}@media (width<=800px){.login{grid-template-columns:1fr}.login-hero{min-height:220px}.login-hero h1{font-size:30px}}.toast{z-index:120;border-radius:4px;min-width:240px;max-width:360px;font-weight:600;position:fixed;top:70px;right:24px;box-shadow:0 6px 20px #1824332e;margin:0!important;padding:12px 16px!important}.btn:disabled{opacity:.5;cursor:not-allowed}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.list li:last-child{border-bottom:none}.signout+.signout{margin-left:2px}.logo-img{object-fit:contain;border-radius:4px;max-width:120px;height:34px}.logo-img.sm{max-width:60px;height:22px}.co-cell{align-items:center;gap:10px;display:flex}.co-logo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;width:38px;height:38px}.co-logo.ph{background:var(--navy);color:#fff;border:0;place-items:center;font-style:normal;font-weight:700;display:grid}label.link.small{cursor:pointer;color:var(--accent);margin:0;font-size:12px;display:inline}.temp-pw{border:1px dashed var(--line);letter-spacing:2px;text-align:center;-webkit-user-select:all;user-select:all;background:#f4f6fa;border-radius:6px;margin:16px 20px;padding:14px;font:600 22px/1 Consolas,monospace}.tabs{gap:6px;margin-bottom:14px;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:4px;padding:8px 16px;font-weight:600}.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}label.inl{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;display:flex}label.inl input{width:auto;margin:0}td.nowrap{white-space:nowrap}td.detail{text-overflow:ellipsis;white-space:nowrap;color:#4a5568;max-width:340px;font:12px Consolas,monospace;overflow:hidden}h4.sub{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:18px 20px 6px;font-size:13px}.hero-row{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-bottom:18px;display:grid}.hero{background:linear-gradient(100deg,#fff 0%,#eaf2ff 50%,#c9dcff 100%);border:1px solid #dbe6f7;border-radius:14px;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f2a520d}.hero-text{z-index:2;max-width:54%;padding:26px 28px;position:relative}.hero h2{color:#0f2142;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.2}.hero h2 span{color:var(--accent)}.hero p{color:#1d273b;margin:0 0 16px;font-size:13.5px;font-weight:600;line-height:1.5}.hero p i{color:#9aa7bd;margin:0 6px;font-style:normal}.hero-art{width:46%;height:100%;position:absolute;top:0;right:0}.btn.dark{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:30px;padding:9px 18px}.btn.dark:hover{background:#16396f;border-color:#16396f}.kpis{grid-template-columns:1fr 1fr;gap:14px;display:grid}.kpi{color:#fff;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 6px 16px #0f2a5224}.kpi .ic{background:#fff3;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.kpi .ic svg{stroke:#fff;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.kpi span{opacity:.92;font-size:13px;display:block}.kpi b{font-size:26px;font-weight:700;line-height:1.15;display:block}.kpi em{opacity:.9;font-size:12px;font-style:normal}.row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.row4{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.row4.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:#fff;border:1px solid #e3e9f4;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 2px 10px #0f2a520d}.panel.wide{margin-bottom:18px}.panel>header{align-items:center;gap:10px;padding:14px 18px;display:flex}.panel>header h3{color:#0f2142;flex:1;font-size:15.5px;font-weight:700}.pic{color:#1c5ce8;background:#eaf1ff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.pic svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sel{color:#1d273b;background:0 0;border:0;font-size:13px;font-weight:600;width:auto!important;padding:2px 4px!important}.more{color:#1c5ce8;font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.donut-wrap{align-items:center;gap:18px;padding:4px 18px 20px;display:flex}.donut{flex:none;width:170px;height:170px;position:relative}.donut-c{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-c b{color:#0f2142;font-size:27px;line-height:1.1}.donut-c span{color:var(--muted);font-size:12px}.lg{flex:1;min-width:0;margin:0;padding:0;list-style:none}.lg li{align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.lg li i{border-radius:50%;flex:none;width:10px;height:10px}.lg li b{margin-left:auto}.today{padding:6px 22px 24px}.today b{color:#0f2142;margin-bottom:4px;font-size:24px;display:block}.today p{color:var(--muted);margin:0 0 14px}.timeline{margin:0;padding:2px 18px 16px;list-style:none}.timeline li{border-left:2px solid #e3e9f4;margin-left:5px;padding:0 0 14px 22px;position:relative}.timeline li:last-child{border-left-color:#0000;padding-bottom:0}.timeline li i{background:#1fa85a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:-7px;box-shadow:0 0 0 1px #d6e0f0}.timeline li i.c1{background:#1c5ce8}.timeline li i.c2{background:var(--accent)}.timeline li i.c3{background:#9aa7bd}.timeline small{color:var(--muted);font-size:12px}.timeline p{color:#1d273b;margin:2px 0 0;font-size:13.5px;font-weight:600}.timeline p span{color:var(--muted);font-weight:400}.empty{color:var(--muted);padding:6px 0;font-size:13.5px;border:0!important}.quick{grid-template-columns:repeat(3,1fr);gap:10px;padding:2px 16px 18px;display:grid}.quick button{cursor:pointer;font:inherit;color:#1c4fb8;background:#f3f7ff;border:1px solid #dde7fa;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 11px;display:flex}.quick button:hover{background:#e6efff;transform:translateY(-1px)}.quick svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.quick span{text-align:center;color:#27406f;font-size:12px;font-weight:600;line-height:1.25}.panel.dark{background:#fff;border:0}.panel.dark>header{background:var(--primary);color:#fff;padding:13px 18px}.panel.dark>header h3{color:#fff;font-size:15px}.panel.dark .pic{color:var(--accent);background:#ffffff26}.notes-list{margin:0;padding:4px 0 8px;list-style:none}.notes-list li{cursor:pointer;border-bottom:1px solid #eef1f7;align-items:flex-start;gap:10px;padding:11px 18px;font-size:13.5px;display:flex}.notes-list li:hover{background:#f7f9fd}.notes-list li:last-child{border-bottom:0}.notes-list span{flex:1}.notes-list small{color:var(--muted);white-space:nowrap;font-size:12px}@media (width<=1250px){.row4,.row4.three,.row3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-row{grid-template-columns:1fr}}@media (width<=900px){.app{grid-template-columns:1fr}.side{width:270px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000059}.side.open{transform:none}.burger{display:block}.date,.profile .who{display:none}.top{padding:12px 14px}.page{padding:16px 14px 8px;overflow-x:auto}.powered{padding:14px}.row3,.row4,.row4.three{grid-template-columns:1fr}.hello h1{white-space:normal;font-size:17px}.hello p{display:none}.hero-text{max-width:100%;padding:20px}.hero-art{opacity:.18;width:100%}th,td{padding:9px 10px}}@media (width<=520px){.kpis{grid-template-columns:1fr}.donut-wrap{flex-direction:column}}@media print{.side,.top,.powered,.row .btn,.modal .btn{display:none}.app{display:block}}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.stat{background:#fff;border:1px solid #e3e9f4;border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px #0f2a520d}.stat small{color:var(--muted);margin:10px 0 2px;font-size:13px;display:block}.stat b{color:#0f2142;font-size:30px;line-height:1.1}.stat b em{color:var(--muted);margin-left:2px;font-size:15px;font-style:normal;font-weight:500}.sic{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sic svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sic.blue{color:#1c5ce8;background:#e8f0ff}.sic.green{color:#1fa85a;background:#e3f6ea}.sic.orange{color:#e07b0a;background:#fff0dd}.sic.red{color:#d64545;background:#fde8e8}.sic.purple{color:#7b3fe4;background:#efe8fd}.split{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.panel.grow{min-width:0}.panel>header .search{min-width:200px;padding:6px 12px}.seg{flex-wrap:wrap;gap:6px;padding:0 18px 12px;display:flex}.seg button{font:inherit;color:#5b6a82;cursor:pointer;background:#f1f4fa;border:0;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.seg button em{color:#5b6a82;background:#fff;border-radius:10px;padding:0 7px;font-size:11.5px;font-style:normal}.seg button.on{background:var(--primary);color:#fff}.seg button.on em{color:#fff;background:#fff3}.scroll{overflow-x:auto}td.clip{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.who2{align-items:center;gap:10px;display:flex}.who2 b{font-size:14px;display:block}.who2 .muted{font-size:12px}.av{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.chip{color:#555f6d;background:#eef0f3;border-radius:20px;padding:3px 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-block}.chip.Casual{color:#1c5ce8;background:#e8f0ff}.chip.Sick{color:#c23a3a;background:#fde8e8}.chip.Earned{color:#1a8a49;background:#e3f6ea}.chip.Unpaid{color:#5b6a82;background:#eceff4}.chip.New{color:#c96a05;background:#fff0dd;margin-right:8px}.rb{cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;margin-left:6px;font-size:14px;font-weight:700}.rb.ok{color:#1a8a49;background:#e3f6ea}.rb.ok:hover{color:#fff;background:#1fa85a}.rb.no{color:#c23a3a;background:#fde8e8}.rb.no:hover{color:#fff;background:#d64545}.mini{margin:0;padding:0 18px 14px;list-style:none}.mini li{border-bottom:1px solid #eef1f7;align-items:center;gap:12px;padding:10px 0;display:flex}.mini li:last-child{border-bottom:0}.mini li>div{flex:1;min-width:0}.mini li b{font-size:14px;display:block}.mini .muted{font-size:12.5px}.mini .when{color:var(--muted);white-space:nowrap;font-size:12.5px}.row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.panel .list li:last-child{border-bottom:0}@media (width<=1100px){.split{grid-template-columns:1fr}}@media (width<=900px){.row2{grid-template-columns:1fr}}.mylv{flex-wrap:wrap;align-items:center;gap:28px;padding:4px 22px 22px;display:flex}.mylv-nums{flex:1;grid-template-columns:repeat(4,minmax(100px,1fr));gap:14px;min-width:280px;display:grid}.mylv-nums div{background:#f5f8fe;border-radius:12px;padding:14px 16px}.mylv-nums b{color:#0f2142;font-size:28px;line-height:1.1;display:block}.mylv-nums small{color:var(--muted);font-size:12.5px}.mylv-nums .hl{background:linear-gradient(135deg,#2563eb,#1347b8)}.mylv-nums .hl b,.mylv-nums .hl small{color:#fff}.split.even{grid-template-columns:repeat(2,minmax(0,1fr))}.apply{padding:0 20px 20px}.apply label{margin-top:12px}.apply input{width:100%}.apply .btn.sm{margin-top:16px}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills button{font:inherit;cursor:pointer;color:#4a5a75;background:#fff;border:1.5px solid #dde4f0;border-radius:22px;padding:7px 16px;font-size:13.5px;font-weight:600}.pills button.on{background:var(--c);border-color:var(--c);color:#fff}.hint{color:var(--muted);margin:6px 0 0;font-size:12.5px}.hint.pad{padding:0 20px 18px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview{color:#1c4fb8;background:#eef4ff;border-radius:10px;margin-top:14px;padding:10px 14px;font-size:13.5px;font-weight:600}.preview.bad{color:#b02a2a;background:#fde8e8}.types{margin:0;padding:4px 20px 8px;list-style:none}.types li{padding:10px 0}.types li>div:first-child{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.bar{background:#eef1f7;border-radius:6px;height:9px;overflow:hidden}.bar i{border-radius:6px;min-width:2px;height:100%;display:block}.hist{margin:0;padding:0 18px 8px;list-style:none}.hist li{background:#fff;border:1px solid #e9eef7;border-left:4px solid #8a94a6;border-radius:12px;align-items:center;gap:18px;margin-bottom:10px;padding:14px 16px;display:flex}.hist li.Pending{border-left-color:var(--accent)}.hist li.Approved{border-left-color:#1fa85a}.hist li.Rejected{border-left-color:#d64545}.hist .when{min-width:96px}.hist .when b{color:#0f2142;font-size:16px}.hist .when span{color:var(--muted);font-size:13px}.hist .when small{color:var(--muted);font-size:12px;display:block}.hist .what{flex:1;min-width:0}.hist .what b{margin-left:8px;font-size:13.5px}.hist .what p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:13px;overflow:hidden}.hist .st{text-align:right}.hist .st small{color:var(--muted);margin-top:4px;font-size:12px;display:block}@media (width<=1100px){.split.even{grid-template-columns:1fr}}@media (width<=600px){.mylv-nums{grid-template-columns:1fr 1fr}.hist li{flex-wrap:wrap}.two{grid-template-columns:1fr}}.kpi b.long{white-space:nowrap;font-size:19px}.trail{flex-wrap:wrap;flex-basis:100%;gap:10px;width:100%;margin-top:10px;display:flex}.tstep{background:#f6f8fc;border-radius:10px;flex:1;align-items:flex-start;gap:9px;min-width:170px;max-width:300px;padding:9px 13px;display:flex}.tstep>i{background:#c3cad6;border-radius:50%;flex:none;width:11px;height:11px;margin-top:4px}.tstep.done>i{background:#1fa85a}.tstep.now>i{background:var(--accent);box-shadow:0 0 0 4px #f7931e33}.tstep.no>i{background:#d64545}.tstep.wait{opacity:.6}.tstep b{color:#0f2142;font-size:13px;display:block}.tstep small{color:var(--muted);font-size:12px;display:block}.tstep em{color:#4a5a75;margin-top:2px;font-size:12px;font-style:italic;display:block}.hist li{flex-wrap:wrap}td.stage small{color:var(--muted);font-size:12px;display:block}.appr{margin:0;padding:0 18px 10px;list-style:none}.appr>li{background:#fff;border:1px solid #e9eef7;border-radius:12px;margin-bottom:12px;padding:14px 16px}.appr-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.appr-who{min-width:150px}.appr-who b{display:block}.appr-who .muted{font-size:12px}.appr-when{flex:1;min-width:140px}.appr-when b{font-size:14px;display:block}.appr-when .muted{font-size:12.5px}.appr-act{align-items:center;gap:4px;margin-left:auto;display:flex}.level{color:#1c4fb8;background:#e8f0ff;border-radius:20px;margin-right:6px;padding:4px 10px;font-size:12px;font-weight:600}.appr-reason{color:#4a5a75;margin:10px 0 0;font-size:13.5px;font-style:italic}.empty.pad{padding:18px 20px;list-style:none}.btn.danger{color:#fff;background:#d64545;border-color:#d64545}.btn.danger:hover{background:#b93636;border-color:#b93636}.side nav a .cnt{color:#fff;background:#ef3b3b;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-style:normal;font-weight:700;display:grid}.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:0 20px;display:grid}.fg{min-width:0}.fg.full{grid-column:1/-1}.fg label{margin-top:12px}.fg input,.fg select,.fg textarea{width:100%;margin:0;display:block}textarea{width:100%;font:inherit;color:var(--text);resize:vertical;background:#fff;border:1px solid #dadfe5;border-radius:8px;padding:8px 12px}textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e8912d33}input:disabled,select:disabled,textarea:disabled{color:#58657a;background:#f4f6fa}label.chk{align-items:center;gap:8px;margin-top:8px;font-weight:500;display:flex}label.chk input{width:auto}.modal .card.xwide{max-width:980px}.tabs2{border-bottom:1px solid #e3e9f4;gap:4px;padding:0 18px;display:flex;overflow-x:auto}.tabs2 button{font:inherit;color:#5b6a82;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 14px;font-size:13.5px;font-weight:600}.tabs2 button.on{color:var(--navy);border-bottom-color:var(--accent)}.tabs2 button em{background:#eef1f7;border-radius:10px;margin-left:6px;padding:0 7px;font-size:11.5px;font-style:normal}.pbody{padding:14px 0 18px}.sect{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:18px 20px 4px;font-size:12px;font-weight:700}.bar-actions{justify-content:flex-end;gap:10px;padding:16px 20px 0;display:flex}.prof-head{align-items:center;gap:16px;padding:18px 20px;display:flex}.prof-head .av{width:56px;height:56px;font-size:22px}.prof-head h2{font-size:20px}.prof-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.badge.Verified,.badge.Active,.badge.Paid,.badge.Done,.badge.Issued,.badge.Completed,.badge.Resolved,.badge.Achieved,.badge.Joined,.badge.Open{color:#1d7a31;background:#e0f5e5}.badge.Notice,.badge.Probation,.badge.Submitted,.badge.Enrolled,.badge.Planned,.badge.InProgress,.badge.SelfReview,.badge.ManagerReview,.badge.Applied,.badge.Screened,.badge.Interview{color:#b45309;background:#fff0e0}.badge.Exited,.badge.Withdrawn,.badge.Missed,.badge.Cancelled,.badge.Archived,.badge.Closed{color:#5b6a82;background:#eceff4}.badge.Acknowledged,.badge.Reviewed,.badge.Offered{color:#1c5ce8;background:#e8f0ff}.list-actions{flex-wrap:wrap;gap:8px;display:flex}.thread{margin:0;padding:0 20px 8px;list-style:none}.thread li{background:#f6f8fc;border-radius:10px;margin-bottom:8px;padding:9px 13px;font-size:13.5px}.thread li.staff{background:#eaf1ff}.thread small{color:var(--muted);margin-bottom:2px;font-size:11.5px;display:block}.letter{white-space:pre-wrap;background:#fff;border:1px solid #e3e9f4;margin:14px 20px;padding:34px 40px;font-family:Georgia,serif;line-height:1.6}.tree{border-left:2px solid #e3e9f4;margin:0;padding-left:22px;list-style:none}.tree.root{border-left:0;padding-left:0}.tree li{margin:8px 0}.node{background:#fff;border:1px solid #e3e9f4;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex;box-shadow:0 1px 4px #0f2a520d}.node b{font-size:14px;display:block}.node small{color:var(--muted);font-size:12px}.progress{background:#eef1f7;border-radius:6px;min-width:120px;height:8px;overflow:hidden}.progress i{background:#1fa85a;height:100%;display:block}@media (width<=700px){.fgrid{grid-template-columns:1fr}.letter{padding:20px}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;position:absolute;top:0;left:0}}tr.click{cursor:pointer}tr.click:hover{background:#f2f6ff}.btn.danger-text{color:#d64545;background:#fff;border-color:#f0c5c5}.side nav .grp{text-transform:uppercase;letter-spacing:.8px;color:#7f97c4;margin:14px 14px 4px;font-size:10.5px;font-weight:700}.calsum{color:#4a5a75;flex-wrap:wrap;gap:16px;padding:0 20px 12px;font-size:13px;display:flex}.calsum b{color:#0f2142;margin-left:4px}.dot{background:#c3cad6;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot.p,.calcell.p{background:#e3f6ea}.dot.p{background:#1fa85a}.dot.h{background:var(--accent)}.dot.a{background:#d64545}.dot.l{background:#1c5ce8}.dot.o{background:#8a4cf0}.dot.w{background:#c3cad6}.calgrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0 20px;display:grid}.calhead{text-align:center;color:var(--muted);text-transform:uppercase;padding:4px 0;font-size:11.5px;font-weight:700}.calcell{background:#f3f5f9;border-radius:10px;min-height:66px;padding:7px 8px;font-size:12px;position:relative}.calcell b{color:#0f2142;font-size:14px;display:block}.calcell small{color:#4a5a75;line-height:1.25;display:block}.calcell em{color:#b45309;font-size:11px;font-style:normal;font-weight:600}.calcell.p{background:#e3f6ea}.calcell.h{background:#fff0dd}.calcell.a{background:#fde8e8}.calcell.l{background:#e8f0ff}.calcell.o{background:#efe8fd}.calcell.w{background:#eceff4}.calcell.u{opacity:.7;background:#fafbfd}.late{color:#b45309;font-weight:600}pre.code{color:#cfe0ff;background:#0f2142;border-radius:10px;margin:8px 20px 0;padding:12px 16px;font-size:12px;overflow:auto}@media (width<=700px){.calcell{min-height:54px;padding:4px}.calcell small{display:none}}td.r,th.r{text-align:right}.slip2{grid-template-columns:1fr 1fr;gap:16px;padding:0 20px;display:grid}.slip2 table td,.slip2 table th{padding:7px 10px}tr.tot td{background:#fafbfc;font-weight:700}.net{background:#eef4ff;border-radius:10px;margin:12px 20px;padding:10px 14px;font-size:17px}.modal .payslip{max-width:780px}.dlgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:8px 20px 4px;display:grid}button.dl{text-align:left;cursor:pointer;font:inherit;color:#1c4fb8;background:#f3f7ff;border:1px solid #dde7fa;border-radius:12px;padding:14px 16px}button.dl:hover{background:#e6efff}button.dl small{color:#5b6a82;margin-top:4px;font-size:12px;font-weight:400;display:block}@media (width<=700px){.slip2{grid-template-columns:1fr}}@media print{.noprint{display:none!important}}.side nav button.grp{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:calc(100% - 28px);padding:6px 0;display:flex}.side nav button.grp i{border-bottom:2px solid #7f97c4;border-right:2px solid #7f97c4;width:7px;height:7px;transition:transform .15s;transform:rotate(-45deg)}.side nav button.grp.on i{transform:rotate(45deg)}.side nav button.grp:hover{color:#fff}.oc-wrap{background:linear-gradient(#f4f6fa,#fff);border-radius:10px;margin:0 14px 14px;padding:18px 12px 28px;overflow:auto}.oc{text-align:center;min-width:100%;display:inline-block}.oc ul{justify-content:center;margin:0;padding:20px 0 0;list-style:none;display:flex;position:relative}.oc ul.oc-root{padding-top:0}.oc li{flex-direction:column;align-items:center;padding:20px 10px 0;display:flex;position:relative}.oc ul.oc-root>li{padding-top:0}.oc li:before,.oc li:after{content:"";border-top:2px solid #6b7686;width:50%;height:20px;position:absolute;top:0;right:50%}.oc li:after{border-left:2px solid #6b7686;left:50%;right:auto}.oc ul.oc-root>li:before,.oc ul.oc-root>li:after,.oc li:only-child:before,.oc li:only-child:after{display:none}.oc li:first-child:before,.oc li:last-child:after{border-top:0}.oc li:last-child:before{border-right:2px solid #6b7686;border-radius:0 6px 0 0}.oc li:first-child:after{border-radius:6px 0 0}.oc ul ul:before{content:"";border-left:2px solid #6b7686;height:20px;position:absolute;top:0;left:50%}.oc li:only-child>ul:before{height:20px}.oc li:only-child>button{margin-top:20px}.oc li:only-child{padding-top:0}.oc-card{cursor:pointer;min-width:118px;max-width:150px;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.oc-card:hover .oc-name{filter:brightness(1.12)}.oc-card:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #1c5ce8}.oc-name{color:#fff;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;border-radius:3px 3px 0 0;width:100%;margin-top:-2px;padding:4px 8px;font-size:12px;font-weight:700;display:block;overflow:hidden}.oc-desig{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-top:0;border-radius:0 0 3px 3px;width:100%;padding:3px 8px;font-size:11px;font-weight:600;display:block;overflow:hidden}.oc-count{background:var(--primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:2px;right:6px}@media (width<=700px){.oc-wrap{margin:0 8px 8px;padding:12px 6px}}.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1c3073;justify-content:flex-end;align-items:stretch;padding:0;animation:.18s ease-out dr-fade;overflow:hidden}.modal .card,.modal .card.wide,.modal .card.xwide,.modal .payslip{background:#fff;border:0;border-radius:18px 0 0 18px;flex-direction:column;width:100%;max-width:520px;height:100vh;max-height:100vh;margin:0;padding:0;animation:.24s cubic-bezier(.2,.8,.2,1) dr-in;display:flex;position:relative;overflow:hidden auto;box-shadow:-18px 0 48px #0f1c3038}.modal .card.wide{max-width:720px}.modal .card.xwide,.modal .payslip{max-width:860px}.modal .card>h3:first-child,.modal .card>.row:first-child{z-index:3;background:#fff;border-bottom:1px solid #e9edf5;margin:0;padding:20px 64px 16px 24px;font-size:17px;font-weight:700;position:sticky;top:0}.modal .card>h3:first-child+.muted,.modal .card>p.muted:first-of-type{margin-top:14px}.modal .card h4{text-transform:uppercase;letter-spacing:.6px;color:#5b6b85;justify-content:space-between;align-items:center;margin:22px 24px 8px;font-size:13px;display:flex}.modal .card h4:after{content:"";border-bottom:2px solid #8a97ad;border-right:2px solid #8a97ad;width:7px;height:7px;margin-top:-4px;transform:rotate(45deg)}.modal .fgrid{gap:0 16px;padding:6px 24px 0}.modal .fg label{color:#5b6b85;margin-top:14px;font-size:12px;font-weight:600}.modal .fg input,.modal .fg select,.modal .fg textarea{background:#fafbfe;border:1px solid #dfe5f0;border-radius:8px;padding:9px 11px;transition:border-color .15s,box-shadow .15s}.modal .fg input:focus,.modal .fg select:focus,.modal .fg textarea:focus{background:#fff;border-color:#1c5ce8;outline:0;box-shadow:0 0 0 3px #1c5ce81f}.modal .fg .hint{color:#8a97ad;margin:4px 0 0;font-size:11.5px}.modal .card>.scroll,.modal .card>table,.modal .card>div>table{border:1px solid #e9edf5;border-radius:10px;width:calc(100% - 48px);margin:12px 24px;overflow:hidden}.modal table th{color:#5b6b85;background:#f6f8fc;font-size:11.5px}.modal .card>p,.modal .card>.muted,.modal .card>form>p{margin:12px 24px 0}.modal .card>.row.end,.modal .card>form>.row.end,.modal .card .row.end:last-child{z-index:3;background:#fff;border-top:1px solid #e9edf5;margin:auto 0 0;padding:14px 24px;position:sticky;bottom:0;box-shadow:0 -6px 14px #0f1c300a}.modal .card>.row.end,.modal form.card>.row.end{margin-top:auto}.drawer-x{z-index:5;color:#4a5a73;cursor:pointer;background:#fff;border:1px solid #e3e9f4;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:grid;position:fixed;top:14px;right:16px}.drawer-x:hover{color:var(--primary);background:#f1f4fa}@keyframes dr-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes dr-fade{0%{opacity:0}to{opacity:1}}@media (width<=700px){.modal .card,.modal .card.wide,.modal .card.xwide,.modal .payslip{border-radius:0;max-width:100%}.modal .fgrid{grid-template-columns:1fr}}@media print{.drawer-x{display:none}.modal{background:0 0;position:static}.modal .card{height:auto;box-shadow:none;border-radius:0;max-width:none}}.req{color:#d63939;font-weight:700}:not(.fg)>label:has(+:is(input,select,textarea)[required]):after{content:" *";color:#d63939;font-weight:700}.swatch{cursor:pointer;background:#fff;border:1px solid #dfe5f0;border-radius:8px;width:44px;height:36px;padding:2px}.fg input.swatch,.modal .fg input.swatch{flex:none;width:48px;height:38px;padding:2px}.ntf-wrap{z-index:400;pointer-events:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;top:18px;right:18px}.ntf{--c:#2fb344;pointer-events:auto;border:1px solid #e6ebf4;border-left:4px solid var(--c);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 38px 14px 12px;animation:.28s cubic-bezier(.2,.9,.3,1.2) ntf-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0f1c302e}.ntf.error{--c:#d63939}.ntf.warn{--c:#f59f00}.ntf.info{--c:#1c5ce8}.ntf-ic{background:color-mix(in srgb,var(--c) 14%,#fff);width:30px;height:30px;color:var(--c);border-radius:50%;flex:none;place-items:center;display:grid}.ntf-ic svg{width:16px;height:16px}.ntf-tx{flex-direction:column;min-width:0;display:flex}.ntf-tx b{color:#1b2a41;font-size:13px;line-height:1.3}.ntf-tx span{color:#52627c;word-break:break-word;margin-top:2px;font-size:13px;line-height:1.4}.ntf-x{color:#8a97ad;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.ntf-x:hover{color:#1b2a41}.ntf-bar{background:var(--c);opacity:.55;transform-origin:0;width:100%;height:3px;animation:linear forwards ntf-bar;position:absolute;bottom:0;left:0}@keyframes ntf-in{0%{opacity:0;transform:translate(30px)scale(.96)}to{opacity:1;transform:none}}@keyframes ntf-bar{to{transform:scaleX(0)}}.dlg-back{z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1c3080;place-items:center;padding:16px;animation:.15s ease-out dr-fade;display:grid;position:fixed;inset:0}.dlg{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px 24px 20px;animation:.22s ease-out ntf-in;box-shadow:0 24px 60px #0f1c304d}.dlg-ic{color:#1c5ce8;background:#1c5ce81a;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 12px;display:grid}.dlg-ic.danger{color:#d63939;background:#d639391a}.dlg-ic svg{width:26px;height:26px}.dlg h4{color:#1b2a41;margin:0 0 6px;font-size:17px}.dlg p{color:#52627c;white-space:pre-line;margin:0 0 16px;font-size:14px;line-height:1.5}.dlg input{background:#fafbfe;border:1px solid #dfe5f0;border-radius:8px;width:100%;margin:0 0 16px;padding:10px 12px}.dlg input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #1c5ce81f}.dlg-btn{justify-content:center;gap:10px;display:flex}.dlg-btn .btn{justify-content:center;min-width:110px}.modal .card:has(.fgrid){max-width:680px}.bu-steps{flex-direction:column;gap:10px;padding:6px 24px 0;display:flex}.bu-step{background:#fafbfe;border:1px solid #e3e9f4;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.bu-step>i{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;font-weight:700;display:grid}.bu-step>div{flex:1;min-width:0}.bu-step b{font-size:14px;display:block}.bu-step small{color:#6b7a93;word-break:break-all}.bu-help{color:#52627c;margin:12px 24px 0;font-size:13px}.bu-help summary{cursor:pointer;color:var(--primary);font-weight:600}.bu-help ul{margin:8px 0 0;padding-left:18px}.bu-help li{margin:3px 0}.bu-sum{color:#52627c;flex-wrap:wrap;gap:16px;margin:16px 24px 6px;font-size:13px;display:flex}.bu-sum .g b{color:#2fb344}.bu-sum .r b{color:#d63939}.bu-list{border:1px solid #e9edf5;border-radius:10px;max-height:340px;margin:6px 24px 16px;overflow:auto}.bu-list table{border:0!important;width:100%!important;margin:0!important}.bu-st{color:#1c5ce8;background:#e8f0ff;border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}.bu-st.ok{color:#1d8a3b;background:#e3f6ea}.bu-st.fail,.bu-st.bad{color:#c33;background:#fde8e8}.bu-msg{color:#c33;margin-top:3px;display:block}.seg2{border:1px solid #dfe5f0;border-radius:10px;display:inline-flex;overflow:hidden}.seg2 button{color:#52627c;cursor:pointer;background:#fff;border:0;padding:8px 18px;font-weight:600}.seg2 button.on{background:var(--primary);color:#fff}.pm-wrap{border:1px solid #e9edf5;border-radius:12px;max-height:66vh;margin:0 20px 18px;overflow:auto}.pm{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.pm thead th{z-index:2;color:#5b6b85;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f6f8fc;border-bottom:1px solid #e9edf5;padding:10px 8px;font-size:11.5px;position:sticky;top:0}.pm .pm-all{cursor:pointer;justify-content:center;align-items:center;gap:6px;margin:0;font-size:11.5px;display:flex}.pm .pm-all input{width:auto;margin:0}.pm td{border-bottom:1px solid #f0f3f9;padding:8px}.pm .pm-page{text-align:left;color:#1b2a41;min-width:210px;padding-left:16px;font-weight:600}.pm thead .pm-page{text-align:left}.pm .pm-c{text-align:center}.pm .pm-c input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;margin:0}.pm .pm-c input:disabled{opacity:.45;cursor:not-allowed}.pm .pm-na{color:#c3cbda}.pm .pm-end{text-align:right;width:120px;padding-right:14px}.pm .pm-grp td{color:#3a4c6b;text-transform:uppercase;letter-spacing:.5px;background:#eef2fa;padding:7px 16px;font-size:12px;font-weight:700}.pm tr.pm-changed td{background:#fff8e8}.pm tr.pm-follow .pm-page{color:#5b6b85;font-weight:500}.pm tr.pm-follow input{opacity:.55}.pm-tag{background:var(--accent);color:var(--on-accent,#fff);text-transform:uppercase;letter-spacing:.4px;border-radius:20px;margin-left:8px;padding:1px 8px;font-size:10.5px;font-style:normal;font-weight:700}.masked{color:inherit;font:inherit;cursor:pointer;letter-spacing:2px;background:#7f8ca52e;border:0;border-radius:8px;align-items:center;gap:7px;padding:3px 10px;display:inline-flex}.masked:hover{background:#7f8ca54d}.masked svg{opacity:.85;flex:none}.masked em{letter-spacing:0;opacity:.9;font-size:11px;font-style:normal;text-decoration:underline}.kpi .masked,.kpis .masked{font-size:inherit}.photo{background:#eef2fa;border-radius:50%;flex:none;position:relative}.photo img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.photo .av{width:100%;height:100%;font-size:28px}.photo-btn{background:var(--primary);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;bottom:-2px;right:-2px}.dir-name{align-items:center;gap:10px;display:flex}.dir-name small{color:#8a97ad;font-size:11.5px;display:block}.dir-ph{object-fit:cover;border-radius:50%;flex:none;width:34px;height:34px}table.dir td a{color:var(--primary);text-decoration:none}.calcell em.wm{color:#7b3fe4;font-size:10px;font-style:normal;font-weight:700}.chip.CL{color:#1c5ce8;background:#e8f0ff}.chip.PL{color:#1d8a3b;background:#e3f6ea}.chip.CO{color:#7b3fe4;background:#efe8fd}.chip.PAT{color:#0f8a9d;background:#e0f4f7}.chip.BRV{color:#8a6d3b;background:#f3ece0}.chip.BDAY{color:#c9740a;background:#fff0dd}.chip.LWP{color:#5b6b85;background:#eceff4}.slip-modern .sm-head{background:var(--primary);color:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 22px;display:flex}.slip-modern .sm-head small{opacity:.8;display:block}.slip-modern .sm-head h3{color:#fff;border:0;margin:2px 0 0;padding:0;font-size:18px}.slip-modern .sm-net{text-align:right}.slip-modern .sm-net b{font-size:26px;display:block}.slip-modern .sm-who{flex-direction:column;gap:2px;padding:14px 22px 6px;display:flex}.slip-modern .sm-who span{color:#6b7a93;font-size:13px}.slip-modern .sm-cols{grid-template-columns:1fr 1fr;gap:18px;padding:8px 22px 14px;display:grid}.slip-modern h5{letter-spacing:.6px;text-transform:uppercase;color:var(--accent-d,#c87d27);margin:6px 0 8px;font-size:12px}.slip-modern .sm-cols p{border-bottom:1px dashed #e3e9f4;justify-content:space-between;margin:0;padding:6px 0;font-size:13.5px;display:flex}.slip-modern .sm-cols p.tot{border-top:2px solid #e3e9f4;border-bottom:0;margin-top:4px;font-weight:700}.slip-compact{padding:10px 16px 6px;font-size:12.5px}.slip-compact .sc-top{border-bottom:2px solid var(--primary);justify-content:space-between;padding-bottom:6px;display:flex}.slip-compact .sc-top b{color:var(--primary)}.slip-compact .sc-who{color:#52627c;margin:8px 0}.slip-compact table{border-collapse:collapse;width:100%}.slip-compact th,.slip-compact td{border:1px solid #e3e9f4;padding:4px 8px;font-size:12.5px}.slip-compact th{text-align:left;background:#f6f8fc}.slip-compact tr.tot td{background:#fafbfe;font-weight:700}.slip-compact .sc-net{text-align:right;margin:8px 0 2px;font-size:15px}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:6px 24px 8px;display:grid}.tpl{text-align:left;cursor:pointer;font:inherit;background:#fff;border:2px solid #e3e9f4;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.tpl.on{border-color:var(--accent);box-shadow:0 0 0 3px #e8912d2e}.tpl small{color:#6b7a93;min-height:34px}.tpl-prev{background:#fff;border:1px solid #edf0f6;border-radius:8px;height:230px;margin-top:6px;overflow:hidden}.tpl-scale{transform-origin:0 0;pointer-events:none;width:238%;transform:scale(.42)}@media (width<=900px){.tpl-grid{grid-template-columns:1fr}}.tpl{min-width:0;overflow:hidden}.ss-btn{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line,#dfe5f0);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:9px 11px;display:flex}.ss-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-btn span.ph{color:#8a97ad}.ss-btn svg{opacity:.6;flex:none;transition:transform .15s}.ss-btn.open svg{transform:rotate(180deg)}.ss-btn:disabled{opacity:.6;cursor:not-allowed;background:#f3f5fa}.ss-btn:focus-visible,.ss-btn.open{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #1c5ce81f}.modal .fg .ss-btn{background:#fafbfe}.row>.ss-btn,.right .ss-btn{width:auto}.ss-req{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;border:0!important;margin:0!important;padding:0!important}.fg{position:relative}.ss-pop{z-index:450;background:#fff;border:1px solid #dfe5f0;border-radius:12px;animation:.14s ease-out ntf-in;position:fixed;overflow:hidden;box-shadow:0 16px 40px #0f1c3038}.ss-q{width:100%;display:block;box-shadow:none!important;background:#fff!important;border:0!important;border-bottom:1px solid #e9edf5!important;border-radius:0!important;margin:0!important;padding:11px 14px!important}.ss-q:focus{outline:0}.ss-list{outline:0;margin:0;padding:4px;list-style:none;overflow:auto}.ss-list li{cursor:pointer;color:#1b2a41;border-radius:8px;padding:8px 10px;font-size:14px}.ss-list li.on{background:#eef3ff}.ss-list li.sel{color:var(--primary);font-weight:700}.ss-list li.empty{color:#8a97ad}.ss-list li.none{color:#8a97ad;cursor:default}.slip-bordered{padding:10px 16px 8px;font-size:13px}.slip-bordered .sb-head{text-align:center;border-bottom:2px solid var(--primary);margin-bottom:10px;padding:6px 0 10px}.slip-bordered h2{color:var(--primary);margin:0;font-size:20px}.slip-bordered .sb-head p{color:#52627c;margin:4px 0 0}.slip-bordered table{border-collapse:collapse;width:100%;margin-bottom:10px}.slip-bordered th,.slip-bordered td{text-align:left;border:1px solid #c9d2e3;padding:6px 9px}.slip-bordered .sb-who th{background:#f3f6fb;width:18%}.slip-bordered .sb-pay thead th{background:var(--primary);color:#fff;border-color:var(--primary)}.slip-bordered .tot td{background:#f3f6fb;font-weight:700}.slip-bordered .net td{background:#fff6e8;font-size:15px;font-weight:800}.slip-bordered .r{text-align:right!important}.slip-minimal{padding:14px 22px 10px;font-size:13.5px}.slip-minimal h3{border:0;margin:0;padding:0;font-size:18px}.slip-minimal small{color:#6b7a93}.slip-minimal .sm-who{color:#334766;margin:12px 0;line-height:1.55}.slip-minimal h5{letter-spacing:.8px;text-transform:uppercase;color:#6b7a93;margin:12px 0 4px;font-size:11.5px}.slip-minimal .ln{align-items:baseline;gap:6px;margin:3px 0;display:flex}.slip-minimal .ln i{border-bottom:1px dotted #b6c0d4;flex:1;transform:translateY(-3px)}.slip-minimal .ln.tot{margin-top:6px;font-weight:700}.slip-minimal .ln.net{border-top:2px solid #1b2a41;margin-top:14px;padding-top:8px;font-size:17px;font-weight:800}.slip-statement .ss-top{background:#f3f6fb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 22px;display:flex}.slip-statement .ss-top b{color:var(--primary);font-size:17px;display:block}.slip-statement .ss-top span{color:#52627c;text-align:right;font-size:13px}.slip-statement .ss-top div span{text-align:left}.slip-statement .ss-sum{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 22px;display:grid}.slip-statement .ss-sum div{background:#fff;border:1px solid #e3e9f4;border-radius:10px;padding:8px 12px}.slip-statement .ss-sum small{color:#6b7a93;display:block}.slip-statement .ss-sum b{font-size:18px}.slip-statement .ss-sum .net{background:var(--primary);border-color:var(--primary)}.slip-statement .ss-sum .net small,.slip-statement .ss-sum .net b{color:#fff}.slip-statement .ss-cols{grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 8px;display:grid}.slip-statement h5{text-transform:uppercase;letter-spacing:.6px;margin:0 0 6px;font-size:12px}.slip-statement .g h5{color:#1d8a3b}.slip-statement .r h5{color:#c33}.slip-statement .ss-cols p{border-radius:6px;justify-content:space-between;margin:0;padding:6px 8px;font-size:13.5px;display:flex}.slip-statement .g p:nth-child(2n){background:#f0faf3}.slip-statement .r p:nth-child(2n){background:#fdf0f0}.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slip-corp{border:1px solid #1b2a41;margin:4px 8px;padding:8px 14px;font-size:12px}.slip-corp .sco-head{border-bottom:1px solid #1b2a41;grid-template-columns:130px 1fr;align-items:center;padding-bottom:6px;display:grid}.slip-corp .sco-head img{object-fit:contain;max-width:120px;max-height:54px}.slip-corp .sco-head h2{text-align:center;margin:0;font-family:Cambria,serif;font-size:17px}.slip-corp .sco-head p{text-align:center;margin:6px 0 0;font-family:Cambria,serif}.slip-corp .sco-grid{border-bottom:1px solid #1b2a41;grid-template-columns:repeat(4,1fr);gap:2px 10px;padding:6px 0;display:grid}.slip-corp .sc-g{gap:4px;display:flex}.slip-corp .sc-g span{color:#52627c;min-width:74px}.slip-corp .sc-g b{overflow-wrap:anywhere;font-weight:500}.slip-corp .sco-tab{border-collapse:collapse;width:100%;margin-top:4px}.slip-corp .sco-tab th,.slip-corp .sco-tab td{border:1px solid #1b2a41;padding:3px 6px}.slip-corp .sco-tab thead th{text-align:center;background:#f3f6fb}.slip-corp .sco-tab .sub th{font-size:11px;font-weight:600}.slip-corp .r{text-align:right!important}.slip-corp .sco-tab tr.tot td{background:#fafbfe;font-weight:700}.slip-corp .sco-foot{text-align:center;margin:8px 0 2px;font-family:Cambria,serif;font-size:13px}.sv{padding:0 20px 18px}.sv-head{border-bottom:2px solid var(--primary);align-items:center;gap:14px;margin-bottom:10px;padding-bottom:10px;display:flex}.sv-head img{object-fit:contain;max-width:120px;max-height:48px}.sv-head h3{border:0;margin:0;padding:0;font-size:18px}.sv-head small{color:#6b7a93}.sv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 14px;display:grid}.sv-cell small{color:#6b7a93;font-size:11.5px;display:block}.sv-cell b{overflow-wrap:anywhere;font-size:13.5px;font-weight:600}.sv-wef{text-align:center;letter-spacing:.5px;margin:14px 0 6px;font-weight:700}.sv-table{border-collapse:collapse;width:100%}.sv-table th,.sv-table td{border:1px solid #dfe5f0;padding:8px 12px}.sv-table thead th{text-align:left;background:#f3f6fb}.sv-table .r{text-align:right!important}.sv-table tr.tot td{background:#fff6e8;font-weight:800}@media (width<=800px){.sv-grid,.slip-corp .sco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ts-title{border-bottom:2px solid var(--primary);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px 0;display:flex}.ts-title span{color:#52627c}.ts-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px;padding:10px 0;display:grid}.ts-info small{color:#6b7a93;font-size:11.5px;display:block}.ts-info b{font-weight:600}.ts-grid{border-collapse:collapse;width:100%;font-size:12px}.ts-grid th,.ts-grid td{white-space:nowrap;border:1px solid #dfe5f0;padding:4px 7px}.ts-grid thead th{text-align:center;background:#f3f6fb}.ts-grid thead th small{color:#6b7a93;margin-left:3px}.ts-grid thead th i{color:#6b7a93;font-size:10px;font-style:normal;display:block}.ts-grid thead th.Projected{background:#fff6e8}.ts-grid td.Projected{color:#8a6d3b;background:#fffaf1}.ts-grid .r{text-align:right}.ts-grid td:first-child{background:#fff;font-weight:600;position:sticky;left:0}.ts-grid .sec td{color:#3a4c6b;text-transform:uppercase;letter-spacing:.5px;background:#eef2fa;font-size:11px;font-weight:700}.ts-grid tr.tot td{background:#fafbfe;font-weight:700}.ts-grid tr.net td{background:#e3f6ea;font-weight:800}.ts-tax{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:10px;display:grid}.ts-tax table{border-collapse:collapse;width:100%}.ts-tax th,.ts-tax td{border:1px solid #dfe5f0;padding:7px 10px}.ts-tax thead th{background:var(--primary);color:#fff;text-align:left}.ts-tax .r{text-align:right}.ts-tax tr.tot td{background:#fafbfe;font-weight:700}.ts-tax tr.net td{background:#fff6e8;font-weight:800}.ts-note{color:#334766;background:#f6f8fc;border-radius:12px;padding:12px 16px;font-size:13px}.ts-note p{margin:6px 0 0}@media (width<=900px){.ts-tax{grid-template-columns:1fr}.ts-info{grid-template-columns:1fr 1fr}}.slip-corp .sco-tab{table-layout:fixed;font-size:11px}.slip-corp .sco-tab th,.slip-corp .sco-tab td{overflow-wrap:anywhere;padding:3px 4px}.slip-corp .sco-tab th{font-size:10.5px}.slip-corp .sco-grid{font-size:11.5px}.slip-corp .sc-g span{min-width:68px}.slip-corp .sco-tab th,.slip-corp .sco-tab td{overflow-wrap:normal;word-break:normal}.slip-corp .sco-tab td.r,.slip-corp .sco-tab th.r{white-space:nowrap}.slip-logo{object-fit:contain;max-width:140px;max-height:44px;margin-bottom:6px;display:block}.slip-modern .slip-logo{background:#fff;border-radius:6px;padding:3px 8px}.slip-bordered .slip-logo{margin:0 auto 6px}.slip-statement .slip-logo{margin-bottom:4px}.slip-compact .slip-logo{vertical-align:middle;max-height:28px;margin:0 8px 0 0;display:inline-block}.letterhead{border-bottom:2px solid var(--primary);align-items:center;gap:14px;margin-bottom:12px;padding:4px 0 12px;display:flex}.letterhead img{object-fit:contain;max-width:150px;max-height:56px}.letterhead b{color:var(--primary);font-family:Cambria,serif;font-size:19px;display:block}.letterhead small{color:#6b7a93}.letterhead.compact img{max-height:36px}.letter-wrap .letterhead{margin:0 0 14px}.side nav button.grp .cnt{color:#fff;letter-spacing:0;background:#ef3b3b;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:8px;margin-right:auto;padding:0 5px;font-size:10.5px;font-style:normal;font-weight:700;display:grid}