:root{color:#17212f;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--ink:#17212f;--muted:#7b8796;--line:#e8edf3;--surface:#fff;--blue:#3159d9;--blue-dark:#2448c2;--navy:#17263d;--green:#18845b;--amber:#b77117;--red:#bb4652;--shadow:0 2px 8px #18263b09,0 16px 42px #18263b0b;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.screen-loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:2px solid #dfe5ee;border-top-color:var(--blue);border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:260px;padding:22px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #eff2f6;align-items:center;gap:11px;padding:0 9px 21px;display:flex}.brand img{object-fit:contain;width:38px;height:42px}.brand strong,.brand small,.company-picker b,.company-picker small{display:block}.brand strong{letter-spacing:-.5px;font:800 15px Manrope,sans-serif}.brand small{color:var(--muted);margin-top:3px;font-size:10px}.company-picker{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;margin:16px 0 17px;padding:10px 9px;display:flex}.company-picker>svg{color:#8d98a7;margin-left:auto}.company-picker b{font-size:11px}.company-picker small{color:var(--muted);margin-top:3px;font-size:10px}.company-mark{width:30px;height:30px;color:var(--blue);background:#eff3ff;border-radius:8px;place-items:center;font:800 14px Manrope;display:grid}.side-nav{flex:1;overflow-y:auto}.nav-group{margin:6px 0 17px}.nav-group>p{color:#9aa4b2;letter-spacing:1.15px;margin:0 0 6px;padding:0 10px;font-size:9px;font-weight:700}.nav-link{color:#586578;border-radius:7px;align-items:center;gap:11px;margin:2px 0;padding:10px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:var(--ink);background:#f5f7fb}.nav-link.nav-active{color:#3156d2;background:#eef2ff;font-weight:700}.nav-count{color:#b96a14;background:#fff0e2;border-radius:6px;place-items:center;min-width:20px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;font-weight:700;display:grid}.sidebar-bottom{margin-top:15px}.support-card{border:1px solid var(--line);color:#4065ce;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}.support-card b,.support-card small{display:block}.support-card b{color:#435067;font-size:11px}.support-card small{color:#8a95a5;margin-top:3px;font-size:10px}.sidebar-version{text-align:center;color:#a0a9b5;margin-top:12px;font-size:9px}.main-area{flex-direction:column;min-height:100vh;margin-left:260px;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;flex:none;justify-content:space-between;align-items:center;height:66px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:#9aa4b2;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb b{color:#475467;font-weight:600}.top-actions{align-items:center;gap:15px;display:flex}.icon-button{color:#718096;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#f2f4f8}.notification-button{position:relative}.notification-button i{background:#e99a47;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.top-separator{background:var(--line);width:1px;height:26px}.user-menu{align-items:center;gap:9px;display:flex}.user-avatar,.employee-avatar{color:#425eaa;background:#ecf0fb;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:grid}.user-ident b,.user-ident small{display:block}.user-ident b{font-size:11px}.user-ident small{color:var(--muted);margin-top:3px;font-size:9px}.logout-icon{margin-left:5px}.menu-toggle{display:none}.page-content{flex:1;width:min(1420px,100%);margin:0 auto;padding:31px 35px 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.35px;color:#78879b;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.page-heading h1{letter-spacing:-.8px;color:#1c2737;margin:0;font:800 25px/1.2 Manrope,sans-serif}.page-heading p{color:#8994a3;margin:7px 0 0;font-size:12px}.date-pill,.count-pill{border:1px solid var(--line);color:#657286;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.date-pill svg,.count-pill svg{color:#687fbd}.welcome-banner{background:#edf3ff;border:1px solid #e3ebff;border-radius:10px;align-items:center;gap:13px;min-height:76px;margin-bottom:19px;padding:14px 18px;display:flex}.welcome-icon{color:#4262c7;background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.welcome-banner>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.welcome-banner>div:nth-child(2) b{font-size:12px}.welcome-banner>div:nth-child(2) span{color:#7887a0;font-size:10px}.banner-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.status-pill{color:#79869a;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.status-pill i,.footer-dot{background:#d6a148;border-radius:50%;width:6px;height:6px;display:inline-block}.status-pill.status-green{color:#23835a}.status-pill.status-green i{background:#36a978}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:11px;font-weight:600;transition:background .15s,border .15s;display:inline-flex}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.button-dark{color:#fff;background:#253855}.button-dark:hover{background:#1a2a43}.button-outline{color:#59677b;background:#fff;border-color:#e2e7ef}.button-outline:hover{background:#f8f9fb}.button-full{width:100%;min-height:43px}.button-group{gap:8px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px;display:grid}.stat-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel{border:1px solid var(--line);background:#fff;border-radius:9px;box-shadow:0 1px 2px #1b2b4104}.stat-card{min-height:122px;padding:16px 17px}.stat-top{color:#7e8a9b;justify-content:space-between;align-items:center;font-size:10px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.tone-blue{color:#4a68cd;background:#eff3ff}.tone-green{color:#258560;background:#e9f6ef}.tone-amber{color:#c27b20;background:#fff4e6}.tone-violet{color:#7964ba;background:#f1edfb}.stat-card>strong{color:#202d40;letter-spacing:-.6px;margin-top:11px;font:800 23px Manrope,sans-serif;display:block}.stat-card>small{color:#a0a9b4;margin-top:4px;font-size:9px;display:block}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:15px;display:grid}.panel{padding:17px 18px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-heading h2{color:#253145;letter-spacing:-.2px;margin:0;font:700 13px Manrope,sans-serif}.panel-heading p{color:#929cab;margin:5px 0 0;font-size:10px}.text-link{color:#4565c7;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.request-list{border-top:1px solid #f0f2f5}.request-row{border-bottom:1px solid #f1f3f6;align-items:center;gap:11px;min-height:62px;display:flex}.request-icon,.doc-icon{color:#5871c1;background:#f0f3fc;border-radius:8px;flex:none;place-items:center;width:33px;height:33px;display:grid}.request-main{flex:1;min-width:0}.request-main b,.request-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.request-main b{color:#39465a;font-size:10px}.request-main small{color:#969fad;margin-top:4px;font-size:9px}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.badge-pending{color:#a86a19;background:#fff2dc}.badge-approved,.badge-active,.badge-present{color:#217750;background:#e8f5ee}.badge-rejected,.badge-late{color:#ad4650;background:#fff0ef}.badge-unknown{color:#687588;background:#eef1f5}.quick-links{gap:5px;display:grid}.quick-links a{border-radius:7px;align-items:center;gap:9px;padding:9px 8px;display:flex}.quick-links a:hover{background:#f6f8fc}.quick-links a>span{color:#5a72be;background:#f2f5fc;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.quick-links a b{color:#586579;flex:1;font-size:10px;font-weight:600}.quick-links a>svg{color:#a0a9b6}.data-note{color:#8793a3;align-items:center;gap:8px;margin-top:16px;padding:3px 1px;font-size:10px;display:flex}.data-note svg{color:#6f87c9;flex:none}.page-footer{color:#9aa4b1;border-top:1px solid #e9edf2;justify-content:space-between;gap:10px;padding:13px 35px 17px;font-size:9px;display:flex}.footer-dot{background:#48a778;margin:0 5px 1px}.table-panel{padding:17px 0 0;overflow:hidden}.table-panel>.panel-heading{padding:0 19px}.table-toolbar{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;padding:0 19px 14px;display:flex}.search-field{color:#98a2b0;border:1px solid #e5eaf0;border-radius:6px;align-items:center;gap:8px;width:min(410px,100%);height:35px;padding:0 10px;display:flex}.search-field input{color:#425066;border:0;outline:none;width:100%;font-size:10px}.search-field input::placeholder{color:#a4adba}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#fafbfd}th{color:#939eac;letter-spacing:.8px;border-bottom:1px solid #edf0f4;padding:10px 15px;font-size:8px;font-weight:700}td{color:#59677b;border-bottom:1px solid #f0f2f5;padding:12px 15px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td b{color:#38465b;font-weight:600}.employee-cell{align-items:center;gap:9px;display:flex}.employee-cell>span:last-child,.employee-cell b,.employee-cell small{display:block}.employee-cell b{font-size:10px}.employee-cell small,.cell-sub{color:#9aa3b0;margin-top:3px;font-size:9px}.cell-sub{display:block}.table-loading{color:#8b97a5;justify-content:center;align-items:center;gap:10px;height:155px;font-size:11px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:165px;padding:20px;display:flex}.empty-state>span{color:#8292ad;background:#f2f5fa;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:10px;display:grid}.empty-state b{color:#465368;font-size:11px}.empty-state p{color:#99a2af;margin:5px 0 0;font-size:10px}.table-actions{gap:6px;display:flex}.button-approve,.button-reject{min-height:27px;padding:0 8px;font-size:9px}.button-approve{color:#27754f;background:#eaf6ef}.button-reject{color:#aa4d51;background:#fff0ef}.deduction-value{color:#b26262}.net-value{color:#257a55}.alert{border-radius:7px;margin-bottom:15px;padding:10px 12px;font-size:11px}.alert-error{color:#a94343;background:#fff0ef;border:1px solid #f5d5d3;justify-content:space-between;align-items:center;display:flex}.alert-error button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1825385e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:11px;width:min(490px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 20px 70px #141f3033}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.modal-heading h2{margin:0;font:700 16px Manrope,sans-serif}.modal-heading p{color:#8c97a6;margin:5px 0 0;font-size:10px}.modal-card label,.login-form label{color:#48566b;flex-direction:column;gap:6px;margin:11px 0;font-size:10px;font-weight:600;display:flex}.modal-card input,.modal-card select,.modal-card textarea,.login-form input{color:#39465a;background:#fff;border:1px solid #e2e7ee;border-radius:6px;outline:none;width:100%;padding:10px 11px;font-size:11px}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.login-form input:focus{border-color:#8296df;box-shadow:0 0 0 3px #edf0ff}.modal-card textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.document-list{border-top:1px solid #f0f2f5}.document-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:13px 19px;display:flex}.document-info{flex:1}.document-info b,.document-info small{display:block}.document-info b{color:#445166;font-size:10px}.document-info small{color:#9aa3b0;margin-top:4px;font-size:9px}.profile-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr);gap:15px;display:grid}.profile-card{text-align:center;padding:25px}.profile-avatar{color:#506bbc;background:#eff2fc;border-radius:50%;place-items:center;width:67px;height:67px;margin:0 auto 12px;font:700 19px Manrope;display:grid}.profile-card h2{margin:0;font:700 15px Manrope}.profile-card p{color:#8893a1;margin:5px 0 12px;font-size:10px}.profile-details h2{margin:1px 0 12px;font:700 13px Manrope}.profile-field{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.profile-field:last-child{border:0}.profile-field span{color:#8994a2;font-size:10px}.profile-field b{color:#49566a;text-align:right;font-size:10px;font-weight:600}.login-page{background:#fff;grid-template-columns:minmax(410px,1fr) minmax(400px,1fr);min-height:100vh;display:grid}.login-panel{width:min(440px,100%);margin:auto;padding:40px}.login-brand{letter-spacing:-.5px;align-items:center;gap:9px;font:800 15px Manrope,sans-serif;display:inline-flex}.login-brand img{object-fit:contain;width:34px;height:38px}.login-copy{margin:76px 0 29px}.login-copy .eyebrow{color:#6179c9}.login-copy h1{letter-spacing:-1.2px;margin:0;font:800 30px Manrope,sans-serif}.login-copy p{color:#8994a2;max-width:340px;margin:10px 0 0;font-size:12px;line-height:1.7}.login-form label{color:#4e5b70;margin:16px 0}.login-form input{height:43px}.login-form .button{margin-top:8px}.login-security{color:#929daa;align-items:center;gap:8px;margin-top:21px;font-size:9px;display:flex}.login-security svg{color:#7389c5}.login-art{color:#fff;background:radial-gradient(at 80% 15%,#4d6fc6 0,#0000 42%),linear-gradient(145deg,#1e3154,#15233c 75%);flex-direction:column;justify-content:center;min-height:100vh;padding:10%;display:flex;position:relative;overflow:hidden}.art-content{z-index:1;max-width:430px;position:relative}.art-content .eyebrow{color:#aebde7}.art-content h2{letter-spacing:-1.5px;margin:14px 0;font:800 38px/1.15 Manrope,sans-serif}.art-content>p{color:#c1cbe0;max-width:360px;font-size:12px;line-height:1.8}.art-feature{border-top:1px solid #ffffff2b;align-items:center;gap:11px;margin-top:37px;padding-top:19px;display:flex}.art-feature>span{color:#dce5ff;background:#ffffff1f;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.art-feature b,.art-feature small{display:block}.art-feature b{font-size:11px}.art-feature small{color:#aebbd2;margin-top:4px;font-size:9px}.art-orb{pointer-events:none;border:1px solid #ffffff17;border-radius:50%;position:absolute}.orb-one{width:450px;height:450px;top:-150px;right:-225px}.orb-two{width:600px;height:600px;top:-225px;right:-310px}.art-foot{color:#aab7cf;font-size:9px;position:absolute;bottom:28px;left:10%}.toast-message{z-index:50;color:#fff;box-shadow:var(--shadow);background:#233754;border-radius:8px;align-items:center;gap:9px;padding:11px 16px;font-size:11px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mobile-scrim{display:none}.id-card-panel{padding:18px}.id-card-intro{border-bottom:1px solid #eef1f5;align-items:center;gap:10px;padding-bottom:16px;display:flex}.id-card-intro>div{flex:1}.id-card-intro>div>b,.id-card-intro>div>small{display:block}.id-card-intro>div>b{color:#445166;font-size:11px}.id-card-intro>div>small{color:#929cab;margin-top:4px;font-size:9px}.id-card-icon{color:#5973c5;background:#eff3ff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.id-card-preview{place-items:center;min-height:350px;padding:20px;display:grid}.id-card-preview>img{object-fit:contain;filter:drop-shadow(0 8px 16px #20304b26);width:204px;height:324px}.generated-id-card{text-align:center;background:linear-gradient(160deg,#fff,#f0f4fb);border:1px solid #dce3ed;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:204px;height:324px;padding:25px 20px;display:flex;box-shadow:0 8px 16px #20304b1a}.generated-id-card img{object-fit:contain;width:50px;height:55px}.generated-id-card .eyebrow{color:#6680ce;margin:0;font-size:8px}.generated-id-card>b{font-size:12px}.generated-id-card>small,.generated-id-card>span:not(.eyebrow){color:#78869a;font-size:9px}.generated-id-card hr{border:0;border-top:1px solid #dfe5ef;width:100%}.id-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.id-card-note{color:#8e99a8;text-align:center;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;font-size:9px;display:flex}.id-card-note svg{color:#7389c5;flex:none}@media (width<=1100px){.sidebar{width:226px}.main-area{margin-left:226px}.page-content{padding:28px 24px 22px}.topbar{padding:0 24px}.stat-grid{gap:10px}.stat-card{padding:14px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}}@media (width<=820px){.sidebar{width:260px;box-shadow:none;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0);box-shadow:12px 0 40px #131e3121}.main-area{margin-left:0}.mobile-scrim{z-index:19;background:#121d2f4d;border:0;display:block;position:fixed;inset:0}.menu-toggle{margin-right:9px;display:grid}.topbar{justify-content:flex-start;padding:0 17px}.breadcrumb{flex:1}.top-actions{gap:8px}.user-ident{display:none}.logout-icon{margin-left:0}.page-content{padding:25px 19px 20px}.page-footer{padding:13px 19px 16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-panel{width:min(500px,100%);padding:32px}.login-copy{margin:55px 0 26px}.login-art{display:none}}@media (width<=560px){.page-content{padding:22px 14px 18px}.topbar{height:57px;padding:0 11px}.top-actions{gap:5px}.top-separator{height:21px}.user-menu{gap:4px}.user-avatar{width:30px;height:30px}.page-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{max-width:340px;line-height:1.5}.page-heading .button,.page-heading .button-group,.page-heading .date-pill,.page-heading .count-pill{align-self:stretch}.page-heading .button-group>*{flex:1}.welcome-banner{flex-wrap:wrap;align-items:flex-start;padding:12px}.welcome-banner>div:nth-child(2){max-width:calc(100% - 58px);padding-top:3px}.banner-actions{justify-content:space-between;width:100%;margin:0;padding-left:52px}.stat-grid,.stat-grid-three{gap:9px}.stat-card{min-height:114px;padding:12px}.stat-top{font-size:9px}.stat-card>strong{font-size:20px}.stat-card>small{font-size:8px}.panel{padding:14px}.table-panel{padding:14px 0 0}.table-panel>.panel-heading{padding:0 14px}.table-toolbar{padding:0 13px 12px}.panel-heading h2{font-size:12px}.panel-heading p{line-height:1.5}.quick-links{grid-template-columns:1fr 1fr}.quick-links a{gap:7px;padding:7px 4px}.quick-links a b{font-size:9px}.request-row{gap:8px}.request-main small{font-size:8px}.page-footer{padding:12px 14px 14px;font-size:8px}.form-row{grid-template-columns:1fr;gap:0}.modal-card{padding:17px}.profile-grid{grid-template-columns:1fr}.profile-card{padding:20px}.date-pill,.count-pill{align-self:flex-start!important}.login-panel{padding:25px}.login-copy h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}