.auth-v4-page,.auth-v4-page *{box-sizing:border-box}.auth-v4-page{color:#0b1f43;background:radial-gradient(circle at 8% 8%,#fffffff2,#0000 24%),radial-gradient(circle at 92% 4%,#c4deffc7,#0000 31%),linear-gradient(135deg,#eef6ff 0%,#f7fbff 48%,#eaf4ff 100%);place-items:stretch stretch;width:100%;height:100dvh;min-height:100dvh;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;display:grid;overflow-x:hidden}.auth-v4-shell{background:#f8fcfff5;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,3fr) minmax(600px,2fr);width:100%;height:100dvh;min-height:100dvh;display:grid;overflow:hidden;box-shadow:0 32px 90px #3256852e}.auth-v4-showcase{background:radial-gradient(circle at 79% 11%,#bfdbfead,#0000 30%),linear-gradient(155deg,#fffffff5,#eaf4ffeb);flex-direction:column;min-width:0;min-height:0;padding:clamp(34px,3.3vw,58px) clamp(40px,5.4vw,88px) 24px;display:flex;position:relative;overflow:hidden}.auth-v4-showcase:before{content:"";border:1px solid #3b82f621;border-radius:50%;width:340px;height:340px;position:absolute;top:-195px;right:-55px}.auth-v4-showcase:after{content:"";opacity:.55;background-image:radial-gradient(#7db8fb 2px,#0000 2px);background-size:14px 14px;width:94px;height:54px;position:absolute;top:61px;right:48px}.auth-v4-brand,.auth-v4-mobile-brand{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.auth-v4-brand-mark,.auth-v4-mobile-brand>span{color:#1269e7;background:#ffffffeb;border:1px solid #d7e4f4;border-radius:15px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 25px #2e65ae1f}.auth-v4-brand>span:last-child,.auth-v4-mobile-brand>div{gap:3px;display:grid}.auth-v4-brand strong,.auth-v4-mobile-brand strong{color:#0b1f43;letter-spacing:.025em;font-size:19px}.auth-v4-brand small,.auth-v4-mobile-brand small{color:#607493;font-size:11px}.auth-v4-hero-copy{z-index:2;margin-top:clamp(38px,5.7vh,64px);position:relative}.auth-v4-hero-copy h1{color:#0b1f43;letter-spacing:-.04em;max-width:700px;margin:0;font-size:clamp(34px,3.1vw,52px);line-height:1.14}.auth-v4-hero-copy h1 span{color:#1976ed}.auth-v4-hero-copy p{color:#526987;max-width:650px;margin:18px 0 0;font-size:15px;line-height:1.65}.auth-v4-features{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,27px);margin-top:26px;display:grid;position:relative}.auth-v4-features article{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.auth-v4-features article>span{color:#1673ed;background:#fffffff0;border:1px solid #bfd3ebd1;border-radius:17px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 28px #30609f21}.auth-v4-features strong{color:#13294d;font-size:12px;line-height:1.3;display:grid}.auth-v4-features small{color:inherit;font:inherit}.auth-v4-visual{z-index:1;border-radius:26px 26px 0 0;flex:1;width:min(900px,110%);min-height:0;margin:10px auto 0;position:relative;overflow:hidden}.auth-v4-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#eef6ff 92%);height:19%;position:absolute;inset:auto 0 0}.auth-v4-visual img{object-fit:cover;object-position:center 48%;mix-blend-mode:multiply;width:100%;height:100%;min-height:260px;display:block}.auth-v4-metrics{z-index:3;background:#fffffff0;border:1px solid #ccdcf0eb;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:76px;margin-top:-18px;padding:10px 14px;display:grid;position:relative;box-shadow:0 15px 34px #37629921}.auth-v4-metrics article{justify-content:center;align-items:center;gap:10px;min-width:0;padding:5px 10px;display:flex}.auth-v4-metrics article+article{border-left:1px solid #e2ebf6}.auth-v4-metrics article>span{color:#1473ed;background:#edf5ff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.auth-v4-metrics strong{color:#0e70ec;font-size:18px;line-height:1.2;display:grid}.auth-v4-metrics small{color:#607493;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:500}.auth-v4-access{background:radial-gradient(circle at 85% 4%,#bddbffb8,#0000 33%),linear-gradient(145deg,#f6fbff,#eaf4ff);justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(28px,3vw,48px);display:flex;position:relative}.auth-v4-access:before{content:"";border:1px solid #3b82f61a;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-240px;right:-250px}.auth-v4-mobile-brand{display:none}.auth-v4-card{z-index:2;background:#fffffff7;border:1px solid #becfe58c;border-radius:30px;flex-direction:column;justify-content:center;width:min(570px,100%);min-height:min(820px,100dvh - 74px);padding:clamp(38px,4vw,60px) clamp(30px,3vw,44px) 34px;display:flex;position:relative;box-shadow:0 28px 70px #2f50802b}.auth-v4-card-heading{text-align:center;justify-items:center;display:grid}.auth-v4-card-icon{color:#1474ef;background:#fff;border:1px solid #d7e5f6;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 12px 30px #2f5b9729}.auth-v4-card-heading h2{color:#0b1f43;letter-spacing:-.035em;margin:20px 0 10px;font-size:clamp(28px,2vw,34px);line-height:1.18}.auth-v4-card-heading p{color:#617694;white-space:nowrap;align-items:center;gap:16px;width:100%;margin:0;font-size:14px;display:flex}.auth-v4-card-heading p span{background:#dbe6f2;flex:1;height:1px}.auth-v4-form{gap:18px;margin-top:30px;display:grid}.auth-v4-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-v4-field{color:#7589a5;background:#fff;border:1px solid #b9c9dd;border-radius:12px;align-items:center;gap:13px;height:64px;padding:0 18px;transition:border-color .15s,box-shadow .15s,color .15s;display:flex;box-shadow:0 5px 14px #33527b0f}.auth-v4-field:focus-within{color:#176fdc;border-color:#2a7eed;box-shadow:0 0 0 4px #2779eb1f,0 7px 18px #33527b14}.auth-v4-field input{color:#0f2548;width:100%;min-width:0;height:60px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:16px}.auth-v4-field input::placeholder{color:#90a1b8}.auth-v4-password{padding-right:54px;position:relative}.auth-v4-password button{color:#607796;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:9px;right:7px}.auth-v4-password button:hover{color:#176fdc;background:#edf5ff}.auth-v4-options{color:#425775;justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.auth-v4-options>button{color:#0870ee;cursor:pointer;font:inherit;background:0 0;border:0;padding:6px 0;font-weight:700}.auth-v4-remember{cursor:pointer;align-items:center;gap:9px;display:inline-flex}.auth-v4-remember input{accent-color:#1674ed;width:19px;height:19px;margin:0}.auth-v4-message{color:#be123c;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;margin:-4px 0 0;padding:11px 13px;font-size:12px;line-height:1.45}.auth-v4-submit{color:#fff;cursor:pointer;width:100%;min-height:60px;font:inherit;background:linear-gradient(105deg,#0876f4,#1068df);border:1px solid #116fe8;border-radius:11px;grid-template-columns:24px 1fr 24px;align-items:center;gap:10px;padding:0 21px;font-size:17px;font-weight:800;display:grid;box-shadow:0 14px 30px #146ae140}.auth-v4-submit:hover:not(:disabled){background:linear-gradient(105deg,#086be0,#0759ca);transform:translateY(-1px)}.auth-v4-submit:disabled{cursor:wait;opacity:.72}.auth-v4-divider{color:#71849e;align-items:center;gap:18px;height:58px;font-size:14px;display:flex}.auth-v4-divider:before,.auth-v4-divider:after{content:"";background:#dbe5f0;flex:1;height:1px}.auth-v4-google,.auth-v4-google>div,.auth-v4-google iframe{width:100%!important}.auth-v4-google-unavailable{color:#203959;background:#fff;border:1px solid #b9c9dd;border-radius:11px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:60px;display:flex;box-shadow:0 5px 14px #33527b0d}.auth-v4-google-unavailable>span{color:#1a73e8;place-items:center;font-size:23px;font-weight:900;display:grid}.auth-v4-google-unavailable>div{gap:2px;display:grid}.auth-v4-google-unavailable strong{font-size:15px}.auth-v4-google-unavailable small{color:#71839c;font-size:10px}.auth-v4-security-note{color:#6b7f9a;justify-content:center;align-items:center;gap:9px;margin-top:30px;font-size:13px;display:flex}.auth-v4-security-note svg{color:#1674ed}.auth-v4-footer{color:#6b7f9b;background:#f9fcfff5;border-top:1px solid #d8e6f4;grid-column:1/-1;justify-content:center;align-items:center;gap:clamp(20px,4vw,66px);min-height:54px;padding:10px 28px;font-size:11px;display:flex}.auth-v4-footer nav{justify-content:center;align-items:center;gap:16px;display:flex}.auth-v4-footer button{color:#176edc;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:4px;display:inline-flex}.auth-v4-footer button:hover{text-decoration:underline}.auth-v4-footer i{background:#8aa1bd;border-radius:50%;width:4px;height:4px}@media (width<=1240px){.auth-v4-shell{grid-template-columns:minmax(0,.94fr) minmax(490px,1.06fr)}.auth-v4-showcase{padding-inline:42px}.auth-v4-features{gap:10px}.auth-v4-features article>span{width:52px;height:52px}.auth-v4-metrics article{padding-inline:6px}.auth-v4-metrics article>span{display:none}}@media (width>=901px) and (height<=850px){.auth-v4-showcase{padding-top:28px}.auth-v4-hero-copy{margin-top:25px}.auth-v4-hero-copy h1{font-size:36px}.auth-v4-hero-copy p{margin-top:10px;font-size:13px}.auth-v4-features{margin-top:16px}.auth-v4-visual img{min-height:230px}.auth-v4-card{padding-top:32px;padding-bottom:26px}.auth-v4-card-icon{width:70px;height:70px}.auth-v4-card-heading h2{margin-top:14px;font-size:29px}.auth-v4-form{margin-top:22px}.auth-v4-field{height:56px}.auth-v4-field input{height:52px}.auth-v4-password button{top:5px}.auth-v4-divider{height:46px}.auth-v4-security-note{margin-top:20px}}@media (width>=901px) and (height<=920px){.auth-v4-access{padding:22px clamp(28px,3vw,46px);overflow-y:auto}.auth-v4-card{min-height:min(820px,100dvh - 112px)}.auth-v4-access:before{display:none}}@media (width<=900px){.auth-v4-page{place-items:stretch stretch;padding:0}.auth-v4-shell{height:100dvh;min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex}.auth-v4-showcase{display:none}.auth-v4-access{flex:1;align-items:flex-start;min-height:0;padding:106px 24px 36px}.auth-v4-mobile-brand{display:flex;position:absolute;top:25px;left:28px}.auth-v4-card{width:min(620px,100%);min-height:0}.auth-v4-footer{text-align:center;flex-direction:column;gap:7px;padding-block:14px}}@media (width<=560px){.auth-v4-access{padding:84px 12px 24px}.auth-v4-mobile-brand{gap:9px;top:17px;left:18px}.auth-v4-mobile-brand>span{border-radius:13px;flex-basis:43px;width:43px;height:43px}.auth-v4-mobile-brand strong{font-size:15px}.auth-v4-mobile-brand small{font-size:9px}.auth-v4-card{border-radius:22px;padding:26px 18px 22px}.auth-v4-card-icon{width:66px;height:66px}.auth-v4-card-heading h2{margin-top:15px;font-size:25px}.auth-v4-card-heading p{gap:9px;font-size:12px}.auth-v4-form{gap:14px;margin-top:22px}.auth-v4-field{height:55px;padding-inline:14px}.auth-v4-field input{height:51px;font-size:16px}.auth-v4-password button{top:5px}.auth-v4-options{font-size:12px}.auth-v4-submit,.auth-v4-google-unavailable{min-height:54px}.auth-v4-submit{font-size:15px}.auth-v4-divider{height:48px}.auth-v4-security-note{margin-top:22px;font-size:11px}.auth-v4-footer{padding:12px 10px 16px;font-size:9px}.auth-v4-footer nav{gap:7px}.auth-v4-footer button{gap:3px;padding:2px}.auth-v4-footer svg,.auth-v4-footer i{display:none}}@media (width<=370px){.auth-v4-access{padding-inline:8px}.auth-v4-card{padding-inline:14px}.auth-v4-card-heading h2{font-size:22px}.auth-v4-options{flex-direction:column;align-items:flex-start;gap:4px}.auth-v4-footer nav i,.auth-v4-footer nav button:nth-of-type(2){display:none}}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#0f766e;--primary-strong:#115e59;--indigo:#4f46e5;--amber:#d97706;--rose:#e11d48;--blue:#2563eb;--success:#16a34a;--danger:#dc2626;--bg:#f6f8fb;--surface:#fff;--surface-muted:#f1f5f9;--surface-subtle:#f8fafc;--input-bg:#fff;--table-head:#e8f1f8;--table-row:#fff;--table-row-alt:#f1f5f9;--table-hover:#eef6ff;--border:#e2e8f0;--text:#172033;--text-muted:#667085;--muted:#667085;--chart-grid:#e8edf3;--sidebar-bg:#111827;--sidebar-hover:#1f2937;--sidebar-active:#0f766e;--sidebar-muted:#a8b3c4;--shadow:0 10px 24px #0f172a12;--shadow-sm:0 8px 18px #0f172a0f;--shadow-soft:0 14px 34px #0f172a14;--font-family-sans:"Be Vietnam Pro", "Segoe UI", Arial, sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-page-title:24px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-main:#0f172a;--text-body:#334155;--text-soft:#64748b;--text-faint:#94a3b8}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#2dd4bf;--primary-strong:#14b8a6;--indigo:#818cf8;--amber:#fbbf24;--rose:#fb7185;--blue:#60a5fa;--success:#22c55e;--danger:#f87171;--bg:#0b1120;--surface:#111827;--surface-muted:#1e293b;--surface-subtle:#0f172a;--input-bg:#0f172a;--table-head:#1f2937;--table-row:#111827;--table-row-alt:#162033;--table-hover:#1e293b;--border:#334155;--text:#f8fafc;--text-muted:#cbd5e1;--muted:#cbd5e1;--text-main:#f8fafc;--text-body:#e2e8f0;--text-soft:#cbd5e1;--text-faint:#94a3b8;--chart-grid:#334155;--sidebar-bg:#060b14;--sidebar-hover:#111827;--sidebar-active:#0f766e;--sidebar-muted:#cbd5e1;--shadow:0 12px 28px #00000052;--shadow-sm:0 8px 22px #00000042;--shadow-soft:0 16px 40px #00000057}*{box-sizing:border-box}.document-toolbar-stack{background:var(--surface,#fff);flex-direction:column;display:flex}.document-action-row{overscroll-behavior-inline:contain;border-bottom:1px solid var(--border,#dbe4ee);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:1;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding:9px 18px;display:flex;overflow-x:auto}.document-filter-row{overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;order:2;align-items:center;gap:8px;min-height:64px;padding:10px 12px;display:flex;overflow-x:auto}.document-action-row>*,.document-filter-row>*{flex:none}.document-toolbar-stack .document-filter-row .document-search{flex:0 0 400px;width:400px;min-width:340px;max-width:400px}.document-filter-row .document-filter{border:1px solid var(--border-strong,#b5c7da);background:var(--surface,#fff);width:auto;min-width:160px;min-height:40px;color:var(--text,#16243c);font:inherit;border-radius:8px;flex:160px;padding:0 32px 0 12px}.document-filter-row .document-filter-wide{flex:180px;width:auto;min-width:180px}.document-filter-row .reset-filter-button,.document-toolbar-action{white-space:nowrap;min-height:40px}.document-toolbar-action{padding-inline:12px}.document-action-row .document-design-button{color:#6d28d9;background:#f5f3ff;border:1.5px solid #7c3aed;box-shadow:0 1px 2px #7c3aed1f,inset 0 0 0 1px #ffffffb8}.document-action-row .document-design-button:hover{color:#5b21b6;background:#ede9fe;border-color:#6d28d9;box-shadow:0 4px 12px #7c3aed2e}.document-action-row .document-print-button{color:#0f766e;background:#f0fdfa;border:1.5px solid #0f766e;box-shadow:0 1px 2px #0f766e1f,inset 0 0 0 1px #ffffffb8}.document-action-row .document-print-button:hover{color:#115e59;background:#ccfbf1;border-color:#0d9488;box-shadow:0 4px 12px #0f766e2e}.document-action-row .document-design-button:focus-visible,.document-action-row .document-print-button:focus-visible{outline:0;box-shadow:0 0 0 3px #3b82f633}:root[data-theme=dark] .document-action-row .document-design-button{color:#ddd6fe;background:#5b21b63d;border-color:#a78bfa}:root[data-theme=dark] .document-action-row .document-print-button{color:#99f6e4;background:#0f766e38;border-color:#2dd4bf}.resignation-workspace{gap:0;grid-template-columns:minmax(0,1fr)!important}.resignation-table-wrap{scrollbar-gutter:auto;max-height:calc(100dvh - 292px);overflow:auto}.resignation-panel .resignation-table-wrap{scrollbar-gutter:auto}.resignation-table{table-layout:fixed;min-width:1370px}.resignation-table th{text-align:center;vertical-align:middle}.resignation-table td{vertical-align:middle;min-height:58px;padding-block:9px}.resignation-table th:first-child,.resignation-table td:first-child{width:135px}.resignation-table th:nth-child(2),.resignation-table td:nth-child(2){width:175px}.resignation-table th:nth-child(3),.resignation-table td:nth-child(3){width:150px}.resignation-table th:nth-child(4),.resignation-table td:nth-child(4){width:185px}.resignation-table th:nth-child(5),.resignation-table td:nth-child(5),.resignation-table th:nth-child(6),.resignation-table td:nth-child(6){width:125px}.resignation-table th:nth-child(7),.resignation-table td:nth-child(7){width:245px}.resignation-table th:nth-child(8),.resignation-table td:nth-child(8),.resignation-table th:nth-child(9),.resignation-table td:nth-child(9){width:125px}.resignation-table th:nth-child(10),.resignation-table td:nth-child(10){width:92px}.resignation-settlement{text-align:right;font-variant-numeric:tabular-nums}.resignation-form-dialog{width:min(760px,100vw - 32px)}.resignation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;padding:20px;display:grid}.resignation-form-grid label{color:var(--text-muted,#64748b);gap:7px;font-size:13px;font-weight:650;display:grid}.resignation-form-grid input,.resignation-form-grid select,.resignation-form-grid textarea{border:1px solid var(--border-strong,#b5c7da);background:var(--surface,#fff);width:100%;min-height:42px;color:var(--text,#16243c);font:inherit;border-radius:8px;padding:9px 11px}.resignation-form-grid textarea{resize:vertical;min-height:100px}.resignation-form-span-2{grid-column:1/-1}@media (width<=767px){.document-action-row{justify-content:flex-start;min-height:56px;padding-inline:10px}.document-filter-row{padding-inline:10px}.document-toolbar-stack .document-filter-row .document-search{flex-basis:260px;width:260px;min-width:260px;max-width:260px}.resignation-table-wrap{max-height:none}.resignation-form-grid{grid-template-columns:1fr;padding:16px}.resignation-form-span-2{grid-column:auto}}.advance-debt-employee-button{color:#075985;cursor:pointer;width:100%;min-width:0;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:3px 4px;font-weight:700;line-height:1.35;overflow:hidden}.advance-debt-employee-button:hover{background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary);text-underline-offset:3px;text-decoration:underline}.advance-debt-employee-button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 70%, white);outline-offset:1px}.advance-debt-clickable-row{cursor:pointer;transition:background-color .16s,box-shadow .16s}.advance-debt-clickable-row:hover>td{background:color-mix(in srgb, var(--primary) 10%, var(--surface))!important}.advance-debt-clickable-row:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 72%, white);outline-offset:-2px}.advance-debt-clickable-row:focus-visible>td{background:color-mix(in srgb, var(--primary) 12%, var(--surface))!important}.advance-debt-clickable-row td:first-child{color:color-mix(in srgb, var(--text) 78%, var(--primary) 22%)}.advance-dialog.debt-history-dialog{border-color:color-mix(in srgb, var(--border) 68%, var(--primary) 32%);background:var(--surface);border-radius:14px;width:min(1120px,100vw - 32px);max-height:calc(100vh - 36px);box-shadow:0 28px 80px #0f172a4d}.debt-history-header{background:linear-gradient(110deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface));justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:16px 22px;display:flex}.debt-history-heading{align-items:center;gap:14px;min-width:0;display:flex}.debt-history-heading-icon{border:1px solid color-mix(in srgb, var(--primary) 32%, var(--border));background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:48px;height:48px;color:var(--primary);border-radius:13px;flex:0 0 48px;justify-content:center;align-items:center;display:inline-flex}.debt-history-eyebrow{color:var(--primary);letter-spacing:.08em;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.debt-history-header h3{color:var(--text);margin:0;font-size:22px;line-height:1.25}.debt-history-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:600}.debt-history-body{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;padding:18px 22px;display:grid;overflow:hidden}.debt-history-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.debt-history-summary article{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, var(--primary) 6%);border-radius:11px;align-items:center;gap:11px;min-width:0;min-height:76px;padding:12px 14px;display:flex}.debt-history-summary article.balance{border-color:color-mix(in srgb, #dc2626 30%, var(--border));background:color-mix(in srgb, var(--surface) 94%, #ef4444 6%)}.debt-history-summary-icon{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.debt-history-summary-icon.expense{color:#dc2626;background:#fee2e2}.debt-history-summary-icon.receipt{color:#047857;background:#dcfce7}.debt-history-summary-icon.balance{color:#be123c;background:#ffe4e6}.debt-history-summary-icon.count{color:#1d4ed8;background:#dbeafe}.debt-history-summary article div{gap:3px;min-width:0;display:grid}.debt-history-summary small{color:var(--text-muted);font-size:12px;font-weight:650}.debt-history-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.2;overflow:hidden}.debt-history-summary article.balance strong{color:#dc2626}.debt-history-table-wrap{border:1px solid var(--border);border-radius:10px;min-height:190px;max-height:52vh;overflow:auto}.debt-history-table{table-layout:fixed;width:100%;min-width:900px}.debt-history-table thead th{z-index:2;white-space:nowrap;height:44px;position:sticky;top:0}.debt-history-table th,.debt-history-table td{border-right:1px solid var(--border);vertical-align:middle;padding:10px 11px}.debt-history-table th:last-child,.debt-history-table td:last-child{border-right:0}.debt-history-table th:first-child{width:110px}.debt-history-table th:nth-child(2){width:150px}.debt-history-table th:nth-child(3){width:120px}.debt-history-table th:nth-child(4){width:135px}.debt-history-table th:nth-child(5){width:150px}.debt-history-table td:nth-child(4){text-align:right;white-space:nowrap}.debt-history-footer{background:color-mix(in srgb, var(--surface) 94%, var(--primary) 6%);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:12px 22px;display:flex}.debt-history-footer>span{color:var(--text-muted);font-size:12px;font-weight:600}.debt-history-footer .primary-button{min-width:92px;min-height:38px}:root[data-theme=dark] .advance-debt-employee-button{color:#7dd3fc}:root[data-theme=dark] .debt-history-summary-icon.expense{color:#fda4af;background:#4c1d24}:root[data-theme=dark] .debt-history-summary-icon.receipt{color:#86efac;background:#123c2b}:root[data-theme=dark] .debt-history-summary-icon.balance{color:#fda4af;background:#4c1d2f}:root[data-theme=dark] .debt-history-summary-icon.count{color:#93c5fd;background:#172f55}:root[data-theme=dark] .debt-history-summary article.balance strong{color:#fda4af}@media (width<=820px){.advance-history-backdrop{padding:8px}.advance-dialog.debt-history-dialog{border-radius:11px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.debt-history-header{min-height:82px;padding:12px 14px}.debt-history-heading{gap:10px}.debt-history-heading-icon{flex-basis:42px;width:42px;height:42px}.debt-history-header h3{font-size:18px}.debt-history-header p{font-size:12px}.debt-history-body{gap:12px;padding:12px}.debt-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.debt-history-summary article{min-height:68px;padding:9px}.debt-history-summary strong{font-size:15px}.debt-history-table-wrap{max-height:none}.debt-history-footer{min-height:58px;padding:9px 12px}.debt-history-footer>span{display:none}.debt-history-footer .primary-button{width:100%}}.route-loader{min-height:42vh;color:var(--muted-text);place-content:center;justify-items:center;gap:12px;font-size:13px;font-weight:600;display:grid}.route-loader span{border:3px solid color-mix(in srgb, var(--primary) 18%, transparent);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite route-loader-spin}@keyframes route-loader-spin{to{transform:rotate(360deg)}}.template-toolbar-select{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;padding:0 10px;font-weight:600}.template-toolbar-select.wide{width:156px}.template-toolbar-select.compact{width:86px}.template-color-button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.template-color-button:hover{background:#0f766e14;border-color:#0f766e47}.template-color-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.payroll-page{gap:16px;display:grid}.payroll-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.payroll-kpi-card{border:1px solid var(--border);background:var(--surface);min-height:98px;box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.payroll-kpi-card strong{font-size:22px;line-height:1.1;display:block}.payroll-kpi-card p{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:700}.payroll-message{color:var(--primary);background:#0f766e14;border:1px solid #0f766e3d;border-radius:8px;padding:12px 14px;font-weight:600}.payroll-panel{overflow:hidden}.payroll-filter-bar{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,1.4fr) minmax(180px,.7fr) minmax(160px,.55fr) auto;align-items:center;gap:10px;padding:14px 18px;display:grid}.payroll-filter-bar .search-box{margin:0}.payroll-filter-bar input,.payroll-filter-bar select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:600}.payroll-table-wrap{min-height:360px;max-height:calc(100vh - 390px);overflow:auto}.payroll-table{min-width:1280px}.payroll-table thead th{z-index:2;background:var(--surface-muted);position:sticky;top:0}.payroll-table td,.payroll-table th{white-space:nowrap}.advance-page{gap:14px}.advance-heading h2 span{color:var(--text-muted);font-style:italic;font-weight:500}.advance-top-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,.75fr);gap:14px;display:grid}.advance-stat-card,.advance-action-card,.advance-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.advance-stat-card{text-align:center;align-content:center;gap:4px;min-height:86px;padding:16px 18px;display:grid}.advance-stat-card span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.advance-stat-card strong{color:var(--text);font-size:24px;line-height:1.08}.advance-stat-card small{color:var(--text-muted);font-weight:700}.advance-stat-card.success strong{color:#047857}.advance-stat-card.danger{background:snow;border-color:#dc262633}.advance-stat-card.danger strong{color:#dc2626}.advance-action-card{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr 1fr;gap:10px;display:grid}.advance-action-button{color:#fff;cursor:pointer;min-height:86px;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.advance-action-button.settle{background:#10b981}.advance-action-button.create{background:#1d4ed8}.advance-page .advance-action-card{gap:10px}.advance-page .advance-action-button{text-align:center;letter-spacing:0;border-radius:10px;gap:11px;min-height:78px;padding:12px 14px;font-size:14px;font-weight:700;line-height:18px;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 12px 22px #0f172a1f}.advance-page .advance-action-button svg{flex:0 0 24px;width:24px;height:24px}.advance-page .advance-action-text{gap:1px;min-width:74px;line-height:18px;display:grid}.advance-page .advance-action-text span{white-space:nowrap;display:block}.advance-page .advance-action-button.settle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#05966947}.advance-page .advance-action-button.create{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed84d}.advance-page .advance-action-button:hover{filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 16px 26px #0f172a29}.advance-page .advance-action-button:active{transform:translateY(0);box-shadow:0 9px 18px #0f172a1f}.advance-dashboard-grid{grid-template-columns:minmax(260px,.85fr) minmax(360px,1.25fr) minmax(320px,.95fr);grid-template-areas:"dept month debt""journal journal debt";align-items:stretch;gap:14px;display:grid}.advance-dashboard-grid>.advance-card:first-child{grid-area:dept}.advance-dashboard-grid>.advance-card:nth-child(2){grid-area:month}.advance-debt-card{grid-area:debt}.advance-journal-card{grid-area:journal}.advance-card{min-width:0;overflow:hidden}.advance-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:16px 18px;display:flex}.advance-card-header h3{color:var(--text);margin:0;font-size:17px}.advance-card-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.advance-card-header select,.advance-select{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:400}.advance-chart{height:214px;padding:10px 14px 8px}.advance-chart-legend{flex-wrap:wrap;gap:8px 12px;padding:0 18px 16px;display:flex}.advance-chart-legend span{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.advance-chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.advance-search{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:flex}.advance-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-weight:600}.advance-debt-card>.advance-search{margin:12px 18px 14px}.advance-debt-list{max-height:430px;overflow:auto}.advance-debt-table,.advance-journal-table{min-width:100%}.advance-debt-table th{color:#fff;background:#0f6fc6}.advance-debt-table td:last-child{color:#dc2626;text-align:right;font-weight:600}.advance-journal-card{flex-direction:column;min-height:440px;display:flex}.advance-journal-header{align-items:flex-start}.advance-journal-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.advance-journal-tools .advance-search{width:min(260px,100%)}.bordered-action{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.bordered-action.primary{color:#1d4ed8;background:#eff6ff;border-color:#2563eb61}.bordered-action.success{color:#047857;background:#f0fdf4;border-color:#0478575c}.bordered-action.danger{color:#dc2626;background:#fff1f2;border-color:#dc262652}.visually-hidden-input{clip:rect(0 0 0 0);white-space:nowrap;opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.advance-table-wrap{flex:1;min-height:0;overflow:auto}.advance-journal-table th{color:#fff;background:#1976d2}.advance-journal-table td,.advance-journal-table th,.advance-debt-table td,.advance-debt-table th{border-right:1px solid var(--border)}.advance-journal-table td:last-child,.advance-journal-table th:last-child,.advance-debt-table td:last-child,.advance-debt-table th:last-child{border-right:0}.advance-type-pill{border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.advance-type-pill.receipt{color:#047857;background:#dcfce7}.advance-type-pill.expense{color:#dc2626;background:#fee2e2}.advance-money-positive{color:#047857;font-weight:600}.advance-money-negative{color:#dc2626;font-weight:600}.advance-pagination{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.advance-pagination>div{gap:8px;display:flex}.empty-state-cell{color:var(--text-muted);text-align:center;font-weight:600;padding:28px 12px!important}.transport-page{gap:16px;display:grid}.transport-heading{align-items:flex-start}.transport-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.transport-kpi-card,.transport-metric-card{border:1px solid var(--border);background:var(--surface);min-height:104px;box-shadow:var(--shadow-sm);border-radius:8px;padding:18px;position:relative;overflow:hidden}.transport-kpi-card{color:#fff}.transport-kpi-card span,.transport-metric-card span{background:#ffffff2e;border-radius:8px;justify-content:center;align-items:center;min-width:34px;min-height:34px;font-weight:600;display:inline-flex}.transport-kpi-card p,.transport-metric-card p{color:inherit;text-transform:uppercase;margin:10px 0 6px;font-size:13px;font-weight:600}.transport-kpi-card strong,.transport-metric-card strong{font-size:24px;line-height:1.15;display:block}.transport-kpi-card.blue,.transport-metric-card.blue{background:linear-gradient(135deg,#0284c7,#2563eb);border-left:4px solid #2563eb}.transport-kpi-card.amber{background:linear-gradient(135deg,#f59e0b,#ea580c);border-left:4px solid #d97706}.transport-kpi-card.green{background:linear-gradient(135deg,#0f766e,#059669);border-left:4px solid #059669}.transport-metric-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.transport-metric-card p{color:var(--text-muted);margin:0}.transport-metric-card strong{color:var(--text)}.transport-metric-card.blue{background:linear-gradient(90deg, #2563eb14, var(--surface))}.transport-metric-card.amber{background:linear-gradient(90deg, #d977061a, var(--surface));border-left-color:#d97706}.transport-metric-card.green{background:linear-gradient(90deg, #0596691a, var(--surface));border-left-color:#059669}.transport-grid{align-items:start;gap:18px;display:grid}.transport-grid.two-columns{grid-template-columns:minmax(0,1.35fr) minmax(420px,.85fr)}.transport-panel{overflow:hidden}.transport-panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:14px 16px;display:flex}.transport-panel-heading h3{margin:0;font-size:18px}.transport-panel-heading p{color:var(--text-muted);margin:4px 0 0}.transport-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.transport-filter-bar{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,.4fr) minmax(150px,.4fr) minmax(240px,1fr);gap:8px;padding:12px 16px;display:grid}.transport-filter-bar .search-box{width:100%;min-width:0}.transport-filter-bar select{min-width:0}.transport-table-wrap{min-height:390px;max-height:calc(100vh - 430px);padding:0;overflow:auto}.transport-table-wrap.compact{min-height:390px}.transport-table{min-width:1040px}.transport-table.container-table{min-width:980px}.transport-total-row{color:#1e3a8a;text-transform:uppercase;background:#2563eb14;font-weight:600}.transport-total-row.amber{color:#92400e;background:#d9770629}.transport-total-row.green{color:#047857;background:#05966924}.transport-band td{color:#fff;text-align:center;text-transform:uppercase;font-weight:600}.transport-band.danger td{background:#dc2626}.transport-band.success td{background:#16a34a}.transport-dialog{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,100vw - 32px);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.transport-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px;display:grid;overflow-y:auto}.transport-form-grid label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:600;display:grid}.transport-form-grid input,.transport-form-grid select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:600}.danger-action{color:#b91c1c;background:#dc262614;border-color:#dc26263d}.warning-action{color:#b45309;background:#d977061f;border-color:#d977063d}.danger-text{color:#dc2626}.warning-text{color:#b45309}.advance-dialog{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;width:min(900px,100vw - 32px);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.advance-voucher-form{background:linear-gradient(180deg, #f1f5f994, #fff0) 0 0 / 100% 120px no-repeat, var(--surface);gap:14px;padding:16px 20px 18px;display:grid;overflow-y:auto}.advance-form-section{background:#fff;border:1px solid #d6e2ef;border-radius:10px;min-width:0;padding:16px 16px 14px}.advance-form-section legend{color:var(--primary);text-transform:uppercase;letter-spacing:.02em;padding:0 8px;font-size:12px;font-weight:700}.advance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px;display:grid;overflow-y:auto}.advance-form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;overflow:visible}.advance-form-grid label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:600;display:grid}.advance-form-grid input,.advance-form-grid select,.advance-form-grid textarea{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:600}.advance-form-grid textarea{resize:vertical;min-height:86px;padding:10px 12px;line-height:1.45}.advance-form-grid input[readonly]{color:#334155;background:#f3f7fb}.advance-form-grid .span-3{grid-column:1/-1}@media (width<=1180px){.payroll-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-filter-bar{grid-template-columns:1fr 1fr}.advance-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advance-dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"dept month""debt debt""journal journal"}.transport-grid.two-columns,.transport-kpi-grid,.transport-kpi-grid.three{grid-template-columns:1fr}.transport-panel-heading{flex-direction:column;align-items:flex-start}.advance-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.payroll-kpi-grid,.payroll-filter-bar,.advance-top-grid,.advance-form-grid,.transport-filter-bar,.transport-form-grid{grid-template-columns:1fr}.advance-dashboard-grid{grid-template-columns:1fr;grid-template-areas:"dept""month""debt""journal"}.advance-dialog{width:min(620px,100vw - 20px)}.advance-voucher-form{padding:14px}.advance-form-grid.compact,.advance-action-card{grid-template-columns:1fr}.advance-card-header,.advance-journal-header,.advance-pagination{flex-direction:column;align-items:stretch}.advance-journal-tools,.advance-pagination>div{justify-content:flex-start}.template-toolbar-select.wide,.template-toolbar-select.compact{width:100%}}body{background:var(--bg);color:var(--text);font-family:var(--font-family-sans);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);color:#e5edf7;flex-direction:column;flex:0 0 270px;width:270px;height:100vh;transition:width .18s,flex-basis .18s;display:flex;position:sticky;top:0}.sidebar-collapsed{flex-basis:76px;width:76px}.sidebar-brand{border-bottom:1px solid #94a3b824;align-items:center;gap:12px;min-height:78px;padding:18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#0f766e,#4f46e5);border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.brand-copy strong,.brand-copy span{display:block}.brand-copy strong{letter-spacing:0;font-size:18px}.brand-copy span{color:var(--sidebar-muted);margin-top:2px;font-size:12px}.sidebar-nav{scrollbar-color:#94a3b88c #0f172a47;scrollbar-width:thin;flex:1;min-height:0;padding:14px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-track{background:#0f172a47}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1b8}.sidebar-link{color:#c8d2e2;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;margin-bottom:4px;padding:10px 12px;font-weight:600;text-decoration:none;display:grid;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.active{color:#fff;background:#0f766e24}.sidebar-link.active:before{content:"";background:var(--sidebar-active);border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;left:6px}.sidebar-nav-item{display:grid}.sidebar-subnav{border-left:1px solid #94a3b82e;gap:3px;margin:-1px 0 8px 34px;padding-left:10px;display:grid}.sidebar-sublink{color:#a8b3c4;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.sidebar-sublink svg{opacity:.78;flex:0 0 14px}.sidebar-sublink:hover,.sidebar-sublink.active{color:#fff;background:#ffffff0f}.sidebar-chevron{transition:transform .16s}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-link-icon{justify-content:center;align-items:center;display:inline-flex}.sidebar-link-label{min-width:0;line-height:1.25}.sidebar-chevron{color:currentColor;opacity:.6}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px;display:flex}.sidebar-collapsed .sidebar-link.active:before{left:5px}.sidebar-footer{background:var(--sidebar-bg);z-index:5;border-top:1px solid #94a3b824;flex:none;padding:12px 14px;position:sticky;bottom:0}.sidebar-collapse-button{color:#c8d2e2;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 8px;display:inline-flex}.sidebar-collapse-button:hover{background:var(--sidebar-hover)}.sidebar-collapsed .sidebar-collapse-button{justify-content:center}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:14px 30px;display:flex}:root[data-theme=dark] .topbar{background:#111827eb}.topbar-title{align-items:center;gap:14px;min-width:220px;display:flex}.eyebrow{color:var(--primary);text-transform:uppercase;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.topbar h1{margin:0;font-size:22px;line-height:1.2}.topbar p{color:var(--text-muted);margin:5px 0 0;font-size:13px}.topbar-actions,.workspace-actions,.toolbar{align-items:center;gap:10px;min-width:0;display:flex}.topbar-actions.compact{flex:none}.command-search{border:1px solid var(--border);background:var(--surface-muted);width:min(360px,28vw);height:40px;color:var(--text-muted);border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.command-search input,.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.context-button,.icon-button,.primary-button,.secondary-button,.ghost-button,.account-button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex}.context-button{color:var(--text-muted)}.icon-button{width:40px;padding:0}.primary-button{border-color:var(--primary);background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-strong)}.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.context-button:hover{background:var(--surface-muted)}.file-button{cursor:pointer}.file-button input{display:none}.ghost-button{background:0 0;border-color:#0000}.account-button{justify-content:flex-start;min-width:172px}.account-button>span{color:#fff;background:linear-gradient(145deg,#0f766e,#4f46e5);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:inline-flex}.account-button div{justify-items:start;min-width:0;display:grid}.account-button strong,.account-button small{text-overflow:ellipsis;white-space:nowrap;max-width:94px;overflow:hidden}.account-button small{color:var(--primary);font-size:11px;font-weight:600}.page-content{padding:14px 30px 32px}.dashboard-page,.page-stack{gap:18px;display:grid}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.workspace-heading h2{letter-spacing:0;order:1;margin:0;font-size:30px}.workspace-heading p{max-width:760px;color:var(--text-muted);flex-basis:100%;order:3;margin:0}.executive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.executive-card,.panel,.module-tile,.empty-state{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.business-table{border-collapse:separate;border-spacing:0;width:100%}.business-table th,.business-table td{border-right:1px solid #94a3b838}.business-table th:last-child,.business-table td:last-child{border-right:0}.executive-card{align-content:space-between;min-height:172px;padding:18px;display:grid}.executive-card-top{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.executive-icon,.panel-icon,.operation-icon{border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.executive-card strong{font-size:34px;line-height:1}.executive-card h3{margin:2px 0 0;font-size:15px}.executive-card p{color:var(--text-muted);margin:8px 0 0;font-size:13px;font-weight:600}.tone-teal .executive-icon,.operation-icon.tone-teal{color:#0f766e;background:#ccfbf1}.tone-indigo .executive-icon,.operation-icon.tone-indigo{color:#4f46e5;background:#e0e7ff}.tone-amber .executive-icon,.operation-icon.tone-amber{color:#b45309;background:#fef3c7}.tone-rose .executive-icon,.operation-icon.tone-rose{color:#be123c;background:#ffe4e6}.tone-teal .executive-card-top span:last-child,.queue-item.tone-teal strong{color:#0f766e}.tone-indigo .executive-card-top span:last-child,.queue-item.tone-indigo strong{color:#4f46e5}.tone-amber .executive-card-top span:last-child,.queue-item.tone-amber strong{color:#b45309}.tone-rose .executive-card-top span:last-child,.queue-item.tone-rose strong{color:#be123c}.dashboard-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:18px;display:grid}.insight-grid{grid-template-columns:minmax(360px,1.2fr) minmax(320px,.9fr) minmax(320px,.8fr);gap:18px;display:grid}.panel{overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:16px 18px;display:flex}.panel-title{align-items:center;gap:10px;min-width:0;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.teal-soft{color:#0f766e;background:#ccfbf1}.indigo-soft{color:#4f46e5;background:#e0e7ff}.amber-soft{color:#b45309;background:#fef3c7}.rose-soft{color:#be123c;background:#ffe4e6}.chart-box{width:100%;height:280px;padding:12px 16px 8px}.compact-chart{height:250px}.work-queue{gap:10px;padding:16px;display:grid}.queue-item{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:12px;display:flex}.queue-item:hover{background:var(--surface-muted)}.queue-item span{gap:3px;font-weight:600;display:grid}.queue-item strong{font-size:26px;line-height:1}.queue-item small{color:var(--text-muted);font-weight:600}.operation-list{gap:0;display:grid}.operation-row{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;gap:12px;padding:16px 18px;display:grid}.operation-row:last-child{border-bottom:0}.operation-content>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.operation-content strong{font-size:14px}.operation-content span,.operation-content small{color:var(--text-muted);font-size:12px;font-weight:600}.operation-content p{margin:8px 0 3px;font-size:13px}.progress-track{background:var(--surface-muted);border-radius:999px;height:7px;margin-top:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#4f46e5);height:100%;display:block}.timeline-list{padding:8px 18px 18px;display:grid}.timeline-item{border-bottom:1px solid var(--border);grid-template-columns:58px 1fr;gap:12px;padding:14px 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-item time{color:var(--primary);font-weight:600}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:600}.module-summary-grid.refined{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-tile{grid-template-columns:38px 1fr auto;align-items:start;gap:12px;min-height:132px;padding:16px;display:grid}.module-tile h3{margin:0;font-size:15px}.module-tile p{color:var(--text-muted);margin:7px 0 0;font-size:13px;line-height:1.45}.hr-page{gap:18px;display:grid}.hr-page-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.hr-page-heading h2{order:1;margin:0;font-size:28px}.hr-page-heading p{color:var(--text-muted);flex-basis:100%;order:3;max-width:none;margin:0}.workspace-heading>div:first-child,.hr-page-heading>div:first-child{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.workspace-heading .eyebrow,.hr-page-heading .eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:none;order:2;font-style:italic;font-weight:400}.workspace-heading .eyebrow{font-size:30px}.hr-page-heading .eyebrow{font-size:28px}.workspace-heading .eyebrow:before,.hr-page-heading .eyebrow:before{content:"("}.workspace-heading .eyebrow:after,.hr-page-heading .eyebrow:after{content:")"}.workspace-heading h2:before,.hr-page-heading h2:before,.workspace-heading p:before,.hr-page-heading p:before,.workspace-heading p:after,.hr-page-heading p:after{content:none}.employee-page-heading>div:first-child{display:flex}.employee-page-heading p{max-width:none}.employee-page-heading p:before,.employee-page-heading p:after{content:none}.hr-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hr-stat-card{border:1px solid var(--border);background:var(--surface);min-height:104px;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.hr-stat-card>span{border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hr-stat-card>span.teal{color:var(--primary);background:#0f766e1f}.hr-stat-card>span.blue{color:#2563eb;background:#2563eb1f}.hr-stat-card>span.amber{color:#b45309;background:#d9770624}.hr-stat-card>span.rose{color:#be123c;background:#e11d481f}.hr-stat-card strong{font-size:28px;line-height:1}.hr-stat-card p{color:var(--text-muted);margin:6px 0 0;font-size:13px;font-weight:600}.hr-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.hr-workspace.full-width{grid-template-columns:1fr}.hr-main-panel,.hr-side-panel{min-width:0}.hr-filter-bar{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:70px;padding:14px 18px;display:flex}.hr-filter-bar .search-box{flex:1;min-width:240px}select,textarea,.side-form input,.side-form select,.side-form textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:0}select{min-height:40px;padding:0 12px;font-weight:700}textarea{resize:vertical;min-height:88px;padding:10px 12px}.business-table td{vertical-align:middle}.business-table thead th{z-index:4;color:#334155;letter-spacing:0;text-transform:none;background:#eaf2f8;border-bottom:1px solid #cbd5e1;font-size:12.5px;font-weight:600;position:sticky;top:0;box-shadow:inset 0 -1px #cbd5e1}:root[data-theme=dark] .business-table thead th{color:#dbeafe;background:#1f2937;border-bottom-color:#334155;box-shadow:inset 0 -1px #334155}.business-table td strong,.business-table td small{display:block}.business-table td small{color:var(--text-muted);margin-top:4px;font-size:12px}.business-table tbody tr{cursor:pointer}.business-table tbody tr:hover,.business-table tbody tr.selected-row{background:var(--surface-muted)}.employee-cell{align-items:center;gap:10px;display:flex}.employee-cell>span{color:#fff;background:linear-gradient(145deg,#0f766e,#4f46e5);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:inline-flex}.row-actions{align-items:center;gap:6px;display:flex}.empty-table{color:var(--text-muted);text-align:center;padding:24px;font-weight:700}.side-form{gap:12px;padding:18px;display:grid}.side-form label{color:var(--text-muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:600;display:grid}.side-form input,.side-form select{text-transform:none;min-height:40px;padding:0 12px;font-size:14px;font-weight:600}.side-form textarea{text-transform:none;font-size:14px;font-weight:600}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.profile-summary{text-align:center;justify-items:center;padding:22px 18px;display:grid}.profile-avatar{color:#fff;background:linear-gradient(145deg,#0f766e,#4f46e5);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;font-size:22px;font-weight:600;display:inline-flex}.document-avatar{background:linear-gradient(145deg,#4f46e5,#0f766e)}.resignation-avatar{background:linear-gradient(145deg,#e11d48,#d97706)}.profile-summary h3{margin:14px 0 4px;font-size:20px}.profile-summary p{color:var(--text-muted);margin:0 0 16px}.profile-summary dl{text-align:left;gap:0;width:100%;margin:0 0 18px;display:grid}.profile-summary dl div{border-bottom:1px solid var(--border);grid-template-columns:112px 1fr;gap:10px;padding:10px 0;display:grid}.profile-summary dt{color:var(--text-muted);font-size:12px;font-weight:600}.profile-summary dd{margin:0;font-weight:600}.modal-backdrop{z-index:80;background:#0f172a8a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.employee-dialog{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-rows:auto 1fr;width:min(1240px,100%);max-height:calc(100vh - 28px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.employee-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:14px 20px;display:flex}.employee-dialog-header h3{margin:2px 0 0;font-size:24px}.employee-dialog-header h3 span{color:var(--text-muted);font-style:italic;font-weight:400}.employee-dialog-header p{color:var(--text-muted);max-width:720px;margin:4px 0 0;font-size:13px}.employee-dialog-body{min-height:0;padding:12px 18px 0;overflow-y:auto}.form-error{color:#be123c;background:#e11d4814;border:1px solid #e11d483d;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-weight:600}.form-section{border:1px solid var(--border);border-radius:8px;margin:0 0 10px;padding:10px 14px}.form-section legend{color:var(--primary);text-transform:uppercase;padding:0 8px;font-size:12px;font-weight:600}.form-grid{gap:8px 12px;display:grid}.form-grid label{color:var(--text-muted);gap:4px;font-size:11.5px;font-weight:600;display:grid}.form-grid .field-label{white-space:nowrap;align-items:center;gap:3px;min-width:0;display:inline-flex}.form-grid label strong{color:#be123c}.form-grid input,.form-grid select{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);border-radius:8px;outline:0;padding:0 10px;font-size:13px;font-weight:600}.form-grid input[readonly]{background:var(--surface-muted);color:var(--primary)}.form-grid input:focus,.form-grid select:focus{border-color:#0f766e80;box-shadow:0 0 0 3px #0f766e1f}.form-grid input.field-invalid{background:#e11d480a;border-color:#e11d48a6}.field-error{color:#be123c;font-size:11.5px;font-weight:600;line-height:1.3}.employee-dialog-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:10px;margin:0 -22px;padding:10px 20px;display:flex;position:sticky;bottom:0}.search-box{border:1px solid var(--border);background:var(--surface);min-width:280px;height:40px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.toolbar{margin-bottom:4px}.table-wrap{scrollbar-color:#64748b8c #e2e8f0e6;scrollbar-width:thin;padding:0 18px 18px;overflow-x:auto}.table-wrap::-webkit-scrollbar{width:9px;height:9px}.payroll-table-wrap::-webkit-scrollbar{width:9px;height:9px}.transport-table-wrap::-webkit-scrollbar{width:9px;height:9px}.attendance-table-wrap::-webkit-scrollbar{width:9px;height:9px}.settings-table-wrap::-webkit-scrollbar{width:9px;height:9px}.location-table-wrap::-webkit-scrollbar{width:9px;height:9px}.table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.payroll-table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.transport-table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.attendance-table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.settings-table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.location-table-wrap::-webkit-scrollbar-track{background:#e2e8f0e6}.table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.payroll-table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.transport-table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.attendance-table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.settings-table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.location-table-wrap::-webkit-scrollbar-thumb{background:#64748b8c;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}.payroll-table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}.transport-table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}.attendance-table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}.settings-table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}.location-table-wrap::-webkit-scrollbar-thumb:hover{background:#475569b8}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:12px}th{color:var(--text-muted);font-size:13px}.status{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.status.success{color:var(--success);background:#16a34a1f}.status.warning{color:#b45309;background:#d9770624}.status.danger{color:#be123c;background:#e11d481f}.status.neutral{background:var(--surface-muted);color:var(--text-muted)}.empty-state{text-align:center;padding:44px}.empty-state h2{margin-top:0}.empty-state p{color:var(--text-muted)}.settings-page{gap:18px;display:grid}.settings-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-nav{gap:6px;padding:10px;display:grid;position:sticky;top:102px}.settings-nav-link{min-height:76px;color:var(--text);border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.settings-nav-link:hover,.settings-nav-link.active{background:var(--surface-muted)}.settings-nav-link.active{box-shadow:inset 3px 0 0 var(--primary)}.settings-nav-icon{background:var(--surface-muted);width:34px;height:34px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.settings-nav-link.active .settings-nav-icon{background:#0f766e1f}.settings-nav-copy{gap:4px;min-width:0;display:grid}.settings-nav-link strong{font-size:14px}.settings-nav-link small{color:var(--text-muted);font-size:12px;line-height:1.35}.settings-content,.settings-panel{min-width:0}.settings-form-body{gap:18px;padding:18px;display:grid}.company-logo-uploader{cursor:pointer;background:#0f766e0d;border:1px dashed #0f766e61;border-radius:8px;grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.company-logo-uploader input{display:none}.company-logo-uploader strong,.company-logo-uploader small{display:block}.company-logo-uploader small{color:var(--text-muted);margin-top:4px}.company-logo-preview{background:var(--surface);width:100px;height:70px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;padding:4px;display:inline-flex;overflow:hidden}.company-logo-preview img{object-fit:contain;width:100%;height:100%}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-form-grid label,.settings-inline-form label{color:var(--text-muted);gap:7px;font-size:12px;font-weight:600;display:grid}.settings-form-grid input,.settings-inline-form input,.settings-inline-form select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;outline:0;padding:0 12px;font-size:14px;font-weight:600}.settings-form-grid input:focus,.settings-inline-form input:focus,.settings-inline-form select:focus{border-color:#0f766e80;box-shadow:0 0 0 3px #0f766e1f}.span-2{grid-column:span 2}.save-state{width:fit-content;color:var(--success);background:#16a34a1f;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-weight:600;display:inline-flex}.settings-inline-form{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,.8fr) auto;gap:10px;padding:16px 18px;display:grid}.settings-table-wrap{padding-top:16px}.settings-table td:first-child{align-items:center;gap:10px;display:flex}.mini-avatar{color:#fff;background:linear-gradient(145deg,#0f766e,#4f46e5);border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:inline-flex}.compact-button{min-height:34px;padding:0 10px;font-size:13px}.settings-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.role-list{gap:10px;padding:16px 18px;display:grid}.role-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.role-card p{color:var(--text-muted);margin:5px 0 0;font-size:13px;line-height:1.4}.role-card span{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:600}.permission-grid{padding:6px 18px 18px;display:grid}.permission-row{border-bottom:1px solid var(--border);grid-template-columns:150px 1fr;gap:16px;padding:14px 0;display:grid}.permission-row:last-child{border-bottom:0}.permission-row>div{flex-wrap:wrap;gap:8px;display:flex}.permission-check{border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.permission-check input{accent-color:var(--primary)}.master-data-layout{grid-template-columns:310px minmax(0,1fr);min-height:560px;display:grid}.master-category-list{border-right:1px solid var(--border);align-content:start;gap:6px;padding:16px;display:grid}.master-category-button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;padding:11px 12px;display:grid}.master-category-button:hover,.master-category-button.active{background:var(--surface-muted)}.master-category-button span{color:var(--text-muted);text-align:right;font-size:12px;font-weight:600;line-height:1.25}.master-category-button strong{min-width:0;line-height:1.35}.master-data-panel{min-width:0;padding:18px}.master-data-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.master-data-heading>div:first-child{min-width:0}.master-data-heading h3{margin:0;font-size:20px}.master-data-heading p{color:var(--text-muted);margin:6px 0 0}.master-data-heading-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.location-import-button input{display:none}.master-data-panel .settings-inline-form{border:0;grid-template-columns:minmax(240px,1fr) auto;padding:0 0 16px}.master-value-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.master-value-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:flex}.master-value-row:last-child{border-bottom:0}.master-value-row>div{align-items:center;gap:8px;display:inline-flex}.location-manager{gap:14px;display:grid}.location-actions,.location-actions input[type=file]{display:none}.location-toolbar{grid-template-columns:1fr;gap:12px;display:grid}.location-form{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(150px,.35fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.location-form.ward-form{grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr) minmax(150px,.35fr) auto}.location-form label{min-width:0;color:var(--text-muted);gap:7px;font-size:12px;font-weight:600;display:grid}.location-form input,.location-form select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;outline:0;padding:0 12px;font-size:14px;font-weight:600}.location-summary{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.location-summary p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.location-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:280px;padding:14px;overflow-y:auto}.location-table thead,.location-table td:first-child,.location-table td:nth-child(3),.location-table td:nth-child(4){display:none}.location-table,.location-table tbody,.location-table tr,.location-table td:nth-child(2){width:100%;display:block}.location-table td:nth-child(2){border-bottom:0;padding:0}.ward-chip-list{white-space:normal;flex-wrap:wrap;gap:8px;display:flex}.linked-master-manager,.linked-master-toolbar{gap:14px;display:grid}.department-position-form{grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr) auto}.linked-master-list{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:260px;padding:14px;display:flex;overflow-y:auto}.ward-chip{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.ward-chip small,.location-table td strong small{color:var(--text-muted);font-size:12px;font-weight:600}.ward-chip:hover{background:var(--surface-muted);color:#be123c}.muted-text{color:var(--text-muted);font-size:13px;font-weight:600}.backup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 18px 0;display:grid}.shift-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.backup-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:16px;display:grid}.backup-card p{color:var(--text-muted);margin:0;line-height:1.45}.system-log-table td:last-child{white-space:normal;min-width:360px}.template-designer-panel{grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.template-designer-panel>div:first-child{align-items:center;gap:12px;display:flex}.template-designer-panel svg{color:var(--primary)}.template-designer-panel h3{margin:0}.template-designer-panel p{color:var(--text-muted);margin:4px 0 0}.template-token-list{flex-wrap:wrap;gap:8px;display:flex}.template-token-list span{border:1px solid var(--border);background:var(--surface-muted);min-height:30px;color:var(--primary);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.template-dialog{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1100px,100vw - 32px);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.template-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 20px;display:flex}.template-dialog-header h3{margin:0;font-size:24px}.template-dialog-header p{color:var(--text-muted);margin:4px 0 0}.template-editor-toolbar{border-bottom:1px solid var(--border);background:var(--surface-muted);flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:8px 12px;display:flex}.template-editor-toolbar button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.template-editor-toolbar button:hover{background:#0f766e14;border-color:#0f766e47}.template-editor-toolbar span{background:var(--border);width:1px;height:24px;margin:0 4px}.template-dialog-body{grid-template-columns:260px minmax(0,1fr);min-height:0;display:grid}.template-variable-panel{border-right:1px solid var(--border);background:var(--surface-muted);padding:16px;overflow-y:auto}.template-variable-panel h4{margin:0}.template-variable-panel p{color:var(--text-muted);margin:6px 0 14px;font-size:13px;line-height:1.4}.template-variable-panel div{flex-wrap:wrap;gap:8px;display:flex}.template-variable-panel button{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--primary);border-radius:999px;padding:0 10px;font-size:12px;font-weight:600}.template-editor-surface{color:#0f172a;background:#fff;outline:0;min-height:460px;padding:28px 34px;line-height:1.65;overflow-y:auto}.template-editor-surface:focus{box-shadow:inset 0 0 0 3px #0f766e1f}.template-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.attendance-page{align-content:start;gap:12px;min-height:calc(100vh - 138px);padding-top:0;display:grid}.attendance-page-detail{flex-direction:column;flex:auto;height:auto;min-height:0;display:flex;overflow:hidden}.app-main:has(.attendance-page-detail){height:100dvh;overflow:hidden}.page-content:has(.attendance-page-detail){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.attendance-page-heading{margin-top:0}.attendance-page-detail .attendance-page-heading,.attendance-page-detail .inline-message{flex:none}.attendance-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.attendance-panel{flex-direction:column;display:flex;overflow:hidden}.attendance-detail-card{flex:auto;min-height:0}.compact-panel-header{padding:16px 18px}.compact-panel-header>div{align-items:center;gap:12px;display:flex}.compact-panel-header svg{color:var(--primary)}.compact-panel-header h3{margin:0}.compact-panel-header p{color:var(--text-muted);margin:4px 0 0}.inline-message{color:var(--primary);background:#0f766e14;border:1px solid #0f766e33;border-radius:8px;padding:10px 14px;font-weight:600}.attendance-detail-tabs{border-bottom:1px solid var(--border);background:var(--surface-muted);flex:none;gap:8px;padding:10px 18px;display:flex}.attendance-detail-tabs button{min-height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.attendance-detail-tabs button.active{background:var(--surface);color:var(--primary);border-color:#0f766e2e;box-shadow:0 8px 20px #0f172a0f}.attendance-detail-records{flex-direction:column;flex:auto;min-height:0;display:flex}.attendance-table-wrap{overscroll-behavior:contain;flex:auto;height:auto;min-height:0;overflow:auto}.attendance-detail-table{table-layout:fixed;width:100%;min-width:max(100%,1280px);font-size:13px}.attendance-detail-table thead th,.attendance-summary-table thead th{color:#475569;box-shadow:0 1px 0 var(--border);z-index:3;background:#eef3f8;position:sticky;top:0}.attendance-detail-table thead th{z-index:10}.attendance-detail-table th,.attendance-detail-table td,.overtime-table th,.overtime-table td{padding:5px 7px}.attendance-detail-table th,.attendance-detail-table td{height:40px;line-height:1.25}.attendance-detail-table .icon-button{width:32px;min-height:32px}.attendance-detail-table th,.attendance-detail-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-detail-table th:nth-child(6),.attendance-detail-table td:nth-child(6){width:46px}.attendance-detail-table th:nth-child(14),.attendance-detail-table td:nth-child(14),.attendance-detail-table th:nth-child(15),.attendance-detail-table td:nth-child(15){text-align:center;width:64px}.attendance-detail-table th:nth-child(17),.attendance-detail-table td:nth-child(17){background:var(--surface);width:62px;box-shadow:-1px 0 0 var(--border);text-align:center;z-index:2;position:sticky;right:0}.attendance-detail-table thead th:nth-child(17){z-index:12;background:#e2eaf3}.attendance-detail-table .attendance-normal-header,.attendance-detail-table .attendance-overtime-header,.attendance-detail-table .attendance-total-header{color:#111827;white-space:normal;font-weight:600;line-height:1.12}.attendance-detail-table .attendance-normal-header{background:#cfe8d5}.attendance-detail-table .attendance-overtime-header{background:#f5d6a5}.attendance-detail-table .attendance-total-header{background:#bfddf3}.attendance-detail-table .attendance-normal-cell,.attendance-detail-table .attendance-overtime-cell,.attendance-detail-table .attendance-total-cell{color:#111827;font-weight:600}.attendance-detail-table .attendance-normal-cell{background:#e2f1e5}.attendance-detail-table .attendance-overtime-cell{background:#fbe8c8}.attendance-detail-table .attendance-total-cell{background:#dcecf8;font-weight:600}.attendance-summary-layout{gap:16px;display:grid}.attendance-summary-layout[data-summary-tab=employees]>.attendance-panel:nth-of-type(3),.attendance-summary-layout[data-summary-tab=departments]>.attendance-panel:nth-of-type(2){display:none}.attendance-summary-switcher{padding:10px 18px;overflow:visible}.attendance-summary-header{justify-content:space-between;align-items:center}.attendance-summary-tabs{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;display:inline-flex;overflow:hidden}.attendance-summary-tabs button{min-height:40px;color:var(--text-muted);background:0 0;border:0;padding:0 14px;font-weight:600}.attendance-summary-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.attendance-summary-wrap{max-height:calc(100vh - 362px);padding:0;overflow:auto}.attendance-summary-table-header{flex-direction:column;align-items:stretch;gap:2px;padding:12px 18px 10px}.attendance-summary-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.attendance-summary-title{align-items:center;gap:10px;min-width:300px;display:flex}.attendance-summary-title h3{margin:0}.attendance-summary-table-header>p{color:var(--text-muted);margin:2px 0 0 30px;line-height:1.25}.attendance-summary-tools{flex:1;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr) auto auto;align-items:center;gap:8px;max-width:1040px;margin-left:auto;display:grid}.attendance-summary-tools select,.attendance-summary-tools .attendance-search-field{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:38px}.attendance-summary-tools select{color:var(--text);padding:0 12px;font-weight:400}.attendance-summary-search input{min-height:36px}.attendance-summary-actions{white-space:nowrap;justify-content:flex-end;gap:8px;display:flex}.attendance-heading-actions{align-items:center}.attendance-period-controls{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:10px;grid-template-columns:repeat(2,minmax(118px,150px));align-items:end;gap:10px;padding:8px;display:grid}.attendance-period-controls label{color:var(--text-muted);gap:4px;font-size:12px;font-weight:600;display:grid}.attendance-period-controls select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);border-radius:8px;padding:0 12px;font-weight:400}.ops-page{flex-direction:column;gap:14px;display:flex}.ops-heading h2 span{color:var(--text-muted);font-style:italic;font-weight:500}.ops-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ops-stat-card{border:1px solid var(--border);background:var(--surface);min-height:96px;box-shadow:var(--shadow-soft);border-radius:8px;align-items:center;gap:14px;padding:16px;display:flex}.ops-stat-card>svg{width:42px;height:42px;color:var(--primary);background:#14b8a61f;border-radius:8px;padding:10px}.ops-stat-card div{gap:4px;display:grid}.ops-stat-card strong{color:var(--text);font-size:24px;line-height:1.1}.ops-stat-card span{color:var(--text-muted);font-size:13px;font-weight:700}.ops-workspace{grid-template-columns:minmax(220px,260px) minmax(0,1fr);min-height:min(680px,100vh - 260px);display:grid;overflow:hidden}.ops-tabs{border-right:1px solid var(--border);background:var(--surface);align-content:start;gap:6px;padding:10px;display:grid}.ops-tabs button{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-weight:600;display:flex}.ops-tabs button.active{background:var(--surface-muted);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.ops-content{flex-direction:column;min-width:0;display:flex}.ops-content-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.ops-content-header>div:first-child{align-items:center;gap:12px;min-width:240px;display:flex}.ops-content-header h3{margin:0;font-size:20px}.ops-content-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.ops-toolbar{flex:1;grid-template-columns:minmax(220px,1fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:8px;max-width:780px;display:grid}.ops-toolbar select,.ops-toolbar .attendance-search-field{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:38px}.ops-toolbar select{color:var(--text);padding:0 10px;font-weight:600}.ops-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(260px,320px);min-height:0;display:grid}.ops-table-wrap{min-width:0;overflow:auto}.ops-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px;font-size:13px}.ops-table th,.ops-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px}.ops-table th{z-index:2;color:var(--text-muted);text-align:center;background:#eaf1f7;font-weight:600;position:sticky;top:0}.ops-table tbody tr{cursor:pointer}.ops-table tbody tr:hover,.ops-table tbody tr.selected{background:var(--surface-muted)}.ops-table td:nth-child(2){min-width:240px}.ops-table td strong{display:block}.ops-table td span{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.ops-row-actions{justify-content:center;gap:6px;display:flex}.ops-detail-panel{border-left:1px solid var(--border);background:var(--surface);padding:18px;overflow:auto}.ops-detail-icon{width:64px;height:64px;color:var(--primary);background:#14b8a61f;border-radius:10px;place-items:center;margin-bottom:12px;display:grid}.ops-detail-panel h3{margin:0;font-size:20px}.ops-detail-panel p{color:var(--text-muted);margin:6px 0 14px}.ops-detail-panel dl{gap:0;margin:0 0 16px;display:grid}.ops-detail-panel dl div{border-bottom:1px solid var(--border);grid-template-columns:112px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.ops-detail-panel dt{color:var(--text-muted);font-size:12px;font-weight:600}.ops-detail-panel dd{margin:0;font-weight:600}.ops-dialog{background:var(--surface);width:min(980px,100vw - 32px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.ops-dialog header,.ops-dialog footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.ops-dialog footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.ops-dialog h3{margin:4px 0 0;font-size:22px}.ops-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid;overflow:auto}.ops-form-grid label{color:var(--text-muted);gap:5px;font-size:12px;font-weight:600;display:grid}.ops-form-grid input,.ops-form-grid select,.ops-form-grid textarea{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-weight:700}.ops-form-grid textarea{resize:vertical;min-height:86px;padding:10px}.ops-form-wide{grid-column:1/-1}.ops-page-blue .ops-stat-card>svg,.ops-page-blue .ops-detail-icon{color:#2563eb;background:#dbeafe}.ops-page-amber .ops-stat-card>svg,.ops-page-amber .ops-detail-icon{color:#b45309;background:#fef3c7}@media (width<=1180px){.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-workspace{grid-template-columns:1fr;min-height:auto}.ops-tabs{border-right:0;border-bottom:1px solid var(--border);grid-auto-columns:minmax(190px,max-content);grid-auto-flow:column;overflow-x:auto}.ops-tabs button.active{box-shadow:inset 0 -3px 0 var(--primary)}.ops-content-header{flex-direction:column;align-items:flex-start}.ops-content-header>div:first-child,.ops-toolbar{width:100%;max-width:none}.ops-grid{grid-template-columns:1fr}.ops-detail-panel{border-left:0;border-top:1px solid var(--border)}}@media (width<=720px){.ops-stat-grid,.ops-toolbar,.ops-form-grid{grid-template-columns:1fr}.ops-content-header,.ops-detail-panel,.ops-dialog header,.ops-dialog footer,.ops-form-grid{padding-inline:12px}.ops-detail-panel dl div{grid-template-columns:1fr;gap:4px}}.attendance-summary-table{--summary-stt-width:56px;--summary-code-width:128px;--summary-name-width:220px;--summary-normal-width:82px;--summary-overtime-width:74px;--summary-total-width:74px;width:max-content;min-width:100%}.attendance-summary-table th,.attendance-summary-table td{padding:6px;line-height:1.15}.attendance-summary-table .day-cell{text-align:right;width:40px;min-width:40px;max-width:40px;padding-left:3px;padding-right:3px;font-size:14px}.attendance-summary-table .summary-normal-cell,.attendance-summary-table .summary-overtime-cell,.attendance-summary-table .summary-total-cell{color:#111827;text-align:right;border-left:1px solid #d8e2ec;border-right:1px solid #d8e2ec;padding-left:4px;padding-right:4px;font-size:14px;font-weight:700}.attendance-summary-table th:first-child,.attendance-summary-table td:first-child{width:var(--summary-stt-width);min-width:var(--summary-stt-width);max-width:var(--summary-stt-width);text-align:center}.attendance-summary-table--employees th:first-child,.attendance-summary-table--employees td:first-child,.attendance-summary-table--employees th:nth-child(2),.attendance-summary-table--employees td:nth-child(2),.attendance-summary-table--employees th:nth-child(3),.attendance-summary-table--employees td:nth-child(3){color:#111827;z-index:7;background:#fff;position:sticky}.attendance-summary-table--employees th:first-child,.attendance-summary-table--employees td:first-child{left:0}.attendance-summary-table--employees th:nth-child(2),.attendance-summary-table--employees td:nth-child(2){left:var(--summary-stt-width);width:var(--summary-code-width);min-width:var(--summary-code-width);max-width:var(--summary-code-width)}.attendance-summary-table--employees th:nth-child(3),.attendance-summary-table--employees td:nth-child(3){left:calc(var(--summary-stt-width) + var(--summary-code-width));width:var(--summary-name-width);min-width:var(--summary-name-width);max-width:var(--summary-name-width);box-shadow:4px 0 6px -5px #0f172a6b}.attendance-summary-table--employees thead th:first-child,.attendance-summary-table--employees thead th:nth-child(2),.attendance-summary-table--employees thead th:nth-child(3){z-index:12;background:#eaf2f8}.attendance-summary-table--employees tbody tr:hover td:first-child,.attendance-summary-table--employees tbody tr:hover td:nth-child(2),.attendance-summary-table--employees tbody tr:hover td:nth-child(3){background:var(--surface-muted)}.attendance-summary-table .summary-normal-cell{right:calc(var(--summary-overtime-width) + var(--summary-total-width));width:var(--summary-normal-width);min-width:var(--summary-normal-width);max-width:var(--summary-normal-width);z-index:8;background:#e2f1e5;position:sticky;box-shadow:-4px 0 6px -6px #0f172a80,-1px 0 #cbd5e1}.attendance-summary-table .summary-overtime-cell{right:var(--summary-total-width);width:var(--summary-overtime-width);min-width:var(--summary-overtime-width);max-width:var(--summary-overtime-width);z-index:8;background:#fbe8c8;position:sticky}.attendance-summary-table .summary-total-cell{width:var(--summary-total-width);min-width:var(--summary-total-width);max-width:var(--summary-total-width);z-index:8;background:#dcecf8;position:sticky;right:0;box-shadow:-1px 0 #cbd5e1}.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table thead .summary-total-cell{white-space:normal;z-index:13;font-weight:600;line-height:1.08}.attendance-summary-table thead .summary-normal-cell{background:#cfe8d5}.attendance-summary-table thead .summary-overtime-cell{background:#f5d6a5}.attendance-summary-table thead .summary-total-cell{background:#d5e7f5}.attendance-summary-table .summary-grand-total-row td{color:#111827;background:#f8fafc;border-top:2px solid #94a3b8;font-weight:600}.attendance-summary-table .summary-grand-total-row td:first-child,.attendance-summary-table .summary-grand-total-row td:nth-child(2),.attendance-summary-table .summary-grand-total-row td:nth-child(3){background:#eaf2f8}.attendance-summary-table .summary-grand-total-row .summary-normal-cell{background:#cfe8d5}.attendance-summary-table .summary-grand-total-row .summary-overtime-cell{background:#f5d6a5}.attendance-summary-table .summary-grand-total-row .summary-total-cell{background:#d5e7f5}.attendance-filter-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex:none;grid-template-columns:minmax(220px,1fr) minmax(140px,.55fr) minmax(140px,.55fr) minmax(136px,.5fr) auto minmax(330px,auto);align-items:center;gap:8px;padding:10px 18px;display:grid}.attendance-filter-bar input,.attendance-filter-bar select,.attendance-search-field{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-height:40px}.attendance-filter-bar input{color:var(--text);outline:0;padding:0 12px;font-weight:700}.attendance-search-field{align-items:center;gap:8px;padding:0 12px;display:flex}.attendance-search-field svg{color:var(--text-muted);flex:none}.attendance-search-field input{border:0;width:100%;min-height:38px;padding:0}.attendance-filter-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.attendance-filter-actions .secondary-button,.attendance-filter-actions .file-button{white-space:nowrap;min-height:38px;padding:0 14px}.attendance-export-button{color:#1d4ed8;background:#eff6ff;border-color:#2563eb73}.attendance-import-button{color:var(--primary);background:#0f766e14;border-color:#0f766e73}.attendance-print-button{color:var(--text);background:#f8fafc;border-color:#47556961}.attendance-table-status{color:var(--text-muted);padding:0;font-size:13px;font-weight:600}.attendance-pagination{border-top:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:6px 18px;display:flex}.attendance-pagination span{color:var(--text-muted);font-weight:600}.attendance-page-controls{align-items:center;gap:10px;margin-left:auto;display:flex}.attendance-page-controls .secondary-button{min-height:34px;padding:0 12px}.attendance-history-wrap{min-height:0;max-height:calc(100vh - 330px);overflow:auto}.attendance-history-table{table-layout:fixed;min-width:980px}.attendance-history-table thead th{color:#475569;z-index:2;background:#eef3f8;position:sticky;top:0}.attendance-history-table th,.attendance-history-table td{vertical-align:top;padding:12px 14px}.attendance-history-table th:first-child,.attendance-history-table td:first-child{width:160px}.attendance-history-table th:nth-child(2),.attendance-history-table td:nth-child(2){width:150px}.attendance-history-table th:nth-child(3),.attendance-history-table td:nth-child(3){width:110px}.attendance-history-table th:nth-child(4),.attendance-history-table td:nth-child(4){width:220px}.attendance-history-table th:nth-child(5),.attendance-history-table td:nth-child(5){text-align:left;min-width:360px}.attendance-history-table td:nth-child(5){white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.advance-edit-footer{justify-content:space-between;gap:12px}.advance-edit-footer>div{justify-content:flex-end;gap:10px;display:flex}.advance-page .advance-top-grid{gap:12px}.advance-page .advance-stat-card{gap:2px;min-height:74px;padding:10px 16px}.advance-page .advance-action-button{min-height:78px}.advance-page .advance-card-header{min-height:52px;padding:10px 16px}.advance-page .advance-card-header p{margin-top:2px}.advance-page .advance-journal-header{align-items:center}.advance-page .advance-journal-tools{flex-wrap:nowrap;align-items:center;gap:8px}.advance-page .advance-journal-tools .advance-search{flex:0 236px;width:236px}.advance-page .advance-journal-tools .advance-select{flex:0 0 124px;width:124px}.advance-page .advance-journal-tools .bordered-action{white-space:nowrap;flex:none}.advance-dialog.voucher-dialog{border-radius:8px;width:min(720px,100vw - 28px);max-height:calc(100vh - 44px);box-shadow:0 22px 56px #0f172a47}.voucher-dialog .voucher-dialog-header{background:#fff;border-bottom:1px solid #dbe5f0;align-items:center;min-height:76px;padding:0 24px}.voucher-dialog .voucher-dialog-header h3{margin:0;font-size:22px;line-height:1.2}.voucher-dialog .compact-voucher-form{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:22px 24px 20px}.voucher-dialog .compact-voucher-form label,.voucher-dialog .compact-voucher-form .voucher-field{color:#1f2937;gap:6px;min-width:0;font-size:13px;font-weight:600;display:grid}.voucher-dialog .compact-voucher-form .voucher-field-label{display:block}.voucher-dialog .compact-voucher-form input,.voucher-dialog .compact-voucher-form select,.voucher-dialog .compact-voucher-form textarea{color:#111827;background:#fff;border:1px solid #d7e2ee;border-radius:6px;width:100%;min-height:36px;padding:0 12px;font-size:13px;font-weight:400;line-height:1.35}.voucher-dialog .compact-voucher-form input[readonly]{color:#475569;background:#f5f8fb}.voucher-dialog .voucher-employee-search{width:100%;min-width:0;display:block;position:relative}.voucher-dialog .voucher-employee-search>svg{z-index:1;color:#0f766e;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.voucher-dialog .compact-voucher-form .voucher-employee-search input{border-color:#75aaa8;padding-left:38px;box-shadow:0 0 0 3px #0d948814}.voucher-dialog .compact-voucher-form .voucher-employee-search input:focus{border-color:#0f8b83;outline:none;box-shadow:0 0 0 3px #0d948829}.voucher-dialog .voucher-employee-options{z-index:30;background:#fff;border:1px solid #8eb8b6;border-radius:8px;width:100%;max-height:310px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 32px #0f172a2e}.voucher-dialog .voucher-employee-options button{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(102px,auto) minmax(0,1fr);align-items:center;gap:2px 10px;width:100%;min-height:48px;padding:7px 9px;display:grid}.voucher-dialog .voucher-employee-options button:hover,.voucher-dialog .voucher-employee-options button:focus-visible,.voucher-dialog .voucher-employee-options button[aria-selected=true]{background:#eaf7f6;outline:none}.voucher-dialog .voucher-employee-options button strong{color:#0f766e;font-size:12.5px}.voucher-dialog .voucher-employee-options button span{color:#111827;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.voucher-dialog .voucher-employee-options button small{color:#64748b;grid-column:1/-1;font-size:11.5px;font-weight:500}.voucher-dialog .voucher-employee-options>p{color:#64748b;text-align:center;margin:0;padding:12px;font-size:12.5px;font-weight:500}.voucher-dialog .compact-voucher-form textarea{resize:vertical;min-height:68px;padding:9px 12px}.voucher-dialog .compact-voucher-form .span-2{grid-column:1/-1}.voucher-form-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:7px;padding:9px 12px;font-size:13px;font-weight:500;line-height:18px}.voucher-dialog .voucher-dialog-footer{background:#fff;border-top:0;padding:16px 24px 22px}.voucher-dialog .voucher-dialog-footer .secondary-button,.voucher-dialog .voucher-dialog-footer .primary-button,.voucher-dialog .voucher-dialog-footer .bordered-action{border-radius:7px;min-height:36px;padding:0 16px}.voucher-dialog .voucher-dialog-footer .primary-button{background:#1f7bd1}.voucher-dialog.advance-edit-dialog{width:min(720px,100vw - 28px)}.advance-dialog.bulk-settle-dialog{background:#fff;border-radius:9px;width:min(800px,100vw - 28px);max-height:calc(100vh - 36px);box-shadow:0 24px 62px #0f172a42}.bulk-settle-header{background:#fff;border-bottom:1px solid #dbe5f0;min-height:64px;padding:0 22px}.bulk-settle-header h3{color:#111827;margin:0;font-size:22px;font-weight:700;line-height:1.2}.bulk-settle-body{gap:12px;min-height:0;padding:16px 22px 14px;display:grid;overflow:hidden}.bulk-settle-toolbar{grid-template-columns:minmax(180px,240px) minmax(260px,1fr);align-items:end;gap:14px 22px;display:grid}.bulk-settle-toolbar label{color:#1f2937;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-size:13px;font-weight:600;display:grid}.bulk-settle-toolbar input,.bulk-settle-table input{color:#111827;background:#fff;border:1px solid #cbd8e6;border-radius:6px;width:100%;min-height:34px;padding:0 10px;font-size:13px;font-weight:400;line-height:1.35}.bulk-settle-table-wrap{border:1px solid #d9e3ef;border-radius:7px;min-height:0;overflow:auto}.bulk-settle-table{min-width:720px}.bulk-settle-table th{color:#fff;text-align:center;vertical-align:middle;background:#1f7bd1;height:39px;font-size:13px;font-weight:700}.bulk-settle-table td{vertical-align:middle;height:42px;padding:7px 10px;font-size:13px}.bulk-settle-table th:first-child,.bulk-settle-table td:first-child{text-align:center;width:58px}.bulk-settle-table th:nth-child(2),.bulk-settle-table td:nth-child(2){text-align:center;width:150px}.bulk-settle-table th:nth-child(4),.bulk-settle-table td:nth-child(4){text-align:right;width:160px}.bulk-settle-table th:nth-child(5),.bulk-settle-table td:nth-child(5){text-align:right;width:190px;min-width:190px}.bulk-settle-amount-input{text-align:right;color:#0f766e;font-variant-numeric:tabular-nums;font-weight:600}.bulk-settle-money{color:#dc2626;font-variant-numeric:tabular-nums;font-weight:700}.bulk-settle-table tfoot td{color:#111827;text-transform:uppercase;background:#f5f8fb;border-top:2px solid #b7c7d8;height:42px;font-weight:700}.bulk-settle-table tfoot td:nth-child(2){color:#dc2626;font-variant-numeric:tabular-nums;text-align:right}.bulk-settle-table tfoot td:nth-child(3){color:#0f766e;font-variant-numeric:tabular-nums;text-align:right}.bulk-settle-footer{background:#fff;border-top:0;justify-content:flex-end;gap:12px;padding:14px 22px 20px;display:flex}.bulk-settle-footer .secondary-button,.bulk-settle-footer .primary-button{border-radius:7px;min-height:36px;padding:0 18px}.bulk-settle-footer .primary-button{background:#1f7bd1}@media (width<=720px){.advance-dialog.bulk-settle-dialog{width:calc(100vw - 18px)}.bulk-settle-header{min-height:58px;padding:0 16px}.bulk-settle-body{padding:14px 16px 12px}.bulk-settle-toolbar{grid-template-columns:1fr;gap:10px}.bulk-settle-toolbar label{grid-template-columns:1fr;gap:6px}.bulk-settle-footer{padding:12px 16px 16px}}@media (width<=640px){.advance-edit-footer,.advance-edit-footer>div{flex-direction:column;align-items:stretch}.voucher-dialog .compact-voucher-form{grid-template-columns:1fr;padding:18px}.voucher-dialog .voucher-dialog-header,.voucher-dialog .voucher-dialog-footer{padding-left:18px;padding-right:18px}}@media (width<=1180px){.advance-page .advance-journal-header{align-items:flex-start}.advance-page .advance-journal-tools{flex-wrap:wrap}.advance-page .advance-journal-tools .advance-search{flex:220px;width:auto}}.attendance-history-person{gap:3px;display:grid}table thead th,.business-table thead th,.attendance-detail-table thead th,.attendance-summary-table thead th,.attendance-history-table thead th,.payroll-table thead th,.attendance-summary-table thead .day-cell,.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table thead .summary-total-cell{text-align:center;vertical-align:middle}.attendance-history-person span{color:var(--text-muted);font-size:12px;font-weight:700}.attendance-edit-dialog{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(920px,100vw - 48px);overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.attendance-edit-header{background:linear-gradient(#fff 0%,#f8fafc 100%)}.attendance-edit-body{gap:14px;padding:16px 20px 18px;display:grid}.attendance-edit-profile{background:#0f766e0d;border:1px solid #0f766e29;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.attendance-edit-profile div{border-right:1px solid #0f766e24;gap:4px;padding:12px 14px;display:grid}.attendance-edit-profile div:last-child{border-right:0}.attendance-edit-profile span{color:var(--text-muted);font-size:12px;font-weight:600}.attendance-edit-profile strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attendance-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-edit-grid label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:600;display:grid}.attendance-edit-grid input,.attendance-edit-grid select,.attendance-edit-grid textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:0;padding:10px 12px;font-weight:600}.attendance-edit-grid textarea{resize:vertical;min-height:88px}.attendance-edit-grid input:focus,.attendance-edit-grid select:focus,.attendance-edit-grid textarea:focus{border-color:#0f766e85;box-shadow:0 0 0 3px #0f766e1a}.attendance-edit-summary{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 2fr .8fr;margin:0;display:grid;overflow:hidden}.attendance-edit-summary div{background:var(--surface);border-right:1px solid var(--border);padding:12px}.attendance-edit-summary div:last-child{border-right:0}.attendance-edit-summary dt{color:var(--text-muted);font-size:12px;font-weight:600}.attendance-edit-summary dd{margin:6px 0 0;font-weight:600}.attendance-edit-dialog{border-radius:10px;width:min(660px,100vw - 32px)}.attendance-edit-header{background:#f6f9fd;border-bottom:0;justify-content:space-between;align-items:center;margin:24px 24px 0;padding:18px 22px;display:flex}.attendance-edit-header>div{align-items:center;gap:10px;min-width:0;display:flex}.attendance-edit-header svg{color:#2563eb;flex:none}.attendance-edit-header .attendance-edit-title-new{color:var(--text);margin:0;font-size:20px;font-weight:600;line-height:1.25;display:block}.attendance-edit-header h3:not(.attendance-edit-title-new),.attendance-edit-header p{display:none}.attendance-edit-body{padding:20px 24px 18px}.attendance-edit-new-layout{gap:20px;display:grid}.attendance-edit-body>.attendance-edit-profile,.attendance-edit-body>.attendance-edit-grid,.attendance-edit-body>.attendance-edit-summary{display:none}.attendance-edit-section{gap:10px;display:grid}.attendance-edit-section h4{color:#64748b;letter-spacing:.05em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.attendance-edit-person-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.attendance-edit-person-grid label,.attendance-edit-adjust-grid label{color:#64748b;gap:6px;font-size:12px;font-weight:600;display:grid}.attendance-edit-person-grid input,.attendance-edit-adjust-grid input,.attendance-edit-adjust-grid select,.attendance-edit-adjust-grid textarea{color:#334155;width:100%;font:inherit;background:#eef4fb;border:1px solid #d7e2ef;border-radius:6px;outline:0;padding:10px 12px;font-weight:600}.attendance-edit-adjust-grid input,.attendance-edit-adjust-grid select,.attendance-edit-adjust-grid textarea{background:#fff}.attendance-edit-adjust-grid input:focus,.attendance-edit-adjust-grid select:focus,.attendance-edit-adjust-grid textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}.attendance-punch-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;display:grid}.attendance-punch-card div{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attendance-punch-card strong{color:#0284c7;grid-column:1/-1;font-size:12px;font-weight:600}.attendance-punch-card div:nth-child(2) strong{color:#ea580c}.attendance-punch-card div:nth-child(3) strong{color:#db2777}.attendance-punch-card span{color:#334155;background:#f8fafc;border:1px solid #dbe4ef;border-radius:6px;padding:8px 10px;font-weight:600}.attendance-edit-adjust-grid{background:#eef6ff;border:1px dashed #93c5fd;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:16px;display:grid}.attendance-edit-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.attendance-edit-footer>div{gap:10px;display:flex}.attendance-import-dialog{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:min(520px,100vw - 32px);overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.attendance-import-dialog-header{border-bottom:1px solid var(--border);background:#f6f9fd;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.attendance-import-dialog-header>div{align-items:center;gap:12px;min-width:0;display:flex}.attendance-import-dialog-header svg{color:var(--primary);flex:none}.attendance-import-dialog-header h3{color:var(--text);margin:0;font-size:20px;line-height:1.25}.attendance-import-dialog-header p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin:4px 0 0;font-size:13px;font-weight:700;overflow:hidden}.attendance-import-dialog-body{gap:12px;padding:18px 20px;display:grid}.attendance-import-dialog-body label{color:var(--text-muted);gap:7px;font-size:12px;font-weight:600;display:grid}.attendance-import-dialog-body select,.attendance-import-dialog-body input{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;outline:0;min-height:42px;padding:9px 12px;font-weight:600}.attendance-import-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 0;display:grid}.attendance-import-stats div{border:1px solid var(--border);background:var(--surface-soft,#f8fafc);border-radius:8px;padding:9px 11px}.attendance-import-stats dt{color:var(--text-muted);font-size:11px}.attendance-import-stats dd{color:var(--text);margin:3px 0 0;font-size:17px;font-weight:700}.attendance-import-dialog-body select:focus{border-color:#0f766e85;box-shadow:0 0 0 3px #0f766e1a}.attendance-import-date-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attendance-import-dialog-body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.attendance-import-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}:root[data-theme=dark] .attendance-import-dialog{color:#e5e7eb;background:#111827;border-color:#334155}:root[data-theme=dark] .attendance-import-dialog-header,:root[data-theme=dark] .attendance-import-dialog-footer{background:#0f172a;border-color:#334155}:root[data-theme=dark] .attendance-import-dialog-header h3,:root[data-theme=dark] .attendance-import-dialog-body label{color:#f8fafc}:root[data-theme=dark] .attendance-import-dialog-header p,:root[data-theme=dark] .attendance-import-dialog-body p{color:#cbd5e1}:root[data-theme=dark] .attendance-import-dialog-body select{color:#f8fafc;background:#0b1220;border-color:#475569}:root[data-theme=dark] .attendance-import-dialog-body input,:root[data-theme=dark] .attendance-import-stats div{color:#f8fafc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1220;border-color:#475569}:root[data-theme=dark] .attendance-import-stats dt{color:#cbd5e1}:root[data-theme=dark] .attendance-import-stats dd{color:#f8fafc}.attendance-detail-table tfoot td{border-top:2px solid var(--primary);background:var(--surface);color:var(--text)}.attendance-detail-total-row td:first-child{text-align:right}.attendance-detail-table th:nth-child(16),.attendance-detail-table td:nth-child(16){width:62px}.attendance-detail-table tbody td:nth-child(16),.attendance-detail-table thead th:nth-child(16){z-index:2;background:var(--surface);box-shadow:-1px 0 0 var(--border);text-align:center;position:sticky;right:0}:root[data-theme=dark] .attendance-detail-table thead th:nth-child(16){background:#1e293b}:root[data-theme=dark] .attendance-import-dialog-body select:disabled{color:#94a3b8;background:#111827}@media (width<=560px){.attendance-import-date-range{grid-template-columns:1fr}}.danger-button{color:#be123c;cursor:pointer;background:#e11d4814;border:1px solid #e11d483d;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:600;display:inline-flex}.danger-button:hover{background:#e11d4824}@media (width<=1480px){.executive-grid,.module-summary-grid.refined,.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today-panel{grid-column:1/-1}.hr-workspace,.settings-layout,.settings-grid,.master-data-layout,.location-toolbar{grid-template-columns:1fr}.settings-nav{position:static}.master-category-list{border-right:0;border-bottom:1px solid var(--border)}.attendance-summary-table-header{flex-direction:column;align-items:stretch}.attendance-summary-title-row,.attendance-summary-tools{width:100%;max-width:none}.attendance-summary-title-row{flex-wrap:wrap}.attendance-filter-bar{grid-template-columns:minmax(220px,1fr) minmax(140px,.6fr) minmax(140px,.6fr) minmax(136px,.55fr) auto}.attendance-filter-actions{grid-column:1/-1}}@media (width<=1360px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.command-search{width:100%}.topbar-actions{flex-wrap:wrap}.settings-inline-form{grid-template-columns:1fr 1fr}.template-designer-panel,.dashboard-main-grid,.insight-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{display:block}.sidebar,.sidebar-collapsed{flex-basis:auto;width:100%;height:auto;min-height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sidebar-link{margin-bottom:0}.page-content,.topbar{padding-left:16px;padding-right:16px}.workspace-heading,.topbar-actions,.workspace-actions,.toolbar{flex-direction:column;align-items:stretch}.executive-grid,.module-summary-grid.refined,.hr-stat-grid,.attendance-kpi-grid,.template-dialog-body{grid-template-columns:1fr}.template-variable-panel{border-right:0;border-bottom:1px solid var(--border)}.hr-page-heading,.hr-filter-bar{flex-direction:column;align-items:stretch}.hr-filter-bar .search-box{width:100%}.modal-backdrop{padding:12px}.form-grid.three-columns{grid-template-columns:1fr}.employee-dialog{max-height:calc(100vh - 24px)}.employee-dialog-header{align-items:flex-start}.module-tile{grid-template-columns:38px 1fr}.module-tile button{grid-column:1/-1}.settings-form-grid,.settings-inline-form,.master-data-layout,.backup-summary-grid,.shift-summary-grid,.master-data-panel .settings-inline-form,.location-form,.location-form.ward-form{grid-template-columns:1fr}.master-data-heading,.master-data-heading-actions{flex-direction:column;align-items:stretch}.master-data-heading-actions .secondary-button{width:100%}.settings-nav{display:none}.span-2{grid-column:auto}.company-logo-uploader{grid-template-columns:1fr}.master-category-list{border-right:0;border-bottom:1px solid var(--border)}.permission-row{grid-template-columns:1fr}}:root{--page-inline:clamp(12px, 2.4vw, 30px);--page-block:clamp(10px, 1.6vw, 18px);--layout-gap:clamp(12px, 1.8vw, 18px);--panel-pad:clamp(12px, 1.6vw, 18px);--content-max:1920px;--mobile-sidebar-width:min(86vw, 312px)}html,body,#root{min-width:0}img,video,iframe,canvas{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}.app-main,.page-content,.panel,.hr-main-panel,.hr-side-panel,.settings-content,.settings-panel,.master-data-panel,.transport-panel,.payroll-panel,.attendance-panel{min-width:0}.page-content{width:100%;max-width:var(--content-max);padding:var(--page-block) var(--page-inline) calc(var(--page-block) + 18px);margin:0 auto}.mobile-menu-button,.mobile-sidebar-backdrop{display:none}.workspace-heading,.hr-page-heading,.transport-heading{flex-wrap:wrap;gap:clamp(10px,1.6vw,20px)}.workspace-heading h2,.hr-page-heading h2{font-size:clamp(22px,2vw,30px);line-height:1.15}.workspace-heading .eyebrow,.hr-page-heading .eyebrow{font-size:clamp(20px,1.9vw,30px)}.workspace-actions,.toolbar,.topbar-actions,.master-data-heading-actions,.attendance-filter-actions,.attendance-summary-actions,.transport-panel-heading>div:last-child{flex-wrap:wrap}.executive-grid,.module-summary-grid.refined,.hr-stat-grid,.attendance-kpi-grid,.payroll-kpi-grid,.transport-kpi-grid,.transport-kpi-grid.three,.backup-summary-grid,.shift-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.dashboard-main-grid,.insight-grid,.transport-grid.two-columns,.hr-workspace,.settings-layout,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.settings-table-wrap,.location-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}table,.business-table{width:100%}table{min-width:max(100%,760px)}.transport-table,.shuttle-table,.container-table{min-width:max(100%,980px)}.location-table{min-width:0}th,td{overflow-wrap:anywhere}.business-table th,.business-table td{border-right-color:#94a3b847}.search-box,.command-search,.attendance-search-field{width:100%;min-width:0}.payroll-filter-bar,.transport-filter-bar,.settings-inline-form,.location-form,.location-form.ward-form,.department-position-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.attendance-filter-bar{grid-template-columns:minmax(210px,1fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(150px,.55fr) auto minmax(280px,auto)}.form-grid.three-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.settings-form-grid,.advance-form-grid,.transport-form-grid,.attendance-edit-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.employee-dialog,.template-dialog,.transport-dialog,.advance-dialog,.attendance-edit-dialog{width:min(var(--dialog-width,1100px), calc(100vw - 24px));max-height:calc(100dvh - 24px)}.employee-dialog{--dialog-width:1240px}.attendance-edit-dialog{--dialog-width:920px}.modal-backdrop{padding:clamp(8px,2vw,18px)}.employee-dialog-body,.template-editor-surface,.template-variable-panel{min-width:0}@media (width>=1440px){.page-content{padding-inline:clamp(24px,1.8vw,34px)}}@media (width<=1439px){.topbar{gap:14px}.topbar-title{min-width:0}.settings-nav{position:static}}@media (width<=1023px){.app-shell{display:block}.mobile-menu-button{flex:0 0 40px;display:inline-flex}.mobile-sidebar-backdrop{z-index:79;opacity:0;pointer-events:none;background:#0f172a7a;border:0;transition:opacity .18s;position:fixed;inset:0}.mobile-menu-open .mobile-sidebar-backdrop{opacity:1;pointer-events:auto;display:block}.sidebar,.sidebar-collapsed{width:var(--mobile-sidebar-width);height:100dvh;max-width:var(--mobile-sidebar-width);z-index:90;flex-basis:auto;min-height:0;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-brand{min-height:72px}.sidebar-nav{padding:12px;display:block}.sidebar-footer{display:none}.sidebar-link{margin-bottom:4px}.topbar{min-height:auto;padding:12px var(--page-inline);flex-direction:column;align-items:flex-start}.topbar-title{align-items:flex-start;width:100%}.topbar h1{font-size:clamp(18px,4.5vw,22px)}.topbar p{font-size:12px;line-height:1.35}.topbar-actions.compact{justify-content:flex-end;width:100%}.workspace-heading,.hr-page-heading,.transport-heading{grid-template-columns:1fr;align-items:start;display:grid}.workspace-actions,.toolbar,.hr-filter-bar,.transport-panel-heading,.master-data-heading,.master-data-heading-actions,.attendance-pagination,.attendance-summary-title-row{flex-direction:column;align-items:stretch}.workspace-actions>*,.toolbar>*,.master-data-heading-actions>*,.attendance-filter-actions>*,.attendance-summary-actions>*,.form-actions>*{width:100%}.panel-heading{flex-direction:column;align-items:flex-start;min-height:0}.attendance-filter-bar,.attendance-summary-tools{grid-template-columns:1fr 1fr}.attendance-page-detail .attendance-filter-bar{grid-template-columns:minmax(180px,1fr) minmax(130px,.55fr) minmax(130px,.55fr) minmax(136px,.5fr) auto auto}.attendance-filter-actions,.attendance-summary-actions{grid-column:1/-1;justify-content:stretch}.attendance-page-detail .attendance-filter-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.attendance-page-detail .attendance-filter-actions>*{width:auto}.attendance-table-wrap{height:auto;min-height:0}.attendance-summary-wrap,.attendance-history-wrap,.payroll-table-wrap,.transport-table-wrap,.settings-table-wrap{max-height:60dvh}.template-dialog-body{grid-template-columns:1fr}.template-variable-panel{border-right:0;border-bottom:1px solid var(--border);max-height:180px}}@media (width<=767px){.page-content{padding-bottom:18px}.topbar-actions.compact{justify-content:space-between}.account-button{min-width:0;padding-inline:8px}.account-button div,.account-button>svg{display:none}.executive-card,.panel-heading,.compact-panel-header,.work-queue,.side-form,.settings-form-body,.master-data-panel,.role-list,.permission-grid{padding:var(--panel-pad)}.executive-grid,.module-summary-grid.refined,.hr-stat-grid,.attendance-kpi-grid,.payroll-kpi-grid,.transport-kpi-grid,.transport-kpi-grid.three,.dashboard-main-grid,.insight-grid,.transport-grid.two-columns,.hr-workspace,.settings-layout,.settings-grid,.master-data-layout,.backup-summary-grid,.shift-summary-grid{gap:var(--layout-gap);grid-template-columns:1fr}.settings-nav{display:none}.settings-form-grid,.settings-inline-form,.master-data-panel .settings-inline-form,.location-form,.location-form.ward-form,.department-position-form,.attendance-filter-bar,.attendance-summary-tools,.payroll-filter-bar,.transport-filter-bar,.advance-form-grid,.transport-form-grid,.attendance-edit-grid,.attendance-edit-profile,.attendance-edit-summary{grid-template-columns:1fr}.span-2,.attendance-edit-note{grid-column:auto}.form-actions,.template-dialog-footer,.attendance-edit-footer,.employee-dialog-footer{flex-direction:column-reverse;align-items:stretch}.attendance-edit-footer>div{grid-template-columns:1fr;width:100%;display:grid}.attendance-edit-header{margin:12px 12px 0;padding:14px 16px}.attendance-edit-body{padding:14px 12px}.attendance-edit-person-grid,.attendance-punch-card,.attendance-edit-adjust-grid{grid-template-columns:1fr}.employee-dialog,.template-dialog,.transport-dialog,.advance-dialog,.attendance-edit-dialog{border-radius:10px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.employee-dialog-header,.template-dialog-header{align-items:flex-start;min-height:0;padding:12px 14px}.employee-dialog-header h3,.template-dialog-header h3{font-size:20px}.employee-dialog-body{padding:10px 12px 0}.form-section{padding:10px}.form-grid .field-label{white-space:normal}.table-wrap{padding-inline:12px}th,td{padding:9px 10px}.attendance-pagination{padding-inline:12px}.attendance-page-controls{grid-template-columns:1fr auto 1fr;gap:8px;width:100%;margin-left:0;display:grid}.attendance-page-controls .secondary-button{width:100%}}@media (width<=639px){.attendance-period-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.page-content,.topbar{padding-inline:12px}.workspace-heading h2,.hr-page-heading h2{font-size:22px}.workspace-heading .eyebrow,.hr-page-heading .eyebrow{font-size:20px}.primary-button,.secondary-button,.ghost-button,.context-button,.danger-button,.file-button{min-height:42px}.attendance-detail-tabs,.attendance-summary-tabs{overflow-x:auto}.attendance-detail-tabs button,.attendance-summary-tabs button{flex:none}.attendance-detail-table,.attendance-summary-table,.payroll-table,.transport-table,.business-table,table{font-size:12px}.timeline-item,.operation-row,.profile-summary dl div,.permission-row,.company-logo-uploader,.template-designer-panel{grid-template-columns:1fr}.role-card,.queue-item,.master-value-row,.location-summary{flex-direction:column;align-items:flex-start}.employee-cell{align-items:flex-start}}:root{--app-sidebar-width:270px;--app-sidebar-collapsed-width:76px;--responsive-field-min:min(100%, 190px)}html,body,#root,.app-shell,.app-main,.page-content,.topbar,.topbar-title,.topbar-title>div,.topbar-actions,.workspace-heading,.hr-page-heading,.transport-heading,.workspace-heading>div:first-child,.hr-page-heading>div:first-child,.panel-heading,.panel-title,.settings-content,.settings-panel,.master-data-panel,.transport-panel,.payroll-panel,.attendance-panel,.hr-main-panel,.hr-side-panel,.panel,.executive-card,.module-tile,.empty-state{min-width:0}body{overflow-x:hidden}.app-shell{width:100%;max-width:100vw;overflow-x:clip}.sidebar{max-width:var(--app-sidebar-width)}.sidebar-collapsed{max-width:var(--app-sidebar-collapsed-width)}.app-main{width:calc(100% - var(--app-sidebar-width));max-width:calc(100vw - var(--app-sidebar-width));overflow-x:hidden}.sidebar-collapsed+.app-main{width:calc(100% - var(--app-sidebar-collapsed-width));max-width:calc(100vw - var(--app-sidebar-collapsed-width))}.page-content{width:100%;max-width:var(--content-max,1920px);overflow-x:hidden}.topbar h1,.topbar p,.panel-title h2,.panel-title p,.workspace-heading h2,.workspace-heading p,.hr-page-heading h2,.hr-page-heading p,.transport-heading h2,.transport-heading p{overflow-wrap:anywhere}.dashboard-main-grid,.insight-grid,.hr-workspace,.settings-layout,.settings-grid,.transport-grid.two-columns,.payroll-page,.attendance-page,.attendance-page-detail{min-width:0}.settings-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.settings-nav,.master-category-list,.settings-nav-link,.master-category-button{min-width:0}.settings-nav-copy,.settings-nav-link strong,.settings-nav-link small,.master-category-button strong,.master-category-button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.master-data-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:min(560px,100dvh - 240px)}.master-data-heading{align-items:center}.master-data-heading-actions,.workspace-actions,.toolbar,.transport-actions,.attendance-filter-actions,.attendance-summary-actions,.topbar-actions.compact{flex-wrap:wrap}.settings-inline-form,.master-data-panel .settings-inline-form,.location-form,.location-form.ward-form,.department-position-form,.payroll-filter-bar,.transport-filter-bar,.attendance-filter-bar,.attendance-summary-tools{min-width:0}.location-form,.location-form.ward-form,.department-position-form{grid-template-columns:repeat(auto-fit, minmax(var(--responsive-field-min), 1fr))}.location-form .primary-button,.department-position-form .primary-button{min-width:max-content}.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.attendance-summary-wrap,.attendance-history-wrap,.settings-table-wrap,.location-table-wrap{overscroll-behavior:contain;width:100%;min-width:0;max-width:100%;overflow:auto}.business-table,.settings-table,.payroll-table,.transport-table,.attendance-detail-table,.attendance-summary-table,.attendance-history-table,table{border-collapse:separate;border-spacing:0}.business-table th,.business-table td,.settings-table th,.settings-table td,.payroll-table th,.payroll-table td,.transport-table th,.transport-table td,.attendance-detail-table th,.attendance-detail-table td,.attendance-summary-table th,.attendance-summary-table td,.attendance-history-table th,.attendance-history-table td{border-right:1px solid #94a3b847}.business-table th:last-child,.business-table td:last-child,.settings-table th:last-child,.settings-table td:last-child,.payroll-table th:last-child,.payroll-table td:last-child,.transport-table th:last-child,.transport-table td:last-child,.attendance-detail-table th:last-child,.attendance-detail-table td:last-child,.attendance-summary-table th:last-child,.attendance-summary-table td:last-child,.attendance-history-table th:last-child,.attendance-history-table td:last-child{border-right:0}th,td{min-width:0}thead th,.business-table thead th,.settings-table thead th,.payroll-table thead th,.transport-table thead th,.attendance-detail-table thead th,.attendance-summary-table thead th,.attendance-history-table thead th{text-align:center;vertical-align:middle;background-clip:padding-box}.modal-backdrop{overflow:auto}.employee-dialog,.template-dialog,.transport-dialog,.advance-dialog,.attendance-edit-dialog,.attendance-import-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.employee-dialog-body,.template-dialog-body,.transport-form-grid,.advance-form-grid,.attendance-edit-body{min-height:0}.company-logo-uploader{grid-template-columns:minmax(96px,auto) minmax(0,1fr)}.company-logo-preview{width:clamp(92px,12vw,132px);height:clamp(62px,8vw,86px)}@media (width<=1480px){.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;display:grid}.settings-nav-link{min-height:64px}.master-data-layout{grid-template-columns:1fr}.master-category-list{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.master-category-button{grid-template-columns:minmax(0,1fr) auto}}@media (width<=1180px){.app-main,.sidebar-collapsed+.app-main{width:100%;max-width:100%}.topbar{min-height:0}.topbar-actions.compact{justify-content:flex-end;width:100%}.payroll-filter-bar,.transport-filter-bar,.settings-inline-form,.attendance-filter-bar,.attendance-summary-tools{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}@media (width<=1023px){.app-shell,.app-main,.page-content{width:100%;max-width:100%}.topbar{z-index:40;position:sticky;top:0}.mobile-menu-open{overflow:hidden}.sidebar,.sidebar-collapsed{max-width:var(--mobile-sidebar-width)}.workspace-actions,.toolbar,.master-data-heading-actions,.transport-actions,.attendance-filter-actions,.attendance-summary-actions{justify-content:flex-start}}@media (width<=767px){.settings-nav{display:none}.topbar-actions.compact{justify-content:space-between}.workspace-actions>*,.toolbar>*,.master-data-heading-actions>*,.transport-actions>*,.attendance-filter-actions>*,.attendance-summary-actions>*,.form-actions>*{width:100%}.settings-form-grid,.settings-inline-form,.master-data-panel .settings-inline-form,.location-form,.location-form.ward-form,.department-position-form,.payroll-filter-bar,.transport-filter-bar,.attendance-filter-bar,.attendance-summary-tools,.transport-form-grid,.advance-form-grid,.attendance-edit-grid,.attendance-edit-profile,.attendance-edit-summary,.company-logo-uploader{grid-template-columns:1fr}.master-data-panel,.settings-form-body,.table-wrap,.location-table-wrap{padding-inline:12px}.panel-heading,.compact-panel-header,.transport-panel-heading,.attendance-summary-table-header{padding:12px}}@media (width<=430px){.page-content,.topbar{padding-inline:10px}.topbar h1{font-size:18px}.workspace-heading h2,.hr-page-heading h2{font-size:21px}.workspace-heading .eyebrow,.hr-page-heading .eyebrow{font-size:19px}.panel-heading,.compact-panel-header,.transport-panel-heading,.attendance-summary-table-header,.settings-form-body,.master-data-panel{padding-inline:10px}}:is(.app-main:has(.attendance-page-detail),.page-content:has(.attendance-page-detail)){min-height:0}.attendance-page-detail{flex:auto;gap:10px;min-height:0}.attendance-page-detail .attendance-page-heading{padding-block:8px}.attendance-page-detail .attendance-detail-card,.attendance-page-detail .attendance-detail-records{flex:auto;min-height:0}.attendance-page-detail .attendance-filter-bar{flex:none;padding-block:8px}.attendance-page-detail .attendance-table-wrap{flex:auto;min-height:240px}.attendance-page-detail .attendance-table-status,.attendance-page-detail .attendance-page-controls{flex:none}.attendance-page-detail .attendance-page-controls{min-height:48px;padding:7px 18px}html,body,#root{font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;line-height:1.5}body,.app-shell,.app-main,.page-content,.workspace,.hr-page,.settings-page,.payroll-page,.advance-page,.attendance-page,.transport-page,.modal-backdrop,.employee-dialog,.template-dialog,.transport-dialog,.advance-dialog,.attendance-edit-dialog{font-family:var(--font-family-sans)}button,input,select,textarea,table,.recharts-wrapper{font-family:inherit}body,p,li,input,select,textarea,.field-label,.form-section,.settings-form-body,.employee-dialog-body,.template-dialog-body,.attendance-edit-body,.advance-card,.transport-card,.compact-panel,.business-panel{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--text-body);line-height:21px}.topbar h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--text-main);line-height:26px}.topbar p{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-soft);line-height:18px}.workspace-heading h2,.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--text-main);line-height:32px}.workspace-heading p,.hr-page-heading p,.attendance-page-heading p,.transport-heading p,.settings-page-heading p,.advance-heading p{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-soft);margin-top:4px;line-height:20px}.workspace-heading .eyebrow,.hr-page-heading .eyebrow,.attendance-page-heading .eyebrow,.workspace-heading h2 span,.hr-page-heading h2 span,.attendance-page-heading h2 span,.transport-heading h2 span,.settings-page-heading h2 span,.ops-heading h2 span,.advance-heading h2 span{font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--text-soft);margin-top:2px;line-height:18px;display:block}.workspace-heading .eyebrow:before,.workspace-heading .eyebrow:after,.hr-page-heading .eyebrow:before,.hr-page-heading .eyebrow:after{content:none}.panel-heading h3,.compact-panel-header h3,.transport-panel-heading h3,.attendance-summary-table-header h3,.advance-card-header h3,.settings-form-header h3,.settings-section-title,.business-panel h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-main);line-height:26px}.form-section legend,.template-variable-panel h4,.attendance-edit-section h4,.master-data-panel h3,.transport-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-main);line-height:24px}.brand-copy strong{font-size:15px;font-weight:var(--font-weight-bold);line-height:22px}.brand-copy span{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--sidebar-muted);line-height:16px}.sidebar-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:20px}.sidebar-link.active{font-weight:var(--font-weight-semibold)}.sidebar-sublink{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:18px}.sidebar-sublink.active{font-weight:var(--font-weight-semibold)}.sidebar-collapse-button{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.primary-button,.secondary-button,.ghost-button,.danger-button,.file-button,.bordered-action,.context-button,.advance-action-button,.transport-action-button,.account-button,.attendance-tab-button,.attendance-summary-tab,.template-toolbar button,.pagination button,.advance-pagination button,.attendance-page-controls button{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:20px}.primary-button,.advance-action-button.create,.advance-action-button.settle{font-weight:var(--font-weight-semibold)}.advance-page .advance-action-button.create,.advance-page .advance-action-button.settle{font-weight:700;line-height:18px}input,select,textarea,.search-box input,.advance-search input,.advance-select,.template-toolbar-select,.payroll-filter-bar input,.payroll-filter-bar select,.attendance-filter-bar input,.attendance-filter-bar select,.attendance-summary-tools input,.attendance-summary-tools select,.transport-filter-bar input,.transport-filter-bar select{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:20px}input::placeholder,textarea::placeholder{font-weight:var(--font-weight-regular);color:var(--text-soft)}.field-label,.form-grid label,.advance-form-grid label,.attendance-edit-body label,.attendance-import-dialog-body label,.settings-form-grid label,.location-form label,.department-position-form label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-soft);line-height:18px}.business-table,.settings-table,.payroll-table,.advance-debt-table,.advance-journal-table,.transport-table,.attendance-detail-table,.attendance-summary-table,.attendance-history-table{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-main);font-variant-numeric:tabular-nums;line-height:20px}.business-table th,.settings-table th,.payroll-table th,.advance-debt-table th,.advance-journal-table th,.transport-table th,.attendance-detail-table th,.attendance-summary-table th,.attendance-history-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;vertical-align:middle;line-height:18px}.business-table td,.settings-table td,.payroll-table td,.advance-debt-table td,.advance-journal-table td,.transport-table td,.attendance-detail-table td,.attendance-summary-table td,.attendance-history-table td{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);vertical-align:middle;line-height:20px}.business-table td strong,.settings-table td strong,.payroll-table td strong,.advance-debt-table td strong,.advance-journal-table td strong,.transport-table td strong,.attendance-detail-table td strong,.attendance-summary-table td strong{font-weight:var(--font-weight-semibold)}.business-table td small,.settings-table td small,.payroll-table td small,.advance-debt-table td small,.advance-journal-table td small,.transport-table td small,.attendance-detail-table td small,.attendance-summary-table td small{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-soft);line-height:16px}.business-table th:last-child,.business-table td:last-child,.settings-table th:last-child,.settings-table td:last-child,.payroll-table th:last-child,.payroll-table td:last-child,.advance-debt-table th:last-child,.advance-debt-table td:last-child,.advance-journal-table th:last-child,.advance-journal-table td:last-child,.transport-table th:last-child,.transport-table td:last-child,.attendance-detail-table th:last-child,.attendance-detail-table td:last-child,.attendance-summary-table th:last-child,.attendance-summary-table td:last-child{text-align:center}.payroll-kpi-card strong,.advance-stat-card strong,.hr-stat-card strong,.dashboard-stat-card strong,.transport-kpi-card strong,.stat-card strong,.metric-card strong,.kpi-card strong{font-size:20px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:28px}.payroll-kpi-card p,.advance-stat-card span,.hr-stat-card span,.dashboard-stat-card span,.transport-kpi-card span,.stat-card span,.metric-card span,.kpi-card span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-soft);line-height:18px}.status-pill,.status-badge,.badge,.advance-type-pill,.transport-status,.attendance-overtime-pill,.business-table .status,.attendance-summary-table .summary-normal-cell,.attendance-summary-table .summary-overtime-cell,.attendance-summary-table .summary-total-cell{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:16px}.money,.currency,.amount,.advance-money-positive,.advance-money-negative,.attendance-detail-table .attendance-normal-cell,.attendance-detail-table .attendance-overtime-cell,.attendance-detail-table .attendance-total-cell,.attendance-summary-table .summary-normal-cell,.attendance-summary-table .summary-overtime-cell,.attendance-summary-table .summary-total-cell,td[data-type=money],td[data-type=number]{font-variant-numeric:tabular-nums}.advance-money-positive,.advance-money-negative,.advance-debt-table td.advance-money-positive,.advance-debt-table td.advance-money-negative,.advance-journal-table td.advance-money-positive,.advance-journal-table td.advance-money-negative,.attendance-summary-table .summary-normal-cell,.attendance-summary-table .summary-overtime-cell,.attendance-summary-table .summary-total-cell{font-weight:var(--font-weight-semibold)}.template-toolbar-select,.template-toolbar input,.template-toolbar button,.tooltip,[role=tooltip]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (width<=1023px){.workspace-heading h2,.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2{font-size:22px;line-height:30px}}@media (width<=767px){.topbar h1{font-size:var(--font-size-lg);line-height:24px}.workspace-heading h2,.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2{font-size:20px;line-height:28px}.workspace-heading p,.hr-page-heading p,.attendance-page-heading p,.transport-heading p,.settings-page-heading p,.advance-heading p{font-size:var(--font-size-sm);line-height:18px}}.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.settings-page-heading,.advance-heading{align-items:center;gap:14px;margin:0}.workspace-heading>div:first-child,.hr-page-heading>div:first-child,.attendance-page-heading>div:first-child,.transport-heading>div:first-child,.settings-page-heading>div:first-child,.advance-heading>div:first-child{min-width:0;display:block}.workspace-heading h2,.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2{font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);letter-spacing:0;margin:0;line-height:32px}.workspace-heading p,.hr-page-heading p,.attendance-page-heading p,.transport-heading p,.settings-page-heading p,.advance-heading p{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--text-soft);margin:4px 0 0;line-height:20px}.workspace-heading .eyebrow,.hr-page-heading .eyebrow,.attendance-page-heading .eyebrow,.transport-heading .eyebrow,.settings-page-heading .eyebrow,.advance-heading .eyebrow,.workspace-heading h2 span,.hr-page-heading h2 span,.attendance-page-heading h2 span,.transport-heading h2 span,.settings-page-heading h2 span,.ops-heading h2 span,.advance-heading h2 span{display:none}.workspace-actions,.attendance-heading-actions,.transport-actions,.advance-heading .workspace-actions{align-items:center}.attendance-page{gap:12px}.attendance-page-heading{min-height:0}.attendance-heading-actions{justify-content:flex-end}.attendance-period-controls{align-items:end;padding:6px}.attendance-period-controls label{line-height:16px}.attendance-period-controls select{min-height:36px}[role=tablist] button,.attendance-detail-tabs button,.attendance-summary-tabs button,.ops-tabs button{color:var(--text-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);opacity:1;line-height:20px}[role=tablist] button svg,.attendance-detail-tabs button svg,.attendance-summary-tabs button svg,.ops-tabs button svg{color:currentColor;stroke-width:2px}[role=tablist] button:hover,.attendance-detail-tabs button:hover,.attendance-summary-tabs button:hover,.ops-tabs button:hover{color:var(--primary-strong);background:#0f766e14;border-color:#0f766e2e}[role=tablist] button:focus-visible,.attendance-detail-tabs button:focus-visible,.attendance-summary-tabs button:focus-visible,.ops-tabs button:focus-visible{outline-offset:2px;outline:2px solid #0f766e52}[role=tablist] button.active,.attendance-detail-tabs button.active,.attendance-summary-tabs button.active,.ops-tabs button.active{color:var(--primary-strong);font-weight:var(--font-weight-semibold)}.attendance-detail-tabs{gap:8px;padding:8px 18px}.attendance-detail-tabs button{min-height:36px}.attendance-summary-tabs button{min-height:38px}.attendance-detail-table{table-layout:fixed;min-width:max(100%,1400px)}.attendance-detail-table th,.attendance-detail-table td{height:38px;padding:4px 7px}.attendance-page-detail .attendance-detail-table th,.attendance-page-detail .attendance-detail-table td{height:38px;padding-top:4px;padding-bottom:4px}.attendance-detail-table th:nth-child(13),.attendance-detail-table td:nth-child(13){text-align:center;width:72px}.attendance-detail-table td:nth-child(14){color:var(--text-body)}.attendance-detail-table th:nth-child(15),.attendance-detail-table td:nth-child(15){background:var(--surface);width:62px;box-shadow:-1px 0 0 var(--border);text-align:center;z-index:2;position:sticky;right:0}.attendance-detail-table .attendance-total-header{color:#111827;font-weight:var(--font-weight-semibold);background:#d5e7f5}.attendance-detail-table .attendance-total-cell{color:#111827;font-weight:var(--font-weight-semibold);background:#e8f2f9}.attendance-summary-table{--summary-normal-width:96px;--summary-overtime-width:86px;--summary-total-width:82px}.attendance-summary-table th,.attendance-summary-table td{line-height:20px}.attendance-summary-table thead th,.attendance-summary-table thead .day-cell,.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table thead .summary-total-cell{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;vertical-align:middle;line-height:18px}.attendance-summary-table tbody td,.attendance-summary-table tbody .day-cell,.attendance-summary-table tbody .summary-normal-cell,.attendance-summary-table tbody .summary-overtime-cell,.attendance-summary-table tbody .summary-total-cell{font-size:var(--font-size-base);vertical-align:middle;line-height:20px}.attendance-summary-table .summary-normal-cell,.attendance-summary-table .summary-overtime-cell,.attendance-summary-table .summary-total-cell{color:#111827;font-weight:var(--font-weight-semibold);text-align:center;opacity:1}.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table thead .summary-total-cell{white-space:nowrap;z-index:13}.attendance-summary-table .summary-normal-cell{right:calc(var(--summary-overtime-width) + var(--summary-total-width));background:#e2f1e5}.attendance-summary-table .summary-overtime-cell{right:var(--summary-total-width);background:#fbe8c8}.attendance-summary-table .summary-total-cell{font-weight:var(--font-weight-bold);background:#dcecf8;right:0}.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table .summary-grand-total-row .summary-normal-cell{background:#cfe8d5}.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table .summary-grand-total-row .summary-overtime-cell{background:#f5d6a5}.attendance-summary-table thead .summary-total-cell,.attendance-summary-table .summary-grand-total-row .summary-total-cell{background:#d5e7f5}@media (width<=900px){.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.settings-page-heading,.advance-heading{flex-direction:column;align-items:stretch;gap:10px}.attendance-heading-actions,.attendance-period-controls{width:100%}.attendance-period-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.attendance-edit-dialog{border:1px solid color-mix(in srgb, var(--border) 78%, var(--primary) 22%);background:var(--surface);border-radius:16px;flex-direction:column;width:min(860px,100vw - 32px);max-height:min(780px,100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 28px 80px #0f172a3d}.attendance-edit-header{border-bottom:1px solid color-mix(in srgb, var(--border) 78%, var(--primary) 22%);background:radial-gradient(circle at 88% 0%, color-mix(in srgb, transparent 72%, var(--primary) 28%), transparent 35%), linear-gradient(110deg, var(--section-tint-strong), var(--surface));flex:none;min-height:88px;margin:0;padding:16px 20px}.attendance-edit-heading{flex:auto;min-width:0}.attendance-edit-heading-icon{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--surface) 72%, var(--primary) 28%);width:46px;height:46px;color:var(--primary);border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff8c}.attendance-edit-header .attendance-edit-heading-icon svg{color:currentColor}.attendance-edit-heading-copy{gap:2px;min-width:0;display:grid}.attendance-edit-heading-copy>span{color:var(--primary);letter-spacing:.08em;font-size:10px;font-weight:750;line-height:14px}.attendance-edit-header .attendance-edit-title-new{color:var(--text-main);letter-spacing:-.02em;font-size:clamp(19px,2.2vw,24px);font-weight:750;line-height:30px}.attendance-edit-header .attendance-edit-heading-copy p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:17px;display:block;overflow:hidden}.attendance-edit-header>.icon-button{background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:9px;flex:0 0 38px;width:38px;min-height:38px}.attendance-edit-body{background:var(--surface);min-height:0;padding:18px 20px;overflow-y:auto}.attendance-edit-new-layout{gap:16px}.attendance-edit-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:0;overflow:hidden;box-shadow:0 4px 14px #0f172a09}.attendance-edit-section>h4{border-bottom:1px solid var(--border);background:linear-gradient(100deg, var(--section-tint-strong), var(--surface-muted));min-height:44px;color:var(--text-main);letter-spacing:.025em;align-items:center;gap:9px;margin:0;padding:9px 14px;font-size:13px;font-weight:750;line-height:20px;display:flex}.attendance-edit-section>h4>span{background:color-mix(in srgb, var(--surface) 64%, var(--primary) 36%);width:28px;height:28px;color:var(--primary);border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.attendance-edit-person-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px}.attendance-edit-person-grid label,.attendance-edit-adjust-grid label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:650;line-height:18px}.attendance-edit-person-grid input,.attendance-edit-adjust-grid input,.attendance-edit-adjust-grid select,.attendance-edit-adjust-grid textarea{border:1px solid var(--control-border-strong);background:var(--surface);width:100%;color:var(--text-main);border-radius:9px;outline:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:20px;box-shadow:inset 0 1px 2px #0f172a09}.attendance-edit-person-grid input{background:var(--surface-muted);min-height:42px;color:var(--text-main);cursor:default}.attendance-punch-card{background:var(--surface);border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:14px 8px}.attendance-shift-card{border-right:1px solid var(--border);gap:10px;min-width:0;padding:0 14px;display:grid}.attendance-shift-card:last-child{border-right:0}.attendance-shift-card>header{justify-items:center;gap:1px;display:grid}.attendance-punch-card .attendance-shift-card>header strong{color:#0284c7;font-size:13px;font-weight:750;line-height:18px}.attendance-punch-card .shift-two>header strong{color:#ea580c}.attendance-punch-card .shift-three>header strong{color:#db2777}.attendance-shift-card>header small{color:var(--text-muted);font-size:10px;line-height:14px}.attendance-shift-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attendance-punch-card .attendance-time-box{border:1px solid var(--control-border-strong);background:var(--surface-muted);min-width:0;color:var(--text-main);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 84%, transparent);border-radius:9px;justify-items:center;gap:1px;padding:7px 8px;display:grid}.attendance-time-box small{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600;line-height:12px}.attendance-time-box strong{color:var(--text-main);font-size:14px;font-weight:700;line-height:20px}.attendance-edit-adjust-grid{background:var(--surface);border:0;border-radius:0;grid-template-columns:minmax(0,1.4fr) minmax(170px,.6fr);gap:13px 14px;padding:14px}.attendance-edit-adjust-grid input,.attendance-edit-adjust-grid select{min-height:42px}.attendance-edit-adjust-grid textarea{resize:vertical;min-height:74px}.attendance-edit-note{grid-column:1/-1}.attendance-edit-footer{border-top:1px solid var(--border);background:var(--surface-muted);flex:none;min-height:66px;padding:12px 20px}.attendance-edit-footer>div{align-items:center}.attendance-edit-footer :where(.primary-button,.secondary-button,.danger-button){border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding-inline:15px;display:inline-flex}:root[data-theme=dark] .attendance-edit-dialog,:root[data-theme=dark] .attendance-edit-body,:root[data-theme=dark] .attendance-edit-section,:root[data-theme=dark] .attendance-punch-card,:root[data-theme=dark] .attendance-edit-adjust-grid{background:var(--surface);color:var(--text-main)}:root[data-theme=dark] .attendance-edit-header{background:radial-gradient(circle at 88% 0%, #14b8a629, transparent 35%), linear-gradient(110deg, #102335, var(--surface))}:root[data-theme=dark] .attendance-edit-person-grid input,:root[data-theme=dark] .attendance-punch-card .attendance-time-box{color:#f8fafc;background:#111c2f;border-color:#475569}:root[data-theme=dark] .attendance-edit-section>h4,:root[data-theme=dark] .attendance-edit-footer{background:linear-gradient(100deg,#102335,#111827)}@media (width<=720px){.attendance-edit-dialog{border-radius:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.attendance-edit-header{min-height:76px;padding:12px 14px}.attendance-edit-heading-icon{flex-basis:40px;width:40px;height:40px}.attendance-edit-header .attendance-edit-title-new{font-size:18px;line-height:24px}.attendance-edit-heading-copy>span,.attendance-edit-heading-copy p{display:none}.attendance-edit-body{padding:12px}.attendance-edit-person-grid,.attendance-punch-card,.attendance-edit-adjust-grid{grid-template-columns:1fr}.attendance-shift-card{border-right:0;border-bottom:1px solid var(--border);padding:12px 6px}.attendance-shift-card:first-child{padding-top:0}.attendance-shift-card:last-child{border-bottom:0;padding-bottom:0}.attendance-edit-note{grid-column:auto}.attendance-edit-footer{flex-direction:column-reverse;align-items:stretch;padding:10px 12px}.attendance-edit-footer>div{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.attendance-edit-footer>.danger-button{width:100%}}@media (width<=430px){.attendance-edit-footer>div{grid-template-columns:1fr}}.attendance-period-controls{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(116px,150px));gap:8px;padding:0}.attendance-period-controls label{gap:0}.attendance-period-controls label>span{display:none}.attendance-period-controls select{min-height:38px;font-weight:var(--font-weight-medium);background:#fff;border-color:#cbd5e1}[role=tablist] button,.attendance-detail-tabs button,.attendance-summary-tabs button,.ops-tabs button{background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0f172a0a}[role=tablist] button.active,.attendance-detail-tabs button.active,.attendance-summary-tabs button.active,.ops-tabs button.active{color:var(--primary-strong);box-shadow:inset 0 -2px 0 var(--primary), 0 1px 2px #0f172a0d;background:#e7f5f2;border-color:#0f766e73}.attendance-filter-bar .ghost-button{min-height:38px;color:var(--text);font-weight:var(--font-weight-semibold);background:#fff;border:1px solid #94a3b8;border-radius:8px;padding:0 12px}.attendance-filter-bar .ghost-button:hover{color:var(--primary-strong);background:#0f766e14;border-color:#0f766e73}.attendance-page-detail .attendance-filter-bar{grid-template-columns:minmax(210px,.8fr) minmax(128px,.42fr) minmax(128px,.42fr) minmax(126px,.4fr) auto auto auto max-content;gap:8px;padding:8px 14px}.attendance-page-detail .attendance-detail-search{min-width:210px}.attendance-quick-delete-button{white-space:nowrap;min-height:38px;padding:0 12px}.attendance-lock-button{white-space:nowrap;min-height:38px}.attendance-locked-action{color:#0f766e;background:#0f766e1a;border-color:#0f766e4d}.attendance-locked-action:hover{background:#0f766e2b;border-color:#0f766e7a}.attendance-lock-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(880px,100vw - 32px);max-height:calc(100dvh - 32px);display:grid}.attendance-lock-dialog-body{display:block;overflow-y:auto}.attendance-lock-dialog-body>*+*{margin-top:16px}.attendance-lock-period{grid-template-columns:repeat(2,minmax(0,180px));gap:12px;display:grid}.attendance-lock-calendar-section{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.attendance-lock-calendar-weekdays,.attendance-lock-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.attendance-lock-calendar-weekdays{border-bottom:1px solid var(--border);background:var(--surface-muted)}.attendance-lock-calendar-weekdays span{color:var(--text-muted);text-align:center;padding:8px 4px;font-size:11px;font-weight:700}.attendance-lock-calendar-grid{background:var(--border);gap:1px}.attendance-lock-day,.attendance-lock-day-empty{background:var(--surface);border:0;min-width:0;min-height:64px}.attendance-lock-day{color:var(--text);cursor:pointer;align-content:center;justify-items:center;gap:4px;padding:7px 4px;transition:background .15s,color .15s,box-shadow .15s;display:grid}.attendance-lock-day>span{border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.attendance-lock-day small{min-width:0;color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:3px;font-size:9px;line-height:1.2;display:inline-flex}.attendance-lock-day:hover:not(:disabled){background:#0f766e14}.attendance-lock-day.selected{z-index:1;background:#0f766e1f;position:relative;box-shadow:inset 0 0 0 2px #0f766e}.attendance-lock-day.selected>span{color:#fff;background:#0f766e}.attendance-lock-day.locked{color:#475569;cursor:not-allowed;opacity:1;background:#eef2f7}.attendance-lock-day.locked>span{color:#334155;background:#cbd5e1}.attendance-lock-day.locked small{color:#475569;font-weight:700}.attendance-locked-list-section{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.attendance-locked-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.attendance-locked-list-heading h4{color:var(--text);margin:0;font-size:14px}.attendance-locked-list-heading p{margin-top:3px;font-size:11px}.attendance-lock-count{color:#0f766e;background:#0f766e1a;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-locked-list-wrap{max-height:220px;overflow:auto}.attendance-locked-list-table{min-width:620px;margin:0}.attendance-locked-list-table th,.attendance-locked-list-table td{text-align:center;height:42px;padding:7px 10px}.attendance-locked-list-table th{z-index:2;position:sticky;top:0}.attendance-locked-list-table th:nth-child(2),.attendance-locked-list-table td:nth-child(2){text-align:left}.attendance-unlock-button{min-height:30px;padding:0 9px;font-size:11px}.attendance-locked-empty{min-height:86px;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.attendance-lock-dialog-footer{justify-content:space-between;align-items:center}.attendance-lock-dialog-footer>span{color:var(--text-muted);font-size:12px}.attendance-lock-dialog-footer>div{gap:10px;display:flex}.attendance-lock-dialog-footer .primary-button:disabled{cursor:not-allowed;opacity:.52}:root[data-theme=dark] .attendance-lock-day.locked{color:#cbd5e1;background:#182235}:root[data-theme=dark] .attendance-lock-day.locked>span{color:#f8fafc;background:#334155}:root[data-theme=dark] .attendance-lock-day.locked small{color:#cbd5e1}:root[data-theme=dark] .attendance-lock-count{color:#99f6e4;background:#2dd4bf24}@media (width<=640px){.attendance-lock-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.attendance-lock-period{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-lock-day,.attendance-lock-day-empty{min-height:54px}.attendance-lock-day small{font-size:8px}.attendance-lock-dialog-footer{flex-direction:column;align-items:stretch}.attendance-lock-dialog-footer>div{grid-template-columns:1fr 1.4fr;display:grid}}.attendance-quick-delete-dialog{max-width:560px}.attendance-import-dialog-body input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:8px;padding:0 12px}.attendance-import-dialog-body input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #0f766e24}.attendance-quick-delete-warning{color:#9f1239;background:#fff1f2;border-left:3px solid #dc2626;border-radius:6px;padding:10px 12px}:root[data-theme=dark] .attendance-quick-delete-warning{color:#fecdd3;background:#32151d}.attendance-page-detail .attendance-filter-actions .secondary-button,.attendance-page-detail .attendance-filter-actions .file-button{padding-left:12px;padding-right:12px}.attendance-detail-table thead th{text-align:center;vertical-align:middle}.attendance-detail-table th:first-child,.attendance-detail-table td:first-child{width:126px}.attendance-detail-table th:nth-child(5),.attendance-detail-table td:nth-child(5){text-align:center;width:102px}.attendance-detail-table th:nth-child(n+7):nth-child(-n+12),.attendance-detail-table td:nth-child(n+7):nth-child(-n+12){text-align:center;width:60px}.attendance-detail-table th:nth-child(14),.attendance-detail-table td:nth-child(14){vertical-align:middle;width:170px}.attendance-detail-table th:nth-child(14){text-align:center}.attendance-detail-table td:nth-child(14){text-align:left}.attendance-detail-table th:nth-child(15),.attendance-detail-table td:nth-child(15){width:82px;min-width:82px;max-width:82px}.attendance-detail-table thead th:nth-child(15){white-space:normal}@media (width<=900px){.attendance-period-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filter-actions{justify-content:flex-start}}.app-main{position:relative}.compact-topbar{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-bottom:0;justify-content:flex-end;width:auto;min-height:0;padding:18px 30px 0 12px;position:absolute;top:0;left:auto;right:0}.compact-topbar .topbar-title{display:none}.compact-topbar .topbar-actions.compact{pointer-events:auto}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.settings-page>.settings-page-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child{row-gap:8px;padding-right:min(340px,34vw)}.page-content>.dashboard-page>.workspace-heading:first-child .workspace-actions,.page-content>.hr-page>.hr-page-heading:first-child .workspace-actions,.page-content>.attendance-page>.attendance-page-heading:first-child .workspace-actions,.page-content>.transport-page>.transport-heading:first-child .workspace-actions,.page-content>.settings-page>.settings-page-heading:first-child .workspace-actions,.page-content>.advance-page>.advance-heading:first-child .workspace-actions,.page-content>.ops-page>.ops-heading:first-child .workspace-actions{flex:0 0 calc(100% + min(340px,34vw));justify-content:flex-end;margin-left:0;margin-right:calc(-1*min(340px,34vw))}.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.settings-page-heading,.advance-heading,.ops-heading{padding-top:0;padding-bottom:2px}.workspace-heading h2,.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2,.ops-heading h2{line-height:30px}.workspace-heading p,.hr-page-heading p,.attendance-page-heading p,.transport-heading p,.settings-page-heading p,.advance-heading p,.ops-heading p{margin-top:2px;line-height:18px}@media (width<=1023px){.compact-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffffeb;width:100%;min-height:54px;padding:8px 14px;position:static}:root[data-theme=dark] .compact-topbar{background:#111827eb}.compact-topbar .topbar-title{display:flex}.page-content{padding-top:12px}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.settings-page>.settings-page-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child{padding-right:0}.page-content>.dashboard-page>.workspace-heading:first-child .workspace-actions,.page-content>.hr-page>.hr-page-heading:first-child .workspace-actions,.page-content>.attendance-page>.attendance-page-heading:first-child .workspace-actions,.page-content>.transport-page>.transport-heading:first-child .workspace-actions,.page-content>.settings-page>.settings-page-heading:first-child .workspace-actions,.page-content>.advance-page>.advance-heading:first-child .workspace-actions,.page-content>.ops-page>.ops-heading:first-child .workspace-actions{flex-basis:auto;justify-content:flex-start;margin-right:0}}.attendance-page-detail .attendance-page-heading .attendance-heading-actions,.attendance-page-summary .attendance-page-heading .attendance-heading-actions{display:none}.attendance-page-detail .attendance-detail-tabs,.attendance-page-summary .attendance-summary-switcher{flex-wrap:wrap;align-items:center}.attendance-detail-tabs .attendance-period-controls,.attendance-summary-switcher .attendance-period-controls{width:auto;margin-left:auto}.compact-topbar{padding-top:16px;padding-right:var(--page-inline)}.compact-topbar .topbar-actions.compact{align-items:center;min-height:40px}.page-content{padding-top:16px}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.settings-page>.settings-page-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child{align-items:center;min-height:48px;padding-top:0;padding-bottom:0;padding-right:min(340px,34vw)}.hr-page-heading,.attendance-page-heading,.transport-heading,.settings-page-heading,.advance-heading,.workspace-heading,.ops-heading{gap:10px}.hr-page-heading h2,.attendance-page-heading h2,.transport-heading h2,.settings-page-heading h2,.advance-heading h2,.workspace-heading h2,.ops-heading h2{line-height:28px}.hr-page-heading p,.attendance-page-heading p,.transport-heading p,.settings-page-heading p,.advance-heading p,.workspace-heading p,.ops-heading p{margin-top:1px;line-height:17px}.attendance-page-detail,.attendance-page-summary{gap:8px}.app-main:has(.attendance-page-summary){height:100dvh;overflow:hidden}.page-content:has(.attendance-page-summary){flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.attendance-page-summary{flex-direction:column;flex:auto;min-height:0;display:flex}.attendance-page-summary .attendance-summary-layout{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex}.attendance-page-summary .attendance-summary-switcher{flex:none;gap:12px;padding:9px 18px;display:flex}.attendance-page-summary .attendance-summary-table-header{flex:none}.attendance-page-summary .attendance-summary-title,.attendance-page-summary .attendance-summary-table-header>p{display:none}.attendance-page-summary .attendance-summary-table-header{min-height:0;padding:10px 16px}.attendance-page-summary .attendance-summary-title-row{justify-content:flex-end;width:100%}.attendance-page-summary .attendance-summary-wrap{flex:auto;min-height:280px;max-height:none}@media (width<=900px){.compact-topbar{padding:8px 14px}.page-content{padding-top:12px}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.settings-page>.settings-page-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child{min-height:0;padding-right:0}}@media (width<=700px){.attendance-page-detail .attendance-detail-tabs{align-items:stretch}.attendance-detail-tabs .attendance-period-controls,.attendance-summary-switcher .attendance-period-controls{width:100%;margin-left:0}.attendance-page-summary .attendance-summary-switcher{align-items:stretch}}.attendance-page-summary .attendance-summary-switcher{flex-flow:row;justify-content:space-between;align-items:center}.attendance-page-summary .attendance-summary-tabs{flex:none;margin-right:0}.attendance-page-summary .attendance-summary-switcher .attendance-period-controls{flex:none;margin-left:auto}.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher){flex-direction:column;flex:1 1 0;min-height:0;display:flex}.attendance-page-summary .attendance-summary-wrap{flex:1 1 0;height:auto;min-height:0;max-height:none}.attendance-page-summary .attendance-summary-table{height:auto}@media (width<=700px){.attendance-page-summary .attendance-summary-switcher{flex-direction:column;justify-content:flex-start}.attendance-page-summary .attendance-summary-tabs,.attendance-page-summary .attendance-summary-switcher .attendance-period-controls{width:100%;margin-left:0;margin-right:0}}.app-shell,.app-main{min-height:100dvh}.app-main,.page-content{min-height:0}:is(.page-content:has(.attendance-page-detail),.page-content:has(.attendance-page-summary),.page-content:has(.payroll-page),.page-content:has(.transport-page),.page-content:has(.hr-page .table-wrap)){flex-direction:column;flex:auto;display:flex;overflow:hidden}:is(.page-content:has(.attendance-page-detail)>*,.page-content:has(.attendance-page-summary)>*,.page-content:has(.payroll-page)>*,.page-content:has(.transport-page)>*,.page-content:has(.hr-page .table-wrap)>*){flex:auto;min-height:0}:is(.hr-page:has(.table-wrap),.payroll-page,.transport-page,.attendance-page-detail,.attendance-page-summary){flex-direction:column;min-height:0;display:flex}:is(.hr-page:has(.table-wrap)>.hr-page-heading,.payroll-page>.payroll-heading,.transport-page>.transport-heading,.attendance-page>.attendance-page-heading){flex:none}:is(.panel:has(>.table-wrap),.panel:has(.payroll-table-wrap),.panel:has(.transport-table-wrap),.panel:has(.attendance-table-wrap),.panel:has(.attendance-summary-wrap),.panel:has(.attendance-history-wrap),.hr-main-panel:has(.table-wrap),.payroll-panel,.transport-panel,.attendance-panel,.settings-panel:has(.settings-table-wrap),.settings-panel:has(.location-table-wrap),.advance-journal-card,.advance-debt-card,.ops-panel:has(.ops-table-wrap)){min-width:0;min-height:0;overflow:hidden}:is(.panel:has(>.table-wrap),.panel:has(.payroll-table-wrap),.panel:has(.transport-table-wrap),.panel:has(.attendance-table-wrap),.panel:has(.attendance-summary-wrap),.panel:has(.attendance-history-wrap),.hr-main-panel:has(.table-wrap),.payroll-panel,.transport-panel,.attendance-panel,.advance-journal-card,.advance-debt-card){flex-direction:column;display:flex}:is(.panel:has(>.table-wrap)>:not(.table-wrap),.panel:has(.payroll-table-wrap)>:not(.payroll-table-wrap),.panel:has(.transport-table-wrap)>:not(.transport-table-wrap),.panel:has(.attendance-table-wrap)>:not(.attendance-table-wrap),.panel:has(.attendance-summary-wrap)>:not(.attendance-summary-wrap),.panel:has(.attendance-history-wrap)>:not(.attendance-history-wrap),.hr-main-panel:has(.table-wrap)>:not(.table-wrap),.payroll-panel>:not(.payroll-table-wrap),.transport-panel>:not(.transport-table-wrap),.advance-journal-card>:not(.advance-table-wrap),.advance-debt-card>:not(.advance-debt-list)){flex:none}.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.attendance-summary-wrap,.attendance-history-wrap,.settings-table-wrap,.location-table-wrap,.advance-table-wrap,.advance-debt-list,.ops-table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:none;overflow:auto}.table-wrap>table,.payroll-table-wrap>table,.transport-table-wrap>table,.attendance-table-wrap>table,.attendance-summary-wrap>table,.attendance-history-wrap>table,.settings-table-wrap>table,.location-table-wrap>table,.advance-table-wrap>table,.advance-debt-list>table,.ops-table-wrap>table{width:100%}.business-table{min-width:max(100%,760px)}.payroll-table,.settings-table,.attendance-history-table{min-width:max(100%,900px)}.transport-table,.shuttle-table,.container-table,.ops-table{min-width:max(100%,980px)}.attendance-summary-table{min-width:max(100%,1180px)}.business-table thead th,.payroll-table thead th,.transport-table thead th,.attendance-detail-table thead th,.attendance-summary-table thead th,.attendance-history-table thead th,.settings-table thead th,.location-table thead th,.advance-journal-table thead th,.advance-debt-table thead th,.ops-table thead th{z-index:10;background-clip:padding-box;position:sticky;top:0}.business-table th,.business-table td{vertical-align:middle}.business-table th{text-align:center}.business-table td{overflow-wrap:normal}.attendance-table-footer,.attendance-pagination,.advance-pagination,.table-pagination,.pagination,.payroll-pagination,.transport-pagination{flex:none;min-height:0}@media (width>=821px){:is(.page-content:has(.attendance-page-detail),.page-content:has(.attendance-page-summary),.page-content:has(.payroll-page),.page-content:has(.transport-page),.page-content:has(.hr-page .table-wrap)){height:100dvh}:is(.payroll-page,.hr-page:has(.table-wrap),.transport-page){flex:1 1 0}.payroll-page>.payroll-panel,.transport-page>.transport-grid{flex:1 1 0;min-height:0}.hr-page:has(.table-wrap)>.hr-workspace.full-width{flex:1 1 0;min-height:0}.transport-page>.transport-grid{display:grid}}@media (width<=820px){.app-shell,.app-main{height:auto;min-height:100dvh}:is(.page-content:has(.attendance-page-detail),.page-content:has(.attendance-page-summary),.page-content:has(.payroll-page),.page-content:has(.transport-page),.page-content:has(.hr-page .table-wrap)){height:auto;display:block;overflow:visible}.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.attendance-summary-wrap,.attendance-history-wrap,.settings-table-wrap,.location-table-wrap,.advance-table-wrap,.advance-debt-list,.ops-table-wrap{max-height:min(68dvh,620px)}.business-table{min-width:max(100%,720px)}}:is(.page-content:has(.advance-page),.page-content:has(.settings-page),.page-content:has(.transport-page)){overflow:auto}.page-content:has(.advance-page){height:auto;display:block}.attendance-page-detail .attendance-detail-card,.attendance-page-detail .attendance-detail-records,.attendance-page-summary .attendance-summary-layout,.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher){min-height:0}.hr-page:has(.employee-table) .hr-workspace.full-width{min-height:0}.hr-page:has(.employee-table) .hr-main-panel{min-height:0}.attendance-page-detail .attendance-detail-card,.attendance-page-detail .attendance-detail-records,.attendance-page-summary .attendance-summary-layout,.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher){flex-direction:column;display:flex}.hr-page:has(.employee-table) .hr-workspace.full-width{flex-direction:column;display:flex}.hr-page:has(.employee-table) .hr-main-panel{flex-direction:column;display:flex}.attendance-page-detail .attendance-detail-card,.attendance-page-detail .attendance-detail-records,.attendance-page-detail .attendance-table-wrap,.attendance-page-summary .attendance-summary-layout,.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher),.attendance-page-summary .attendance-summary-wrap{flex:1 1 0}.hr-page:has(.employee-table) .hr-workspace.full-width{flex:1 1 0}.hr-page:has(.employee-table) .hr-main-panel{flex:1 1 0}.hr-page:has(.employee-table) .table-wrap{flex:1 1 0}:is(.attendance-page-detail .attendance-detail-card>.attendance-detail-records,.hr-page:has(.employee-table) .hr-main-panel>.table-wrap){flex:1 1 0;min-height:0}.attendance-page-detail .attendance-detail-tabs,.attendance-page-detail .attendance-filter-bar,.attendance-page-detail .attendance-pagination,.attendance-page-summary .attendance-summary-switcher,.attendance-page-summary .attendance-summary-table-header{flex:none}:is(.attendance-page-detail .attendance-table-wrap,.attendance-page-summary .attendance-summary-wrap,.hr-page:has(.employee-table) .table-wrap){min-height:0;max-height:none}.attendance-page-summary .attendance-summary-layout[data-summary-tab=employees]>.attendance-panel:nth-of-type(2),.attendance-page-summary .attendance-summary-layout[data-summary-tab=departments]>.attendance-panel:nth-of-type(3){display:flex}.attendance-page-summary .attendance-summary-layout[data-summary-tab=employees]>.attendance-panel:nth-of-type(3),.attendance-page-summary .attendance-summary-layout[data-summary-tab=departments]>.attendance-panel:nth-of-type(2){display:none}.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.attendance-summary-wrap,.attendance-history-wrap,.settings-table-wrap,.location-table-wrap,.advance-table-wrap,.advance-debt-list,.ops-table-wrap{overflow:auto}@media (width>=821px){:is(.page-content:has(.attendance-page-detail),.page-content:has(.attendance-page-summary),.page-content:has(.hr-page .table-wrap):not(:has(.advance-page))){height:calc(100dvh - var(--app-header-height,0px))}.page-content:has(.attendance-page-detail){overflow:hidden}:is(.attendance-page-detail,.attendance-page-summary,.hr-page:has(.employee-table)){flex:1 1 0}}@media (width<=820px){:is(.app-main:has(.attendance-page-detail),.app-main:has(.attendance-page-summary),.app-main:has(.hr-page .table-wrap),.app-main:has(.payroll-page),.app-main:has(.transport-page),.app-main:has(.settings-page)){min-height:100dvh;height:auto!important;overflow:visible!important}:is(.page-content:has(.attendance-page-detail),.page-content:has(.attendance-page-summary),.page-content:has(.hr-page .table-wrap),.page-content:has(.payroll-page),.page-content:has(.transport-page),.page-content:has(.settings-page)),.attendance-page-detail,.attendance-page-summary,.attendance-page-detail .attendance-detail-card,.attendance-page-detail .attendance-detail-records,.attendance-page-summary .attendance-summary-layout,.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher){flex:none;height:auto;min-height:auto;overflow:visible}.hr-page:has(.employee-table){flex:none;height:auto;min-height:auto;overflow:visible}.hr-page:has(.employee-table) .hr-workspace.full-width{flex:none;height:auto;min-height:auto;overflow:visible}.hr-page:has(.employee-table) .hr-main-panel{flex:none;height:auto;min-height:auto;overflow:visible}.attendance-page-summary,.attendance-page-summary .attendance-summary-layout,.attendance-page-summary .attendance-summary-layout>.attendance-panel:not(.attendance-summary-switcher){display:block}.hr-page:has(.employee-table) .hr-workspace.full-width{display:block}.hr-page:has(.employee-table) .hr-main-panel{display:block}.hr-page:has(.employee-table) .hr-main-panel>.table-wrap{flex:none;height:min(68dvh,620px);max-height:min(68dvh,620px)}.attendance-page-summary .attendance-summary-wrap,.attendance-page-detail .attendance-table-wrap,.attendance-page-detail .attendance-history-wrap{flex:none;height:min(68dvh,620px);max-height:min(68dvh,620px)}.attendance-page-detail .attendance-detail-card,.attendance-page-summary .attendance-panel,.payroll-panel,.transport-panel,.advance-journal-card,.advance-debt-card{overflow:visible}.hr-main-panel:has(.table-wrap){overflow:visible}}.hr-page:has(.employee-table) .hr-filter-bar{grid-template-columns:minmax(360px,1fr) minmax(132px,180px) auto max-content;align-items:center;gap:10px;min-height:64px;display:grid}.hr-filter-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.search-box,.hr-filter-bar select,.hr-filter-bar .ghost-button,.attendance-filter-bar input,.attendance-filter-bar select,.attendance-search-field,.attendance-filter-bar .ghost-button,.payroll-filter-bar input,.payroll-filter-bar select,.transport-filter-bar input,.transport-filter-bar select,.settings-inline-form input,.settings-inline-form select{border-color:#94a3b8;box-shadow:0 0 0 1px #94a3b838}.search-box:focus-within,.hr-filter-bar select:focus,.hr-filter-bar .ghost-button:focus-visible,.attendance-filter-bar input:focus,.attendance-filter-bar select:focus,.attendance-search-field:focus-within,.attendance-filter-bar .ghost-button:focus-visible,.payroll-filter-bar input:focus,.payroll-filter-bar select:focus,.transport-filter-bar input:focus,.transport-filter-bar select:focus,.settings-inline-form input:focus,.settings-inline-form select:focus{border-color:#0f766e;outline:0;box-shadow:0 0 0 3px #0f766e24}.attendance-detail-table{min-width:max(100%,1390px)}.attendance-detail-table th:first-child,.attendance-detail-table td:first-child{text-align:center;width:48px}.attendance-detail-table th:nth-child(2),.attendance-detail-table td:nth-child(2){width:126px}.attendance-detail-table th:nth-child(3),.attendance-detail-table td:nth-child(3){width:190px}.attendance-detail-table th:nth-child(4),.attendance-detail-table td:nth-child(4){width:124px}.attendance-detail-table th:nth-child(5),.attendance-detail-table td:nth-child(5){width:88px}.attendance-detail-table th:nth-child(6),.attendance-detail-table td:nth-child(6){text-align:center;width:102px}.attendance-detail-table th:nth-child(7),.attendance-detail-table td:nth-child(7){text-align:center;width:54px}.attendance-detail-table th:nth-child(n+8):nth-child(-n+13),.attendance-detail-table td:nth-child(n+8):nth-child(-n+13){text-align:center;width:60px}.attendance-detail-table th:nth-child(14),.attendance-detail-table td:nth-child(14){text-align:center;width:78px}.attendance-detail-table th:nth-child(15),.attendance-detail-table td:nth-child(15){background:var(--surface);width:150px;min-width:150px;max-width:150px;box-shadow:none;text-align:left;z-index:auto;position:static;right:auto}.attendance-detail-table thead th:nth-child(15){text-align:center;z-index:10;background:#eef3f8}.attendance-detail-table th:nth-child(16),.attendance-detail-table td:nth-child(16){background:var(--surface);width:82px;min-width:82px;max-width:82px;box-shadow:-1px 0 0 var(--border);text-align:center;z-index:2;position:sticky;right:0}.attendance-detail-table thead th:nth-child(16){z-index:12;background:#e2eaf3}@media (width<=900px){.hr-page:has(.employee-table) .hr-filter-bar{grid-template-columns:1fr}.hr-filter-actions{justify-content:stretch}.hr-filter-actions>*{flex:1 1 0}}.page-content:has(.hr-page .employee-table){max-width:none;overflow-x:hidden}.hr-page:has(.employee-table){flex:none;width:100%;max-width:none}.hr-page:has(.employee-table) .hr-workspace.full-width{flex:none;width:100%;max-width:none}.hr-page:has(.employee-table) .hr-main-panel{flex:none;width:100%;max-width:none}.hr-page:has(.employee-table) .hr-main-panel{align-self:stretch;display:block;overflow:visible}.hr-page:has(.employee-table) .hr-main-panel>.table-wrap{scrollbar-gutter:auto;flex:none;min-height:0;max-height:none;padding-right:0;display:block;overflow:auto hidden;height:auto!important}.hr-page:has(.employee-table) .employee-table{width:100%;min-width:max(100%,1220px)}:is(.hr-page:has(.employee-table) .employee-table th:last-child,.hr-page:has(.employee-table) .employee-table td:last-child){text-align:center;width:72px;min-width:72px;max-width:72px}.hr-page:has(.employee-table) .hr-filter-bar{grid-template-columns:minmax(420px,1fr) minmax(128px,160px) auto max-content;width:100%;min-height:64px}:is(.hr-page:has(.employee-table) .hr-filter-actions .secondary-button,.hr-page:has(.employee-table) .hr-filter-actions .primary-button){min-height:40px}@media (width<=1180px){.hr-page:has(.employee-table) .hr-filter-bar{grid-template-columns:minmax(280px,1fr) minmax(120px,150px) auto}.hr-page:has(.employee-table) .hr-filter-actions{grid-column:1/-1;justify-content:flex-end}}.page-content:has(.advance-page){min-height:0;overflow-x:hidden}.advance-page{flex-direction:column;flex:auto;min-height:calc(100vh - 28px);display:flex}.advance-page .advance-top-grid{flex:none}.advance-page .advance-dashboard-grid{flex:auto;grid-template-rows:minmax(250px,.8fr) minmax(300px,1fr);min-height:0}.advance-page .advance-journal-card,.advance-page .advance-debt-card{height:100%;min-height:0}.advance-page .advance-table-wrap,.advance-page .advance-debt-list{flex:auto;min-height:0}.advance-page .advance-debt-list{overflow-x:hidden}.advance-page .advance-debt-list>table,.advance-page .advance-debt-table{table-layout:fixed;width:100%;min-width:0}.advance-page .advance-debt-table th,.advance-page .advance-debt-table td{white-space:nowrap;text-overflow:ellipsis;padding:10px 8px;overflow:hidden}.advance-page .advance-debt-table th:first-child,.advance-page .advance-debt-table td:first-child{width:32%}.advance-page .advance-debt-table th:nth-child(2),.advance-page .advance-debt-table td:nth-child(2){width:36%}.advance-page .advance-debt-table th:nth-child(3),.advance-page .advance-debt-table td:nth-child(3){width:32%}.advance-page .advance-debt-table th:nth-child(3){text-align:center}.advance-page .advance-debt-table td:nth-child(3){text-align:right}.advance-page .pie-chart{height:214px;padding:14px 18px 4px}.advance-page .pie-chart .recharts-surface{overflow:visible}.advance-pie-label{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;font-size:11px;font-weight:600}.advance-page .advance-journal-table th,.advance-page .advance-journal-table td{height:34px;min-height:34px;padding:5px 10px;line-height:18px}.advance-page .advance-journal-table td{vertical-align:middle}.advance-page .advance-journal-table td:nth-child(2){line-height:18px}.advance-page .advance-table-wrap>.advance-journal-table{table-layout:fixed;min-width:max(100%,980px);height:auto}.advance-page .advance-journal-table tbody tr{height:34px}.advance-page .advance-journal-table td>strong,.advance-page .advance-journal-table td>small{margin:0}.advance-page .advance-journal-table .icon-button{border-radius:8px;width:30px;min-width:30px;height:30px;min-height:30px}.advance-page .advance-journal-table .icon-button svg{width:15px;height:15px}.advance-page .advance-journal-table th:first-child,.advance-page .advance-journal-table td:first-child{width:12%}.advance-page .advance-journal-table th:nth-child(2),.advance-page .advance-journal-table td:nth-child(2){width:17%}.advance-page .advance-journal-table th:nth-child(3),.advance-page .advance-journal-table td:nth-child(3){width:10%}.advance-page .advance-journal-table th:nth-child(4),.advance-page .advance-journal-table td:nth-child(4),.advance-page .advance-journal-table th:nth-child(5),.advance-page .advance-journal-table td:nth-child(5){text-align:center;width:10%}.advance-page .advance-journal-table th:nth-child(6),.advance-page .advance-journal-table td:nth-child(6){width:14%}.advance-page .advance-journal-table td:nth-child(6){text-align:right}.advance-page .advance-journal-table th:nth-child(7),.advance-page .advance-journal-table td:nth-child(7){width:20%}.advance-page .advance-journal-table th:nth-child(8),.advance-page .advance-journal-table td:nth-child(8){text-align:center;width:7%}.advance-page .advance-type-pill{padding:3px 8px;line-height:16px}@media (width<=1180px){.advance-page{min-height:auto}.advance-page .advance-dashboard-grid{grid-template-rows:auto}}@media (width>=1181px){.page-content:has(.advance-page){height:100dvh;display:flex;overflow:hidden}.advance-page{height:100%;min-height:0}.advance-page .advance-dashboard-grid{flex:1 1 0;grid-template-rows:minmax(220px,.78fr) minmax(0,1fr);min-height:0}.advance-page .advance-card:not(.advance-journal-card):not(.advance-debt-card){min-height:0}.advance-page .advance-journal-card,.advance-page .advance-debt-card{overflow:hidden}.advance-page .advance-table-wrap{overflow:auto}.advance-page .advance-pagination{flex:none}}.page-content:has(.transport-redesign){min-height:0;overflow-x:hidden}.transport-redesign{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}.transport-redesign .transport-heading{background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:auto;margin:0;padding:6px 2px 4px;display:flex}.transport-redesign .transport-heading h2{color:var(--text);margin:0;font-size:24px;font-weight:700;line-height:1.18}.transport-redesign .transport-heading .eyebrow{display:none}.transport-redesign .transport-heading p{max-width:720px;color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:400;line-height:1.35}.transport-redesign .workspace-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.transport-redesign select,.transport-redesign input{height:38px;color:var(--text);background-color:#fff;border:1px solid #b8c7d8;border-radius:8px;outline:none;font-size:13px;font-weight:500;box-shadow:inset 0 1px #ffffffb3}.transport-redesign select:focus,.transport-redesign input:focus{border-color:#0f8f83;box-shadow:0 0 0 3px #0f8f831f}.transport-redesign .primary-button,.transport-redesign .secondary-button{border-radius:8px;min-height:38px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.transport-redesign .primary-button{color:#fff;background:linear-gradient(#0f8f83,#087b70);border:1px solid #087b70}.transport-redesign .secondary-button{color:#172033;background:#fff;border:1px solid #b8c7d8}.transport-redesign .secondary-button:hover{color:#087b70;border-color:#0f8f83}.transport-redesign .warning-action{color:#9a5a00;background:#fff8e6;border-color:#f7c85f}.transport-redesign .danger-action{color:#dc2626;background:#fff1f2;border-color:#fecaca}.transport-redesign .file-button{cursor:pointer}.transport-redesign .transport-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.transport-redesign .transport-kpi-card,.transport-redesign .transport-metric-card{background:#fff;border:1px solid #d8e3ef;border-radius:8px;min-height:82px;padding:14px 16px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0f}.transport-redesign .transport-kpi-card:before,.transport-redesign .transport-metric-card:before{content:"";background:#0f8f83;width:4px;position:absolute;inset:0 auto 0 0}.transport-redesign .transport-kpi-card.blue:before,.transport-redesign .transport-metric-card.blue:before{background:#2563eb}.transport-redesign .transport-kpi-card.amber:before,.transport-redesign .transport-metric-card.amber:before{background:#f59e0b}.transport-redesign .transport-kpi-card.green:before,.transport-redesign .transport-metric-card.green:before{background:#10b981}.transport-redesign .transport-kpi-card>span{color:#2563eb;background:#eef6ff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:8px;font-size:13px;font-weight:700;display:inline-flex}.transport-redesign .transport-kpi-card p,.transport-redesign .transport-metric-card p{color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600;line-height:1.25}.transport-redesign .transport-kpi-card strong,.transport-redesign .transport-metric-card strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.1}.transport-redesign .transport-grid.two-columns{flex:auto;grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr);gap:12px;min-height:0;display:grid}.transport-container-page .transport-grid.two-columns{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)}.transport-redesign .transport-panel{background:#fff;border:1px solid #d8e3ef;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.transport-redesign .transport-panel-heading{background:linear-gradient(#fff,#f8fbfd);border-bottom:1px solid #d8e3ef;justify-content:space-between;align-items:center;gap:12px;min-height:auto;padding:12px 14px;display:flex}.transport-redesign .transport-panel-heading h3{color:var(--text);margin:0;font-size:17px;font-weight:700;line-height:1.25}.transport-redesign .transport-panel-heading p{color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:400;line-height:1.3}.transport-redesign .transport-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.transport-redesign .transport-filter-bar{background:#f8fbfd;border-bottom:1px solid #d8e3ef;grid-template-columns:minmax(140px,.35fr) minmax(140px,.35fr) minmax(220px,1fr);gap:8px;padding:10px 14px;display:grid}.transport-redesign .search-box{background:#fff;border:1px solid #b8c7d8;border-radius:8px;min-width:0;height:38px}.transport-redesign .search-box input{height:100%;box-shadow:none;border:0}.transport-redesign .transport-table-wrap{background:#fff;flex:auto;min-height:260px;max-height:none;padding:0;overflow:auto}.transport-redesign .transport-table-wrap.compact{min-height:220px}.transport-redesign .transport-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1060px}.transport-redesign .transport-table.container-table{min-width:980px}.transport-redesign .transport-table th,.transport-redesign .transport-table td{height:38px;color:var(--text);vertical-align:middle;border-bottom:1px solid #dbe4ef;border-right:1px solid #dbe4ef;padding:7px 9px;font-size:13px;line-height:1.25}.transport-redesign .transport-table th{z-index:5;color:#475569;text-align:center;white-space:nowrap;background:#e8f1f8;font-size:12px;font-weight:700;position:sticky;top:0}.transport-redesign .transport-table td{background:#fff;font-weight:400}.transport-redesign .transport-table tbody tr:nth-child(2n) td{background:#f7fafc}.transport-redesign .transport-table tbody tr:hover td{background:#eef6ff}.transport-redesign .transport-table td:first-child,.transport-redesign .transport-table td:nth-child(6),.transport-redesign .transport-table td:nth-child(7),.transport-redesign .transport-table td:nth-child(8),.transport-redesign .transport-table td:last-child{text-align:center}.transport-redesign .transport-table td strong{color:var(--text);font-weight:600}.transport-redesign .transport-table td small{color:var(--muted);white-space:normal;margin-top:2px;font-size:12px;font-weight:400;line-height:1.25;display:block}.transport-redesign .transport-table td .danger-text{color:#dc2626}.transport-redesign .transport-table td .warning-text{color:#b45309}.transport-redesign .row-actions{justify-content:center;gap:6px;display:flex}.transport-redesign .icon-button{color:#172033;background:#fff;border:1px solid #cbd8e6;border-radius:8px;width:32px;min-width:32px;height:32px;min-height:32px}.transport-shuttle-page .transport-table th:first-child,.transport-shuttle-page .transport-table td:first-child{width:48px}.transport-shuttle-page .transport-table th:nth-child(2),.transport-shuttle-page .transport-table td:nth-child(2){width:92px}.transport-shuttle-page .transport-table th:nth-child(3),.transport-shuttle-page .transport-table td:nth-child(3){width:220px}.transport-shuttle-page .transport-table th:nth-child(4),.transport-shuttle-page .transport-table td:nth-child(4){width:108px}.transport-shuttle-page .transport-table th:nth-child(5),.transport-shuttle-page .transport-table td:nth-child(5){width:140px}.transport-shuttle-page .transport-table th:nth-child(6),.transport-shuttle-page .transport-table td:nth-child(6){width:82px}.transport-shuttle-page .transport-table th:nth-child(7),.transport-shuttle-page .transport-table td:nth-child(7),.transport-shuttle-page .transport-table th:nth-child(8),.transport-shuttle-page .transport-table td:nth-child(8){text-align:right;font-variant-numeric:tabular-nums;width:118px}.transport-shuttle-page .transport-table th:nth-child(9),.transport-shuttle-page .transport-table td:nth-child(9){width:156px}.transport-shuttle-page .transport-table th:nth-child(10),.transport-shuttle-page .transport-table td:nth-child(10){width:88px}.transport-container-page .transport-table.container-table th:first-child,.transport-container-page .transport-table.container-table td:first-child{width:48px}.transport-container-page .transport-table.container-table th:nth-child(2),.transport-container-page .transport-table.container-table td:nth-child(2){width:110px}.transport-container-page .transport-table.container-table th:nth-child(3),.transport-container-page .transport-table.container-table td:nth-child(3){width:240px}.transport-container-page .transport-table.container-table th:nth-child(4),.transport-container-page .transport-table.container-table td:nth-child(4){width:190px}.transport-container-page .transport-table.container-table th:nth-child(5),.transport-container-page .transport-table.container-table td:nth-child(5),.transport-container-page .transport-table.container-table th:nth-child(6),.transport-container-page .transport-table.container-table td:nth-child(6){text-align:right;font-variant-numeric:tabular-nums;width:120px}.transport-container-page .transport-table.container-table th:nth-child(7),.transport-container-page .transport-table.container-table td:nth-child(7){text-align:center;width:88px}.transport-redesign .transport-total-row td{color:#111827;border-top:1px solid #b8c7d8;font-weight:700;background:#eef6ff!important}.transport-redesign .transport-total-row.amber td{background:#fff3d6!important}.transport-redesign .transport-total-row.green td{background:#dcfce7!important}.transport-redesign .transport-band td{text-align:center;color:#fff;text-transform:uppercase;height:36px;font-weight:700}.transport-redesign .transport-band.danger td{background:#dc2626!important}.transport-redesign .transport-band.success td{background:#16a34a!important}.transport-redesign .transport-dialog{background:#fff;border:1px solid #d8e3ef;border-radius:10px;width:min(760px,100vw - 28px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.transport-redesign .template-dialog-header{background:#f8fbfd;border-bottom:1px solid #d8e3ef;padding:16px 18px}.transport-redesign .template-dialog-header h3{margin:0;font-size:20px;font-weight:700;line-height:1.2}.transport-redesign .template-dialog-header p{color:var(--muted);margin:5px 0 0;font-size:13px;font-weight:400;line-height:1.35}.transport-redesign .transport-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid;overflow:auto}.transport-redesign .transport-form-grid label{color:#64748b;font-size:12px;font-weight:600;line-height:1.25}.transport-redesign .transport-form-grid input,.transport-redesign .transport-form-grid select{width:100%;margin-top:6px}.transport-redesign .transport-form-grid .span-2{grid-column:1/-1}.transport-redesign .template-dialog-footer{background:#fff;border-top:1px solid #d8e3ef;padding:12px 18px}@media (width>=1181px){.page-content:has(.transport-redesign){height:100dvh;display:flex;overflow:hidden}.transport-redesign{height:100%}.transport-redesign .transport-grid.two-columns{flex:1 1 0}}@media (width<=1280px){.transport-redesign .transport-grid.two-columns,.transport-container-page .transport-grid.two-columns{grid-template-columns:1fr}.transport-redesign .transport-table-wrap.compact{max-height:360px}}@media (width<=900px){.transport-redesign .transport-heading,.transport-redesign .transport-panel-heading{flex-direction:column;align-items:stretch}.transport-redesign .workspace-actions,.transport-redesign .transport-actions{justify-content:flex-start}.transport-redesign .transport-kpi-grid,.transport-redesign .transport-filter-bar,.transport-redesign .transport-form-grid{grid-template-columns:1fr}.transport-redesign .transport-form-grid .span-2{grid-column:auto}}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .app-main,:root[data-theme=dark] .page-content,:root[data-theme=dark] .dashboard-page,:root[data-theme=dark] .employees-page,:root[data-theme=dark] .attendance-page,:root[data-theme=dark] .attendance-page-detail,:root[data-theme=dark] .attendance-summary-page,:root[data-theme=dark] .payroll-page,:root[data-theme=dark] .payroll-advance-page,:root[data-theme=dark] .settings-page,:root[data-theme=dark] .transport-redesign{background:var(--bg)!important;color:var(--text)!important}:root[data-theme=dark] .topbar{border-bottom-color:var(--border)!important;background:#0f172af0!important}:root[data-theme=dark] .compact-topbar{background:0 0!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] .page-title,:root[data-theme=dark] .section-title,:root[data-theme=dark] .card-title,:root[data-theme=dark] .metric-value,:root[data-theme=dark] .stat-value,:root[data-theme=dark] .nav-label,:root[data-theme=dark] .submenu-link,:root[data-theme=dark] label,:root[data-theme=dark] legend{color:var(--text)!important}:root[data-theme=dark] p,:root[data-theme=dark] small,:root[data-theme=dark] .page-description,:root[data-theme=dark] .section-description,:root[data-theme=dark] .card-description,:root[data-theme=dark] .metric-label,:root[data-theme=dark] .text-muted,:root[data-theme=dark] .muted,:root[data-theme=dark] .helper-text,:root[data-theme=dark] .subtle-text,:root[data-theme=dark] .template-dialog-header p,:root[data-theme=dark] .transport-panel-heading p{color:var(--text-muted)!important}:root[data-theme=dark] .content-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .dashboard-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .config-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .chart-card,:root[data-theme=dark] .transport-panel,:root[data-theme=dark] .transport-dialog,:root[data-theme=dark] .modal-content,:root[data-theme=dark] .dialog,:root[data-theme=dark] .template-dialog,:root[data-theme=dark] .attendance-card,:root[data-theme=dark] .attendance-summary-card,:root[data-theme=dark] .advance-card,:root[data-theme=dark] .advance-panel,:root[data-theme=dark] .advance-dashboard-card,:root[data-theme=dark] .payroll-advance-card,:root[data-theme=dark] .settings-panel,:root[data-theme=dark] .summary-table-card,:root[data-theme=dark] .employee-table-card,:root[data-theme=dark] .table-card,:root[data-theme=dark] .data-card,:root[data-theme=dark] .card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}:root[data-theme=dark] a{color:#93c5fd}:root[data-theme=dark] .card-header,:root[data-theme=dark] .panel-header,:root[data-theme=dark] .table-toolbar,:root[data-theme=dark] .filter-bar,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .tab-strip,:root[data-theme=dark] .template-dialog-header,:root[data-theme=dark] .template-dialog-footer,:root[data-theme=dark] .modal-header,:root[data-theme=dark] .modal-footer{background:var(--surface-muted)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .search-box,:root[data-theme=dark] .command-search,:root[data-theme=dark] .attendance-search-field,:root[data-theme=dark] .advance-search,:root[data-theme=dark] .filter-input,:root[data-theme=dark] .form-control{background:var(--input-bg)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{opacity:1;color:var(--text-faint)!important}:root[data-theme=dark] input:disabled,:root[data-theme=dark] select:disabled,:root[data-theme=dark] textarea:disabled{color:var(--text-muted)!important;background:#1e293b!important}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .account-button,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .bordered-action,:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .reset-button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .success-button,:root[data-theme=dark] .danger-button{color:#fff!important}:root[data-theme=dark] .tab-button,:root[data-theme=dark] .module-tab,:root[data-theme=dark] .segment-button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-muted)!important}:root[data-theme=dark] .tab-button.active,:root[data-theme=dark] .module-tab.active,:root[data-theme=dark] .segment-button.active,:root[data-theme=dark] .active-tab{color:#99f6e4!important;background:#2dd4bf24!important;border-color:#2dd4bf8c!important}:root[data-theme=dark] .business-table,:root[data-theme=dark] .attendance-detail-table,:root[data-theme=dark] .attendance-summary-table,:root[data-theme=dark] .attendance-history-table,:root[data-theme=dark] .advance-journal-table,:root[data-theme=dark] .advance-debt-table,:root[data-theme=dark] .payroll-table,:root[data-theme=dark] .settings-table,:root[data-theme=dark] .transport-table,:root[data-theme=dark] .location-table,:root[data-theme=dark] .ops-table{background:var(--surface)!important;color:var(--text)!important}:root[data-theme=dark] table{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}:root[data-theme=dark] table th{background:var(--table-head)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] table td{border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .business-table th,:root[data-theme=dark] .attendance-detail-table th,:root[data-theme=dark] .attendance-summary-table th,:root[data-theme=dark] .attendance-history-table th,:root[data-theme=dark] .advance-journal-table th,:root[data-theme=dark] .advance-debt-table th,:root[data-theme=dark] .payroll-table th,:root[data-theme=dark] .settings-table th,:root[data-theme=dark] .transport-table th,:root[data-theme=dark] .location-table th,:root[data-theme=dark] .ops-table th{background:var(--table-head)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .business-table td,:root[data-theme=dark] .attendance-detail-table td,:root[data-theme=dark] .attendance-summary-table td,:root[data-theme=dark] .attendance-history-table td,:root[data-theme=dark] .advance-journal-table td,:root[data-theme=dark] .advance-debt-table td,:root[data-theme=dark] .payroll-table td,:root[data-theme=dark] .settings-table td,:root[data-theme=dark] .transport-table td,:root[data-theme=dark] .location-table td,:root[data-theme=dark] .ops-table td{background:var(--table-row)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .business-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .attendance-detail-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .attendance-summary-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .attendance-history-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .advance-journal-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .advance-debt-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .payroll-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .settings-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .transport-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .location-table tbody tr:nth-child(2n) td,:root[data-theme=dark] .ops-table tbody tr:nth-child(2n) td{background:var(--table-row-alt)!important}:root[data-theme=dark] .business-table tbody tr:hover td,:root[data-theme=dark] .attendance-detail-table tbody tr:hover td,:root[data-theme=dark] .attendance-summary-table tbody tr:hover td,:root[data-theme=dark] .attendance-history-table tbody tr:hover td,:root[data-theme=dark] .advance-journal-table tbody tr:hover td,:root[data-theme=dark] .advance-debt-table tbody tr:hover td,:root[data-theme=dark] .payroll-table tbody tr:hover td,:root[data-theme=dark] .settings-table tbody tr:hover td,:root[data-theme=dark] .transport-table tbody tr:hover td,:root[data-theme=dark] .location-table tbody tr:hover td,:root[data-theme=dark] .ops-table tbody tr:hover td{background:var(--table-hover)!important}:root[data-theme=dark] .business-table td strong,:root[data-theme=dark] .attendance-detail-table td strong,:root[data-theme=dark] .attendance-summary-table td strong,:root[data-theme=dark] .advance-journal-table td strong,:root[data-theme=dark] .advance-debt-table td strong,:root[data-theme=dark] .transport-table td strong{color:var(--text)!important}:root[data-theme=dark] .business-table td small,:root[data-theme=dark] .attendance-detail-table td small,:root[data-theme=dark] .attendance-summary-table td small,:root[data-theme=dark] .advance-journal-table td small,:root[data-theme=dark] .advance-debt-table td small,:root[data-theme=dark] .transport-table td small{color:var(--text-muted)!important}:root[data-theme=dark] .attendance-detail-table .attendance-normal-cell,:root[data-theme=dark] .attendance-detail-table .attendance-total-cell,:root[data-theme=dark] .attendance-summary-table .summary-normal,:root[data-theme=dark] .attendance-summary-table .summary-normal-cell{color:#dcfce7!important;background:#163626!important}:root[data-theme=dark] .attendance-detail-table .attendance-overtime-cell,:root[data-theme=dark] .attendance-summary-table .summary-overtime,:root[data-theme=dark] .attendance-summary-table .summary-overtime-cell{color:#fde68a!important;background:#3b2a12!important}:root[data-theme=dark] .attendance-summary-table .summary-total,:root[data-theme=dark] .attendance-summary-table .summary-total-cell,:root[data-theme=dark] .attendance-summary-table .summary-grand-total-row td{font-weight:700;color:#e0f2fe!important;background:#17324a!important}:root[data-theme=dark] .status-pill,:root[data-theme=dark] .badge,:root[data-theme=dark] .pill,:root[data-theme=dark] .advance-type-pill{border-color:#0000!important}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .notice,:root[data-theme=dark] .toast,:root[data-theme=dark] .alert{background:var(--surface-muted)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .chart-grid line,:root[data-theme=dark] .chart-grid path{stroke:var(--chart-grid)!important}:root[data-theme=dark] svg text,:root[data-theme=dark] .chart-card text,:root[data-theme=dark] .dashboard-card text,:root[data-theme=dark] .advance-panel text,:root[data-theme=dark] .transport-panel text,:root[data-theme=dark] .recharts-cartesian-axis-tick-value,:root[data-theme=dark] .recharts-text{fill:var(--text-muted)!important;color:var(--text-muted)!important}:root[data-theme=dark] .transport-redesign .transport-total-row td{color:#e0f2fe!important;background:#17324a!important}:root[data-theme=dark] .transport-redesign .transport-total-row.amber td{color:#fde68a!important;background:#3b2a12!important}:root[data-theme=dark] .transport-redesign .transport-total-row.green td{color:#dcfce7!important;background:#163626!important}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}.insurance-page{gap:14px}.insurance-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.insurance-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.module-message{color:#0f766e;background:#14b8a61a;border:1px solid #0d948842;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.insurance-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.insurance-stat-card{border:1px solid var(--border);background:var(--surface);min-height:94px;box-shadow:var(--shadow);border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:16px;display:grid}.insurance-stat-card span:not(.insurance-stat-icon){color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.insurance-stat-card strong{color:var(--text);font-variant-numeric:tabular-nums;margin-top:5px;font-size:22px;font-weight:700;display:block}.insurance-stat-card small{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.insurance-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.insurance-stat-icon.tone-teal{color:#0f766e;background:#14b8a624}.insurance-stat-icon.tone-indigo{color:#4f46e5;background:#6366f124}.insurance-stat-icon.tone-amber{color:#b45309;background:#f59e0b29}.insurance-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.insurance-tabs{border-bottom:1px solid var(--border);background:var(--surface-muted);gap:8px;padding:12px 14px;display:flex}.insurance-tabs button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.insurance-tabs button.active{color:#0f766e;background:#14b8a61a;border-color:#0d94887a;box-shadow:inset 0 -2px #0f766e}.insurance-toolbar{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.7fr));gap:10px;padding:12px 14px;display:grid}.insurance-toolbar .search-box,.insurance-toolbar select,.insurance-toolbar input{border-color:#bfd0e2;min-height:38px}.insurance-toolbar .secondary-button{min-height:38px}.insurance-table-scroll{width:100%;max-height:min(58vh,560px);overflow:auto}.insurance-table{border-collapse:separate;border-spacing:0;min-width:1320px}.benefit-table{min-width:1240px}.insurance-table th{z-index:2;background:var(--table-head,#e8f1f8);color:var(--text);text-align:center;vertical-align:middle;white-space:nowrap;position:sticky;top:0}.insurance-table th,.insurance-table td{border-right:1px solid var(--border);padding:9px 10px;line-height:1.25}.insurance-table th:last-child,.insurance-table td:last-child{border-right:0}.insurance-table td{vertical-align:middle;font-size:13px}.text-center{text-align:center}.text-right{text-align:right;font-variant-numeric:tabular-nums}.strong-cell{color:var(--text);font-weight:700}.insurance-note-cell{white-space:normal;word-break:break-word;max-width:220px;color:var(--text-muted)}.insurance-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.insurance-status.status-active,.insurance-status.status-resolved{color:#15803d;background:#dcfce7}.insurance-status.status-paused,.insurance-status.status-need_more{color:#b45309;background:#fef3c7}.insurance-status.status-pending,.insurance-status.status-processing,.insurance-status.status-draft{color:#1d4ed8;background:#dbeafe}.insurance-status.status-stopped,.insurance-status.status-rejected{color:#be123c;background:#ffe4e6}.compact-icon-button{width:34px;height:34px}.empty-table-message{color:var(--text-muted);text-align:center;padding:26px!important}.insurance-dialog{background:var(--surface);border-radius:12px;flex-direction:column;width:min(860px,100vw - 28px);max-height:min(86vh,760px);display:flex;overflow:hidden;box-shadow:0 22px 70px #0f172a47}.benefit-dialog{width:min(920px,100vw - 28px)}.insurance-dialog-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.insurance-dialog-header span{color:#0f766e;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.insurance-dialog-header h2{color:var(--text);margin:3px 0 0;font-size:22px;line-height:1.2}.insurance-dialog-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid;overflow:auto}.insurance-dialog-body label{color:var(--text-muted);gap:6px;font-size:12px;font-weight:600;display:grid}.insurance-dialog-body input,.insurance-dialog-body select,.insurance-dialog-body textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.insurance-dialog-body textarea{resize:vertical;min-height:84px}.insurance-dialog-body .wide-field{grid-column:1/-1}.insurance-dialog-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.insurance-dialog-footer>div{gap:10px;display:flex}:root[data-theme=dark] .module-message{color:#99f6e4;background:#2dd4bf1f;border-color:#2dd4bf57}:root[data-theme=dark] .insurance-card,:root[data-theme=dark] .insurance-stat-card,:root[data-theme=dark] .insurance-dialog{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] .insurance-tabs,:root[data-theme=dark] .insurance-toolbar{background:var(--surface-muted)!important;border-color:var(--border)!important}:root[data-theme=dark] .insurance-tabs button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-muted)!important}:root[data-theme=dark] .insurance-tabs button.active{color:#99f6e4!important;background:#2dd4bf24!important;border-color:#2dd4bf8c!important}:root[data-theme=dark] .insurance-status.status-active,:root[data-theme=dark] .insurance-status.status-resolved{color:#dcfce7!important;background:#163626!important}:root[data-theme=dark] .insurance-status.status-paused,:root[data-theme=dark] .insurance-status.status-need_more{color:#fde68a!important;background:#3b2a12!important}:root[data-theme=dark] .insurance-status.status-pending,:root[data-theme=dark] .insurance-status.status-processing,:root[data-theme=dark] .insurance-status.status-draft{color:#e0f2fe!important;background:#17324a!important}:root[data-theme=dark] .insurance-status.status-stopped,:root[data-theme=dark] .insurance-status.status-rejected{color:#fecdd3!important;background:#4c1d2e!important}@media (width<=1100px){.insurance-stats{grid-template-columns:1fr}.insurance-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.insurance-heading{flex-direction:column;align-items:stretch}.insurance-heading-actions,.insurance-tabs{justify-content:stretch}.insurance-heading-actions>*,.insurance-tabs button{flex:1}.insurance-toolbar,.insurance-dialog-body{grid-template-columns:1fr}.insurance-dialog-footer{flex-direction:column-reverse;align-items:stretch}.insurance-dialog-footer>div,.insurance-dialog-footer button{width:100%}}.attendance-page-detail .attendance-filter-bar{grid-template-columns:minmax(210px,280px) minmax(130px,160px) minmax(130px,170px) 150px auto auto auto minmax(300px,max-content);gap:8px}.attendance-page-detail .attendance-filter-actions{grid-column:auto;justify-content:flex-end;display:flex}.attendance-page-detail .attendance-detail-search,.attendance-page-detail .attendance-filter-bar>select{min-width:0}.attendance-detail-table th:nth-child(15),.attendance-detail-table td:nth-child(15){z-index:3;background:var(--surface);box-shadow:-1px 0 0 var(--border);position:sticky;right:82px}.attendance-detail-table thead th:nth-child(15){z-index:13;background:#eef3f8}:root[data-theme=dark] .attendance-detail-table thead th:nth-child(15){background:#1e293b}@media (width<=1540px){.attendance-page-detail .attendance-filter-bar{grid-template-columns:minmax(210px,1fr) minmax(130px,.55fr) minmax(130px,.55fr) 150px auto auto auto}.attendance-page-detail .attendance-filter-actions{grid-column:1/-1}}.settings-page-v2{gap:12px;width:100%;max-width:1920px;margin:0 auto}.settings-page-hero{background:radial-gradient(circle at 92% 20%, #0f766e1f, transparent 28%), var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:16px 20px;display:flex}.settings-page-hero>div:first-child{align-items:center;gap:14px;min-width:0;display:flex}.settings-page-hero-icon{width:48px;height:48px;color:var(--primary);background:#0f766e1a;border:1px solid #0f766e2e;border-radius:12px;flex:0 0 48px;place-items:center;display:grid}.settings-page-hero h2{color:var(--text);margin:2px 0 0;font-size:clamp(22px,2vw,28px);line-height:1.25}.settings-page-hero p{color:var(--text-muted);margin:3px 0 0;font-size:13px}.settings-health-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.settings-health-badges span{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--primary) 12%);min-height:32px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.settings-health-badges svg{color:var(--primary)}.settings-section-tabs{border-radius:12px;grid-template-columns:repeat(7,minmax(136px,1fr));gap:5px;min-width:0;padding:7px;display:grid;overflow-x:auto}.settings-section-tab{min-height:44px;color:var(--text-muted);text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex}.settings-section-tab:hover{border-color:var(--border);background:var(--surface-muted);color:var(--text)}.settings-section-tab.active{color:var(--primary-strong);background:#0f766e1a;border-color:#0f766e52;box-shadow:0 1px 2px #0f172a0f}.settings-content{min-width:0}.settings-page-v2 .settings-panel{border-radius:12px;overflow:hidden}.settings-page-v2 .panel-heading{border-bottom:1px solid var(--border);min-height:70px;padding:13px 18px}.settings-page-v2 .panel-heading h2{margin:0;font-size:17px}.settings-page-v2 .panel-heading p{margin-top:3px;font-size:12px}.settings-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.settings-summary-grid{gap:10px;display:grid}.settings-summary-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-section-padding{padding:14px 18px 0}.settings-summary-grid article{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-muted));border-radius:10px;align-items:center;gap:11px;min-width:0;min-height:74px;padding:12px 14px;display:flex}.settings-summary-grid article>svg{width:36px;height:36px;color:var(--primary);background:#0f766e1a;border-radius:9px;flex:0 0 36px;padding:9px}.settings-summary-grid article div{gap:3px;min-width:0;display:grid}.settings-summary-grid article span{color:var(--text-muted);letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:700}.settings-summary-grid article strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.settings-page-v2 .settings-form-body{padding:16px 18px 18px}.settings-page-v2 .company-logo-uploader{border-radius:10px;grid-template-columns:126px 1fr;padding:14px}.settings-page-v2 .company-logo-preview{border:1px solid var(--border);width:112px;height:76px}.settings-page-v2 .settings-form-grid input,.settings-page-v2 .settings-form-grid select,.settings-page-v2 .settings-form-grid textarea,.settings-dialog input,.settings-dialog select,.settings-dialog textarea,.settings-role-create input,.settings-role-create textarea,.backup-schedule-fields input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:8px;outline:0;padding:0 11px}.settings-page-v2 .settings-form-grid textarea,.settings-dialog textarea,.settings-role-create textarea{resize:vertical;min-height:82px;padding-top:9px}.settings-page-v2 .settings-form-grid input:focus,.settings-page-v2 .settings-form-grid select:focus,.settings-dialog input:focus,.settings-dialog select:focus,.settings-dialog textarea:focus,.settings-role-create input:focus,.settings-role-create textarea:focus{border-color:#0f766e8f;box-shadow:0 0 0 3px #0f766e1c}.save-state.danger{color:#be123c;background:#e11d481a}.settings-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,1fr) minmax(150px,.42fr) minmax(150px,.42fr) auto;gap:8px;padding:14px 18px;display:grid}.settings-log-toolbar{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(130px,.38fr)) auto}.settings-toolbar select,.settings-toolbar button,.settings-search-field{min-height:38px}.settings-toolbar select{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;padding:0 10px}.settings-search-field{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.settings-search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0}.settings-inline-message{color:var(--success);background:#16a34a14;border:1px solid #16a34a2e;border-radius:8px;margin:10px 18px 0;padding:9px 11px;font-size:12px;font-weight:650;line-height:1.45}.settings-inline-message.danger{color:#be123c;background:#e11d4814;border-color:#e11d4833}.settings-page-v2 .settings-table-wrap{max-height:min(62dvh,620px);padding:12px 14px 14px;overflow:auto}.settings-page-v2 .settings-table{border:1px solid var(--border);border-radius:9px;min-width:920px;overflow:hidden}.settings-page-v2 .settings-table th{z-index:3;background:var(--table-head);height:42px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:11px;position:sticky;top:0}.settings-row-actions{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.settings-row-actions .icon-button{width:31px;min-height:31px}.danger-icon-button,.danger-button-soft{color:#be123c}.danger-icon-button:hover,.danger-button-soft:hover{background:#e11d481a}.settings-switch-row{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;align-items:center;min-height:56px;padding:10px 12px;gap:11px!important;display:flex!important}.settings-switch-row input{accent-color:var(--primary);flex:0 0 17px;width:17px!important;min-height:17px!important}.settings-switch-row span{gap:2px;display:grid}.settings-switch-row strong{color:var(--text);font-size:12px}.settings-switch-row small{color:var(--text-muted);font-size:11px;font-weight:500}.settings-dialog{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,100vw - 32px);max-height:calc(100dvh - 32px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a4d}.settings-dialog-header{border-bottom:1px solid var(--border);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:13px 16px;display:flex}.settings-dialog-header>div{align-items:center;gap:11px;display:flex}.settings-dialog-header h3{color:var(--text);margin:0;font-size:17px}.settings-dialog-header p{color:var(--text-muted);margin:3px 0 0;font-size:11px}.settings-dialog-body{padding:16px;overflow-y:auto}.settings-dialog-body label{color:var(--text-muted);gap:6px;font-size:11px;font-weight:650;display:grid}.settings-dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.settings-role-layout{grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr);align-items:start}.settings-role-create{border-bottom:1px solid var(--border);background:var(--surface-muted);gap:8px;padding:12px 16px;display:grid}.settings-role-create>div{justify-content:flex-end;gap:8px;display:flex}.settings-page-v2 .role-list{max-height:min(65dvh,660px);padding:12px;overflow-y:auto}.settings-page-v2 .role-card{width:100%;color:var(--text);cursor:pointer;text-align:left}.settings-page-v2 .role-card:hover{border-color:#0f766e57}.settings-page-v2 .role-card.active{box-shadow:inset 3px 0 0 var(--primary);background:#0f766e12;border-color:#0f766e8c}.permission-overview{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;font-size:11px;font-weight:650;display:flex}.permission-overview span{align-items:center;gap:6px;display:inline-flex}.settings-page-v2 .permission-grid{max-height:min(65dvh,660px);padding:0 18px 16px;overflow-y:auto}.settings-page-v2 .permission-row{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px 0}.permission-module-name{align-content:center;gap:5px!important;display:grid!important}.permission-module-name button{width:fit-content;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.permission-module-name button:disabled{color:var(--text-muted);cursor:not-allowed}.settings-page-v2 .permission-check{background:var(--surface);border-radius:7px;min-height:31px;padding:0 9px;font-size:11px}.settings-page-v2 .permission-check.checked{color:var(--primary-strong);background:#0f766e14;border-color:#0f766e5c}.settings-page-v2 .master-data-layout{grid-template-columns:minmax(235px,270px) minmax(0,1fr);min-height:min(64dvh,680px)}.settings-page-v2 .master-category-list{padding:12px}.settings-page-v2 .master-data-panel{padding:16px}.master-data-message{align-items:center;gap:7px;margin:0 0 12px;display:flex}.master-value-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.master-value-toolbar .settings-search-field{width:min(360px,100%)}.master-value-toolbar>span{color:var(--text-muted);font-size:11px;font-weight:650}.settings-form-section-title{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding-bottom:10px;display:flex}.settings-form-section-title svg{color:var(--primary)}.settings-form-section-title div{gap:2px;display:grid}.settings-form-section-title strong{color:var(--text);font-size:13px}.settings-form-section-title span{color:var(--text-muted);font-size:11px}.settings-page-v2 .shift-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-file-button{cursor:pointer}.settings-file-button input{display:none}.backup-card-title{align-items:flex-start;gap:9px;display:flex}.backup-card-title>svg{color:var(--primary);flex:none}.backup-card-title div{gap:3px;display:grid}.backup-card-title p{font-size:11px}.backup-schedule-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.backup-schedule-fields label{color:var(--text-muted);gap:5px;font-size:10px;font-weight:650;display:grid}.backup-check-list{gap:7px;margin:2px 0;padding:0;list-style:none;display:grid}.backup-check-list li{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.backup-check-list svg{color:var(--success)}.backup-card .settings-inline-message{margin:0}:root[data-theme=dark] .settings-page-hero,:root[data-theme=dark] .settings-summary-grid article,:root[data-theme=dark] .settings-dialog,:root[data-theme=dark] .settings-role-create{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .settings-section-tab.active,:root[data-theme=dark] .settings-page-v2 .role-card.active,:root[data-theme=dark] .settings-page-v2 .permission-check.checked{color:#99f6e4;background:#2dd4bf1f;border-color:#2dd4bf6b}:root[data-theme=dark] .save-state.danger,:root[data-theme=dark] .settings-inline-message.danger{color:#fecdd3;background:#9f123940;border-color:#fb718547}@media (width<=1280px){.settings-page-hero{flex-direction:column;align-items:flex-start}.settings-health-badges{justify-content:flex-start}.settings-role-layout,.settings-page-v2 .master-data-layout{grid-template-columns:1fr}.settings-page-v2 .role-list,.settings-page-v2 .permission-grid{max-height:none}.settings-log-toolbar{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(130px,.4fr))}.settings-log-toolbar>:nth-child(4),.settings-log-toolbar>:nth-child(5){grid-column:auto}}@media (width<=820px){.settings-page-hero{min-height:0;padding:14px}.settings-health-badges{display:none}.settings-section-tabs{grid-template-columns:repeat(7,minmax(150px,1fr))}.settings-summary-grid-three,.settings-page-v2 .shift-summary-grid,.backup-summary-grid,.settings-toolbar,.settings-log-toolbar{grid-template-columns:1fr}.settings-toolbar>*{width:100%}.settings-page-v2 .panel-heading{flex-direction:column;align-items:flex-start}.settings-heading-actions{justify-content:flex-start;width:100%}.settings-heading-actions>*{flex:auto}.settings-page-v2 .settings-form-grid{grid-template-columns:1fr}.settings-page-v2 .settings-form-grid .span-2{grid-column:span 1}.settings-page-v2 .permission-row{grid-template-columns:1fr}.settings-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media (width<=520px){.settings-page-hero-icon{display:none}.settings-page-v2 .company-logo-uploader{grid-template-columns:1fr}.settings-page-v2 .company-logo-preview{width:100%;height:92px}.backup-schedule-fields{grid-template-columns:1fr}.settings-dialog-footer{grid-template-columns:1fr 1.4fr;display:grid}.settings-dialog-footer button{width:100%}}.auth-loading-screen{color:#0f172a;background:#f4f7fb;justify-content:center;align-items:center;gap:14px;min-height:100dvh;display:flex}.auth-loading-screen>div{gap:3px;display:grid}.auth-loading-screen strong{font-size:15px}.auth-loading-screen small{color:#64748b;font-size:12px}.auth-loading-mark{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#0f766e,#2563eb);border-radius:14px;place-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:grid;box-shadow:0 10px 28px #0f766e3d}.login-page{color:#0f172a;min-height:100dvh;font-family:var(--font-family-sans);background:#f4f7fb;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);display:grid}.login-brand-panel{color:#f8fafc;background:radial-gradient(circle at 15% 12%,#2dd4bf40,#0000 26%),radial-gradient(circle at 95% 85%,#60a5fa33,#0000 32%),linear-gradient(145deg,#071a2b 0%,#0b2f43 55%,#0f3f4a 100%);flex-direction:column;min-height:100dvh;padding:clamp(28px,4vw,58px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before,.login-brand-panel:after{content:"";border:1px solid #ffffff14;border-radius:999px;position:absolute}.login-brand-panel:before{width:440px;height:440px;top:-220px;right:-210px}.login-brand-panel:after{width:300px;height:300px;bottom:-165px;left:-120px}.login-brand,.login-brand-content,.login-brand-footer{z-index:1;position:relative}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>span{background:linear-gradient(145deg,#2dd4bf4d,#2563eb80);border:1px solid #ffffff26;border-radius:12px;place-items:center;width:45px;height:45px;display:grid;box-shadow:inset 0 1px #ffffff1f}.login-brand>div{gap:2px;display:grid}.login-brand strong{letter-spacing:.04em;font-size:17px}.login-brand small{color:#a5f3fc;font-size:11px}.login-brand-content{width:min(580px,100%);margin:auto 0;padding-block:52px}.login-eyebrow{color:#99f6e4;background:#0f766e38;border:1px solid #99f6e42e;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.login-brand-content h1{color:#fff;letter-spacing:-.035em;margin:20px 0 13px;font-size:clamp(34px,4vw,54px);line-height:1.14}.login-brand-content>p{color:#cbd5e1;max-width:530px;margin:0;font-size:14px;line-height:1.75}.login-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:32px;display:grid}.login-trust-grid article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.login-trust-grid article>div{gap:5px;display:grid}.login-trust-grid strong{color:#f8fafc;font-size:11px}.login-trust-grid span{color:#aab8ca;font-size:10px;line-height:1.5}.login-brand-footer{color:#94a3b8;margin:0;font-size:10px}.login-form-panel{background:radial-gradient(circle at 85% 15%,#2563eb14,#0000 25%),#f6f8fc;place-items:center;min-width:0;min-height:100dvh;padding:32px;display:grid;position:relative}.login-card>header{align-items:flex-start;gap:13px;margin-bottom:27px;display:flex}.login-card-icon{color:#0f766e;background:linear-gradient(145deg,#e6fffb,#e8f0ff);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.login-card header>div{min-width:0}.login-card .eyebrow{color:#0f766e;letter-spacing:.08em;font-size:10px;font-weight:800}.login-card h2{color:#0f172a;margin:4px 0;font-size:25px;line-height:1.25}.login-card header p{color:#64748b;margin:0;font-size:11px}.login-form{gap:15px;display:grid}.login-form>label{color:#334155;gap:7px;font-size:11px;font-weight:700;display:grid}.login-form input{color:#0f172a;width:100%;height:45px;font:inherit;background:#fff;border:1px solid #cfd9e6;border-radius:10px;outline:0;padding:0 13px}.login-form input:focus{border-color:#0f766ea3;box-shadow:0 0 0 4px #0f766e1a}.login-password-field{position:relative}.login-password-field button{color:#64748b;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:4px;right:4px}.login-form-options{color:#64748b;justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.login-form-options span{align-items:center;gap:5px;display:inline-flex}.login-form-options svg{color:#0f766e}.login-form-options button{color:#0f766e;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.login-message{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin:-3px 0 0;padding:9px 11px;font-size:11px;line-height:1.5}.login-submit-button{color:#fff;cursor:pointer;height:45px;font:inherit;background:linear-gradient(100deg,#0f766e,#0f8177);border:0;border-radius:10px;font-size:12px;font-weight:750;box-shadow:0 9px 22px #0f766e38}.login-submit-button:hover{filter:brightness(1.04)}.login-submit-button:disabled{cursor:wait;opacity:.7}.login-divider{color:#94a3b8;align-items:center;gap:10px;height:34px;margin-block:9px;font-size:10px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.google-login-button{place-items:center;min-height:44px;display:grid;overflow:hidden}.google-login-button>div{max-width:100%!important}.google-login-unavailable{color:#64748b;background:#f8fafc;border:1px solid #dbe3ec;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:7px 12px;display:flex}.google-mark{color:#4285f4;font-size:17px;font-weight:800}.google-login-unavailable>div{gap:2px;display:grid}.google-login-unavailable strong{color:#475569;font-size:11px}.google-login-unavailable small{font-size:9px}.login-card>footer{color:#64748b;border-top:1px solid #e8edf3;align-items:flex-start;gap:7px;margin-top:25px;padding-top:16px;font-size:9px;line-height:1.5;display:flex}.login-card>footer svg{color:#16a34a;flex:none}.header-account-menu{position:relative}.account-dropdown{border:1px solid var(--border);background:var(--surface);z-index:80;border-radius:11px;width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 50px #0f172a2e}.account-dropdown>div{border-bottom:1px solid var(--border);align-items:flex-start;gap:9px;padding:12px;display:flex}.account-dropdown>div>svg{color:var(--primary);margin-top:2px}.account-dropdown>div>span{gap:3px;min-width:0;display:grid}.account-dropdown strong{color:var(--text);font-size:11px}.account-dropdown small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-dropdown>button{width:100%;min-height:40px;color:var(--danger);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:650;display:flex}.account-dropdown>button:hover{background:color-mix(in srgb, var(--surface) 90%, var(--danger) 10%)}.login-audit-panel{border:1px solid var(--border);background:var(--surface-muted);border-radius:11px;margin:14px 18px 0;overflow:hidden}.login-audit-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.login-audit-heading>div{align-items:flex-start;gap:8px;display:flex}.login-audit-heading svg{color:var(--primary);margin-top:1px}.login-audit-heading div>span{gap:2px;display:grid}.login-audit-heading strong{color:var(--text);font-size:11px}.login-audit-heading small{color:var(--text-muted);font-size:9px}.login-audit-grid{background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.login-audit-grid article{background:var(--surface);align-items:flex-start;gap:8px;min-width:0;padding:10px;display:flex}.login-audit-grid article>div{gap:2px;min-width:0;display:grid}.login-audit-grid strong{color:var(--text);font-size:10px}.login-audit-grid small,.login-audit-grid article>div>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.login-audit-icon{border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.login-audit-icon.success{color:var(--success);background:#16a34a1c}.login-audit-icon.danger{color:var(--danger);background:#e11d481c}.login-audit-empty{color:var(--text-muted);text-align:center;margin:0;padding:14px;font-size:10px}.backup-security-dialog{width:min(580px,100vw - 28px)}.backup-security-note{color:var(--primary);background:#0f766e14;border:1px solid #0f766e33;border-radius:9px;align-items:flex-start;gap:9px;padding:10px;display:flex}.backup-security-note>div{gap:3px;display:grid}.backup-security-note strong{color:var(--text);font-size:11px}.backup-security-note span{color:var(--text-muted);font-size:9px;line-height:1.5}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:auto;padding:24px}.login-brand-content{margin:0;padding:52px 0 30px}.login-brand-content h1{font-size:34px}.login-brand-content>p{max-width:660px}.login-brand-footer{display:none}.login-form-panel{min-height:auto;padding:34px 18px 48px}.login-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.login-brand-panel{padding:18px}.login-brand-content{padding:38px 0 14px}.login-brand-content h1{margin-top:14px;font-size:29px}.login-trust-grid{grid-template-columns:1fr;margin-top:22px}.login-trust-grid article{grid-template-columns:24px 1fr;gap:8px}.login-form-panel{padding:18px 10px 34px}.login-card{border-radius:15px;padding:22px 16px}.login-card h2{font-size:21px}.login-form-options{flex-direction:column;align-items:flex-start}.login-audit-grid{grid-template-columns:1fr}.login-audit-heading{flex-direction:column;align-items:flex-start}}.login-brand-panel{background:linear-gradient(115deg,#06182833,#082f410f),radial-gradient(circle at 18% 10%,#2dd4bf3d,#0000 24%),radial-gradient(circle at 92% 88%,#3b82f63d,#0000 30%),linear-gradient(142deg,#061827 0%,#092d3d 51%,#0b4550 100%);padding:clamp(26px,3.2vw,52px)}.login-brand-content{width:min(760px,100%);padding-block:34px 24px}.login-brand-content h1{margin:16px 0 10px;font-size:clamp(38px,4.2vw,61px);line-height:1.07}.login-product-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff1f;border-radius:17px;width:min(680px,100%);margin-top:22px;overflow:hidden;box-shadow:0 26px 60px #020c1b4d,inset 0 1px #ffffff14}.login-preview-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.login-preview-header>span{align-items:center;gap:8px;display:inline-flex}.login-preview-header i{background:#5eead4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5eead41f}.login-preview-header small{color:#99f6e4;align-items:center;gap:5px;font-size:9px;display:inline-flex}.login-preview-metrics{grid-template-columns:1fr 1fr;gap:9px;padding:12px 12px 0;display:grid}.login-preview-metrics article{background:#04122033;border:1px solid #ffffff14;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-width:0;padding:10px;display:grid}.login-preview-metrics article>span{color:#5eead4;background:#2dd4bf1f;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.login-preview-metrics article>div{gap:2px;display:grid}.login-preview-metrics small{color:#94a3b8;font-size:8px}.login-preview-metrics strong{color:#f8fafc;font-size:14px}.login-preview-metrics em{color:#a7f3d0;font-size:8px;font-style:normal}.login-preview-chart{align-items:flex-end;gap:8px;height:92px;padding:14px 170px 14px 18px;display:flex;position:relative}.login-preview-chart>span{background:linear-gradient(#5eead4,#2dd4bf40);border-radius:5px 5px 2px 2px;width:22px}.login-preview-chart>div{gap:3px;display:grid;position:absolute;top:21px;right:24px}.login-preview-chart>div strong{color:#fff;font-size:22px}.login-preview-chart>div small{color:#94a3b8;font-size:9px}.login-trust-grid{width:min(680px,100%);margin-top:12px}.login-trust-grid article{border-radius:10px;grid-template-columns:22px 1fr;align-items:start;gap:8px;padding:11px}.login-trust-grid article>div{gap:2px}.login-form-panel{background:radial-gradient(circle at 90% 0,#0ea5e91a,#0000 28%),linear-gradient(145deg,#f8fafc,#eef3f8);padding:68px 38px 38px}.login-form-topline{color:#64748b;justify-content:space-between;align-items:center;width:calc(100% - 54px);font-size:9px;display:flex;position:absolute;top:22px;left:27px}.login-form-topline span{color:#0f766e;align-items:center;gap:5px;font-weight:700;display:inline-flex}.login-card{border-color:#94a3b84d;border-radius:22px;width:min(440px,100%);padding:34px;box-shadow:0 30px 80px #0f172a24,0 2px 8px #0f172a0a}.login-card>header{margin-bottom:24px}.login-card-icon{background:linear-gradient(145deg,#ccfbf1,#dbeafe);box-shadow:inset 0 0 0 1px #0f766e14}.login-card h2{letter-spacing:-.02em;font-size:23px}.login-input-shell{color:#94a3b8;background:#fff;border:1px solid #cfd9e6;border-radius:11px;align-items:center;gap:9px;height:47px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input-shell input{border:0;border-radius:0;height:43px;padding:0;box-shadow:none!important}.login-password-field button{top:4px;right:3px}.login-submit-button{background:linear-gradient(100deg,#0f766e,#0284c7);justify-content:center;align-items:center;gap:9px;display:flex;box-shadow:0 12px 28px #0e74903d}.settings-page-hero{border-color:color-mix(in srgb, var(--border) 72%, var(--primary) 28%);background:radial-gradient(circle at 78% -30%, #0ea5e929, transparent 38%), radial-gradient(circle at 8% 120%, #14b8a621, transparent 33%), linear-gradient(125deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--primary) 8%));min-height:112px;padding:20px 22px;box-shadow:0 10px 28px #0f172a0e}.settings-page-hero-icon{background:linear-gradient(145deg,#14b8a62b,#3b82f61f);border-radius:15px;flex-basis:54px;width:54px;height:54px;box-shadow:inset 0 0 0 1px #ffffff59}.settings-page-hero .eyebrow{color:var(--primary);letter-spacing:.075em;font-size:9px}.settings-page-hero h2{letter-spacing:-.025em;font-size:clamp(23px,2vw,29px)}.settings-command-summary{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 84%,var(--primary) 16%);border-radius:13px;align-items:center;gap:12px;min-width:310px;padding:12px 14px;display:flex}.settings-command-shield{background:var(--primary);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #0f766e33}.settings-command-summary>div{gap:2px;display:grid}.settings-command-summary small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.settings-command-summary strong{color:var(--text);font-size:12px}.settings-command-summary p{color:var(--text-muted);align-items:center;gap:6px;margin:2px 0 0;font-size:9px;display:flex}.settings-command-summary i{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1f}.settings-section-tabs{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;padding:9px;overflow:visible;box-shadow:0 7px 22px #0f172a0a}.settings-section-tab{border-color:var(--border);background:var(--surface);text-align:left;justify-content:flex-start;gap:10px;min-height:58px;padding:8px 10px}.settings-section-tab>span:not(.settings-tab-icon){gap:2px;min-width:0;display:grid}.settings-section-tab strong{color:inherit;font-size:11px}.settings-section-tab small{color:var(--text-muted);letter-spacing:.025em;text-transform:uppercase;font-size:8px;font-weight:600}.settings-tab-icon{background:var(--surface-muted);width:34px;height:34px;color:var(--text-muted);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.settings-section-tab.active{box-shadow:inset 3px 0 0 var(--primary),0 5px 14px #0f766e12;background:linear-gradient(145deg,#0f766e1f,#0ea5e912);border-color:#0f766e6b}.settings-section-tab.active .settings-tab-icon{background:var(--primary);color:#fff}.settings-page-v2 .settings-panel{border-color:color-mix(in srgb,var(--border) 88%,var(--primary) 12%);box-shadow:0 8px 26px #0f172a0b}.settings-page-v2 .panel-heading{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94%,var(--primary) 6%),var(--surface));position:relative}.settings-page-v2 .panel-heading:before{content:"";background:linear-gradient(var(--primary),#38bdf8);border-radius:3px;width:3px;height:30px;position:absolute;top:20px;left:0}.template-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b8;padding:10px}.template-word-dialog{background:var(--surface);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr) auto;width:calc(100vw - 20px);max-width:1780px;height:calc(100dvh - 20px);max-height:none;display:grid;overflow:hidden}.template-word-header{color:#fff;background:linear-gradient(105deg,#083344,#0f766e);min-height:66px;padding:10px 16px}.template-word-header>div:first-child{align-items:center;gap:11px;display:flex}.template-document-mark{background:#ffffff1f;border:1px solid #fff3;border-radius:10px;place-items:center;width:39px;height:39px;font-size:17px;font-weight:850;display:grid}.template-word-header h3{color:#fff;font-size:16px}.template-word-header p{color:#ccfbf1;font-size:10px}.template-header-actions{align-items:center;gap:7px;display:flex}.template-header-actions .secondary-button{color:#dff;background:#ffffff14;border-color:#fff3;min-height:34px}.template-header-actions .secondary-button.active{color:#0f766e;background:#fff}.template-header-actions .icon-button{color:#fff}.template-ribbon{border-bottom:1px solid var(--border);background:var(--surface)}.template-ribbon-tabs{border-bottom:1px solid var(--border);height:32px;color:var(--text-muted);align-items:center;gap:17px;padding:0 14px;font-size:9px;display:flex}.template-ribbon-tabs strong{border-bottom:2px solid var(--primary);height:32px;color:var(--primary);align-items:center;display:flex}.template-ribbon-tabs button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:3px;display:inline-flex}.template-ribbon-tabs>span{margin-left:auto}.template-word-dialog .template-editor-toolbar{border:0;align-items:stretch;gap:0;min-height:74px;padding:7px 9px;display:flex;overflow-x:auto}.template-tool-group{border-right:1px solid var(--border);flex-wrap:wrap;align-content:center;align-items:center;gap:4px;padding:0 8px;display:flex}.template-tool-group button,.template-word-dialog .template-color-button{width:29px;height:29px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.template-word-dialog .template-toolbar-select{background:var(--surface);min-height:30px;color:var(--text);border-radius:6px}.template-find-bar{border-top:1px solid var(--border);background:var(--surface-muted);align-items:center;gap:7px;min-height:44px;padding:6px 14px;display:flex}.template-find-bar label{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:6px;min-width:180px;padding:0 8px;display:flex}.template-find-bar input{width:100%;height:30px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:10px}.template-find-bar>span{color:var(--text-muted);font-size:9px}.template-find-bar>button{border:1px solid var(--border);background:var(--surface);min-height:31px;color:var(--text);cursor:pointer;font:inherit;border-radius:7px;padding:0 10px;font-size:9px;font-weight:650}.template-word-body{background:#dce3eb;grid-template-columns:230px minmax(0,1fr);min-height:0;overflow:hidden}.template-word-body .template-variable-panel{border:0;border-right:1px solid var(--border);background:var(--surface);border-radius:0;padding:14px;overflow-y:auto}.template-variable-panel>div{flex-direction:column;gap:5px;display:flex}.template-variable-panel>div button{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:30px;color:var(--primary);cursor:pointer;text-align:left;border-radius:7px;padding:4px 8px;font-size:9px}.template-variable-panel>section{border-top:1px solid var(--border);gap:4px;margin-top:14px;padding-top:12px;display:grid}.template-variable-panel>section strong{color:var(--text);font-size:10px}.template-variable-panel>section small{color:var(--text-muted);font-size:8px}.template-canvas{text-align:center;min-width:0;padding:28px 34px 50px;overflow:auto}.template-a4-page{color:#111827;text-align:left;width:210mm;min-height:297mm;transform:scale(var(--template-zoom));transform-origin:top;background:#fff;border:0;border-radius:1px;margin:0 auto;padding:18mm 17mm;box-shadow:0 3px 18px #0f172a2e}.template-a4-page:focus{outline:2px solid #0f766e73}.template-a4-page table{border-collapse:collapse;max-width:100%}.template-a4-page img{max-width:100%;height:auto}.template-preview-page{cursor:default}.template-word-footer{justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 12px}.template-document-stats{color:var(--text-muted);align-items:center;gap:14px;font-size:8px;display:flex}.template-document-stats .saved{color:var(--success)}.template-document-stats .unsaved{color:#d97706}.template-footer-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.template-zoom-control{color:var(--text-muted);align-items:center;gap:6px;font-size:8px;display:flex}.template-zoom-control input{width:86px;accent-color:var(--primary)}:root[data-theme=dark] .template-word-body{background:#0f172a}:root[data-theme=dark] .template-word-dialog .template-a4-page{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}@media (width<=1180px){.login-page{grid-template-columns:1fr 440px}.login-preview-metrics article{grid-template-columns:32px 1fr}.login-preview-metrics article em,.settings-command-summary{display:none}.template-word-body{grid-template-columns:190px minmax(0,1fr)}.template-header-actions .secondary-button{padding-inline:9px}}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-product-preview{display:none}.login-brand-panel{min-height:auto}.login-brand-content{padding:44px 0 12px}.login-form-panel{padding-top:64px}.settings-section-tabs{grid-template-columns:repeat(2,minmax(155px,1fr))}.template-word-body{grid-template-columns:1fr}.template-word-body .template-variable-panel{border-right:0;border-bottom:1px solid var(--border);max-height:120px}.template-variable-panel>div{flex-flow:wrap}.template-variable-panel>div button{width:auto}.template-variable-panel>section{display:none}.template-canvas{padding:18px}.template-footer-actions .secondary-button{display:none}}@media (width<=620px){.login-form-topline{width:calc(100% - 28px);left:14px}.login-form-topline small{display:none}.login-form-panel{padding-inline:10px}.login-card{padding:23px 17px}.login-preview-metrics{grid-template-columns:1fr}.settings-section-tabs{grid-template-columns:1fr 1fr}.settings-section-tab{min-height:50px}.settings-section-tab small{display:none}.settings-tab-icon{flex-basis:30px;width:30px;height:30px}.template-word-dialog{border-radius:0;width:100vw;height:100dvh}.template-modal-backdrop{padding:0}.template-word-header p,.template-header-actions .secondary-button span{display:none}.template-word-dialog .template-editor-toolbar{min-height:62px}.template-find-bar{flex-direction:column;align-items:stretch}.template-find-bar label{min-width:0}.template-document-stats span:nth-child(2),.template-document-stats span:nth-child(3),.template-zoom-control{display:none}.template-word-footer{justify-content:flex-end}}.header-actions-root,.header-notification-menu,.notification-trigger{position:relative}.notification-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--primary) 12%);color:var(--primary)}.notification-badge{border:2px solid var(--surface);color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:16px;height:16px;font-size:8px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.notification-dropdown{border:1px solid var(--border);background:var(--surface);z-index:120;border-radius:14px;width:min(420px,100vw - 24px);position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 22px 65px #0f172a38}.notification-dropdown>header{border-bottom:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--primary) 6%),var(--surface));justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex}.notification-dropdown>header>div{gap:3px;display:grid}.notification-dropdown>header strong{color:var(--text);font-size:14px}.notification-dropdown>header small{color:var(--text-muted);font-size:10px}.notification-dropdown>header button{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.notification-dropdown>header button:disabled{cursor:default;opacity:.45}.notification-list{max-height:420px;padding:6px;overflow-y:auto}.notification-item{width:100%;min-height:78px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 8px;align-items:start;gap:10px;padding:11px 9px;display:grid}.notification-item:hover{background:var(--surface-muted)}.notification-item.unread{background:color-mix(in srgb,var(--surface) 91%,var(--primary) 9%)}.notification-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.notification-icon.success{color:#059669;background:#10b98121}.notification-icon.danger{color:#dc2626;background:#ef44441f}.notification-item>span:nth-child(2){gap:4px;min-width:0;display:grid}.notification-item strong{color:var(--text);font-size:11px;line-height:1.35}.notification-item small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.45;overflow:hidden}.notification-item time{color:var(--text-muted);align-items:center;gap:4px;font-size:9px;display:inline-flex}.notification-item>i{background:var(--primary);border-radius:50%;width:7px;height:7px;margin-top:6px}.notification-empty{min-height:130px;color:var(--text-muted);text-align:center;place-items:center;gap:8px;padding:20px;font-size:11px;display:grid}.notification-empty.error{color:var(--danger)}.notification-empty button{border:1px solid var(--border);background:var(--surface);color:var(--primary);cursor:pointer;border-radius:7px;padding:6px 10px}.notification-dropdown>footer{border-top:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);align-items:center;gap:7px;padding:10px 14px;font-size:9px;display:flex}.account-dropdown-v2{border-radius:14px;width:320px}.account-dropdown-v2>header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 90%,var(--primary) 10%),var(--surface));align-items:center;gap:10px;padding:14px;display:flex}.account-dropdown-v2>header>span{color:#fff;background:linear-gradient(145deg,#2563eb,#0f766e);border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:800;display:grid}.account-dropdown-v2>header>div{gap:2px;min-width:0;display:grid}.account-dropdown-v2>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-dropdown-v2>header em,.account-profile-hero em{color:#059669;align-items:center;gap:5px;font-size:9px;font-style:normal;font-weight:650;display:inline-flex}.account-dropdown-v2>header em i,.account-profile-hero em i{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #10b9811f}.account-dropdown-v2>.account-role-summary{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.account-role-summary>svg{color:var(--primary);margin-top:2px}.account-role-summary>span{gap:2px;display:grid}.account-dropdown-v2 nav{padding:6px;display:grid}.account-dropdown-v2 nav button{min-height:54px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.account-dropdown-v2 nav button:hover{background:var(--surface-muted);color:var(--primary)}.account-dropdown-v2 nav button>svg{flex:none}.account-dropdown-v2 nav button>span{gap:2px;display:grid}.account-dropdown-v2 nav strong{color:inherit;font-size:11px}.account-dropdown-v2 nav small{color:var(--text-muted);font-size:9px}.account-dropdown-v2>.account-logout-button{border-top:1px solid var(--border)}.account-modal-backdrop{z-index:150;pointer-events:auto}.account-management-dialog{border:1px solid var(--border);background:var(--surface);pointer-events:auto;border-radius:16px;width:min(560px,100vw - 28px);overflow:hidden;box-shadow:0 28px 90px #0f172a40}.account-management-dialog>header{border-bottom:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 93%,var(--primary) 7%),var(--surface));justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.account-management-dialog>header>div{align-items:center;gap:10px;display:flex}.account-dialog-icon{background:color-mix(in srgb,var(--surface) 82%,var(--primary) 18%);width:39px;height:39px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.account-management-dialog h3{color:var(--text);margin:0;font-size:15px}.account-management-dialog header p{color:var(--text-muted);margin:3px 0 0;font-size:10px}.account-profile-hero{align-items:center;gap:13px;padding:18px;display:flex}.account-profile-hero>span{color:#fff;background:linear-gradient(145deg,#2563eb,#0f766e);border-radius:17px;place-items:center;width:62px;height:62px;font-size:18px;font-weight:800;display:grid}.account-profile-hero>div{gap:3px;display:grid}.account-profile-hero h4{color:var(--text);margin:0;font-size:16px}.account-profile-hero p{color:var(--text-muted);margin:0;font-size:10px}.account-profile-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;margin:0;padding:6px 18px 18px;display:grid}.account-profile-grid>div{border-bottom:1px solid var(--border);gap:5px;padding:13px 4px;display:grid}.account-profile-grid>div:nth-child(odd):not(.span-2){padding-right:16px}.account-profile-grid>div:nth-child(2n){border-left:1px solid var(--border);padding-left:16px}.account-profile-grid .span-2{grid-column:1/-1}.account-profile-grid dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.account-profile-grid dd{color:var(--text);margin:0;font-size:11px;font-weight:650}.account-management-dialog>footer{border-top:1px solid var(--border);background:var(--surface-muted);justify-content:flex-end;gap:8px;padding:11px 16px;display:flex}.change-password-body{gap:12px;padding:17px;display:grid}.change-password-body label{color:var(--text);gap:6px;font-size:10px;font-weight:700;display:grid}.change-password-body input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:41px;color:var(--text);font:inherit;border-radius:9px;padding:0 11px}.change-password-body input:focus{border-color:var(--primary);outline:3px solid color-mix(in srgb,var(--primary) 16%,transparent)}.password-security-note{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%);color:var(--primary);border-radius:10px;align-items:flex-start;gap:9px;padding:10px;display:flex}.password-security-note>span{gap:3px;display:grid}.password-security-note strong{color:var(--text);font-size:10px}.password-security-note small{color:var(--text-muted);font-size:9px;line-height:1.5}.form-message{border-radius:8px;margin:0;padding:9px 10px;font-size:10px}.form-message.error{color:#dc2626;background:#ef44441a}.form-message.success{color:#047857;background:#10b9811a}.template-word-dialog{grid-template-rows:auto auto minmax(0,1fr) auto}.template-word-header h3{letter-spacing:-.01em;font-size:17px}.template-header-actions .secondary-button{min-height:38px;padding-inline:13px;font-size:11px}.template-header-actions .icon-button{background:#ffffff14;border-color:#ffffff42;width:38px;height:38px}.template-ribbon-tabs{height:36px;padding-inline:16px;font-size:10px}.template-ribbon-tabs strong{height:36px}.template-ribbon-tabs>span{text-overflow:ellipsis;white-space:nowrap;max-width:46%;font-weight:600;overflow:hidden}.template-word-dialog .template-editor-toolbar{flex-wrap:nowrap;align-items:stretch;gap:0;min-height:102px;padding:8px 10px 5px}.template-tool-group{align-content:center;align-items:center;gap:5px;min-height:86px;padding:2px 10px 18px;position:relative}.template-tool-group:after{content:attr(data-label);height:15px;color:var(--text-muted);letter-spacing:.025em;place-items:center;font-size:8px;font-weight:650;display:grid;position:absolute;bottom:0;left:8px;right:8px}.template-tool-group:first-child{max-width:455px}.template-tool-group.compact{max-width:188px}.template-tool-group.template-paragraph-group{grid-template-columns:96px 1fr;align-content:center;width:250px;max-width:250px;display:grid}.template-tool-group button,.template-word-dialog .template-color-button{border-color:var(--border);background:var(--surface);width:32px;height:32px;color:var(--text)}.template-tool-group button svg,.template-word-dialog .template-color-button svg{stroke-width:2.15px}.template-tool-group button:hover,.template-word-dialog .template-color-button:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--primary) 12%);color:var(--primary)}.template-word-dialog .template-toolbar-select{border-color:var(--border-strong);min-height:33px;color:var(--text);font-size:11px}.template-font-group .template-toolbar-select.wide{width:155px}.template-font-group .template-toolbar-select.compact{width:64px}.template-line-height-field{color:var(--text-muted);gap:3px;font-size:8px;font-weight:650;display:grid}.template-tool-group .template-labeled-tool{grid-template-columns:16px 1fr;justify-content:flex-start;gap:6px;width:auto;min-width:126px;height:32px;padding:0 8px}.template-labeled-tool span{color:inherit;white-space:nowrap;font-size:9px;font-weight:650}.template-find-bar{min-height:48px}.template-find-bar input,.template-find-bar>button{font-size:10px}.template-variable-panel h4{color:var(--text);font-size:14px}.template-variable-panel p{color:var(--text-muted);font-size:10px;line-height:1.5}.template-variable-panel>div button{min-height:34px;color:color-mix(in srgb,var(--primary) 88%,var(--text) 12%);font-size:10px;font-weight:650}.template-variable-panel>section small{font-size:9px}.template-a4-page{color:#0f172a;caret-color:#0f172a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Times New Roman,serif;font-size:14pt;line-height:1.5}.template-a4-page a{color:#0369a1}.template-a4-page p,.template-a4-page li,.template-a4-page td,.template-a4-page th{min-height:1em}.template-document-stats,.template-zoom-control{font-size:9px}.template-footer-actions button{min-height:38px}:root[data-theme=dark] .notification-dropdown,:root[data-theme=dark] .account-dropdown-v2,:root[data-theme=dark] .account-management-dialog{box-shadow:0 24px 70px #0000006b}:root[data-theme=dark] .change-password-body input{color:#f8fafc!important;background:#111c2f!important;border-color:#475569!important}:root[data-theme=dark] .template-dialog-header.template-word-header{color:#fff!important;background:linear-gradient(105deg,#083344,#0f766e)!important}:root[data-theme=dark] .template-tool-group button,:root[data-theme=dark] .template-word-dialog .template-color-button{color:#e2e8f0;background:#111c2f}:root[data-theme=dark] .template-word-dialog .template-a4-page p,:root[data-theme=dark] .template-word-dialog .template-a4-page small{color:inherit!important}@media (width<=1180px){.template-word-body{grid-template-columns:205px minmax(0,1fr)}.template-tool-group.template-paragraph-group{width:220px;max-width:220px}.template-tool-group .template-labeled-tool{min-width:108px}.template-labeled-tool span{display:none}}@media (width<=700px){.notification-dropdown{position:fixed;top:66px;right:10px}.account-dropdown-v2{width:min(320px,100vw - 20px);position:fixed;top:66px;right:10px}.account-profile-grid{grid-template-columns:1fr}.account-profile-grid>div,.account-profile-grid>div:nth-child(2n),.account-profile-grid>div:nth-child(odd):not(.span-2){border-left:0;grid-column:1;padding-inline:4px}}.settings-page-v2{gap:16px}.settings-page-v2 .settings-page-hero{min-height:126px;padding:22px min(390px,25vw) 22px 24px}.settings-page-v2 .settings-page-hero>div:first-child{gap:16px;max-width:760px}.settings-page-v2 .settings-page-hero-icon{flex-basis:58px;width:58px;height:58px}.settings-page-v2 .settings-page-hero .eyebrow{letter-spacing:.085em;font-size:10px;font-weight:750}.settings-page-v2 .settings-page-hero h2{margin-top:4px;font-size:clamp(27px,2.2vw,34px)}.settings-page-v2 .settings-page-hero p{font-size:14px;line-height:1.5}.settings-page-v2 .settings-command-summary{min-width:300px;padding:13px 15px}.settings-page-v2 .settings-command-summary small{font-size:10px}.settings-page-v2 .settings-command-summary strong{font-size:13px}.settings-page-v2 .settings-command-summary p{font-size:10px}.settings-page-v2 .settings-section-tabs{grid-template-columns:repeat(4,minmax(210px,1fr));gap:10px;padding:11px;overflow:visible}.settings-page-v2 .settings-section-tab{text-align:left;white-space:normal;justify-content:flex-start;gap:11px;min-width:0;min-height:62px;padding:9px 12px}.settings-page-v2 .settings-section-tab>span:not(.settings-tab-icon){gap:3px;min-width:0;display:grid}.settings-page-v2 .settings-section-tab strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;overflow:hidden}.settings-page-v2 .settings-section-tab small{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.25;overflow:hidden}.settings-page-v2 .settings-tab-icon{flex-basis:38px;width:38px;height:38px}.settings-page-v2 .panel-heading{min-height:76px;padding:15px 19px}.settings-page-v2 .panel-heading h2{font-size:19px}.settings-page-v2 .panel-heading p{font-size:13px;line-height:1.45}.settings-page-v2 .panel-heading:before{height:32px;top:22px}.settings-page-v2 .panel-heading .primary-button,.settings-page-v2 .panel-heading .secondary-button,.settings-page-v2 .settings-toolbar button,.settings-page-v2 .settings-toolbar select{font-size:13px}.settings-page-v2 .settings-summary-grid article{min-height:82px;padding:13px 15px}.settings-page-v2 .settings-summary-grid article span{font-size:11px}.settings-page-v2 .settings-summary-grid article strong{font-size:18px}.settings-page-v2 .settings-summary-grid article small{color:var(--text-muted);font-size:11px;line-height:1.35}.settings-page-v2 .settings-form-grid>label,.settings-page-v2 .backup-schedule-fields label,.settings-page-v2 .settings-role-create label{color:var(--text-muted);font-size:12.5px;font-weight:650}.settings-page-v2 .settings-form-grid input,.settings-page-v2 .settings-form-grid select,.settings-page-v2 .settings-form-grid textarea,.settings-page-v2 .settings-toolbar input,.settings-page-v2 .settings-toolbar select{min-height:43px;font-size:13px}.settings-page-v2 .company-logo-uploader strong{font-size:14px}.settings-page-v2 .company-logo-uploader small{font-size:12px;line-height:1.45}.settings-page-v2 .settings-toolbar{padding:15px 18px}.settings-page-v2 .settings-search-field{min-height:43px;font-size:13px}.settings-page-v2 .settings-table th{height:46px;font-size:12px}.settings-page-v2 .settings-table td{height:54px;padding:9px 11px;font-size:13px}.settings-page-v2 .location-table-wrap{max-height:min(44dvh,430px);padding:12px}.settings-page-v2 .location-table{min-width:0}.settings-page-v2 .location-table tr,.settings-page-v2 .location-table td:nth-child(2){height:auto}.settings-page-v2 .location-table td:nth-child(2){min-height:54px}.settings-page-v2 .ward-chip-list{align-content:flex-start;min-height:38px;padding:2px}.settings-page-v2 .settings-inline-message,.settings-page-v2 .role-card strong{font-size:13px}.settings-page-v2 .role-card p{font-size:11.5px;line-height:1.45}.settings-page-v2 .permission-module-name strong{font-size:13px}.settings-page-v2 .permission-module-name button{font-size:11px}.settings-page-v2 .permission-check{min-height:34px;font-size:12px}.settings-page-v2 .master-value-toolbar>span,.settings-page-v2 .settings-form-section-title span,.settings-page-v2 .backup-card-title p,.settings-page-v2 .backup-check-list li{font-size:12px}.settings-page-v2 .settings-form-section-title strong{font-size:14px}.settings-account-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-account-summary .summary-warning>svg{color:#dc2626;background:#e11d481c}.account-settings-toolbar{grid-template-columns:minmax(310px,1fr) minmax(180px,.42fr) minmax(180px,.42fr) auto}.account-table-wrap{max-height:min(56dvh,600px)!important}.account-management-table{min-width:1050px!important}.account-management-table th:last-child,.account-management-table td:last-child{text-align:center;width:130px}.account-user-cell{align-items:center;gap:10px;min-width:230px;display:flex}.account-user-cell>span:last-child{gap:3px;min-width:0;display:grid}.account-user-cell strong{color:var(--text);align-items:center;gap:7px;font-size:13px;display:flex}.account-user-cell strong em{background:color-mix(in srgb, var(--surface) 82%, var(--primary) 18%);color:var(--primary);border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:750}.account-user-cell small,.account-last-login{color:var(--text-muted);font-size:11.5px}.account-role-badges{flex-wrap:wrap;align-items:center;gap:5px;max-width:300px;display:flex}.account-role-badges span{border:1px solid color-mix(in srgb, var(--border) 74%, var(--primary) 26%);background:color-mix(in srgb, var(--surface) 91%, var(--primary) 9%);color:var(--text);border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:650}.account-row-actions .icon-button{width:34px;min-height:34px}.success-icon-button{color:#047857}.success-icon-button:hover{background:#10b9811a}.settings-dialog-narrow{width:min(520px,100vw - 28px)}.account-editor-dialog{width:min(760px,100vw - 28px)}.account-editor-body{gap:16px;display:grid}.account-dialog-section{border-top:1px solid var(--border);gap:11px;padding-top:15px;display:grid}.account-dialog-section>header{gap:3px;display:grid}.account-dialog-section>header strong{color:var(--text);font-size:13px}.account-dialog-section>header small{color:var(--text-muted);font-size:11px;line-height:1.45}.account-mode-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.account-mode-card{border:1px solid var(--border);background:var(--surface);min-height:72px;color:var(--text-muted);cursor:pointer;text-align:left;border-radius:10px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px 12px;display:grid}.account-mode-card:hover,.account-mode-card.active{border-color:color-mix(in srgb, var(--primary) 52%, var(--border));background:color-mix(in srgb, var(--surface) 91%, var(--primary) 9%);color:var(--primary)}.account-mode-card>span:nth-child(2){gap:3px;min-width:0;display:grid}.account-mode-card strong{color:var(--text);font-size:12px}.account-mode-card small{color:var(--text-muted);font-size:10px;line-height:1.35}.google-letter{color:#2563eb;text-align:center;font-size:18px;font-weight:850}.account-password-field,.reset-password-body>label{color:var(--text);gap:6px;font-size:12px;font-weight:650;display:grid}.account-password-field>small{color:var(--text-muted);font-size:10.5px;font-weight:500}.password-input-shell{display:block;position:relative}.password-input-shell input{width:100%;padding-right:44px!important}.password-input-shell>button{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.password-input-shell>button:hover{background:var(--surface-muted);color:var(--primary)}.account-security-note{border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--surface) 94%, var(--primary) 6%);color:var(--text-muted);border-radius:9px;align-items:flex-start;gap:8px;margin:0;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.account-security-note svg{color:var(--primary);flex:none}.account-role-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-role-picker label{border:1px solid var(--border);background:var(--surface);min-height:54px;color:var(--text);cursor:pointer;border-radius:9px;grid-template-columns:17px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:8px 10px;display:grid}.account-role-picker label.selected{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));background:color-mix(in srgb, var(--surface) 92%, var(--primary) 8%)}.account-role-picker label.disabled{cursor:not-allowed;opacity:.68}.account-role-picker input{accent-color:var(--primary);width:16px!important;min-height:16px!important}.account-role-picker span{gap:2px;min-width:0;display:grid}.account-role-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-role-picker small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.account-role-picker label>svg{color:var(--primary)}.reset-password-body{gap:12px;display:grid}.reset-password-body>label>input,.reset-password-body .password-input-shell input{min-height:44px;font-size:13px}.generate-password-button{width:fit-content}.settings-confirm-body{grid-template-columns:26px minmax(0,1fr);gap:12px;padding:20px 18px;display:grid}.settings-confirm-body>svg{color:#dc2626}.settings-confirm-body strong{color:var(--text);font-size:14px}.settings-confirm-body p{color:var(--text-muted);margin:5px 0 0;font-size:12px;line-height:1.55}.form-message{align-items:center;gap:7px;display:flex}.attendance-lock-button>svg,.attendance-locked-action,.attendance-lock-count>svg{color:#dc2626}.attendance-locked-action{background:#ef44441a;border-color:#dc262657}.attendance-locked-action:hover{color:#b91c1c;background:#ef444429;border-color:#dc262685}:root[data-theme=dark] .attendance-locked-action{color:#fca5a5;background:#7f1d1d57;border-color:#f8717170}@media (width<=1500px){.settings-page-v2 .settings-page-hero{padding-right:min(360px,30vw)}.settings-page-v2 .settings-section-tabs{grid-template-columns:repeat(3,minmax(190px,1fr))}.settings-page-v2 .settings-command-summary{display:none}}@media (width<=1100px){.settings-page-v2 .settings-section-tabs{grid-template-columns:repeat(2,minmax(180px,1fr))}.settings-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-settings-toolbar{grid-template-columns:1fr 1fr}.account-settings-toolbar .settings-search-field{grid-column:1/-1}}@media (width<=900px){.settings-page-v2 .settings-page-hero{padding:18px}}@media (width<=650px){.settings-page-v2 .settings-section-tabs,.settings-account-summary,.account-settings-toolbar,.account-mode-grid,.account-role-picker{grid-template-columns:1fr}.account-settings-toolbar .settings-search-field{grid-column:auto}.settings-page-v2 .settings-section-tab{min-height:58px}}.template-modal-backdrop{padding:16px}.template-word-dialog{border-radius:16px;width:min(1480px,100vw - 48px);height:min(920px,100dvh - 32px);box-shadow:0 30px 90px #02061757}.template-word-header{min-height:76px;padding:13px 18px}.template-document-mark{width:42px;height:42px;font-size:18px}.template-word-header h3{font-size:19px;line-height:1.3}.template-word-header p{font-size:12px;line-height:1.45}.template-header-actions{grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;display:grid}.template-header-actions .secondary-button{justify-content:center;min-width:112px;min-height:40px;font-size:12px}.template-header-actions .icon-button{width:40px;height:40px}.template-ribbon-tabs{gap:22px;height:40px;padding-inline:18px;font-size:12px}.template-ribbon-tabs strong{height:40px;font-size:12px}.template-ribbon-tabs button{font-size:12px}.template-ribbon-tabs>span{font-size:11px}.template-word-dialog .template-editor-toolbar{grid-template-columns:380px 168px 168px 320px 140px 110px;justify-content:center;align-items:stretch;gap:0;min-height:112px;padding:9px 12px 6px;display:grid;overflow-x:auto}.template-word-dialog .template-tool-group{border-right:1px solid var(--border);place-content:center;gap:6px;width:auto;max-width:none;min-height:96px;padding:3px 10px 22px;display:grid}.template-word-dialog .template-tool-group:last-child{border-right:0}.template-tool-group:after{height:18px;color:var(--text-muted);font-size:10px;font-weight:700;bottom:1px}.template-font-group{grid-template-rows:56px;grid-template-columns:126px 150px 70px}.template-select-field{min-width:0;color:var(--text-muted);grid-template-rows:14px 36px;gap:5px;font-size:10px;font-weight:700;line-height:14px;display:grid}.template-select-field>span{text-overflow:ellipsis;white-space:nowrap;background:0 0;width:auto;height:auto;margin:0;padding-left:2px;display:block;overflow:hidden}.template-font-group .template-toolbar-select.wide,.template-font-group .template-toolbar-select.compact{width:100%}.template-format-group,.template-alignment-group{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(4,36px)}.template-word-dialog .template-tool-group.template-paragraph-group{grid-template-rows:repeat(2,36px);grid-template-columns:104px 180px;align-content:center;column-gap:10px;width:auto;max-width:none}.template-paragraph-group .template-line-height-field{white-space:nowrap;grid-row:1/3;align-content:center;width:104px}.template-paragraph-group .template-line-height-field>span{background:0 0;width:auto;height:auto;margin:0;display:block}.template-paragraph-group .template-labeled-tool{justify-content:flex-start;width:180px;min-width:180px;height:36px;padding-inline:11px}.template-insert-group{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,36px)}.template-edit-group{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(2,36px)}.template-word-dialog .template-tool-group button,.template-word-dialog .template-color-button{border-radius:8px;width:36px;height:36px}.template-word-dialog .template-tool-group button svg,.template-word-dialog .template-color-button svg{width:17px;height:17px}.template-word-dialog .template-toolbar-select{min-height:36px;padding-inline:9px;font-size:12px}.template-line-height-field{gap:5px;font-size:10.5px}.template-line-height-field .template-toolbar-select{width:104px}.template-labeled-tool span{text-overflow:ellipsis;white-space:nowrap;background:0 0;width:auto;height:auto;margin:0;font-size:10.5px;display:block;overflow:hidden}.template-word-body{grid-template-columns:220px minmax(0,1fr)}.template-word-body .template-variable-panel{padding:16px 14px}.template-variable-panel h4{font-size:16px;line-height:1.35}.template-variable-panel p{font-size:12px;line-height:1.5}.template-variable-panel>div{gap:7px}.template-variable-panel>div button{min-height:37px;padding:7px 9px;font-size:11.5px}.template-variable-panel>section strong{font-size:12px}.template-variable-panel>section small{font-size:10.5px;line-height:1.45}.template-canvas{padding:28px 32px 54px}.template-find-bar{gap:8px;min-height:50px;padding-inline:16px}.template-find-bar input,.template-find-bar>button,.template-find-bar>span{font-size:11px}.template-word-footer{min-height:62px;padding:10px 14px}.template-document-stats{gap:15px;font-size:10.5px}.template-footer-actions{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:8px;display:grid}.template-zoom-control{font-size:10.5px}.template-footer-actions button{justify-content:center;min-width:104px;min-height:40px;font-size:12px}.template-footer-actions .primary-button{min-width:110px}@media (width<=1500px){.template-word-dialog{width:calc(100vw - 32px)}.template-word-dialog .template-editor-toolbar{grid-template-columns:372px 164px 164px 306px 134px 104px}}@media (width<=1180px){.template-word-dialog .template-editor-toolbar{justify-content:start}.template-word-body{grid-template-columns:200px minmax(0,1fr)}.template-paragraph-group .template-labeled-tool span{display:none}.template-paragraph-group .template-labeled-tool{min-width:42px}.template-footer-actions button{min-width:0}}@media (width<=820px){.template-word-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.template-modal-backdrop{padding:8px}.template-word-header h3{font-size:17px}.template-word-header p{display:none}.template-header-actions .secondary-button{min-width:42px;padding-inline:10px}.template-document-stats{display:none}}@media (width<=700px){.template-word-dialog{border-radius:0;width:100vw;height:100dvh}.template-modal-backdrop{padding:0}.template-word-body{grid-template-columns:1fr}}:root{--control-border-strong:color-mix(in srgb, var(--border) 56%, var(--text-muted) 44%);--section-tint:color-mix(in srgb, var(--surface) 91%, var(--primary) 9%);--section-tint-strong:color-mix(in srgb, var(--surface) 84%, var(--primary) 16%)}:where(.panel-heading,.compact-panel-header,.transport-panel-heading,.advance-card-header,.attendance-summary-table-header,.settings-dialog-header,.template-dialog-header,.attendance-import-dialog-header,.insurance-dialog-header,.account-management-dialog>header){border-bottom:1px solid color-mix(in srgb, var(--border) 76%, var(--primary) 24%);background:linear-gradient(100deg, var(--section-tint-strong), var(--surface))}:where(.business-table,.settings-table,.payroll-table,.advance-debt-table,.advance-journal-table,.transport-table,.attendance-detail-table,.attendance-summary-table,.attendance-history-table,.location-table,.ops-table) thead tr:first-child>th{background:linear-gradient(180deg, var(--section-tint-strong), var(--section-tint));color:var(--text-main);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--border) 72%, var(--primary) 28%)}:where(.business-table,.settings-table,.payroll-table,.advance-debt-table,.advance-journal-table,.transport-table,.attendance-detail-table,.attendance-summary-table,.attendance-history-table,.location-table,.ops-table) thead tr+tr>th{background:color-mix(in srgb, var(--surface-muted) 86%, var(--primary) 14%)}:where(.search-box,.command-search,.attendance-search-field,.settings-search-field,.advance-search,.login-input-shell){border-color:var(--control-border-strong);box-shadow:0 1px 2px #0f172a0a,inset 0 1px #ffffff61}:where(.hr-filter-bar,.attendance-filter-bar,.attendance-summary-tools,.payroll-filter-bar,.transport-filter-bar,.settings-toolbar,.master-value-toolbar,.linked-master-toolbar,.location-toolbar,.ops-toolbar,.insurance-toolbar,.settings-inline-form,.location-form,.department-position-form,.settings-form-grid,.advance-form-grid,.transport-form-grid,.attendance-edit-grid,.attendance-import-dialog-body,.change-password-body,.form-grid) :where(input,select,textarea){border-color:var(--control-border-strong);box-shadow:inset 0 1px 2px #0f172a09}:where(.search-box,.command-search,.attendance-search-field,.advance-search) input{box-shadow:none;border:0}:where(.secondary-button,.ghost-button,.icon-button,.file-button,.bordered-action,.context-button){border-color:var(--control-border-strong)}:where(input,select,textarea):focus,:where(.search-box,.command-search,.attendance-search-field,.settings-search-field):focus-within{border-color:color-mix(in srgb, var(--primary) 68%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, transparent 87%, var(--primary) 13%)}.icon-button:has(>:is(.lucide-pencil,.lucide-edit-3,.lucide-square-pen)){color:#2563eb;background:#2563eb17;border-color:#2563eb4d;box-shadow:0 2px 7px #2563eb17}.icon-button:has(>:is(.lucide-pencil,.lucide-edit-3,.lucide-square-pen)):hover{color:#1d4ed8;background:#2563eb29;border-color:#2563eb7a}:root[data-theme=dark] .icon-button:has(>:is(.lucide-pencil,.lucide-edit-3,.lucide-square-pen)){color:#93c5fd!important;background:#1e40af47!important;border-color:#60a5fa6b!important}.account-dropdown-v2>header{padding:15px}.account-dropdown-v2>header strong{font-size:14px}.account-dropdown-v2>header small{font-size:11px}.account-dropdown-v2>header em,.account-profile-hero em{font-size:10.5px}.account-dropdown-v2>.account-role-summary{padding:12px 15px}.account-role-summary strong{font-size:12.5px}.account-role-summary small{font-size:11px}.account-dropdown-v2 nav button{min-height:60px;padding:9px 11px}.account-dropdown-v2 nav strong{font-size:13px}.account-dropdown-v2 nav small{font-size:11px}.account-dropdown-v2>.account-logout-button{min-height:44px;font-size:12.5px}.notification-item strong{font-size:12.5px}.notification-item small,.notification-item time,.notification-dropdown>footer{font-size:10.5px}.employee-dialog{border-color:color-mix(in srgb, var(--border) 72%, var(--primary) 28%);border-radius:16px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100vw - 32px);max-height:calc(100dvh - 28px);box-shadow:0 32px 90px #0f172a45}.employee-dialog-header{background:radial-gradient(circle at 82% -90%, #38bdf847, transparent 46%), linear-gradient(105deg, color-mix(in srgb, var(--surface) 76%, #bae6fd 24%), color-mix(in srgb, var(--surface) 91%, var(--primary) 9%));min-height:94px;padding:16px 22px;position:relative;overflow:hidden}.employee-dialog-header:after{content:"";pointer-events:none;border:1px solid #ffffff6b;border-radius:50%;width:320px;height:90px;position:absolute;top:-58px;right:88px;transform:rotate(-8deg)}.employee-dialog-title{z-index:1;align-items:center;gap:15px;min-width:0;display:flex;position:relative}.employee-dialog-mark{border:1px solid color-mix(in srgb, var(--border) 64%, var(--primary) 36%);background:color-mix(in srgb, var(--surface) 82%, var(--primary) 18%);width:50px;height:50px;color:var(--primary);border-radius:15px;flex:0 0 50px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff8c}.employee-dialog-title>div{min-width:0}.employee-dialog-header h3{color:var(--text-main);margin:0;font-size:25px;line-height:1.25}.employee-dialog-header p{margin-top:5px;font-size:13px;line-height:1.45}.employee-dialog-header>.icon-button{z-index:1;background:color-mix(in srgb, var(--surface) 90%, transparent);position:relative}.employee-dialog-body{scrollbar-gutter:stable;padding:14px 16px 0}.employee-dialog .form-section{border-color:color-mix(in srgb, var(--border) 78%, var(--primary) 22%);background:var(--surface);border-radius:12px;margin-bottom:11px;padding:0 14px 14px;overflow:hidden}.employee-dialog .form-section legend{border-bottom:1px solid color-mix(in srgb, var(--border) 78%, var(--primary) 22%);background:linear-gradient(90deg, var(--section-tint), color-mix(in srgb, var(--surface) 97%, var(--primary) 3%));width:calc(100% + 28px);min-height:43px;color:var(--text-main);align-items:center;gap:10px;margin:0 -14px 12px;padding:0 15px;font-size:14px;font-weight:700;line-height:20px;display:flex}.employee-dialog .form-section legend svg{color:var(--primary);flex:none}.employee-dialog .form-grid{gap:11px 14px}.employee-dialog .form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-dialog .form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dialog .form-grid label{color:var(--text-body);gap:6px;font-size:12.5px;font-weight:600}.employee-dialog .form-grid input,.employee-dialog .form-grid select{border-color:var(--control-border-strong);background:var(--input-bg);border-radius:9px;min-height:42px;padding-inline:12px;font-size:13px;font-weight:500}.employee-dialog-footer{justify-content:space-between;align-items:center;min-height:66px;margin:4px -16px 0;padding:11px 16px;box-shadow:0 -8px 24px #0f172a0b}.employee-footer-spacer{flex:1}.employee-footer-actions{align-items:center;gap:10px;display:flex}.employee-dialog-footer :where(.secondary-button,.primary-button,.danger-button){min-height:42px;padding-inline:16px}.employee-delete-button{color:#dc2626;background:#dc262614;border-color:#dc262675}.employee-delete-button:hover{color:#b91c1c;background:#dc262626}:root[data-theme=dark] .employee-dialog-header{background:radial-gradient(circle at 82% -90%,#0ea5e938,#0000 46%),linear-gradient(105deg,#13233a,#122530)}:root[data-theme=dark] .employee-delete-button{color:#fca5a5!important;background:#7f1d1d4d!important;border-color:#f8717175!important}@media (width<=960px){.employee-dialog .form-grid.three-columns,.employee-dialog .form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.account-dropdown-v2{width:min(344px,100vw - 20px)}.employee-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.employee-dialog-header{min-height:80px;padding:12px 14px}.employee-dialog-mark{flex-basis:42px;width:42px;height:42px}.employee-dialog-header h3{font-size:19px}.employee-dialog-header p{display:none}.employee-dialog .form-grid.three-columns,.employee-dialog .form-grid.two-columns{grid-template-columns:1fr}.employee-dialog-footer{flex-direction:column;align-items:stretch}.employee-footer-spacer{display:none}.employee-footer-actions{grid-template-columns:1fr 1fr;display:grid}.employee-delete-button{width:100%}}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child{border:1px solid color-mix(in srgb, var(--border) 70%, var(--primary) 30%);background:radial-gradient(circle at 79% -120%, #38bdf833, transparent 44%), linear-gradient(105deg, color-mix(in srgb, var(--surface) 84%, var(--primary) 16%), var(--surface) 72%);border-radius:13px;min-height:70px;padding:10px min(354px,35vw) 10px 17px;position:relative;overflow:hidden;box-shadow:0 7px 22px #0f172a0e,inset 0 1px #ffffff8f}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child:before{content:"";background:linear-gradient(180deg, var(--primary), #38bdf8);border-radius:0 5px 5px 0;width:4px;position:absolute;top:13px;bottom:13px;left:0}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child:after{content:"";border:1px solid color-mix(in srgb, transparent 72%, var(--primary) 28%);pointer-events:none;border-radius:50%;width:300px;height:118px;position:absolute;top:-78px;right:150px;transform:rotate(-7deg)}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child>*{z-index:1;position:relative}:root[data-theme=dark] .page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child{border-color:color-mix(in srgb, var(--border) 68%, var(--primary) 32%);background:radial-gradient(circle at 79% -120%,#0ea5e933,#0000 44%),linear-gradient(105deg,#132633,#111827 72%);box-shadow:0 9px 26px #0000003d,inset 0 1px #ffffff09}@media (width<=900px){.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child{min-height:64px;padding:10px 14px}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child:after{display:none}}.attendance-detail-table tfoot .attendance-detail-summary-cell{border-top:2px solid color-mix(in srgb, var(--primary) 74%, #38bdf8 26%);color:var(--text-main);text-align:left;position:static;background:linear-gradient(100deg, color-mix(in srgb, var(--surface) 88%, var(--primary) 12%), var(--surface))!important;padding:0!important}.attendance-detail-summary{grid-template-columns:minmax(260px,1fr) auto;align-items:stretch;min-height:64px;display:grid}.attendance-detail-summary-title{align-items:center;gap:11px;min-width:0;padding:10px 16px;display:flex}.attendance-detail-summary-title>span{background:color-mix(in srgb, var(--surface) 76%, var(--primary) 24%);width:36px;height:36px;color:var(--primary);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.attendance-detail-summary-title>div{gap:2px;min-width:0;display:grid}.attendance-detail-summary-title strong{color:var(--text-main);letter-spacing:.015em;text-transform:uppercase;font-size:13px;font-weight:750}.attendance-detail-summary-title small{color:var(--text-muted);font-size:11px}.attendance-detail-summary-metrics{grid-template-columns:repeat(2,minmax(175px,1fr));margin:0;display:grid}.attendance-detail-summary-metrics>div{border-left:1px solid color-mix(in srgb, var(--border) 75%, var(--primary) 25%);align-content:center;gap:3px;min-width:175px;padding:8px 18px;display:grid}.attendance-detail-summary-metrics dt{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:650;line-height:16px;display:flex}.attendance-detail-summary-metrics dt svg{color:var(--primary)}.attendance-detail-summary-metrics dd{color:var(--text-main);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:750;line-height:24px}.attendance-detail-summary-metrics .total-work-units{background:color-mix(in srgb, var(--surface) 84%, #38bdf8 16%)}.attendance-detail-summary-metrics .total-work-units dd{color:#075985;font-size:20px}:root[data-theme=dark] .attendance-detail-table tfoot .attendance-detail-summary-cell{color:var(--text-main)!important;background:linear-gradient(100deg,#12332f,#111827)!important}:root[data-theme=dark] .attendance-detail-summary-title strong,:root[data-theme=dark] .attendance-detail-summary-metrics dd{color:#f8fafc!important}:root[data-theme=dark] .attendance-detail-summary-metrics .total-work-units{background:#0e749033}:root[data-theme=dark] .attendance-detail-summary-metrics .total-work-units dd{color:#7dd3fc!important}@media (width<=820px){.attendance-detail-summary{grid-template-columns:1fr}.attendance-detail-summary-metrics{border-top:1px solid var(--border)}.attendance-detail-summary-metrics>div:first-child{border-left:0}}.page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child{background:radial-gradient(circle at 79% -120%, #38bdf833, transparent 44%), linear-gradient(105deg, color-mix(in srgb, var(--surface) 82%, var(--primary) 18%), color-mix(in srgb, var(--surface) 91%, #38bdf8 9%) 100%)}.compact-topbar .topbar-actions.compact{background:0 0;border:0;gap:6px;min-height:44px;padding:3px 0}.compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button,.compact-topbar .topbar-actions.compact>.icon-button,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{border-color:color-mix(in srgb, var(--border) 72%, var(--primary) 28%);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff94}.compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button,.compact-topbar .topbar-actions.compact>.icon-button{width:34px;min-height:34px;color:color-mix(in srgb, var(--text-main) 78%, var(--primary) 22%);border-radius:10px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{background:0 0;border-color:#0000;min-width:204px;min-height:34px;padding:0 7px 0 5px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button strong,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button small{max-width:132px}.compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button:hover,.compact-topbar .topbar-actions.compact>.icon-button:hover,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button:hover{border-color:color-mix(in srgb, var(--border) 46%, var(--primary) 54%);background:#ffffffb8}.compact-topbar .account-button>span{box-shadow:0 0 0 3px #ffffff3d}:root[data-theme=dark] .page-content>:where(.dashboard-page,.hr-page,.attendance-page,.transport-page,.advance-page,.ops-page,.insurance-page)>:where(.workspace-heading,.hr-page-heading,.attendance-page-heading,.transport-heading,.advance-heading,.ops-heading,.insurance-heading):first-child{background:radial-gradient(circle at 79% -120%,#0ea5e933,#0000 44%),linear-gradient(105deg,#132e37,#122333 100%)}:root[data-theme=dark] .compact-topbar .topbar-actions.compact{background:0 0}:root[data-theme=dark] .compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button,:root[data-theme=dark] .compact-topbar .topbar-actions.compact>.icon-button,:root[data-theme=dark] .compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{color:var(--text-main)!important;background:#0f172a57!important;border-color:#5eead433!important}:root[data-theme=dark] .compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button:hover,:root[data-theme=dark] .compact-topbar .topbar-actions.compact>.icon-button:hover,:root[data-theme=dark] .compact-topbar .topbar-actions.compact>.header-account-menu>.account-button:hover{background:#1e293bad!important;border-color:#5eead461!important}@media (width<=900px){.compact-topbar .topbar-actions.compact{background:0 0;border:0;padding:0}}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child,.page-content>.insurance-page>.insurance-heading:first-child{align-items:center!important;min-height:82px!important;padding:13px min(354px,35vw) 13px 18px!important}.compact-topbar{height:82px;padding:0 var(--page-inline) 0 12px;flex-direction:row;align-items:center;top:16px}.page-heading-actionbar{border:1px solid var(--border);background:var(--surface);border-radius:11px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:52px;margin-top:-10px;padding:6px 10px;display:flex;box-shadow:0 4px 14px #0f172a0a}.page-heading-actionbar select,.page-heading-actionbar button{min-height:38px}:root[data-theme=dark] .page-heading-actionbar{background:var(--surface);box-shadow:0 5px 18px #0000002e}.employee-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hr-page:has(.employee-table) .hr-filter-bar.employee-filter-bar{min-height:58px;display:flex}.employee-filter-bar .employee-search-box{flex:280px;width:min(330px,100%);min-width:250px}.employee-filter-bar>select{flex:0 150px;width:145px;min-width:132px}.employee-filter-bar .hr-filter-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.employee-import-message{border-top:1px solid color-mix(in srgb, var(--border) 74%, var(--primary) 26%);background:color-mix(in srgb, var(--surface) 90%, var(--primary) 10%);color:var(--text-main);padding:9px 14px;font-size:12px;font-weight:650}.employee-table{min-width:1440px}.hr-page:has(.employee-table) .employee-table{min-width:max(100%,1440px)}.employee-table th:first-child{width:210px}.employee-table th:nth-child(2){width:178px}.employee-table th:nth-child(3){width:180px}.employee-table th:nth-child(4){width:90px}.employee-table th:nth-child(5){width:112px}.employee-table th:nth-child(6){width:260px}.employee-table th:nth-child(7){width:150px}.employee-table th:nth-child(8){width:210px}.employee-table th:nth-child(9){width:110px}.employee-table th:nth-child(10){width:84px}.employee-table td,.employee-table th{vertical-align:middle}.employee-two-line strong,.employee-two-line small{display:block}.employee-two-line strong{color:var(--text-main);font-size:13px;line-height:18px}.employee-two-line small{color:var(--text-muted);margin-top:3px;font-size:11px;line-height:16px}.employee-centered-cell,.employee-table th:nth-child(4),.employee-table th:nth-child(5),.employee-table th:nth-child(9),.employee-table th:nth-child(10){text-align:center}.employee-address-cell{color:var(--text-main);white-space:normal;line-height:18px}.attendance-detail-summary-metrics>div{text-align:center;justify-items:center}.attendance-detail-summary-metrics dt{text-align:center;justify-content:center;width:100%}.attendance-detail-summary-metrics dd{text-align:center;width:100%}@media (width<=900px){.compact-topbar{height:auto;padding:8px 14px;top:auto}.page-content>.dashboard-page>.workspace-heading:first-child,.page-content>.hr-page>.hr-page-heading:first-child,.page-content>.attendance-page>.attendance-page-heading:first-child,.page-content>.transport-page>.transport-heading:first-child,.page-content>.advance-page>.advance-heading:first-child,.page-content>.ops-page>.ops-heading:first-child,.page-content>.insurance-page>.insurance-heading:first-child{min-height:70px!important;padding:11px 14px!important}.page-heading-actionbar{justify-content:flex-start;margin-top:-8px}.employee-filter-bar .employee-search-box,.employee-filter-bar>select{flex:220px;width:100%;max-width:none}.employee-filter-bar .hr-filter-actions{flex-wrap:wrap;width:100%;margin-left:0}}.excel-action-button{transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 0 0 1px #ffffff47,0 1px 2px #0f172a0d;border-style:solid!important;border-width:1.5px!important;font-weight:700!important}.excel-import-button{background:color-mix(in srgb, var(--surface) 88%, #14b8a6 12%)!important;color:#0f766e!important;border-color:#0d9488!important}.excel-export-button{background:color-mix(in srgb, var(--surface) 89%, #60a5fa 11%)!important;color:#1d4ed8!important;border-color:#3b82f6!important}.excel-import-button:hover{box-shadow:0 0 0 3px #14b8a621,0 3px 8px #0f766e1f;background:color-mix(in srgb, var(--surface) 78%, #14b8a6 22%)!important;border-color:#0f766e!important}.excel-export-button:hover{box-shadow:0 0 0 3px #3b82f621,0 3px 8px #2563eb1f;background:color-mix(in srgb, var(--surface) 78%, #60a5fa 22%)!important;border-color:#2563eb!important}.excel-action-button:active{transform:translateY(1px)}.reset-filter-button{white-space:nowrap;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #ffffffb8,0 1px 2px #0f172a0b;color:#334155!important;background:#f5f9fc!important;border:1.5px solid #8ba5bf!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-height:40px!important;padding:0 14px!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.reset-filter-button svg{color:#0f766e;flex:none}.reset-filter-button:hover{box-shadow:0 0 0 3px #0f8f871a,0 3px 8px #0f766e17;color:#0f5f5a!important;background:#edf9f7!important;border-color:#0f8f87!important}.reset-filter-button:focus-visible{outline:0;box-shadow:0 0 0 3px #0f8f8729;border-color:#0f8f87!important}.reset-filter-button:active{transform:translateY(1px)}:root[data-theme=dark] .reset-filter-button{box-shadow:inset 0 1px #ffffff0b;color:#e2e8f0!important;background:#1e293bbd!important;border-color:#64748b!important}:root[data-theme=dark] .reset-filter-button svg{color:#5eead4}:root[data-theme=dark] .reset-filter-button:hover{color:#ccfbf1!important;background:#0f766e3b!important;border-color:#2dd4bf!important}:root[data-theme=dark] .excel-import-button{color:#99f6e4!important;background:#0d94882b!important;border-color:#2dd4bf!important}:root[data-theme=dark] .excel-export-button{color:#bfdbfe!important;background:#2563eb2e!important;border-color:#60a5fa!important}.attendance-edit-section>h4{background:#f1f5f9}:root[data-theme=dark] .attendance-edit-section>h4{background:#243041}.compact-topbar .account-button strong{font-size:13.5px;line-height:18px}.compact-topbar .account-button small{font-size:11.5px;line-height:16px}.account-dropdown-v2{width:376px}.account-dropdown-v2>header{gap:12px;padding:16px}.account-dropdown-v2>header>span{flex-basis:48px;width:48px;height:48px;font-size:15px}.account-dropdown-v2>header strong{font-size:15px;line-height:20px}.account-dropdown-v2>header small{font-size:12.5px;line-height:17px}.account-dropdown-v2>header em,.account-profile-hero em{font-size:12px;line-height:17px}.account-dropdown-v2>.account-role-summary{gap:10px;padding:14px 16px}.account-role-summary strong{font-size:14px;line-height:19px}.account-role-summary small{font-size:12px;line-height:17px}.account-dropdown-v2 nav{padding:8px}.account-dropdown-v2 nav button{gap:12px;min-height:66px;padding:10px 12px}.account-dropdown-v2 nav button>svg{width:19px;height:19px}.account-dropdown-v2 nav strong{font-size:14px;line-height:19px}.account-dropdown-v2 nav small{font-size:12px;line-height:17px}.account-dropdown-v2>.account-logout-button{min-height:50px;padding:11px 16px;font-size:13.5px}.account-management-dialog{width:min(610px,100vw - 28px)}.account-management-dialog>header{padding:17px 19px}.account-dialog-icon{width:44px;height:44px}.account-management-dialog h3{font-size:20px;line-height:26px}.account-management-dialog header p{font-size:13px;line-height:18px}.account-profile-hero{gap:15px;padding:20px}.account-profile-hero>span{width:68px;height:68px;font-size:20px}.account-profile-hero h4{font-size:19px;line-height:25px}.account-profile-hero p{font-size:13px;line-height:18px}.account-profile-grid{padding:7px 20px 20px}.account-profile-grid>div{gap:6px;padding-top:15px;padding-bottom:15px}.account-profile-grid dt{font-size:12px;line-height:17px}.account-profile-grid dd{font-size:14px;line-height:20px}.account-management-dialog>footer{padding:13px 18px}.account-management-dialog>footer button{min-height:42px;font-size:14px}.change-password-body{gap:15px;padding:20px}.change-password-body label{gap:7px;font-size:13.5px;line-height:19px}.change-password-body input{background:#fff;border:1.5px solid #94a3b8;border-radius:10px;min-height:46px;padding-inline:13px;font-size:14px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px 2px #0f172a0e,0 1px 2px #0f172a09}.change-password-body input:hover{border-color:#64748b}.change-password-body input:focus{background:var(--surface);border-color:#0f8f87;outline:0;box-shadow:0 0 0 3px #0f8f8724,inset 0 1px 2px #0f172a0a}:root[data-theme=dark] .change-password-body input{color:var(--text-main);background:#111827;border-color:#64748b;box-shadow:inset 0 1px 2px #00000042}:root[data-theme=dark] .change-password-body input:hover{border-color:#94a3b8}:root[data-theme=dark] .change-password-body input:focus{background:#111827;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf2e,inset 0 1px 2px #00000038}.password-security-note{gap:11px;padding:13px}.password-security-note strong{font-size:14px;line-height:19px}.password-security-note small{font-size:12.5px;line-height:18px}.form-message{padding:11px 12px;font-size:13px;line-height:18px}@media (width<=640px){.account-dropdown-v2{width:min(376px,100vw - 20px)}.account-management-dialog{width:min(610px,100vw - 20px)}.account-profile-grid{grid-template-columns:1fr}.account-profile-grid>div,.account-profile-grid>div:nth-child(odd):not(.span-2),.account-profile-grid>div:nth-child(2n){border-left:0;grid-column:1;padding-inline:4px}}.attendance-lock-button{color:#b42318;white-space:nowrap;background:linear-gradient(snow 0%,#fff1f2 100%);border:1.5px solid #ef6a6a;min-height:38px;font-weight:650;transition:border-color .16s,background-color .16s,box-shadow .16s,color .16s,transform .16s;box-shadow:0 1px 2px #b91c1c14,inset 0 0 0 1px #ffffffb3}.attendance-lock-button>svg{color:#dc2626;stroke-width:2.15px}.attendance-lock-button:hover{color:#991b1b;background:linear-gradient(#fff5f5 0%,#ffe4e6 100%);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262626,inset 0 0 0 1px #ffffffbd}.attendance-lock-button:active{transform:translateY(0);box-shadow:0 1px 4px #dc262621}.attendance-lock-button:focus-visible{border-color:#dc2626;outline:0;box-shadow:0 0 0 3px #ef44442e,0 2px 8px #dc26261f}:root[data-theme=dark] .attendance-lock-button{color:#fecaca;background:linear-gradient(#7f1d1d4d 0%,#450a0a6b 100%);border-color:#f87171b8;box-shadow:0 1px 3px #0000003d,inset 0 0 0 1px #f8717114}:root[data-theme=dark] .attendance-lock-button>svg{color:#f87171}:root[data-theme=dark] .attendance-lock-button:hover{color:#fee2e2;background:linear-gradient(#991b1b6b 0%,#7f1d1d7a 100%);border-color:#f87171;box-shadow:0 5px 14px #00000042,0 0 0 1px #f871711a}.labor-contract-workspace{gap:0;grid-template-columns:minmax(0,1fr)!important}.labor-contract-panel{min-width:0;overflow:hidden}.labor-contract-table-wrap{scrollbar-gutter:auto;max-height:calc(100dvh - 292px);overflow:auto}.labor-contract-table{table-layout:fixed;min-width:1240px}.labor-contract-table th:first-child{width:138px}.labor-contract-table th:nth-child(2){width:168px}.labor-contract-table th:nth-child(3){width:150px}.labor-contract-table th:nth-child(4){width:190px}.labor-contract-table th:nth-child(5){width:126px}.labor-contract-table th:nth-child(6){width:142px}.labor-contract-table th:nth-child(7){width:190px}.labor-contract-table th:nth-child(8){width:126px}.labor-contract-table th:nth-child(9){width:88px}.labor-contract-table th{text-align:center;vertical-align:middle}.labor-contract-table td{height:62px;padding-block:9px;line-height:1.35}.labor-contract-table td:first-child,.labor-contract-table td:nth-child(5),.labor-contract-table td:nth-child(7),.labor-contract-table td:nth-child(8),.labor-contract-table td:nth-child(9){white-space:nowrap}.labor-contract-table td:nth-child(8),.labor-contract-table td:nth-child(9){text-align:center}.labor-contract-table td strong{color:var(--text);font-size:13px;font-weight:700}.labor-contract-table td small{margin-top:3px;font-size:11.5px;line-height:1.35}.labor-contract-salary{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.labor-contract-table .row-actions{justify-content:center}.labor-contract-approve-action{color:#15803d;background:#22c55e1a;border-color:#16a34a57}.labor-contract-terminate-action{color:#dc2626;background:#ef44441a;border-color:#dc262652}.table-action-empty{color:var(--text-muted)}.labor-contract-form-dialog{width:min(760px,100vw - 32px)}.labor-contract-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;padding:20px;display:grid}.labor-contract-form-grid label{color:var(--text);gap:7px;font-size:13px}.labor-contract-form-grid input,.labor-contract-form-grid select{border:1.5px solid color-mix(in srgb, var(--border) 72%, #64748b 28%);background:var(--surface);min-height:43px;color:var(--text);border-radius:9px;padding-inline:12px;font-size:13.5px}.labor-contract-form-grid input:focus,.labor-contract-form-grid select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #0f8f8721}.labor-contract-form-span-2{grid-column:1/-1}@media (width<=700px){.labor-contract-table-wrap{max-height:none}.labor-contract-form-grid{grid-template-columns:1fr;padding:16px}.labor-contract-form-span-2{grid-column:auto}}.notification-dropdown{width:min(460px,100vw - 24px)}.notification-session-summary{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, var(--primary) 6%);align-items:flex-start;gap:10px;padding:12px 15px;display:flex}.notification-session-summary>span{background:color-mix(in srgb, var(--surface) 82%, var(--primary) 18%);width:34px;height:34px;color:var(--primary);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.notification-session-summary>div{gap:3px;min-width:0;display:grid}.notification-session-summary strong{color:var(--text);font-size:12.5px;line-height:18px}.notification-session-summary small{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:17px}.notification-list-heading{justify-content:space-between;align-items:center;gap:12px;padding:10px 15px 4px;display:flex}.notification-list-heading strong{color:var(--text);font-size:12px}.notification-list-heading span{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:700}.notification-list{max-height:360px}.notification-item{border:1px solid #0000;min-height:104px;padding:11px}.notification-item+.notification-item{margin-top:4px}.notification-item.unread{border-color:color-mix(in srgb, var(--primary) 24%, var(--border))}.notification-item small{text-overflow:clip;white-space:normal;overflow:visible}.notification-item em{color:var(--text-muted);overflow-wrap:anywhere;font-size:10.5px;font-style:normal;line-height:16px}.notification-empty.secure{color:#059669;align-content:center;min-height:150px}.notification-empty.secure strong{color:var(--text);font-size:13px}.notification-empty.secure small{color:var(--text-muted);font-size:11px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{border:1px solid color-mix(in srgb, var(--border) 72%, var(--primary) 28%);background:#ffffff7a;border-radius:12px;gap:10px;width:auto;min-width:250px;max-width:360px;min-height:48px;padding:5px 9px 5px 6px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>div{align-content:center;width:max-content;min-width:0;max-width:268px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button strong,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button small{text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;max-width:none;overflow:visible}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button strong{font-size:13.5px;font-weight:750;line-height:17px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button small{font-size:11px;line-height:15px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>svg{flex:none}.account-dropdown-v2>header>div{width:100%}.account-dropdown-v2>header strong,.account-dropdown-v2>header small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}:root[data-theme=dark] .compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{background:#0f172a47!important;border-color:#5eead433!important}@media (width<=900px){.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{min-width:210px;max-width:min(300px,100vw - 120px)}}@media (width<=640px){.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{width:46px;min-width:46px;padding:5px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>div,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>svg{display:none}}.login-page{grid-template-columns:minmax(640px,1.12fr) minmax(560px,.88fr)}.login-form-panel{padding:76px 42px 42px;overflow-y:auto}.login-form-topline{width:calc(100% - 64px);font-size:11.5px;line-height:17px;top:25px;left:32px}.login-form-topline span{gap:7px}.login-card{background:#fffffff7;border:1px solid #64748b40;border-radius:24px;width:min(540px,100%);padding:40px 42px;box-shadow:0 34px 90px #0f172a29,0 3px 12px #0f172a0d}.login-card>header{align-items:center;gap:16px;margin-bottom:30px}.login-card-icon{border-radius:15px;flex-basis:54px;width:54px;height:54px}.login-card .eyebrow{letter-spacing:.075em;font-size:11px;line-height:16px}.login-card h2{margin:4px 0 5px;font-size:28px;line-height:35px}.login-card header p{max-width:390px;font-size:13px;line-height:19px}.login-form{gap:19px}.login-form>label{gap:8px;font-size:13px;line-height:18px}.login-input-shell{border-width:1.5px;border-radius:12px;gap:11px;height:54px;padding-inline:14px}.login-input-shell>svg{flex:none;width:18px;height:18px}.login-input-shell input{height:50px;font-size:14px}.login-input-shell input::placeholder{color:#94a3b8;opacity:1}.login-password-field input{padding-right:42px}.login-password-field button{border-radius:9px;width:42px;height:46px;top:3px;right:3px}.login-password-field button:hover{color:#0f766e;background:#f1f5f9}.login-form-options{font-size:11.5px;line-height:17px}.login-message{margin-top:-4px;padding:11px 13px;font-size:12px;line-height:18px}.login-submit-button{border-radius:12px;height:54px;font-size:14px;box-shadow:0 14px 30px #0e749040}.login-divider{height:40px;margin-block:10px;font-size:11.5px}.google-login-button{min-height:52px}.google-login-unavailable{border-width:1.5px;border-radius:12px;gap:12px;min-height:52px;padding:8px 14px}.google-login-unavailable strong{font-size:12.5px;line-height:18px}.google-login-unavailable small{font-size:10.5px;line-height:15px}.login-card>footer{gap:9px;margin-top:27px;padding-top:18px;font-size:11px;line-height:17px}@media (width<=1280px){.login-page{grid-template-columns:minmax(500px,1fr) minmax(500px,.9fr)}.login-brand-content h1{font-size:clamp(37px,4.2vw,52px)}.login-form-panel{padding-inline:28px}.login-card{padding-inline:34px}}@media (width<=1024px){.login-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:100dvh}.login-brand-panel{min-height:170px;padding:24px 32px}.login-brand-content{width:100%;margin:22px 0 0;padding:0}.login-eyebrow,.login-brand-content>p,.login-product-preview,.login-trust-grid,.login-brand-footer{display:none}.login-brand-content h1{margin:0;font-size:30px;line-height:37px}.login-brand-content h1 br{display:none}.login-form-panel{min-height:calc(100dvh - 170px);padding:66px 24px 36px}.login-card{width:min(570px,100%)}}@media (width<=640px){.login-page{background:#eef3f8}.login-brand-panel{min-height:78px;padding:15px 18px}.login-brand{gap:10px}.login-brand>span{width:43px;height:43px}.login-brand strong{font-size:16px}.login-brand small{font-size:10.5px}.login-brand-content{display:none}.login-form-panel{place-items:initial;min-height:calc(100dvh - 78px);padding:14px max(12px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;display:flex}.login-form-topline{width:100%;margin-bottom:13px;font-size:11px;position:static}.login-form-topline small{display:block}.login-card{border-radius:20px;width:100%;margin:auto 0;padding:25px 20px 22px;box-shadow:0 20px 55px #0f172a21}.login-card>header{align-items:flex-start;gap:12px;margin-bottom:24px}.login-card-icon{border-radius:13px;flex-basis:46px;width:46px;height:46px}.login-card .eyebrow{font-size:9.5px}.login-card h2{margin-top:2px;font-size:23px;line-height:29px}.login-card header p{font-size:11.5px;line-height:17px}.login-form{gap:16px}.login-input-shell,.login-submit-button{height:52px}.login-input-shell input{height:48px;font-size:16px}.login-form-options{flex-flow:wrap;align-items:center;font-size:10.5px}.login-divider{height:34px;margin-block:8px}.google-login-unavailable{min-height:50px}.login-card>footer{margin-top:21px;padding-top:15px;font-size:10.5px}}@media (width<=380px){.login-form-topline small{display:none}.login-card{padding-inline:16px}.login-card h2{font-size:21px}.login-card header p{display:none}}@media (width<=1024px) and (height<=690px){.login-brand-panel{display:none}.login-form-panel{min-height:100dvh}}.login-page{background:#f4f8ff;grid-template-columns:minmax(620px,1.04fr) minmax(560px,.96fr)}.login-brand-panel{color:#102044;background:radial-gradient(circle at 83% -8%,#3b82f621 0 25%,#0000 25.4%),radial-gradient(circle at 70% 12%,#ffffffe0 0 4%,#0000 4.3%),linear-gradient(143deg,#fbfdff 0%,#f3f8ff 52%,#eaf3ff 100%);border-right:1px solid #dbe7f7}.login-brand-panel:before{border-color:#3b82f61a;width:560px;height:560px;top:-324px;right:-208px}.login-brand-panel:after{border-color:#2563eb1a;width:330px;height:330px;bottom:-172px;left:-118px}.login-brand>span{color:#2f6fed;background:#ffffffeb;border-color:#d8e6fa;box-shadow:0 9px 24px #2563eb21}.login-brand strong{color:#122346}.login-brand small{color:#64748b}.login-eyebrow{color:#2563eb;background:#ffffffc7;border-color:#cbdcf8;box-shadow:0 6px 18px #2563eb14}.login-brand-content h1{color:#122346;font-size:clamp(42px,4.4vw,66px)}.login-brand-content h1 span{color:#2f6fed}.login-brand-content>p{color:#64748b;max-width:560px;font-size:15px}.login-brand-content>p:after{content:"";background:#3b82f6;border-radius:999px;width:44px;height:3px;margin-top:17px;display:block}.login-hero-visual{aspect-ratio:3/2;isolation:isolate;width:min(700px,100%);margin-top:20px;position:relative}.login-hero-illustration{z-index:2;object-fit:cover;object-position:center;background:#ffffffd1;border:1px solid #94b4e16b;border-radius:28px;width:100%;height:100%;display:block;position:relative;box-shadow:0 30px 70px #2563eb26}.login-hero-floating{z-index:4;background:#fffffff5;border:1px solid #d7e5f8;border-radius:13px;align-items:center;gap:9px;min-width:150px;padding:9px 11px;display:flex;position:absolute;box-shadow:0 14px 30px #2563eb26}.login-hero-floating-one{top:24px;left:-18px}.login-hero-floating-two{bottom:28px;right:-18px}.login-hero-floating>span{color:#2f6fed;background:#eaf2ff;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.login-hero-floating>div{gap:1px;display:grid}.login-hero-floating strong{color:#172554;font-size:15px;line-height:18px}.login-hero-floating small{color:#64748b;white-space:nowrap;font-size:8px;line-height:12px}.login-hero-ground{z-index:1;filter:blur(10px);background:#60a5fa2e;border-radius:50%;width:76%;height:22px;position:absolute;bottom:-7px;left:12%}@media (height<=900px) and (width>=1025px){.login-brand-content{padding-block:18px 12px}.login-brand-content h1{margin-block:11px 7px;font-size:clamp(38px,3.65vw,54px)}.login-hero-visual{width:min(560px,100%);margin-top:12px}.login-trust-grid{margin-top:8px}.login-trust-grid article{padding-block:8px}}.login-product-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border-color:#cfdef3;box-shadow:0 26px 68px #2563eb21,inset 0 1px #fff}.login-preview-header{color:#1e3a68;background:linear-gradient(90deg,#f8fbff,#edf5ff);border-bottom-color:#dbe7f5}.login-preview-header i{background:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.login-preview-header small{color:#2563eb}.login-preview-metrics article{background:#fff;border-color:#dce7f5;box-shadow:0 7px 20px #0f172a0d}.login-preview-metrics article>span{color:#2f6fed;background:#eaf2ff}.login-preview-metrics small,.login-preview-chart>div small{color:#64748b}.login-preview-metrics strong,.login-preview-chart>div strong{color:#172554}.login-preview-metrics em{color:#168363}.login-preview-chart>span{background:linear-gradient(#6ea0ff,#2f6fed);box-shadow:0 5px 11px #2f6fed33}.login-trust-grid article{background:#ffffffd1;border-color:#d8e5f5;box-shadow:0 8px 22px #2563eb0f}.login-trust-grid svg{color:#2f6fed}.login-trust-grid strong{color:#172554}.login-trust-grid span,.login-brand-footer{color:#64748b}.login-form-panel{background:radial-gradient(circle at 88% 8%,#93c5fd3d,#0000 31%),radial-gradient(circle at 14% 88%,#bfdbfe42,#0000 28%),linear-gradient(145deg,#f8fbff,#eef5ff);border-left:0}.login-form-topline span{color:#2563eb}.login-card{background:#fffffff7;border-color:#94a3b842;border-radius:28px;width:min(560px,100%);padding:40px 46px 36px;box-shadow:0 34px 95px #1e40af24,0 4px 18px #0f172a0d}.login-card>header{text-align:center;justify-items:center;gap:15px;display:grid}.login-card-icon{color:#2f6fed;background:linear-gradient(145deg,#fff,#eaf2ff);border:1px solid #d5e4fa;border-radius:22px;flex-basis:78px;width:78px;height:78px;box-shadow:0 14px 30px #2563eb2e}.login-card .eyebrow{color:#2f6fed}.login-card h2{color:#122346;font-size:30px}.login-card header p{color:#71809b;font-size:13px}.login-form>label{color:#243553}.login-input-shell{background:#fff;border-color:#cbd8ea;box-shadow:0 4px 12px #0f172a09}.login-input-shell:focus-within{color:#2563eb;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f,0 6px 18px #2563eb12}.login-form-options svg,.login-form-options button{color:#2563eb}.login-submit-button{background:linear-gradient(100deg,#2563eb,#3b82f6);box-shadow:0 14px 30px #2563eb42}.google-login-unavailable{background:#fbfdff;border-color:#b9cff4}.login-card>footer{color:#64748b;text-align:center;justify-content:center;align-items:center}.login-card>footer span{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.login-card>footer i{background:#94a3b8;border-radius:50%;width:4px;height:4px}.mobile-sidebar-close{display:none}@media (width<=1024px){.login-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.login-brand-panel{border-bottom:1px solid #dbe7f7;border-right:0;min-height:170px}.login-brand-content h1{color:#122346}.login-hero-visual{display:none}.login-form-panel{background:linear-gradient(155deg,#f8fbff,#eef5ff);min-height:calc(100dvh - 170px)}.login-card{width:min(570px,100%)}}@media (width<=1023px){.compact-topbar{z-index:70;border-bottom:1px solid color-mix(in srgb, var(--border) 72%, var(--primary) 28%);background:color-mix(in srgb, var(--surface) 92%, #dff7ff 8%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;width:100%;height:64px;min-height:64px;padding:9px 12px;display:flex;box-shadow:0 6px 22px #0f172a12;flex-direction:row!important;position:sticky!important;top:0!important}:root[data-theme=dark] .compact-topbar{background:#0f172af0;border-bottom-color:#5eead42e}.compact-topbar .topbar-title{flex:none;align-items:center;width:auto;min-width:0;display:flex}.mobile-menu-button{border:1px solid color-mix(in srgb, var(--border) 55%, var(--primary) 45%);background:color-mix(in srgb, var(--surface) 86%, var(--primary) 14%);min-width:112px;height:44px;color:var(--primary);font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 5px 14px #0f766e1a}.mobile-menu-button:active{transform:translateY(1px)}.compact-topbar .topbar-actions.compact{flex:0 auto;align-items:center;gap:6px;min-width:0;min-height:44px;display:flex;flex-flow:row!important;justify-content:flex-end!important;width:auto!important}.compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button,.compact-topbar .topbar-actions.compact>.icon-button{flex:0 0 40px;width:40px;height:40px;min-height:40px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{width:48px;min-width:48px;max-width:48px;min-height:44px;padding:4px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>div,.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button>svg{display:none}.compact-topbar .account-button>span{flex:0 0 36px;width:36px;height:36px}.sidebar,.sidebar-collapsed{width:min(88vw,330px);max-width:min(88vw,330px);box-shadow:24px 0 70px #02061757}.sidebar-brand{min-height:76px;padding:15px 16px}.mobile-sidebar-close{color:#e2e8f0;background:#ffffff12;border:1px solid #94a3b833;border-radius:11px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.sidebar-nav{padding:12px 14px 24px}.sidebar-link{border-radius:10px;min-height:48px;font-size:14px}.sidebar-sublink{min-height:40px;font-size:13px}.page-content{padding-top:12px}}@media (width<=640px){.login-page{background:#eef5ff}.login-brand-panel{background:linear-gradient(145deg,#fafdff,#eaf3ff);min-height:82px;padding:16px 18px}.login-brand>span{width:46px;height:46px}.login-form-panel{min-height:calc(100dvh - 82px)}.login-card{border-radius:22px;width:100%;padding:26px 20px 22px}.login-card>header{text-align:center;justify-items:center}.login-card-icon{border-radius:17px;flex-basis:58px;width:58px;height:58px}.login-card h2{font-size:25px}.compact-topbar{height:60px;min-height:60px;padding:8px 10px}.mobile-menu-button{min-width:104px;height:42px;padding-inline:11px}.compact-topbar .topbar-actions.compact .header-notification-menu>.icon-button,.compact-topbar .topbar-actions.compact>.icon-button{flex-basis:38px;width:38px;height:38px;min-height:38px}.compact-topbar .topbar-actions.compact>.header-account-menu>.account-button{width:44px;min-width:44px;max-width:44px;min-height:42px}.compact-topbar .account-button>span{flex-basis:34px;width:34px;height:34px}.notification-dropdown,.account-dropdown-v2{max-height:calc(100dvh - 76px);top:66px;right:8px}}@media (width<=370px){.mobile-menu-button{width:44px;min-width:44px;padding:0}.mobile-menu-button span{display:none}.compact-topbar{gap:5px;padding-inline:7px}.compact-topbar .topbar-actions.compact{gap:4px}}@media (width<=767px){.table-wrap,.payroll-table-wrap,.transport-table-wrap,.attendance-table-wrap,.attendance-summary-wrap,.insurance-table-scroll,.advance-table-wrap,.bulk-settle-table-wrap,.ops-table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto!important}.table-wrap>table,.payroll-table-wrap>table,.transport-table-wrap>table,.attendance-table-wrap>table,.attendance-summary-wrap>table,.insurance-table-scroll>table,.advance-table-wrap>table,.bulk-settle-table-wrap>table,.ops-table-wrap>table{max-width:none}.attendance-detail-table tbody td:nth-child(15),.attendance-detail-table tbody td:nth-child(16),.attendance-detail-table tbody td:nth-child(17),.attendance-detail-table tfoot td:nth-child(15),.attendance-detail-table tfoot td:nth-child(16),.attendance-detail-table tfoot td:nth-child(17){box-shadow:none!important;position:static!important;left:auto!important;right:auto!important}.attendance-detail-table thead th:nth-child(15),.attendance-detail-table thead th:nth-child(16),.attendance-detail-table thead th:nth-child(17){z-index:3!important;box-shadow:0 1px 0 var(--border)!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important}.attendance-summary-table--employees tbody td:first-child,.attendance-summary-table--employees tbody td:nth-child(2),.attendance-summary-table--employees tbody td:nth-child(3),.attendance-summary-table--employees tfoot td:first-child,.attendance-summary-table--employees tfoot td:nth-child(2),.attendance-summary-table--employees tfoot td:nth-child(3),.attendance-summary-table tbody .summary-normal-cell,.attendance-summary-table tbody .summary-overtime-cell,.attendance-summary-table tbody .summary-total-cell,.attendance-summary-table tfoot .summary-normal-cell,.attendance-summary-table tfoot .summary-overtime-cell,.attendance-summary-table tfoot .summary-total-cell{box-shadow:none!important;position:static!important;left:auto!important;right:auto!important}.attendance-summary-table--employees thead th:first-child,.attendance-summary-table--employees thead th:nth-child(2),.attendance-summary-table--employees thead th:nth-child(3),.attendance-summary-table thead .summary-normal-cell,.attendance-summary-table thead .summary-overtime-cell,.attendance-summary-table thead .summary-total-cell{z-index:3!important;box-shadow:0 1px 0 var(--border)!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important}}