:root{--sco-navy-dark:#09386e;--sco-navy:#01285b;--sco-navy-light:#002759;--sco-blue:#0470fc;--sco-blue-bright:#1976f5;--sco-bg:#f4f7fc;--sco-card:#fff;--sco-border:#e7ecf5;--sco-text:#0b1c6b;--sco-text-muted:#55679e;--sco-heading:#0f1fc4;--sco-success:#0b9035;--sco-warning:#f76c05;--sco-danger:#d92d3b;--sco-pink:#f01fac;--sco-purple:#6d4cfc;--sco-radius:8px;--chart-1:#0072ff;--chart-2:#7c4dfc;--chart-3:#fda62f;--chart-4:#22b573;--chart-5:#52adfe;--chart-6:#94a0bb;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sco-bg);color:var(--sco-text)}a{color:inherit}button{font-family:inherit}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--sco-blue), var(--sco-blue-bright));color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{color:var(--sco-text);background:#eef1f8}.btn-secondary:hover{background:#e3e8f2}.btn-danger{color:var(--sco-danger);background:#fdeceb}.btn:disabled{opacity:.55;cursor:not-allowed}input,select{border:1px solid var(--sco-border);color:var(--sco-text);background:#fff;border-radius:6px;padding:9px 11px;font-family:inherit;font-size:14px}input:focus,select:focus{outline:2px solid var(--sco-blue-bright);outline-offset:1px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--sco-text-muted);font-size:13px;font-weight:600}.app-shell{min-height:100vh;display:flex}.sidebar{background-color:var(--sco-navy);color:#fff;background-image:url(/assets/mock-ups/Navigation%20Strip.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex-shrink:0;width:min(180px,13vw);min-width:116px;padding:16px 0;display:flex}.sidebar-brand{text-align:center;flex-direction:column;align-items:center;gap:0;padding:0 10px 14px;display:flex}.sidebar-brand .crest{object-fit:contain;width:66px;height:auto;margin-bottom:4px}.sidebar-brand .logo{letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.1}.sidebar-brand .logo span{color:var(--sco-blue-bright)}.sidebar-brand .tag{color:#ffffffbf;margin-top:2px;font-size:11.5px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:4px 6px;display:flex;overflow-y:auto}.sidebar-nav a,.sidebar-nav .sidebar-nav-item{color:#ffffffbf;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:9px 6px;font-size:12.5px;font-weight:500;text-decoration:none;display:flex}.sidebar-nav .sidebar-nav-item{color:#ffffffbf;cursor:default}.sidebar-nav-label{min-width:0}.sidebar-nav-chevron{flex:none;margin-left:auto}.sidebar-nav a .nav-icon,.sidebar-nav .sidebar-nav-item .nav-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.sidebar-nav a:hover{color:#fff;background:#ffffff14}.sidebar-nav a.active{background:linear-gradient(135deg, var(--sco-blue), var(--sco-blue-bright));color:#fff;font-weight:700;box-shadow:0 4px 14px #0470fc59}.sidebar-flag-block{align-items:center;gap:3px;margin:14px 10px 0;display:flex}.sidebar-flag-block .flag-text{letter-spacing:.01em;color:#fff;flex:1;font-size:11.5px;line-height:1.3}.sidebar-flag-block .flag-text .light{font-weight:500;display:block}.sidebar-flag-block .flag-text b{font-weight:800;display:block}.sidebar-flag-block img{aspect-ratio:3/2;border-radius:5px;flex-shrink:0;width:60px;height:auto}.sidebar-footer{color:#fff9;border-top:1px solid #ffffff1f;align-items:center;gap:6px;margin-top:12px;padding:8px 8px 0;font-size:9px;line-height:1.3;display:flex}.sidebar-company-name{white-space:nowrap;flex:1;min-width:0;font-size:9px;line-height:1.3}.sidebar-footer img.sidebar-company-logo{object-fit:contain;flex-shrink:0;width:24px;height:24px}.sidebar-footer>span[aria-hidden=true]{width:20px;height:20px}.sidebar-version{color:#fff6;padding:6px 16px 0;font-size:10px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:40;background:linear-gradient(100deg, var(--sco-navy-dark) 0%, var(--sco-navy) 55%, var(--sco-navy-light) 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:56px;padding:0 24px;display:flex;position:relative}.topbar-left-controls{flex:auto;align-items:center;gap:20px;min-width:0;display:flex}.topbar .hamburger{color:#fff;cursor:pointer;font-size:20px}.topbar .search-wrap{flex:1;max-width:460px;position:relative}.topbar .search-wrap input{border:1px solid var(--sco-border);background:#f4f8fe;border-radius:8px;width:100%;padding:9px 16px 9px 36px}.topbar .search-wrap .icon{color:var(--sco-text-muted);font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.topbar .right-controls{flex:none;align-items:center;gap:16px;margin-left:auto;display:flex}.workspace-pill{border:1px solid var(--sco-border);width:100%;min-width:0;max-width:290px;color:var(--sco-blue);white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.tenant-switcher{flex:0 290px;min-width:130px;position:relative}.tenant-current-logo{object-fit:contain;object-position:center;background:#fff;border-radius:2px;flex:0 0 38px;width:38px;height:20px}.tenant-current-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.tenant-twistie{flex:none;transition:transform .16s}.tenant-twistie.is-open{transform:rotate(180deg)}.tenant-company-menu{z-index:80;color:#15386d;background:#fff;border:1px solid #cad8ec;border-radius:9px;width:min(320px,100vw - 24px);max-height:min(380px,100vh - 80px);padding:9px;position:absolute;top:calc(100% + 7px);right:0;overflow:auto;box-shadow:0 12px 30px #071f453d,0 3px 7px #071f451f}.tenant-company-menu h2{color:#7184a1;letter-spacing:.06em;text-transform:uppercase;margin:2px 4px 8px;font-size:10px;font-weight:700}.tenant-company-menu ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.tenant-company-menu li{color:#234878;border-radius:6px;align-items:center;gap:9px;min-width:0;padding:7px 8px;font-size:12px;display:flex}.tenant-company-menu li[aria-current=true]{color:#0c53b7;background:#edf5ff;font-weight:700}.tenant-company-menu li img{object-fit:contain;object-position:center;background:#fff;border-radius:3px;flex:0 0 38px;width:38px;height:24px}.tenant-company-initials{color:#315984;background:#edf3fa;border-radius:3px;flex:0 0 38px;place-items:center;width:38px;height:24px;font-size:9px;display:grid}.tenant-company-name{overflow-wrap:anywhere;min-width:0}.tenant-company-current{color:#138253;margin-left:auto;font-size:10px}.tenant-company-menu p{color:#7184a1;margin:8px 4px 3px;font-size:11px}.tenant-switcher button:focus-visible{outline-offset:2px;outline:2px solid #91c5ff}.company-licensing{padding:18px 20px}.company-licensing-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.company-licensing-controls{flex:none;align-items:center;gap:9px;display:flex}.company-licensing-intro{color:var(--sco-text-muted);margin:5px 0 0;font-size:13px}.licence-status{text-transform:capitalize;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.licence-status-active{color:#087c43;background:#dcf8e8}.licence-status-trial{color:#8d5700;background:#fff2d6}.licence-status-suspended,.licence-status-cancelled{color:#b4232c;background:#fde7e7}.licence-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.licence-detail-grid>div{background:linear-gradient(145deg,#fff,#f7faff);border:1px solid #e1e9f4;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:11px 12px;display:flex}.licence-detail-grid span,.licence-seats-copy span{color:var(--sco-text-muted);font-size:12px}.licence-detail-grid strong{overflow-wrap:anywhere;color:var(--sco-navy);text-transform:capitalize;font-size:14px}.licence-seats{background:#f8fbff;border:1px solid #e1e9f4;border-radius:8px;margin-top:13px;padding:12px}.licence-dual-usage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.licence-dual-usage .licence-seats{min-width:0}.licence-seats-copy{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.licence-seats-copy strong{color:var(--sco-navy);font-size:14px}.licence-seats-track{background:#e4ebf5;border-radius:99px;height:8px;margin-top:9px;overflow:hidden}.licence-seats-track span{border-radius:inherit;background:linear-gradient(90deg,#0b9b61,#1c7bf4);height:100%;transition:width .2s;display:block}.licence-companies{margin-top:14px}.licence-companies-title{color:var(--sco-navy);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.licence-companies-title span{color:#075bc0;background:#eaf2ff;border-radius:99px;place-items:center;min-width:21px;height:21px;font-size:11px;display:inline-grid}.licence-companies>.muted{margin:5px 0 8px;font-size:12px}.licence-companies ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;margin:9px 0 0;padding:0;list-style:none;display:grid}.licence-companies li{background:#fff;border:1px solid #e1e9f4;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:9px 11px;display:flex}.licence-companies li>span{min-width:0;color:var(--sco-text);flex-direction:column;gap:3px;font-size:13px;font-weight:600;display:flex}.licence-companies li em{color:#12834f;font-size:10px;font-style:normal;font-weight:500}.licence-companies li small{color:var(--sco-text-muted);text-transform:capitalize;flex:none;font-size:11px}.licence-admin-note{color:var(--sco-text-muted);margin:12px 0 0;font-size:11px}.licence-editor{background:linear-gradient(145deg,#f9fbff,#eef5ff);border:1px solid #cbdcf4;border-radius:9px;margin-top:14px;padding:15px}.licence-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.licence-editor-grid label{color:var(--sco-text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.licence-editor-grid input,.licence-editor-grid select{width:100%;min-width:0}.licence-editor-grid small{color:var(--sco-text-muted);font-size:10px;font-weight:400;line-height:1.35}.licence-editor-note{color:var(--sco-text-muted);margin-top:12px;font-size:11px;line-height:1.45}.licence-editor-actions{justify-content:flex-end;margin-top:13px;display:flex}.platform-admin-shell{color:#102958;background:linear-gradient(145deg,#edf4ff,#f7faff 48%,#edf3fb);min-height:100vh}.platform-admin-loading{color:#24456f;padding:48px}.platform-admin-login{background:#fff;border:1px solid #d5e2f3;border-radius:16px;width:min(440px,100% - 32px);margin:8vh auto;padding:32px;box-shadow:0 22px 60px #173b6824}.platform-admin-mark{color:#fff;letter-spacing:-1px;background:#0873e8;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:inline-grid}.platform-admin-eyebrow{color:#1470d4;letter-spacing:.09em;margin:18px 0 7px;font-size:11px;font-weight:800}.platform-admin-login h1,.platform-admin-title h1{color:#09285b;margin:0;font-size:28px}.platform-admin-login>p:not(.platform-admin-eyebrow),.platform-admin-title p:not(.platform-admin-eyebrow){color:#5e7191;font-size:14px;line-height:1.5}.platform-admin-login form{gap:13px;margin:22px 0 15px;display:grid}.platform-admin-login label,.platform-license-fields label{color:#334b70;gap:6px;font-size:13px;font-weight:700;display:grid}.platform-admin-login input,.platform-license-fields input,.platform-license-fields select{width:100%;min-width:0}.platform-admin-login small{color:#7283a0;line-height:1.5}.platform-login-panel .login-card{width:100%}.platform-login-card h2.platform-login-heading{align-items:center;gap:12px;display:flex}.platform-login-heading>img{object-fit:contain;flex:none;width:68px;height:68px}.platform-access-note{color:#0c4a93;background:#f0f5fc;border-radius:7px;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;display:flex}.platform-access-note>span{color:#fff;background:#0875db;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.platform-access-note b,.platform-access-note small{display:block}.platform-access-note b{font-size:14px}.platform-access-note small{color:#60718d;margin-top:3px;font-size:12px}.platform-login-session-note{color:#697b96;text-align:center;margin:12px 0 0;font-size:11.5px;line-height:1.45}.platform-login-card .login-security{margin-top:15px}.platform-login-card .login-security small{font-size:12.5px}.platform-login-hero .login-benefits{gap:10px}.platform-admin-topbar{color:#fff;background:#082452;justify-content:space-between;align-items:center;gap:20px;padding:14px max(22px,50vw - 720px);display:flex;box-shadow:0 4px 18px #0c2d5924}.platform-admin-topbar>div{align-items:center;gap:12px;display:flex}.platform-admin-topbar>div:first-child>span:last-child{flex-direction:column;gap:2px;display:flex}.platform-admin-topbar small{color:#b7c8e3;font-size:11px}.platform-admin-topbar .btn{color:#18375f}.platform-admin-content{max-width:1440px;margin:0 auto;padding:26px 22px 50px}.platform-admin-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.platform-admin-title .platform-admin-eyebrow{margin-top:0}.platform-admin-title>span{color:#607696;font-size:13px}.platform-admin-grid{grid-template-columns:minmax(230px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.platform-customer-list,.platform-licence-editor{background:#fff;border:1px solid #d5e2f3;border-radius:12px;overflow:hidden;box-shadow:0 8px 22px #173b6814}.platform-customer-list{padding:7px;display:grid}.platform-customer-list button{color:#17345f;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:8px;gap:5px;padding:13px;display:grid}.platform-customer-list button.selected{background:#eaf3ff;box-shadow:inset 3px 0 #0873e8}.platform-customer-list button span{color:#7183a1;font-size:12px}.platform-licence-editor{padding:20px}.platform-customer-heading{border-bottom:1px solid #e5edf7;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px;display:flex}.platform-customer-heading h2{color:#0c2b5e;margin:0;font-size:19px}.platform-customer-heading p{color:#70819c;margin:5px 0 0;font-size:13px}.platform-customer-heading .platform-licence-number{color:#334b70;align-items:flex-start;gap:8px;display:flex}.platform-licence-number code{overflow-wrap:anywhere;color:#0b397b;letter-spacing:.03em;max-width:600px;font-size:11px}.platform-license-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:17px;display:grid}.platform-licence-expiry{color:#334b70;background:linear-gradient(135deg,#f7fbff,#eaf3ff);border:1px solid #dce8f6;border-radius:9px;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:9px 12px;font-size:13px;display:flex}.platform-licence-expiry span{color:#0b397b;font-weight:700}.platform-licence-usage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.platform-licence-usage>div{background:#f6faff;border:1px solid #dce8f6;border-radius:9px;justify-content:space-between;gap:12px;padding:13px;display:flex}.platform-licence-usage span{color:#5c7190}.platform-license-actions{justify-content:flex-end;margin-top:18px;display:flex}.platform-license-save-button:disabled.is-saved{color:#68778d;box-shadow:none;filter:none;opacity:1;cursor:default;background:#e5eaf2;border:1px solid #cfd8e5}@media (width<=720px){.licence-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.licence-dual-usage{grid-template-columns:1fr}.licence-seats-copy{flex-direction:column;align-items:flex-start;gap:4px}.company-licensing-heading{flex-direction:column}.company-licensing-controls{justify-content:space-between;width:100%}.licence-editor-grid{grid-template-columns:1fr}.platform-admin-content{padding:18px 12px 30px}.platform-admin-grid,.platform-license-fields,.platform-licence-usage{grid-template-columns:1fr}.platform-admin-title{flex-direction:column;align-items:flex-start}.platform-licence-usage>div{flex-direction:column;gap:5px}}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:19px;display:flex;position:relative}.icon-btn .dot{background:var(--sco-danger);color:#fff;border:1.5px solid var(--sco-navy);border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-6px;right:-8px}.topbar .user-menu{border-left:1px solid #ffffff40;padding-left:16px;position:relative}.topbar .user-chip{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;display:flex}.topbar .user-identity{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.topbar .user-chip .name{color:#fff;font-weight:700;line-height:1.2}.topbar .user-chip .muted{color:#ffffffb3!important}.topbar .user-chip .twistie{color:#fff;margin-left:2px;transition:transform .16s}.topbar .user-chip .twistie.is-open{transform:rotate(180deg)}.user-menu-popover{z-index:30;border:1px solid var(--sco-border);min-width:212px;color:var(--sco-text);background:#fff;border-radius:8px;padding:7px;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 12px 28px #081e4238}.user-menu-summary{border-bottom:1px solid var(--sco-border);flex-direction:column;gap:3px;padding:9px 10px 11px;display:flex}.user-menu-summary strong{color:var(--sco-heading);font-size:13px}.user-menu-summary span{color:var(--sco-text-muted);text-transform:capitalize;font-size:11px}.user-menu-logout{width:100%;color:var(--sco-danger);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-top:5px;padding:9px 10px;font-size:13px;font-weight:600}.user-menu-logout:hover,.user-menu-logout:focus-visible{background:#fff2f2;outline:none}.topbar .user-avatar{background:linear-gradient(135deg, var(--sco-blue), var(--sco-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.topbar .user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.content{z-index:2;flex:1;padding:24px;position:relative;overflow-y:auto}.content-payroll{background:linear-gradient(#f8faff 0%,#fff 48px,#fcfdff 150px,#f4f8fe 100%);padding:8px 14px 10px}.content-dashboard{background:linear-gradient(#ffffff05 0,#ffffff85 22px,#fafcfff5 96px,#f4f7fc 250px);flex-direction:column;padding:0 16px 16px;display:flex}.content-dashboard>.dashboard-page{flex-direction:column;flex:auto;min-height:0;display:flex}.page-banner{z-index:1;color:#fff;background:var(--sco-navy);align-items:center;min-height:154px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.page-banner-bg,.page-banner-overlay{width:100%;height:100%;position:absolute;inset:0}.page-banner-bg{object-fit:cover;object-position:center 48%}.page-banner-overlay{background-image:linear-gradient(90deg,#011c4238,#011c421a 56%,#011c4233),url(/assets/mock-ups/Banner%20Overlay.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,cover}.page-banner-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex;position:relative}.page-banner h1{color:#fff;margin:3px 0 0;font-size:32px;font-weight:800;line-height:1.12}.page-banner-dashboard h1{font-size:24px}.page-banner-dashboard{min-height:120px;margin-bottom:-12px;padding-top:14px;padding-bottom:14px}.page-banner-dashboard .page-banner-bg{object-position:center 52%}.page-breadcrumb{color:#ffffffd1;margin-bottom:5px;font-size:12px}.page-breadcrumb span{color:#ffffffad;padding:0 6px}.page-banner-subtitle{color:#ffffffe6;margin-top:5px;font-size:14px}.page-banner-quote{text-align:center;color:#fffffff5;max-width:245px;font-size:13px;font-style:italic;line-height:1.45}.page-banner-date{border-left:1px solid #ffffff5c;align-items:flex-start;gap:10px;min-width:190px;padding-left:18px;font-size:12px;display:flex}.page-banner-date span{flex-direction:column;gap:4px;display:flex}.page-banner-date small{color:#fffc;font-size:11px}.dashboard-page .stat-tile-row{margin-top:0}.dashboard-page .stat-tile2{-webkit-backdrop-filter:none;background:#fff;border-color:#e2eaf5;gap:12px;min-height:62px;padding:8px 10px;box-shadow:0 2px 9px #1a375f1a}.dashboard-page .stat-tile2 .icon-square{border-radius:7px;width:42px;height:42px}.dashboard-page .stat-tile2:first-child .icon-square{background:#0878f9!important}.dashboard-page .stat-tile2:nth-child(2) .icon-square{background:#ed0b9f!important}.dashboard-page .stat-tile2:nth-child(3) .icon-square{background:#00b56b!important}.dashboard-page .stat-tile2:nth-child(4) .icon-square{background:#f47800!important}.dashboard-page .stat-tile2 .label{font-size:10px}.dashboard-page .stat-tile2 .value{font-size:16px}.dashboard-page .stat-tile2 .sub,.dashboard-page .stat-tile2 .stat-trend{font-size:9px}.dashboard-state{border:1px solid var(--sco-border);border-radius:var(--sco-radius);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:120px;padding:24px;display:flex}.dashboard-state-error p{color:var(--sco-text-muted);margin:6px 0 0}.card{background:var(--sco-card);border:1px solid var(--sco-border);border-radius:var(--sco-radius);padding:20px}.card+.card{margin-top:16px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.stat-tile .label{color:var(--sco-text-muted);font-size:13px;font-weight:600}.stat-tile .value{margin-top:6px;font-size:26px;font-weight:800}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--sco-text-muted);border-bottom:1px solid var(--sco-border);padding:10px 12px;font-size:12px}td{border-bottom:1px solid var(--sco-border);padding:12px}td.nowrap{white-space:nowrap}tr:last-child td{border-bottom:none}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-green{color:var(--sco-success);background:#e1ffec}.badge-yellow{color:var(--sco-warning);background:#fff3e1}.badge-red{color:var(--sco-danger);background:#fdecee}.badge-grey{color:var(--sco-text-muted);background:#eef1f8}.badge-blue{color:var(--sco-blue);background:#e8f0fe}.badge-purple{color:var(--sco-purple);background:#f1ecfe}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.login-shell{min-height:100vh;display:flex}.login-hero{background:linear-gradient(160deg, var(--sco-navy-dark), var(--sco-navy-light));color:#fff;flex-direction:column;flex:1.1;justify-content:center;padding:60px;display:flex}.login-hero .logo{font-size:32px;font-weight:800}.login-hero .tagline{max-width:420px;margin-top:24px;font-size:28px;font-weight:700;line-height:1.3}.login-panel{background:#f8f9fc;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:380px}.login-card h2{margin-bottom:6px}.login-card .sub{color:var(--sco-text-muted);margin-bottom:24px;font-size:14px}.login-shell{background:#f6f8fc;height:100vh;min-height:100vh;overflow:auto}.login-hero{isolation:isolate;background:#062c5e url(/assets/mock-ups/Mbabane.png) 0%/160% 100% no-repeat;flex:0 0 62.6%;justify-content:space-between;padding:42px 6.6% 28px;position:relative}.login-hero-shade{z-index:1;background:linear-gradient(90deg,#001436e6 0%,#001436c2 38%,#00143685 50%,#00143600 61% 100%);position:absolute;inset:0}.login-hero-content{z-index:3;max-width:520px;position:relative}.login-brand-lockup{align-items:center;gap:16px;margin-left:-12px;display:flex}.login-hero .logo{letter-spacing:-1.8px;font-size:clamp(38px,4vw,48px);line-height:1}.login-hero .logo span{color:#087cf4}.login-brand-lockup img{object-fit:contain;flex:0 0 108px;width:108px;height:108px}.login-brand-tag{color:#fff;margin-top:2px;font-size:17px}.login-accent{background:#1594ff;width:36px;height:4px;margin:12px 0 16px 112px}.login-hero h1{color:#fff;max-width:none;margin:0;font-size:clamp(32.5px,3.25vw,44.2px);line-height:1.13}.login-hero-heading-line{white-space:nowrap}.login-hero-copy{color:#ffffffe0;margin:13px 0 25px;font-size:19.5px;line-height:1.45}.login-benefits{gap:12px;display:grid}.login-benefits>div{align-items:center;gap:16px;min-height:42px;display:flex}.benefit-icon{color:#fff;background:#005babe6;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.benefit-icon img,.benefit-icon svg{object-fit:contain;width:22px;height:22px;display:block}.login-benefits b,.login-benefits small{display:block}.login-benefits b{font-size:16.9px}.login-benefits small{color:#ffffffd9;margin-top:2px;font-size:13px}.login-hero-footer{z-index:3;color:#ffffffe6;border-top:1px solid #ffffff45;justify-content:space-between;align-items:flex-end;gap:14px;padding-top:12px;font-size:13.5px;display:flex;position:relative}.login-hero-shape{z-index:2;clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none;background:url(/assets/mock-ups/Blue%20Shapes.png) 50%/cover no-repeat;width:41%;height:21%;position:absolute;bottom:0;right:0}.login-company{align-items:center;gap:9px;display:flex}.login-company img{object-fit:contain;width:28px;height:28px}.login-company small{margin-top:5px;display:block}.login-swaziland{margin-right:-6.6%;padding-right:68px;font-size:12px;line-height:1.15;position:relative}.login-swaziland b{font-size:15px}.login-swaziland img{object-fit:cover;width:58px;height:37px;position:absolute;top:0;right:0}.login-panel{background:linear-gradient(120deg,#f4f7fc,#fbfcfe);flex:37.4%;align-items:center;min-width:0;padding:64px 28px 78px;position:relative}.login-panel-top{gap:26px;display:flex;position:absolute;top:16px;right:7%}.login-utility{color:#24324e;cursor:pointer;background:0 0;border:0;font-size:11px}.login-card{background:#ffffffc7;border:1px solid #edf0f5;border-radius:9px;max-width:440px;padding:24px;box-shadow:0 8px 30px #132c5214}.login-card h2{letter-spacing:-.6px;color:#0a1a42;margin:0 0 2px;font-size:33px}.login-card .sub{margin-bottom:16px;font-size:18px}.login-pay{color:#0876e8}.login-tenant{background:#f0f5fc;border-radius:7px;align-items:center;gap:11px;margin-bottom:14px;padding:10px;display:flex}.login-tenant img{object-fit:contain;width:28px;height:30px}.login-tenant .tenant-building-icon{flex:0 0 32px;width:32px;height:32px}.login-tenant span{color:#0b2045;flex:1;min-width:0;font-size:15px}.login-tenant b,.login-tenant small{display:block}.login-tenant small{color:#60718d;margin-top:3px;font-size:13.5px}.login-tenant strong{color:#087c43;background:#d6f4e4;border-radius:15px;padding:4px 9px;font-size:13.5px}.login-field{gap:4px;margin-bottom:9px}.login-field label{color:#17284a;font-size:15px}.login-input-wrap{color:#5c6e8b;background:#fff;border:1px solid #cbd6e7;border-radius:6px;align-items:center;min-height:34px;padding:0 8px;display:flex}.login-input-wrap input{background:0 0;border:0;flex:1;min-width:0;padding:7px 8px;font-size:15px;outline:none!important}.login-input-wrap input::placeholder{color:#8390a8}.login-input-wrap button{color:#50617e;cursor:pointer;background:0 0;border:0}.login-options{justify-content:space-between;align-items:center;margin:4px 0 12px;font-size:13.5px;display:flex}.login-options label{color:#263958;align-items:center;gap:5px;display:flex}.login-options input{accent-color:#0869cf;width:12px;height:12px;margin:0}.login-options button{color:#0869cf;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px}.login-submit{border-radius:6px;justify-content:center;width:100%;min-height:34px;padding:7px 12px;font-size:16.5px}.login-submit span{font-size:24px;line-height:15px}.login-or{color:#586883;align-items:center;gap:12px;margin:12px 0 9px;font-size:13.5px;display:flex}.login-or span{background:#d9deea;flex:1;height:1px}.login-sso{color:#172849;background:linear-gradient(#fff,#f9fbfe);border:1px solid #cbd6e7;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:31px;margin-top:7px;font-size:15px;display:flex}.login-sso-microsoft{flex:none;width:13px;height:13px}.login-sso-key{color:#102957;flex:none;width:14px;height:14px}.login-sso:disabled{opacity:1;cursor:not-allowed}.login-security{color:#0767c9;background:#e2efff;border-radius:7px;align-items:center;gap:10px;margin-top:14px;padding:10px;display:flex}.login-security>span{color:#fff;background:#0875db;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.login-security>span svg{width:16px;height:16px;display:block}.login-security b,.login-security small{display:block}.login-security b{font-size:15px}.login-security small{color:#4a6385;margin-top:3px;font-size:13.5px;line-height:1.35}.login-panel-footer{color:#263958;text-align:center;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex;position:absolute;bottom:13px;left:20px;right:20px}.login-panel-footer img{object-fit:contain;width:46px;height:54px}.login-panel-footer small{margin-top:6px;font-size:13.5px;display:block}@media (width<=800px){.login-shell{height:auto;min-height:100vh}.login-hero{display:none}.login-panel{min-width:0;min-height:100vh;padding:64px 18px 78px}.login-panel-top{right:18px}.login-card{padding:22px}}.error-banner{color:var(--sco-danger);background:#fdeceb;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.info-banner{color:var(--sco-blue);background:#e8f0fe;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.muted{color:var(--sco-text-muted)}.text-sm{font-size:13px}.flex-between{justify-content:space-between;align-items:center;display:flex}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.section-title{color:var(--sco-heading);margin-bottom:12px;font-size:15px;font-weight:700}.qr-box{border:1px solid var(--sco-border);background:#fff;border-radius:8px;padding:12px;display:inline-block}.tabs{border-bottom:1px solid var(--sco-border);gap:4px;margin-bottom:20px;display:flex}.tabs button{color:var(--sco-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px;font-weight:600}.tabs button.active{color:var(--sco-blue);border-bottom-color:var(--sco-blue)}.hero-banner{background:linear-gradient(100deg, var(--sco-navy-dark) 0%, var(--sco-navy) 55%, var(--sco-navy-light) 100%);color:#fff;flex-direction:column;justify-content:center;width:calc(100% + 48px);min-height:118px;margin:-24px -24px 0;padding:22px 24px 68px;display:flex;position:relative;overflow:hidden}.hero-banner .hero-bg{object-fit:cover;object-position:center;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.hero-banner .hero-overlay{background:linear-gradient(90deg,#021432a6 0%,#02193c66 55%,#02193c40 100%);position:absolute;inset:0}.hero-banner .hero-content{z-index:1;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:relative}.hero-banner h1{margin:0;font-size:28px;font-weight:800}.hero-banner .hero-sub{color:#ffffffd9;margin-top:6px;font-size:14px}.hero-banner .hero-quote{text-align:left;color:#ffffffeb;max-width:320px;font-size:14px;font-style:italic;line-height:1.4}.hero-banner .hero-date{white-space:nowrap;border-left:1px solid #ffffff4d;align-items:flex-start;gap:12px;padding-left:16px;font-size:13px;display:flex}.hero-banner .hero-date .cal-icon{margin-top:2px;font-size:15px}.hero-banner .hero-date .day-block{flex-direction:column;gap:2px;display:flex}.hero-banner .hero-date .day{font-weight:700}.hero-banner .hero-date .loc{color:#fffc}.stat-tile-row{z-index:1;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-50px;display:grid;position:relative}@media (width<=1100px){.stat-tile-row{grid-template-columns:repeat(2,1fr)}}.stat-tile2{-webkit-backdrop-filter:blur(8px);border-radius:var(--sco-radius);background:linear-gradient(#ffffff9e 0%,#ffffffeb 50%,#fff 78%);border:1px solid #fff9;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 12px 24px #02143229}.stat-tile2 .icon-square{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;display:flex}.stat-tile2 .label{color:var(--sco-text-muted);font-size:13px;font-weight:600}.stat-tile2 .value{white-space:nowrap;letter-spacing:-.2px;margin-top:2px;font-size:19px;font-weight:800}.stat-tile2 .sub{color:var(--sco-text-muted);margin-top:2px;font-size:12px}.stat-trend{color:var(--sco-text-muted);align-items:center;gap:5px;margin-top:3px;font-size:12px;display:flex}.stat-trend .trend-arrow{font-size:9px}.stat-trend .trend-pct{font-weight:800}.stat-trend.trend-up .trend-arrow,.stat-trend.trend-up .trend-pct{color:var(--sco-success)}.stat-trend.trend-down .trend-arrow,.stat-trend.trend-down .trend-pct{color:var(--sco-danger)}.donut-wrap{align-items:center;gap:14px;display:flex}.donut{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:128px;height:128px;display:flex;position:relative}.donut .donut-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:26px}.donut .donut-center .n{color:var(--sco-blue);font-size:19px;font-weight:800}.donut .donut-center .l{color:var(--sco-text-muted);text-align:center;font-size:10px}.donut-legend{flex-direction:column;gap:8px;min-width:0;font-size:12px;display:flex}.donut-legend .row{align-items:center;gap:6px;display:flex}.donut-legend .swatch{border-radius:50%;flex-shrink:0;width:9px;height:9px}.donut-legend .dept{min-width:0;color:var(--sco-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.donut-legend .count{color:var(--sco-blue);font-weight:700}.quick-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quick-action-tile{border-radius:var(--sco-radius);padding:16px;text-decoration:none;transition:transform .15s;display:block}.quick-action-tile:hover{transform:translateY(-2px)}.quick-action-tile .qa-icon{margin-bottom:10px;display:block}.quick-action-tile .qa-icon-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.quick-action-tile .qa-title{font-size:13.5px;font-weight:700}.quick-action-tile .qa-sub{opacity:.85;margin-top:2px;font-size:11.5px}.qa-blue{color:var(--sco-blue);background:#e5f1fd}.qa-green{color:var(--sco-success);background:#e7f9f1}.qa-orange{color:var(--sco-warning);background:#fff3e1}.qa-purple{color:var(--sco-purple);background:#ece9fe}.avatar-circle{color:#fff;background:var(--sco-blue);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:8px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);align-items:stretch;gap:16px;display:grid}.dashboard-widget-grid{flex:auto;grid-template-rows:auto minmax(min-content,1fr);grid-template-columns:repeat(208,minmax(0,1fr));align-content:start;align-items:stretch;gap:10px 0;min-height:0;margin-top:10px;display:grid}.dashboard-widget-grid>.dashboard-grid{display:contents}.dashboard-grid>.card{min-width:0;overflow-x:auto}.dashboard-widget-grid .card{background:#fff;min-height:min-content;margin-top:0;padding:12px}.dashboard-widget-chart{grid-area:1/1/auto/span 90}.dashboard-widget-departments{grid-area:1/93/auto/span 66}.dashboard-widget-actions{grid-area:1/161/auto/span 48}.dashboard-widget-approvals{grid-area:2/1/auto/span 90}.dashboard-widget-deadlines{grid-area:2/93/auto/span 57}.dashboard-widget-activity{grid-area:2/152/auto/span 57}.dashboard-widget-actions .dashboard-quick-actions{margin-top:8px}.dashboard-overview-grid,.dashboard-workflow-grid,.dashboard-activity-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}.dashboard-workflow-grid{align-items:start}.dashboard-chart-heading{align-items:flex-start;gap:12px}.dashboard-panel-title{align-items:center;gap:8px;min-width:0;display:flex}.dashboard-panel-title .section-title{margin-bottom:0}.dashboard-lightning{color:var(--sco-blue);flex:none;width:18px;height:22px}.dashboard-chart-heading .section-title{white-space:nowrap;flex-shrink:0;margin-bottom:0}.dashboard-chart-controls{gap:8px;display:flex}.dashboard-chart-controls select{width:100%;min-width:0;max-width:82px;height:34px;padding:6px 24px 6px 9px;font-size:11px}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-quick-actions .quick-action-tile{min-width:0;min-height:0;padding:8px}.dashboard-quick-actions .qa-icon{border-radius:0;justify-content:flex-start;width:auto;height:25px;margin-bottom:6px;background:0 0!important}.dashboard-quick-actions .qa-blue{color:var(--sco-blue);background:#e5f0fd}.dashboard-quick-actions .qa-green{color:var(--sco-success);background:#e4f7ee}.dashboard-quick-actions .qa-orange{color:var(--sco-warning);background:#fff2df}.dashboard-quick-actions .qa-purple{color:var(--sco-purple);background:#eeeafd}.dashboard-quick-actions .qa-title{font-size:12px}.dashboard-quick-actions .qa-sub{font-size:10px;line-height:1.25}.dashboard-grid table.compact{font-size:12px}.dashboard-grid table.compact th,.dashboard-grid table.compact td{padding:8px 4px}.dashboard-grid table.compact th{letter-spacing:.01em;font-size:10px}.dashboard-grid table.compact td.emp-cell{white-space:nowrap;max-width:130px;overflow:hidden}.dashboard-grid table.compact td.emp-cell .emp-name{text-overflow:ellipsis;vertical-align:middle;max-width:82px;display:inline-block;overflow:hidden}.dashboard-grid table.compact .avatar-circle{width:22px;height:22px;margin-right:6px;font-size:9px}.dashboard-grid table.compact img.avatar-circle{object-fit:cover;display:inline-block}.dashboard-grid table.compact .badge{white-space:nowrap;padding:2px 6px;font-size:10px}.dashboard-grid table.approval-table{border-collapse:separate;border-spacing:0;border:1px solid #dce8f8;border-radius:6px;margin-top:8px;font-size:10px;overflow:hidden}.dashboard-grid table.approval-table th{color:#18356e;letter-spacing:0;text-transform:none;white-space:nowrap;background:#eaf2fc;border-bottom:1px solid #dce8f8;padding:4px;font-size:9px}.dashboard-grid table.approval-table td{white-space:nowrap;border-bottom:1px solid #e7edf6;padding:4px}.dashboard-grid table.approval-table tr:last-child td{border-bottom:0}.approval-action{color:var(--sco-blue);text-decoration:underline}.dashboard-workflow-grid .deadline-date{color:var(--sco-blue);background:#edf3fc}.dashboard-widget-departments .donut{width:148px;height:148px}.dashboard-widget-activity .activity-list{gap:7px;margin-top:12px}.dashboard-widget-activity .activity-row{gap:8px}.dashboard-widget-activity .activity-icon{width:25px;height:25px}.dashboard-widget-activity .activity-text{font-size:11px;font-weight:600;line-height:1.2}.dashboard-widget-activity .activity-detail,.dashboard-widget-activity .activity-time{color:var(--sco-text-muted);font-size:9px;line-height:1.2}.dashboard-widget-deadlines .deadline-list{margin-top:12px}.dashboard-widget-deadlines .deadline-row{gap:8px;padding:5px 0}.dashboard-widget-deadlines .deadline-date{width:38px;height:38px}.dashboard-widget-deadlines .deadline-label{font-size:11px}.dashboard-widget-deadlines .deadline-detail,.dashboard-widget-deadlines .deadline-remaining{font-size:10px}.deadline-remaining{color:var(--sco-blue);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}@media (width<=1050px){.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget-chart,.dashboard-widget-departments,.dashboard-widget-actions,.dashboard-widget-approvals,.dashboard-widget-deadlines,.dashboard-widget-activity{grid-area:auto}}@media (width<=1050px){.topbar{gap:10px;padding:0 12px}.topbar .right-controls{gap:8px}.topbar-left-controls{gap:10px}.workspace-pill{gap:5px;padding:6px 9px;font-size:10px}.topbar .user-menu{padding-left:8px}.topbar .user-chip{gap:6px;font-size:10px}.topbar .user-avatar{width:28px;height:28px}.topbar .search-wrap{min-width:120px}.sidebar-nav a,.sidebar-nav .sidebar-nav-item{gap:5px;padding:5px 4px;font-size:9.5px}.sidebar-nav a .nav-icon,.sidebar-nav .sidebar-nav-item .nav-icon{width:16px;height:16px}.sidebar-footer{gap:0;padding:8px 6px 0}.sidebar-footer>span[aria-hidden=true]{display:none}.sidebar-company-name{font-size:8px}.content-dashboard{padding-left:10px;padding-right:10px}.dashboard-widget-grid{gap:8px}.dashboard-widget-grid .card{padding:8px}.dashboard-widget-departments .donut{width:102px;height:102px}.dashboard-widget-departments .donut-wrap{gap:6px}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-widget-grid,.dashboard-page .stat-tile-row{grid-template-columns:1fr}.dashboard-state{flex-direction:column;align-items:flex-start}}.section-title-row{justify-content:space-between;align-items:center;display:flex}.employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.employee-stat-card{border:1px solid var(--sco-border);border-radius:var(--sco-radius);background:#fff;align-items:center;gap:13px;min-height:82px;padding:14px 16px;display:flex;box-shadow:0 3px 12px #18345b0d}.employee-stat-icon{border-radius:7px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.employee-stat-icon.stat-blue{background:#0874ed}.employee-stat-icon.stat-green{background:#16a66a}.employee-stat-icon.stat-purple{background:#7656db}.employee-stat-icon.stat-orange{background:#ed8a18}.employee-stat-card small,.employee-stat-card strong{display:block}.employee-stat-card small{color:var(--sco-text-muted);font-size:12px;font-weight:600}.employee-stat-card strong{color:var(--sco-heading);margin-top:3px;font-size:22px;line-height:1.1}.employee-directory-card{padding:0;overflow:hidden}.employee-directory-heading{border-bottom:1px solid var(--sco-border);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.employee-directory-heading h2{color:var(--sco-heading);margin:0;font-size:16px}.employee-directory-heading p{color:var(--sco-text-muted);margin:4px 0 0;font-size:12px}.employee-filters{justify-content:flex-end;align-items:center;gap:8px;display:flex}.employee-filters select{min-width:132px;height:36px;color:var(--sco-text-muted);padding:7px 28px 7px 10px;font-size:12px}.search-field{border:1px solid var(--sco-border);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:218px;height:36px;padding:0 10px;display:flex}.search-field input{border:0;outline:0;width:100%;min-width:0;height:32px;padding:0;font-size:12px}.search-field input:focus{outline:0}.employee-directory-card table th{background:#f6f8fc}.employee-name-cell{white-space:nowrap;display:table-cell}.employee-name-cell .avatar-circle{vertical-align:middle;display:inline-flex}.employee-avatar-image{object-fit:cover}.employee-profile-heading{align-items:center;gap:14px;margin:14px 0 20px;display:flex}.employee-profile-heading h2{margin:0 0 6px}.employee-profile-avatar{object-fit:cover;border-radius:50%;flex:none;width:64px;height:64px}.employee-profile-initials{color:#fff;background:linear-gradient(135deg,#1688f8,#0752bd);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex}.employee-photo-upload{color:var(--sco-blue);cursor:pointer;font-size:12px}.employee-photo-upload input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.employee-photo-error{color:#b42318;margin-top:4px;display:block}.employee-name-cell>span:last-child{vertical-align:middle;flex-direction:column;gap:3px;display:inline-flex}.employee-name-cell small{color:var(--sco-text-muted);font-size:11px}.employee-directory-card tbody tr:hover{background:#f8faff}.table-scroll{width:100%;overflow-x:auto}.content-employees{background:linear-gradient(#f8fbff,#f3f6fb 260px);padding:24px 28px}.employees-page-heading{margin:0 0 20px}.employees-page-heading h1{color:#0a1b46;margin:0;font-size:30px;line-height:1.2}.employees-page-heading p{color:#596c98;margin:5px 0 0;font-size:15px}.employees-page .employee-stat-card{border-color:#dce5f4;min-height:98px;padding:14px 15px;box-shadow:0 3px 10px #1f417009}.employees-page .employee-stat-icon{background:#e8f2ff;border-radius:8px;width:54px;height:54px}.employees-page .employee-stat-icon.stat-red{background:#ffeaed}.employees-page .employee-stat-icon.stat-blue span{background-color:#0874ed!important}.employees-page .employee-stat-icon.stat-green span{background-color:#159b62!important}.employees-page .employee-stat-icon.stat-purple span{background-color:#634ef3!important}.employees-page .employee-stat-icon.stat-red span{background-color:#e33648!important}.employees-page .employee-stat-card small{color:#24395e;font-size:13px;font-weight:500}.employees-page .employee-stat-card strong{margin-top:2px;font-size:25px}.employees-page .employee-stat-card em{color:#7181a0;margin-top:1px;font-size:11px;font-style:normal;display:block}.employee-directory-card{background:#fff;border:1px solid #dfe7f3;border-radius:8px;padding:0}.employee-toolbar{align-items:center;gap:14px;padding:16px 16px 10px;display:flex}.employee-directory-search{flex:auto;min-width:220px;height:40px}.employee-toolbar-actions{flex:none;gap:8px;display:flex}.employee-toolbar-actions .btn{border:1px solid #cbd9ed;border-radius:6px;justify-content:center;min-height:40px;padding:8px 13px;font-size:12px}.employee-toolbar-actions .employee-action-add{border-color:#0874ed}.employee-toolbar-actions .employee-action{color:#0866d0;background:#fff}.employee-filter-row{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;padding:0 16px 12px;display:grid}.employee-filter-row select{color:#435a83;width:100%;height:38px;padding:7px 30px 7px 11px;font-size:12px}.employee-table th{color:#455b83;white-space:nowrap;background:#edf4fd;height:38px;padding:9px 11px;font-size:11px;font-weight:600}.employee-table td{color:#344b75;white-space:nowrap;height:52px;padding:7px 11px;font-size:11px}.employee-code{color:#4f6388!important;font-size:10px!important}.employee-table .employee-name-cell .avatar-circle{color:#fff;background:#7087ae;border:0;width:32px;height:32px;margin-right:9px;font-size:10px}.employee-table .employee-name-copy{vertical-align:middle;white-space:normal;flex-direction:column;gap:2px;display:inline-flex}.employee-table .employee-name-copy a{color:#122d63;font-size:11px;font-weight:600;text-decoration:none}.employee-table .employee-name-copy a:hover{color:#0874ed;text-decoration:underline}.employee-table .employee-name-copy small{color:#7483a0;font-size:9px}.employee-table .employee-avatar-image{object-fit:cover}.employee-table .badge{text-transform:capitalize;border-radius:16px;justify-content:center;min-width:55px;padding:4px 10px;font-size:10px;font-weight:600}.employment-pill{color:#1265c4;background:#e6f1ff;border-radius:6px;align-items:center;padding:5px 11px;font-size:10px;font-weight:600;display:inline-flex}.employment-contract,.employment-contingent{color:#ae6400;background:#fff0d4}.employment-permanent_part_time{color:#624cbe;background:#eeeaff}.employee-row-action{border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.employee-row-action:hover{background:#edf4ff}.employee-empty{text-align:center;color:#72809c!important;height:100px!important}.employee-state{padding:28px 16px;font-size:13px}.employee-state-error{color:#b42318}.employee-pagination{color:#5d6f92;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;font-size:11px;display:flex}.employee-pagination nav{align-items:center;gap:5px;display:flex}.employee-pagination button{color:#41577e;min-width:32px;height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe4f1;border-radius:6px;padding:0 8px}.employee-pagination button:hover:not(:disabled){color:#0874ed;border-color:#0874ed}.employee-pagination button.current{color:#fff;background:#0874ed;border-color:#0874ed}.employee-pagination button:disabled{opacity:.45;cursor:default}.employee-page-ellipsis{padding:0 3px}.employees-page-heading{justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;display:flex}.employees-page-title{min-width:0}.employees-page-heading h1{font-size:28px}.employees-page-heading p{margin-top:3px;font-size:13px}.employees-heading-actions{flex:none;align-items:center;gap:8px;display:flex}.employees-heading-actions .btn,.employee-menu summary{color:#16315f;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd9ed;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex}.employees-heading-actions .employee-action-add{color:#fff;background:#0874ed;border-color:#0874ed}.employees-heading-actions .employee-action{color:#17366b;background:#fff}.employee-menu{position:relative}.employee-menu summary{list-style:none}.employee-menu summary::-webkit-details-marker{display:none}.employee-menu[open] summary{border-color:#8cb9f4}.employee-overflow-menu summary{width:36px;padding:7px}.employee-menu-popover{z-index:8;background:#fff;border:1px solid #dbe5f1;border-radius:7px;min-width:170px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #122d631c}.employee-menu-popover button{color:#27416e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:8px 9px;font-size:11px;display:block}.employee-menu-popover button:hover:not(:disabled){background:#eff5ff}.employee-menu-popover button:disabled{color:#9ba9be;cursor:default}.employees-page .employee-stats{margin-bottom:12px}.employee-directory-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:10px;display:grid}.employee-directory-card{min-width:0;overflow:visible}.employee-search-row{padding:9px 10px 7px}.employee-directory-search{background:#fff;border:1px solid #d7e1ef;border-radius:5px;min-width:0;height:34px;padding:0 9px}.employee-directory-search input{font-size:11px}.employee-filter-row{grid-template-columns:repeat(5,minmax(82px,1fr)) auto 28px;align-items:end;gap:7px;padding:0 10px 9px;display:grid}.employee-filter-row label,.employee-sidebar label{color:#142e61;flex-direction:column;gap:4px;font-size:10px;font-weight:600;display:flex}.employee-filter-row select,.employee-sidebar select{color:#344d78;background-color:#fff;border:1px solid #d6e0ef;border-radius:5px;width:100%;height:30px;padding:5px 23px 5px 8px;font-size:10px;font-weight:400}.employee-more-filters{color:#284779;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d6e0ef;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 8px;font-size:10px;display:flex}.employee-more-filters.is-active{background:#edf5ff;border-color:#8bb9f4}.employee-filter-clear{color:#4f6e9c;cursor:pointer;background:0 0;border:0;height:30px;font-size:18px}.employee-advanced-filters{color:#627494;align-items:center;gap:7px;padding:0 10px 9px;font-size:10px;display:flex}.employee-advanced-filters button{color:#31517f;cursor:pointer;background:#f8fbff;border:1px solid #dce5f1;border-radius:4px;padding:5px 8px;font-size:10px}.employee-directory-card>.employee-state{border-top:1px solid #e4ebf5;margin:0 10px 10px}.employee-table-scroll{border-top:1px solid #e1e8f2}.employee-table{min-width:980px}.employee-table th{color:#183366;background:#f3f7fc;height:31px;padding:6px 7px;font-size:9px}.employee-table td{color:#233f70;height:38px;padding:4px 7px;font-size:9px}.employee-table th:first-child,.employee-table td:first-child{padding-left:8px}.employee-table .employee-name-link{color:#122d63;align-items:center;text-decoration:none;display:inline-flex}.employee-table .employee-name-link:hover{color:#0874ed}.employee-table .employee-name-link:hover .employee-name-copy{text-decoration:underline}.employee-table .employee-detail-link{color:#075fc2;text-decoration:none}.employee-table .employee-email-cell .employee-detail-link{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.employee-table .employee-detail-link:hover{color:#0874ed;text-decoration:underline}.employee-table .employee-name-cell .avatar-circle{width:26px;height:26px;margin-right:6px}.employee-table .employee-name-copy a{font-size:9px}.employee-table .employee-name-copy small{font-size:8px}.employee-table .badge{min-width:49px;padding:3px 6px;font-size:9px}.employee-table .employment-pill{padding:4px 7px;font-size:9px}.employee-select-cell{text-align:center;width:24px}.employee-select-cell input{accent-color:#0874ed;vertical-align:middle;width:12px;height:12px;margin:0}.employee-row-number{text-align:center;width:20px;color:#56709a!important}.employee-sort-mark{color:#5679ae;font-size:11px}.employee-email-cell{color:#075fc2!important}.employee-pagination{min-height:46px;padding:7px 10px;font-size:9px}.employee-pagination nav{gap:4px}.employee-pagination button{border-radius:4px;min-width:25px;height:27px;padding:0 6px;font-size:10px}.employee-page-size{color:#344d78;white-space:nowrap;border:1px solid #dbe4f1;border-radius:5px;align-items:center;gap:7px;padding:6px 8px;font-size:9px;display:inline-flex}.employee-sidebar{flex-direction:column;gap:9px;min-width:0;display:flex}.employee-side-card{background:#fff;border:1px solid #dfe7f3;border-radius:7px;padding:10px}.employee-side-card>header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.employee-side-card h2{color:#112c60;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.employee-side-card header>button{color:#0868d6;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.quick-filters-card{flex-direction:column;gap:7px;display:flex}.quick-filters-card>header{margin-bottom:1px}.employee-classification-content{align-items:center;gap:9px;display:flex}.employee-donut{border-radius:50%;flex:0 0 92px;place-items:center;width:92px;height:92px;display:grid;position:relative}.employee-donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.employee-donut>span{color:#163367;flex-direction:column;align-items:center;display:flex;position:relative}.employee-donut strong{font-size:14px;line-height:1.1}.employee-donut small{font-size:8px}.employee-classification-content ul{flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.employee-classification-content li{color:#38527c;white-space:nowrap;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:5px;font-size:8px;display:grid}.employee-classification-content li i{border-radius:50%;width:8px;height:8px}.employee-classification-content li span{color:#1e3b70}.employee-import-empty{border-top:1px solid #e8edf5;align-items:center;gap:9px;padding:6px 2px 3px;display:flex}.employee-import-check{color:#fff;background:#1eae72;border-radius:50%;place-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:grid}.employee-import-empty p{color:#263f6a;flex-direction:column;gap:2px;margin:0;font-size:9px;display:flex}.employee-import-empty small{color:#71809a;font-size:8px}@media (width<=1100px){.employees-page .employee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-toolbar{flex-direction:column;align-items:stretch}.employee-directory-search{width:100%}.employee-toolbar-actions{justify-content:flex-end}}@media (width<=1250px){.employee-directory-layout{grid-template-columns:minmax(0,1fr) 225px}.employee-filter-row{grid-template-columns:repeat(3,minmax(105px,1fr))}.employee-more-filters{min-height:30px}}@media (width<=900px){.employee-directory-layout{grid-template-columns:minmax(0,1fr)}.employee-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-filters-card{grid-row:span 2}}@media (width<=650px){.employees-page-heading{flex-direction:column;align-items:flex-start}.employees-heading-actions{flex-wrap:wrap;width:100%}.employee-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-sidebar{display:flex}}@media (width<=600px){.content-employees{padding:18px 12px}.employees-page-heading h1{font-size:25px}.employees-page-heading p{font-size:13px}.employees-page .employee-stats{grid-template-columns:1fr}.employee-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.employee-toolbar-actions .btn{padding:8px 6px;font-size:10px}.employee-filter-row{grid-template-columns:1fr}.employee-pagination{flex-direction:column;align-items:flex-start}}@media (width<=1100px){.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-directory-heading{flex-direction:column;align-items:flex-start}.employee-filters{flex-wrap:wrap;justify-content:flex-start;width:100%}}.content-employees{padding:18px 12px}.employee-directory-layout{grid-template-columns:minmax(0,1fr) 205px;gap:8px}.employee-search-row{align-items:center;gap:7px;display:flex}.employee-directory-search{flex:auto;width:auto}.employee-search-row .employee-more-filters{flex:none}.employee-sidebar{gap:7px}.employee-side-card{padding:8px}.employee-side-card>header{margin-bottom:6px}.quick-filters-card{gap:6px}.quick-filters-card select{height:27px;font-size:9px}.employee-donut{flex-basis:76px;width:76px;height:76px}.employee-donut:before{inset:8px}.employee-classification-content{gap:6px}.employee-classification-content ul{gap:5px}.employee-classification-content li{grid-template-columns:7px minmax(0,1fr) auto;gap:4px;font-size:7.5px}.employee-classification-content li i{width:7px;height:7px}.employee-import-empty{gap:7px;padding-top:5px}.employee-table{table-layout:fixed;width:100%;min-width:0}.employee-table-scroll{overflow-x:hidden}.employee-table th,.employee-table td{text-overflow:ellipsis;padding-left:4px;padding-right:4px;overflow:hidden}.employee-table th:first-child,.employee-table td:first-child{width:3%}.employee-table th:nth-child(2),.employee-table td:nth-child(2){width:9%}.employee-table th:nth-child(3),.employee-table td:nth-child(3){width:16%}.employee-table th:nth-child(4),.employee-table td:nth-child(4),.employee-table th:nth-child(5),.employee-table td:nth-child(5){width:11%}.employee-table th:nth-child(6),.employee-table td:nth-child(6){width:9%}.employee-table th:nth-child(7),.employee-table td:nth-child(7){width:8%}.employee-table th:nth-child(8),.employee-table td:nth-child(8){width:11%}.employee-table th:nth-child(9),.employee-table td:nth-child(9){width:18%}.employee-table th:nth-child(10),.employee-table td:nth-child(10){width:4%}.employee-table th,.employee-table td{font-size:11px}.employee-table .employee-code{font-size:11px!important}.employee-table .employee-name-cell{min-width:0}.employee-table .employee-name-link{min-width:0;max-width:100%}.employee-table .employee-name-copy{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.employee-table .employee-select-cell,.employee-table .employee-row-number{width:auto}.employee-table .employee-row-action{width:23px;height:24px}.employee-table .badge,.employee-table .employment-pill{font-size:10px}.employee-side-card h2{font-size:12px}.employee-sidebar label,.quick-filters-card select{font-size:10px}.employee-classification-content li{font-size:9px}.employee-import-empty p{font-size:10px}.employee-import-empty small{font-size:9px}.employees-page .employee-stats{gap:9px;margin-bottom:12px}.employees-page .employee-stat-card{border-color:#dce5f0;border-radius:6px;gap:9px;min-width:0;min-height:78px;padding:8px 10px;box-shadow:0 2px 8px #1a37610b}.employees-page .employee-stat-icon{border-radius:7px;flex-basis:36px;width:36px;height:36px}.employees-page .employee-stat-icon.stat-blue{background:#0878f8}.employees-page .employee-stat-icon.stat-green{background:#12a96b}.employees-page .employee-stat-icon.stat-orange{background:#f28a0c}.employees-page .employee-stat-icon.stat-purple{background:#7040df}.employees-page .employee-stat-icon.stat-blue span,.employees-page .employee-stat-icon.stat-green span,.employees-page .employee-stat-icon.stat-orange span,.employees-page .employee-stat-icon.stat-purple span{background-color:#fff!important}.employees-page .employee-stat-card .employee-stat-copy{min-width:0}.employees-page .employee-stat-card small{color:#28436f;font-size:10px;line-height:1.2}.employees-page .employee-stat-card strong{margin-top:2px;font-size:19px;line-height:1.05}.employees-page .employee-stat-card em{color:#627b9e;white-space:nowrap;margin-top:3px;font-size:9px;font-style:normal;line-height:1.2}.employees-page .employee-stat-card .stat-trend{align-items:center;gap:4px;display:flex}.employees-page .employee-stat-card .stat-trend-up{color:#179b5f}.employees-page .employee-stat-card .stat-trend-up b{font-size:10px}.employees-page .employee-stat-card .stat-trend-muted{color:#77849b}.employees-page .employee-stat-card .stat-trend-muted b{font-size:8px}.employee-stat-link{color:#0874ed;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.employee-stat-link:hover{text-decoration:underline}@media (width<=1150px){.employee-directory-layout{grid-template-columns:minmax(0,1fr)}.employee-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quick-filters-card{grid-row:auto}}@media (width<=760px){.employee-directory-layout{grid-template-columns:minmax(0,1fr)}.employee-search-row{align-items:stretch}.employee-table{min-width:820px}.employee-table-scroll{overflow-x:auto}.employee-sidebar{display:flex}}.view-all{color:var(--sco-blue);font-size:12px;font-weight:700;text-decoration:none}.bar-chart{background:repeating-linear-gradient(#e7edf5 0 1px,#0000 1px 25%);flex:1;align-items:flex-end;gap:5px;min-width:0;height:150px;padding-top:8px;display:flex}.chart-plot{align-items:stretch;gap:5px;min-width:0;display:flex}.chart-axis{height:150px;color:var(--sco-text-muted);white-space:nowrap;flex-direction:column;flex:0 0 39px;justify-content:space-between;padding-bottom:21px;font-size:9px;line-height:1;display:flex}.bar-col{flex:1;min-width:0;height:100%;position:relative}.bar-select{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;min-width:0;height:100%;padding:0;display:flex}.bar-select:focus-visible{outline:2px solid var(--sco-blue);outline-offset:2px;border-radius:4px}.bar-tooltip{z-index:4;color:#18356e;white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #dce6f3;border-radius:5px;flex-direction:column;gap:4px;min-width:82px;padding:6px 7px;font-size:9px;line-height:1.1;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0d264c29}.bar-tooltip:after{content:"";border-top:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:-5px;left:calc(50% - 5px)}.bar-tooltip-value{align-items:center;gap:4px;font-weight:700;display:flex}.bar-tooltip-value:before{content:"";background:#0878f8;border-radius:50%;flex:none;width:6px;height:6px}.bar-col .bar{background:#69b2f4;border-radius:6px 6px 0 0;width:100%;max-width:34px}.bar-col .bar.current{background:#0878f8}.bar-col .bar-label{color:var(--sco-text-muted);font-size:11px;font-weight:600}.deadline-list{flex-direction:column;gap:4px;display:flex}.deadline-row{border-bottom:1px solid var(--sco-border);align-items:center;gap:12px;padding:8px 0;display:flex}.deadline-row:last-child{border-bottom:none}.deadline-date{background:var(--sco-blue);color:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;line-height:1.1;display:flex}.deadline-date .dd{font-size:15px;font-weight:800}.deadline-date .mm{letter-spacing:.03em;font-size:9px;font-weight:700}.deadline-body{flex:1;min-width:0}.deadline-label{font-size:13px;font-weight:700}.deadline-detail{color:var(--sco-text-muted);margin-top:1px;font-size:11.5px}.deadline-chevron{color:var(--sco-text-muted);font-size:16px}.activity-list{flex-direction:column;gap:14px;display:flex}.activity-row{align-items:flex-start;gap:12px;display:flex}.activity-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.activity-body{flex:1;min-width:0}.activity-text{font-size:13px;line-height:1.35}.activity-time{color:var(--sco-text-muted);margin-top:2px;font-size:11px}.page-footer{border-top:1px solid var(--sco-border);color:var(--sco-text-muted);justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;font-size:12px;display:flex}.page-footer-links{align-items:center;gap:8px;display:flex}.page-footer-links a{color:var(--sco-blue);font-weight:600;text-decoration:none}.page-footer-links .sep{color:var(--sco-border)}.content-employee-profile{background:#f8faff;padding:10px 14px 8px}.employee-detail-page{color:#12366f;flex-direction:column;gap:7px;min-height:100%;display:flex}.employee-detail-page-heading{justify-content:space-between;align-items:center;gap:14px;margin:0;display:flex}.employee-detail-breadcrumb{color:#6980aa;align-items:center;gap:7px;margin-bottom:3px;font-size:10px;display:flex}.employee-detail-breadcrumb a{color:#2e5f9e;text-decoration:none}.employee-detail-page-heading h1{color:#071d4e;margin:0;font-size:23px;line-height:1.15}.employee-detail-page-heading p{color:#4e6fa6;margin:3px 0 0;font-size:11px}.employee-back-button{color:#174b93;background:#fff;border:1px solid #cbd9ef;border-radius:5px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:10px;text-decoration:none;display:inline-flex}.employee-summary-card{background:linear-gradient(110deg,#f4f8ff 0,#fff 54%,#f7faff 100%);border:1px solid #cbdcf3;border-radius:6px;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);align-items:center;gap:14px;min-height:115px;padding:9px;display:grid;box-shadow:0 2px 8px #164a8b12}.employee-summary-main{align-items:center;gap:14px;min-width:0;display:flex}.employee-summary-photo-wrap{flex:none;width:96px;height:96px;position:relative}.employee-summary-photo{object-fit:cover;background:#e8eef7;border-radius:8px;width:100%;height:100%;display:block}.employee-summary-initials{color:#fff;background:#7187a8;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.employee-photo-edit{cursor:pointer;background:#0874ed;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:none;position:absolute;bottom:4px;right:4px}.employee-summary-photo-wrap:hover .employee-photo-edit,.employee-photo-edit:focus-within{display:flex}.employee-photo-edit input{opacity:0;width:1px;height:1px;position:absolute}.employee-summary-identity{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.employee-summary-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.employee-summary-name-row h2{color:#071d4e;margin:0;font-size:19px;line-height:1.15}.employee-summary-code{color:#1761be;font-size:11px}.employee-summary-meta{color:#28528c;align-items:center;gap:7px;font-size:11px;display:flex}.employee-summary-contact{border-left:1px solid #d0def1;align-content:center;gap:5px;min-height:78px;padding-left:16px;display:grid}.employee-summary-contact>div{color:#28528c;align-items:center;gap:8px;min-width:0;font-size:10px;display:flex}.employee-summary-contact>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-detail-tabs{background:linear-gradient(#f8fbff,#fff);border:1px solid #cbdcf2;border-radius:5px;align-items:stretch;gap:0;min-height:32px;display:flex;overflow-x:auto}.employee-detail-tabs button{color:#31568d;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-top:2px solid #0000;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;min-width:86px;padding:6px 10px;font-size:10px;display:inline-flex}.employee-detail-tabs button.active{color:#075fc2;background:#fff;border-top-color:#0874ed;font-weight:700}.employee-detail-layout{grid-template-columns:minmax(0,2.55fr) minmax(190px,.78fr);align-items:start;gap:8px;display:grid}.employee-detail-main-column,.employee-detail-sidebar{align-content:start;gap:7px;min-width:0;display:grid}.employee-detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.employee-detail-card{background:linear-gradient(135deg,#fff 0 72%,#f8fbff 100%);border:1px solid #cfddf0;border-radius:6px;min-width:0;padding:8px 10px 9px;box-shadow:0 2px 8px #164a8b0b}.employee-detail-card-heading{background:linear-gradient(90deg,#e7f1ff 0,#f2f7ff 100%);border-bottom:1px solid #d7e5f7;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;gap:8px;min-height:31px;margin:-8px -10px 7px;padding:6px 10px;display:flex}.employee-detail-card-heading h2{color:#0648a5;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.2;display:flex}.employee-edit-button{color:#0874ed;cursor:pointer;background:#fff;border:1px solid #cad9ef;border-radius:4px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;display:inline-flex}.employee-detail-fields{margin:0;display:grid}.employee-detail-field{border-bottom:1px solid #e1eafa;grid-template-columns:minmax(95px,.78fr) minmax(0,1.35fr);align-items:start;gap:6px;min-height:21px;padding:4px 1px;font-size:9px;line-height:1.25;display:grid}.employee-detail-field:last-child{border-bottom:0}.employee-detail-field dt{color:#4b6795}.employee-detail-field dd{color:#234b86;overflow-wrap:anywhere;justify-content:space-between;gap:8px;min-width:0;margin:0;display:flex}.employee-email-list{gap:3px;min-width:0;display:grid}.employee-field-extra{color:#3e5881;flex:none}.employee-detail-field.multiline{min-height:39px}.employee-detail-fields.compact .employee-detail-field{grid-template-columns:minmax(85px,.85fr) minmax(0,1fr);min-height:20px;padding:3px 1px;font-size:9px}.employee-detail-card-wide{grid-column:1/-1}.employee-actions-card{padding:8px 10px}.employee-action-list{gap:4px;display:grid}.employee-action-list button{color:#174b93;text-align:left;cursor:pointer;background:linear-gradient(90deg,#f5f9ff,#fff);border:1px solid #c5d8f2;border-radius:4px;align-items:center;gap:8px;min-height:25px;padding:4px 8px;font-size:9px;display:flex}.employee-action-list button.primary{color:#fff;background:#0874ed;border-color:#0874ed}.employee-action-list button span{margin-left:auto;font-size:16px;line-height:10px}.employee-action-message{color:#536b91;margin:6px 0 0;font-size:9px;line-height:1.35}.employee-quick-info-card .employee-detail-card-heading{margin-bottom:4px}.employee-detail-state,.employee-detail-empty{color:#617596;margin:0;padding:16px 8px;font-size:10px}.employee-profile-state{color:#526b93;padding:24px 8px;font-size:13px}.employee-profile-error,.employee-photo-error{color:#a22828}.employee-detail-table-wrap{overflow-x:auto}.employee-detail-table{border-collapse:collapse;width:100%;font-size:10px}.employee-detail-table th,.employee-detail-table td{color:#36527e;text-align:left;white-space:nowrap;border-bottom:1px solid #e7edf5;padding:7px 6px}.employee-detail-table th{color:#193a70;background:#f5f8fd;font-weight:600}.employee-sensitive-note{color:#7182a0;margin:8px 0 0;font-size:10px}.employee-payment-warning{color:#9a5a00;margin:8px 0 0;font-size:11px;line-height:1.35}.employee-payment-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.employee-payment-form>label{color:#38577f;gap:4px;font-size:11px;display:grid}.employee-payment-form input,.employee-payment-form select{color:#173e77;width:100%;min-width:0;min-height:31px;font:inherit;background:#fff;border:1px solid #cbdcf2;border-radius:4px;padding:5px 8px}.employee-payment-form input:focus,.employee-payment-form select:focus{border-color:#0874ed;outline:2px solid #0874ed44}.employee-payment-form .employee-sensitive-note,.employee-payment-form .employee-payment-warning,.employee-payment-form-actions{grid-column:1/-1}.employee-payment-form-actions{justify-content:flex-end;gap:8px;display:flex}.employee-payment-form-actions button{color:#174b93;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c5d8f2;border-radius:4px;padding:5px 10px}.employee-payment-form-actions button.primary{color:#fff;background:#0874ed;border-color:#0874ed}.employee-payment-form-actions button:disabled{opacity:.65;cursor:wait}.employee-editor-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0718357a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.employee-editor-dialog{background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);border:1px solid #c9d9ef;border-radius:10px;width:min(900px,100%);max-height:min(90vh,900px);overflow:auto;box-shadow:0 5px 12px #061a3b29,0 20px 48px #061a3b47,inset 0 1px #fff}.employee-editor-dialog>header{z-index:2;background:linear-gradient(100deg,#fff,#f2f7ff);border-bottom:1px solid #dce7f5;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px;display:flex;position:sticky;top:0}.employee-editor-dialog h2{color:#09245a;margin:0;font-size:20px}.employee-editor-dialog header p{color:#627898;margin:4px 0 0;font-size:13px}.employee-editor-dialog header button{color:#31547f;cursor:pointer;background:#fff;border:1px solid #d2deef;border-radius:6px;width:30px;height:30px;font-size:20px}.employee-editor-dialog form{padding:16px 22px 18px}.employee-editor-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.employee-editor-groups fieldset{background:#fffc;border:1px solid #d8e4f3;border-radius:7px;min-width:0;margin:0;padding:12px}.employee-editor-groups legend{color:#1453a0;padding:0 5px;font-size:13px;font-weight:700}.employee-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px;display:grid}.employee-editor-fields label{color:#3a5579;gap:4px;min-width:0;font-size:11px;display:grid}.employee-editor-fields input,.employee-editor-fields select{color:#173e77;width:100%;min-width:0;height:33px;font:inherit;background:#fff;border:1px solid #cad9ed;border-radius:5px;padding:6px 8px}.employee-editor-fields textarea{resize:vertical;color:#173e77;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cad9ed;border-radius:5px;padding:6px 8px;line-height:1.4}.employee-editor-fields input:focus,.employee-editor-fields select:focus,.employee-editor-fields textarea:focus{border-color:#0874ed;outline:2px solid #0874ed44}.employee-editor-fields .employee-editor-checkbox{grid-column:1/-1;align-items:center;gap:8px;min-height:30px;display:flex}.employee-editor-fields .employee-editor-checkbox input{width:15px;height:15px}.employee-editor-error{color:#a22828;margin:12px 0 0;font-size:12px}.employee-editor-dialog form>footer{background:#fffffff5;border-top:1px solid #dce7f5;justify-content:flex-end;gap:9px;margin:14px -22px -18px;padding:12px 22px;display:flex;position:sticky;bottom:-18px}.employee-editor-dialog form>footer button{color:#24528d;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c8d8ee;border-radius:5px;padding:7px 13px}.employee-editor-dialog form>footer button.primary{color:#fff;background:#0874ed;border-color:#0874ed}.employee-editor-dialog form>footer button:disabled,.employee-editor-dialog header button:disabled{opacity:.6;cursor:wait}@media (width<=700px){.employee-editor-groups,.employee-editor-fields{grid-template-columns:1fr}}.employee-detail-page .badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.employee-detail-page .badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.employee-detail-page .badge-green{color:#078a49;background:#d9f5e5}.employee-detail-page .badge-orange{color:#a96700;background:#fff0cb}.employee-detail-page .badge-red{color:#b32929;background:#ffe0e0}.employee-detail-page .badge-blue{color:#1763b5;background:#e0efff}.employee-detail-page .badge-grey{color:#52647c;background:#e9edf3}.content-employee-profile>.page-footer{margin-top:auto;padding-top:6px;font-size:9px}@media (width<=820px){.employee-detail-layout{grid-template-columns:minmax(0,1fr) 205px}.employee-summary-card{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr)}.employee-summary-photo-wrap{width:82px;height:82px}}@media (width<=760px){.content-employee-profile{padding:10px}.employee-detail-layout{grid-template-columns:1fr}.employee-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-summary-card{grid-template-columns:1fr}.employee-summary-contact{border-top:1px solid #dce5f2;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0 0}}@media (width<=540px){.employee-detail-page-heading{align-items:flex-start}.employee-detail-page-heading h1{font-size:20px}.employee-detail-page-heading p{max-width:250px}.employee-back-button{padding:7px;font-size:0}.employee-back-button svg{flex:none}.employee-summary-photo-wrap{width:72px;height:72px}.employee-summary-name-row h2{font-size:16px}.employee-detail-card-grid,.employee-detail-sidebar,.employee-summary-contact{grid-template-columns:1fr}.employee-detail-field{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)}}.employee-detail-layout-personal,.employee-detail-layout-other{display:block}.employee-personal-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,.78fr);align-items:stretch;gap:8px;display:grid}.employee-personal-grid>.personal-info-card{grid-area:1/1}.employee-personal-grid>.contact-info-card{grid-area:1/2}.employee-personal-grid>.employee-actions-card{grid-area:1/3}.employee-personal-grid>.employment-info-card{grid-area:2/1}.employee-personal-grid>.payroll-info-card{grid-area:2/2}.employee-personal-grid>.employee-quick-info-card{grid-area:2/3}.employee-personal-grid>.employee-detail-card{align-self:stretch;min-width:0;height:auto}.employee-detail-layout .employee-detail-card,.employee-personal-grid>.card{margin-top:0}.employee-other-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,.78fr);align-items:stretch;gap:8px;display:grid}.employee-other-grid>.employee-detail-card{align-self:stretch;min-width:0;height:auto}.employee-other-grid>.other-employment-info{grid-area:1/1}.employee-other-grid>.other-employment-summary{grid-area:1/2}.employee-other-grid>.other-payroll-info{grid-area:1/1}.employee-other-grid>.other-payslips{grid-area:1/2}.employee-other-grid>.other-loans{grid-area:2/1/auto/3}.employee-other-grid>.other-bank-details,.employee-other-grid>.other-documents,.employee-other-grid>.other-leave,.employee-other-grid>.other-history{grid-area:1/1/auto/3}.employee-other-grid>.employee-actions-card{grid-area:1/3}.employee-other-grid>.employee-quick-info-card{grid-area:2/3}.employee-detail-breadcrumb{font-size:11px}.employee-detail-page-heading h1{font-size:25px}.employee-detail-page-heading p{font-size:12px}.employee-back-button{font-size:11px}.employee-summary-name-row h2{font-size:20px}.employee-summary-code,.employee-summary-meta{font-size:12px}.employee-summary-contact>div,.employee-detail-tabs button{font-size:11px}.employee-detail-card-heading h2{font-size:13px}.employee-edit-button,.employee-detail-field,.employee-detail-fields.compact .employee-detail-field,.employee-action-list button,.employee-action-message,.employee-sensitive-note{font-size:11px}.employee-detail-empty,.employee-detail-state,.employee-detail-table{font-size:12px}.employee-profile-state{font-size:14px}.content-employee-profile>.page-footer{font-size:10px}.employee-detail-tabs button{font-size:14px}@media (width<=820px){.employee-personal-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.employee-personal-grid>.employee-actions-card{grid-area:3/1}.employee-personal-grid>.employee-quick-info-card{grid-area:3/2}.employee-personal-grid>.employment-info-card{grid-area:2/1}.employee-personal-grid>.payroll-info-card{grid-area:2/2}.employee-other-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.employee-other-grid>.other-employment-info,.employee-other-grid>.other-payroll-info{grid-area:1/1}.employee-other-grid>.other-employment-summary,.employee-other-grid>.other-payslips{grid-area:1/2}.employee-other-grid>.other-loans{grid-area:2/1/auto/-1}.employee-other-grid>.other-bank-details,.employee-other-grid>.other-documents,.employee-other-grid>.other-leave,.employee-other-grid>.other-history{grid-area:1/1/auto/-1}.employee-other-grid>.employee-actions-card{grid-area:2/1}.employee-other-grid>.employee-quick-info-card{grid-area:2/2}.employee-other-grid:has(.other-loans)>.employee-actions-card{grid-row:3}.employee-other-grid:has(.other-loans)>.employee-quick-info-card{grid-row:3}}.login-card,.login-tenant,.login-security,.dashboard-page .stat-tile2,.dashboard-page .dashboard-widget-grid .card,.dashboard-page .dashboard-quick-actions .quick-action-tile,.employees-page .employee-stat-card,.employees-page .employee-directory-card,.employees-page .employee-side-card,.employee-detail-page .employee-summary-card,.employee-detail-page .employee-detail-card{border-color:color-mix(in srgb, #8ba9d3 28%, var(--sco-border));transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #0f284e14,0 5px 11px #1536651f,0 14px 25px #15366513,inset 0 1px #ffffffe6}.login-card{box-shadow:0 3px 5px #0c254d14,0 15px 32px #132c5226,0 27px 48px #132c5216,inset 0 1px #fff}.login-tenant,.login-security{box-shadow:0 3px 7px #1639681c,inset 0 1px #ffffffd1}.dashboard-page .dashboard-widget-grid .card{background:linear-gradient(155deg,#fff 0% 68%,#f6f9ff 100%);box-shadow:0 3px 5px #0f284e1a,0 9px 18px #15366529,0 20px 32px #15366517,inset 0 1px #fff}.dashboard-page .stat-tile2{box-shadow:0 3px 5px #0f284e17,0 9px 17px #15366526,0 18px 28px #15366514,inset 0 1px #fff}.dashboard-page .dashboard-quick-actions .quick-action-tile{box-shadow:0 3px 5px #12305b1a,0 8px 15px #12305b1a,inset 0 1px #fffc}.employees-page .employee-directory-card,.employees-page .employee-side-card,.employee-detail-page .employee-detail-card{background-image:linear-gradient(145deg,#fffffff5,#f7faffe0)}.employee-detail-page .employee-summary-card{box-shadow:0 3px 5px #0f284e14,0 8px 17px #15366521,0 18px 29px #15366513,inset 0 1px #fff}@media (hover:hover) and (prefers-reduced-motion:no-preference){.login-card:hover,.dashboard-page .stat-tile2:hover,.dashboard-page .dashboard-widget-grid .card:hover,.dashboard-page .dashboard-quick-actions .quick-action-tile:hover,.employees-page .employee-stat-card:hover,.employees-page .employee-directory-card:hover,.employees-page .employee-side-card:hover,.employee-detail-page .employee-summary-card:hover,.employee-detail-page .employee-detail-card:hover{border-color:#b5c9e6;transform:translateY(-2px);box-shadow:0 4px 7px #0f284e1a,0 12px 21px #15366529,0 24px 36px #15366517,inset 0 1px #fff}}@media (prefers-reduced-motion:reduce){.login-card,.login-tenant,.login-security,.dashboard-page .stat-tile2,.dashboard-page .dashboard-widget-grid .card,.dashboard-page .dashboard-quick-actions .quick-action-tile,.employees-page .employee-stat-card,.employees-page .employee-directory-card,.employees-page .employee-side-card,.employee-detail-page .employee-summary-card,.employee-detail-page .employee-detail-card{transition:none}}@media (width<=760px){.employee-personal-grid{grid-template-rows:auto;grid-template-columns:1fr}.employee-personal-grid>.employee-detail-card{grid-area:auto/1}.employee-other-grid{grid-template-rows:auto;grid-template-columns:1fr}.employee-other-grid>.employee-detail-card{grid-area:auto/1}.employee-payment-form{grid-template-columns:1fr}}.content-dashboard,.content-employees,.content-employee-profile,.login-panel{background:linear-gradient(135deg,#fff 0%,#fcfdff 44%,#f5f8fd 100%)}.page-banner-attendance{background:linear-gradient(90deg,#1765b6 0%,#357ac3 52%,#91bde7 100%);min-height:128px;padding:14px 24px}.page-banner-attendance:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f8faff00 0%,#f8faffa3 58%,#f8faff 100%);height:34px;position:absolute;bottom:0;left:0;right:0}.page-banner-attendance .page-banner-bg{object-position:right 24%;transform-origin:100%;transform:scale(.9)}.page-banner-attendance .page-banner-content{z-index:2;width:100%}.attendance-page{color:#102d61;flex-direction:column;gap:10px;display:flex}.attendance-toolbar{grid-template-columns:minmax(260px,1.05fr) minmax(200px,.8fr) minmax(190px,.75fr);align-items:end;gap:10px;display:grid}.attendance-toolbar label{color:#17366f;flex-direction:column;gap:5px;min-width:0;font-size:12px;font-weight:700;display:flex}.attendance-date-control,.attendance-toolbar select{color:#15366e;background:linear-gradient(140deg,#fff,#f6f9ff);border:1px solid #cedaf0;border-radius:7px;align-items:center;gap:8px;width:100%;min-width:0;height:38px;padding:0 10px;display:flex;box-shadow:inset 0 1px 2px #dce6f54d,0 2px 4px #17417a12}.attendance-date-control strong{white-space:nowrap;flex:1;font-size:12px;font-weight:600}.attendance-date-control button{color:#0874ed;cursor:pointer;background:#eef4fd;border:0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.attendance-date-control button:hover{background:#deebff}.attendance-toolbar select{appearance:auto}.attendance-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.attendance-stat{background:linear-gradient(145deg,#fff 0%,#fbfdff 56%,#eff5ff 100%);border:1px solid #dce6f4;border-radius:9px;align-items:center;gap:11px;min-width:0;min-height:76px;padding:10px 11px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 4px 12px #10377312,0 1px 2px #1037730d,inset 0 1px #fff}.attendance-stat:hover,.attendance-widget:hover{transform:translateY(-2px);box-shadow:0 9px 20px #1037731a,0 3px 7px #10377312,inset 0 1px #fff}.attendance-stat-icon{border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px 6px #102d6126,inset 0 1px #ffffff40}.attendance-stat-icon.blue{background:#0874ed}.attendance-stat-icon.green{background:#10a66a}.attendance-stat-icon.orange{background:#f39213}.attendance-stat-icon.purple{background:#8249e9}.attendance-stat-icon.teal{background:#08a6ba}.attendance-stat-icon.red{background:#ee4350}.attendance-stat>span:last-child{flex-direction:column;min-width:0;display:flex}.attendance-stat small{color:#294a7c;font-size:11px;line-height:1.25}.attendance-stat strong{color:#0c2a61;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:19px;line-height:1.05;overflow:hidden}.attendance-stat em{color:#057b55;margin-top:4px;font-size:10px;font-style:normal;line-height:1.25}.attendance-stat:nth-child(2) em,.attendance-stat:nth-child(3) em,.attendance-stat:nth-child(4) em{color:#7183a0}.attendance-stat:nth-child(6) em{color:#b25a12}.attendance-tabs{scrollbar-width:thin;background:linear-gradient(100deg,#fff 0%,#f6f9fe 100%);border:1px solid #d9e4f2;border-radius:8px;align-items:stretch;min-height:40px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #dce7f44d}.attendance-tabs button{color:#294777;cursor:pointer;white-space:nowrap;background:0 0;border-top:3px solid #0000;border-bottom:0;border-left:0;border-right:1px solid #e3eaf5;flex:none;align-items:center;gap:6px;padding:7px 13px 6px;font-size:12px;font-weight:600;display:flex}.attendance-tabs button:hover{color:#0874ed;background:#f3f7ff}.attendance-tabs button.active{color:#075bd3;background:#fff;border-top-color:#0874ed;box-shadow:0 -1px #fff,inset 0 1px #fff}.attendance-tabs button b{color:#fff;background:#e94755;border-radius:10px;place-items:center;min-width:20px;height:18px;font-size:10px;display:grid}.attendance-error{color:#a6232b;background:#fff4f4;border:1px solid #f3c2c4;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.attendance-error button{color:#0874ed;cursor:pointer;background:0 0;border:0}.attendance-loading{color:#637998;text-align:center;padding:30px}.attendance-overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1.05fr) minmax(210px,.6fr);align-items:stretch;gap:12px;display:grid}.attendance-widget{background:linear-gradient(145deg,#fff 0% 45%,#f8fbff 100%);border:1px solid #dbe5f3;border-radius:9px;min-width:0;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 5px 14px #10377314,0 2px 4px #1037730d,inset 0 1px #fff}.attendance-widget>header{background:linear-gradient(105deg,#edf5ff 0%,#f7faff 55%,#edf4ff 100%);border-bottom:1px solid #dbe6f4;justify-content:space-between;align-items:center;gap:8px;min-height:39px;padding:7px 11px;display:flex}.attendance-widget>header h2{color:#0c2d68;align-items:center;gap:7px;min-width:0;margin:0;font-size:13px;font-weight:700;display:flex}.attendance-calendar-widget,.attendance-selected-day,.attendance-side-stack>.attendance-widget{min-height:302px}.attendance-calendar-widget>header{flex-direction:column;align-items:flex-start}.attendance-calendar-actions{align-items:center;gap:7px;width:100%;display:flex}.attendance-calendar-actions strong{color:#11356d;text-align:center;flex:1;font-size:13px}.attendance-calendar-actions button{color:#16417b;cursor:pointer;background:#f7faff;border:1px solid #d1def1;border-radius:5px;min-width:29px;height:27px;padding:0 7px;font-size:14px}.attendance-calendar-actions button:first-child{color:#0874ed;font-size:11px;font-weight:600}.attendance-calendar-content{grid-template-columns:minmax(0,1fr) 104px;gap:10px;padding:10px;display:grid}.attendance-calendar{min-width:0}.attendance-weekdays,.attendance-calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.attendance-weekdays{margin-bottom:4px}.attendance-weekdays span{color:#536b91;text-align:center;padding:3px 0;font-size:10px;font-weight:700}.attendance-calendar-days button,.attendance-calendar-blank{aspect-ratio:1.12;color:#244878;cursor:pointer;background:#f8faff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-width:0;font-size:11px;display:flex;position:relative}.attendance-calendar-days button:hover{background:#eff6ff;border-color:#b9d1f4}.attendance-calendar-days button.selected{color:#fff;background:#0874ed;border-color:#0874ed;box-shadow:0 2px 5px #0874ed4d}.attendance-calendar-days button.today:not(.selected){color:#075bd3;background:#eaf4ff;border-color:#7bb5ff;font-weight:700}.attendance-calendar-days button i{background:#0eaa68;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px}.attendance-calendar-days button.selected i{background:#fff}.attendance-calendar-legend{border-left:1px solid #e5edf7;flex-direction:column;gap:9px;padding:8px 0 0 8px;display:flex}.attendance-calendar-legend span{color:#3c5980;align-items:center;gap:5px;font-size:10px;display:flex}.attendance-calendar-legend i,.attendance-chart-key i{background:#0eaa68;border-radius:50%;flex:none;width:9px;height:9px}.attendance-calendar-legend .today-legend{background:#eaf4ff;border:1px solid #68a9fc}.attendance-calendar-legend p{color:#7688a2;margin:0;font-size:9px;line-height:1.45}.attendance-link{color:#0874ed;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.attendance-table-wrap{width:100%;overflow:auto}.attendance-table{border-collapse:collapse;color:#274979;width:100%;font-size:10.5px}.attendance-table thead{background:#f1f6fd}.attendance-table th{color:#18396e;text-align:left;white-space:nowrap;border-bottom:1px solid #dce6f3;padding:8px 7px;font-size:10px;font-weight:700}.attendance-table td{vertical-align:middle;border-bottom:1px solid #e5edf6;padding:7px}.attendance-table tbody tr:last-child td{border-bottom:0}.attendance-table tbody tr:hover{background:#f7faff}.attendance-employee{align-items:center;gap:7px;min-width:0;display:flex}.attendance-employee strong{color:#17396e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.attendance-employee small{color:#788aa3;margin-top:2px;font-size:9px;display:block}.attendance-face{color:#075bd3;background:#dbeaff;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:700;display:grid;position:relative;overflow:hidden}.attendance-avatar{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.attendance-status{text-transform:capitalize;white-space:nowrap;border-radius:10px;align-items:center;padding:3px 7px;font-size:9px;font-weight:600;display:inline-flex}.attendance-status-approved{color:#08774e;background:#daf5e9}.attendance-status-pending{color:#a25e06;background:#fff0d5}.attendance-status-rejected{color:#b52b35;background:#fde3e5}.attendance-empty{color:#607694;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:195px;padding:18px;display:flex}.attendance-empty>span{background:#eaf3ff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.attendance-empty strong{color:#18396e;margin-top:9px;font-size:12px}.attendance-empty p{color:#71839d;margin:5px 0 10px;font-size:10px}.attendance-empty button{color:#0874ed;cursor:pointer;background:#fff;border:1px solid #c4d7f2;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:600}.attendance-view-more{color:#0874ed;cursor:pointer;background:0 0;border:0;margin:6px auto 10px;font-size:10px;display:block}.attendance-side-stack{grid-template-rows:1fr auto;gap:12px;display:grid}.attendance-side-stack>.attendance-widget:first-child{min-height:0}.attendance-quick-actions{flex-direction:column;gap:6px;padding:9px;display:flex}.attendance-quick-actions button{color:#183b71;text-align:left;cursor:pointer;background:linear-gradient(100deg,#f3f8ff,#fff);border:1px solid #d4e1f3;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:6px 8px;font-size:10px;font-weight:600;display:flex}.attendance-quick-actions button:hover:not(:disabled){background:#edf5ff;border-color:#91b8ef}.attendance-quick-actions button:disabled{color:#8291a8;cursor:not-allowed}.attendance-quick-actions button b{color:#fff;background:#e94755;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:9px}.attendance-quick-actions button small{color:#8694a8;margin-left:auto;font-size:8px;font-weight:400}.attendance-data-note p{color:#627794;margin:0;padding:9px 11px 12px;font-size:10px;line-height:1.45}.attendance-lower-grid{grid-template-columns:minmax(0,.96fr) minmax(0,1fr) minmax(0,.88fr);gap:12px;display:grid}.attendance-lower-grid>.attendance-widget{min-height:185px}.attendance-period-tag{color:#4770a7;white-space:nowrap;background:#eaf3ff;border-radius:9px;padding:3px 6px;font-size:9px}.attendance-bars{flex-direction:column;gap:10px;padding:12px;display:flex}.attendance-bars>div{grid-template-columns:minmax(65px,.7fr) minmax(50px,1.4fr) 53px;align-items:center;gap:7px;display:grid}.attendance-bars>div>span{color:#3b5982;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.attendance-bars>div>div{background:#eaf0f8;border-radius:6px;height:10px;overflow:hidden}.attendance-bars>div i{border-radius:6px;height:100%;display:block}.attendance-bars strong{color:#18396d;text-align:right;white-space:nowrap;font-size:9px}.attendance-muted-note{color:#71839d;margin:16px 12px;font-size:11px}.attendance-chart{background:repeating-linear-gradient(#0000 0 35px,#eaf0f8 36px);border-bottom:1px solid #dce6f3;height:112px;margin:12px 12px 0 48px;position:relative}.attendance-chart-grid{color:#7385a0;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;inset:-4px auto 0 -43px}.attendance-chart svg{width:100%;height:100%;overflow:visible}.attendance-chart-axis{color:#7a8ca7;justify-content:space-between;margin:4px 12px 0 47px;font-size:9px;display:flex}.attendance-chart-key{color:#51698e;justify-content:center;align-items:center;gap:5px;margin-top:6px;font-size:9px;display:flex}.attendance-chart-key i{background:#0874ed}.attendance-worker-list{flex-direction:column;gap:10px;padding:13px 12px 8px;display:flex}.attendance-worker-list>div{color:#395982;align-items:center;gap:7px;font-size:10px;display:flex}.attendance-worker-list>div i{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.attendance-worker-list>div span{flex:1}.attendance-worker-list>div strong{color:#19396e;font-size:10px}.attendance-worker-types>small{color:#7486a0;padding:0 12px 10px;font-size:9px;display:block}.attendance-count-pill{color:#2762a8;background:#eaf3ff;border-radius:10px;padding:4px 8px;font-size:10px;font-weight:600}.attendance-list-toolbar{align-items:center;gap:12px;padding:11px 12px;display:flex}.attendance-search{background:#fff;border:1px solid #d3def0;border-radius:6px;flex:1;align-items:center;gap:7px;min-width:180px;height:35px;padding:0 9px;display:flex}.attendance-search input{color:#18396e;border:0;outline:0;width:100%;min-width:0;font-size:11px}.attendance-status-filter{color:#3c5980;align-items:center;gap:7px;font-size:10px;display:flex}.attendance-status-filter select{color:#18396e;background:#fff;border:1px solid #d3def0;border-radius:6px;min-width:125px;height:35px;padding:0 8px;font-size:10px}.attendance-review-table{font-size:11px}.attendance-review-table th{padding:10px 12px}.attendance-review-table td{padding:9px 12px}.attendance-review-table .attendance-employee strong{font-size:11px}.attendance-row-actions{white-space:nowrap}.attendance-row-actions button{color:#078451;cursor:pointer;background:#edfbf4;border:1px solid #cde2d7;border-radius:5px;place-items:center;width:27px;height:26px;margin-right:4px;display:inline-grid}.attendance-row-actions button.attendance-reject{color:#c23943;background:#fff4f4;border-color:#f0d1d3}.attendance-row-actions button:disabled{opacity:.5;cursor:wait}.attendance-empty-compact{min-height:140px}.attendance-table-footnote{color:#71839d;padding:0 12px;font-size:10px}.attendance-feature-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:30px;display:flex}.attendance-feature-icon{background:#eaf3ff;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;box-shadow:inset 0 1px #fff,0 4px 12px #10377314}.attendance-feature-empty h2{color:#12356f;margin:14px 0 5px;font-size:16px}.attendance-feature-empty p{color:#647997;max-width:460px;margin:0;font-size:12px;line-height:1.55}.attendance-report-panel>header{min-height:44px}.attendance-report-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.attendance-report-cards article{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid #dce7f5;border-radius:7px;flex-direction:column;justify-content:center;gap:5px;min-height:72px;padding:10px;display:flex}.attendance-report-cards small{color:#597293;font-size:10px}.attendance-report-cards strong{color:#12356f;font-size:19px}.attendance-report-note{color:#597293;background:#f1f6fd;border-radius:6px;margin:0 14px 14px;padding:9px 11px;font-size:10px}@media (width<=1250px){.attendance-toolbar{grid-template-columns:minmax(250px,1.05fr) minmax(185px,.8fr) minmax(170px,.75fr)}.attendance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.attendance-side-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr 1fr}.attendance-side-stack>.attendance-widget:first-child{min-height:auto}.attendance-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=900px){.attendance-overview-grid,.attendance-lower-grid{grid-template-columns:1fr 1fr}.attendance-calendar-widget{grid-column:1/-1}.attendance-calendar-content{grid-template-columns:minmax(0,1fr) 130px}.attendance-side-stack{grid-column:1/-1}.attendance-toolbar{grid-template-columns:1fr 1fr}.attendance-toolbar label:first-child{grid-column:1/-1}}@media (width<=600px){.attendance-toolbar,.attendance-stats,.attendance-overview-grid,.attendance-lower-grid,.attendance-side-stack{grid-template-columns:1fr}.attendance-toolbar label:first-child,.attendance-calendar-widget,.attendance-side-stack{grid-column:auto}.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-calendar-content{grid-template-columns:minmax(0,1fr) 100px}.attendance-selected-day,.attendance-calendar-widget,.attendance-side-stack>.attendance-widget{min-height:0}.attendance-quick-actions{grid-template-columns:1fr}.attendance-lower-grid>.attendance-widget{min-height:170px}.attendance-list-toolbar{flex-direction:column;align-items:stretch}.attendance-status-filter{justify-content:space-between}.attendance-status-filter select{flex:1}.attendance-report-cards{grid-template-columns:1fr 1fr}}.sidebar-nav-group{flex-direction:column;display:flex}.sidebar-submenu{border-left:1px solid #ffffff47;flex-direction:column;gap:2px;margin:0 0 4px 34px;padding-left:8px;display:flex}.sidebar-nav .sidebar-submenu a{border-radius:6px;padding:7px 8px;font-size:11.5px}.sidebar-nav .sidebar-submenu a.active{box-shadow:none;background:#0c6ff0b8}.sidebar-nav-group.expanded>a .sidebar-nav-chevron{transform:rotate(90deg)}.payslip-workspace{color:#12356c;flex-direction:column;gap:10px;min-width:0;display:flex}.payslip-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.payslip-breadcrumb{color:#6981a7;align-items:center;gap:8px;margin-bottom:3px;font-size:11px;display:flex}.payslip-breadcrumb a{color:#176ad5;text-decoration:none}.payslip-heading h1{color:#0c2d64;margin:0;font-size:26px;line-height:1.15}.payslip-heading p{color:#526f9d;margin:3px 0 0;font-size:13px}.payslip-run-controls{align-items:flex-end;gap:9px;display:flex}.payslip-run-controls label{color:#31527f;gap:4px;min-width:145px;font-size:11px;display:grid}.payslip-run-controls select{color:#12356c;height:34px;font:inherit;background:#fff;border:1px solid #bed0eb;border-radius:5px;max-width:230px;padding:0 28px 0 10px;font-size:12px}.payslip-run-status{gap:3px;min-width:160px;padding:0 4px 1px;display:grid}.payslip-run-status>span{color:#2861a2;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.payslip-run-status.is-complete>span{color:#078352}.payslip-run-status small{color:#60799d;font-size:10px}.payslip-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payslip-stat,.payslip-panel{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #d6e3f4;border-radius:7px;box-shadow:0 3px 10px #13366814,0 1px 2px #1336680d}.payslip-stat{align-items:center;gap:12px;min-height:76px;padding:10px 13px;display:flex}.payslip-stat-icon{border-radius:8px;flex:0 0 51px;place-items:center;width:51px;height:51px;display:grid;box-shadow:inset 0 1px #ffffff38,0 3px 7px #11438126}.payslip-stat-icon.blue{background:#0876ed}.payslip-stat-icon.green{background:#0ba276}.payslip-stat-icon.amber{background:#f3920a}.payslip-stat-icon.violet{background:#357ee0}.payslip-stat>div{gap:1px;min-width:0;display:grid}.payslip-stat strong{color:#092b67;font-size:22px;line-height:1.1}.payslip-stat span:not(.payslip-stat-icon){color:#1553a5;font-size:12px;font-weight:600}.payslip-stat small{color:#6680a6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.payslip-tabs{border-bottom:1px solid #c9d9ef;display:flex;overflow-x:auto}.payslip-tabs button{color:#17447f;min-height:39px;font:inherit;cursor:pointer;background:linear-gradient(#eff5fd,#e8f1fc);border:1px solid #d8e4f4;border-bottom:0;border-radius:6px 6px 0 0;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;display:flex}.payslip-tabs button+button{margin-left:3px}.payslip-tabs button.active{color:#0066df;background:#fff;border-top:3px solid #0878f9;font-weight:700}.payslip-main-grid{grid-template-columns:minmax(205px,.78fr) minmax(400px,1.8fr) minmax(245px,.94fr);align-items:stretch;gap:10px;min-height:570px;display:grid}.payslip-panel{min-width:0;padding:11px}.payslip-employee-panel{flex-direction:column;min-height:0;display:flex}.payslip-panel-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.payslip-panel h2,.payslip-panel-title h2{color:#102f69;margin:0;font-size:15px}.payslip-panel-title>span{color:#1759a9;background:#e7f0fd;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.payslip-panel-title>button{color:#0670eb;font:inherit;cursor:pointer;background:0 0;border:0;font-size:11px}.payslip-search{background:#fff;border:1px solid #cbd9ec;border-radius:5px;align-items:center;gap:7px;min-height:33px;padding:0 8px;display:flex}.payslip-search input{color:#183c70;width:100%;min-width:0;font:inherit;border:0;outline:0;font-size:11px}.payslip-employee-list{flex:1;margin-top:6px;overflow:auto}.payslip-employee-row{text-align:left;color:#14376d;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e2eaf5;align-items:center;gap:9px;width:100%;min-height:61px;padding:6px 5px;display:flex}.payslip-employee-row:hover,.payslip-employee-row.selected{background:#e7f1ff}.payslip-employee-row.selected{box-shadow:inset 3px 0 #0878f9}.payslip-avatar{object-fit:cover;background:#dce8f7;border-radius:50%;flex:0 0 42px;width:42px;height:42px}.payslip-avatar-large{flex-basis:54px;width:54px;height:54px}.payslip-avatar-fallback{color:#1b5cae;place-items:center;font-size:12px;font-weight:700;display:grid}.payslip-employee-row>span:not(.payslip-avatar){gap:1px;min-width:0;display:grid}.payslip-employee-row strong{color:#0069dc;font-size:10px}.payslip-employee-row b{color:#132f63;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.payslip-employee-row small{color:#5f789c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.payslip-employee-pagination{color:#60799b;justify-content:center;align-items:center;gap:12px;padding-top:8px;font-size:10px;display:flex}.payslip-employee-pagination button{color:#174780;cursor:pointer;background:#f8fbff;border:1px solid #cfdbec;border-radius:4px;width:26px;height:25px;font-size:17px}.payslip-employee-pagination button:disabled{opacity:.45;cursor:default}.payslip-content-panel{background:#e9eff7;justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:auto}.payslip-paper{color:#172d53;background:#fff;border:1px solid #d0d9e6;width:min(100%,900px);min-height:520px;padding:26px 30px 20px;box-shadow:0 6px 18px #142a4a33}.payslip-paper-header{border-bottom:1px solid #8eb1e0;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.payslip-wordmark{color:#092958;letter-spacing:-1.5px;white-space:nowrap;font-size:28px;font-weight:800;line-height:1}.payslip-wordmark b{color:#0878f9}.payslip-paper-header small{color:#5a7192;margin-top:3px;font-size:10px;display:block}.payslip-employer{text-align:right;gap:3px;display:grid}.payslip-employer strong{font-size:13px}.payslip-employer span{color:#1553a5;font-size:12px;font-weight:700}.payslip-employer small{margin:0}.payslip-document-title{border-bottom:1px solid #c8d8ed;justify-content:space-between;align-items:center;padding:11px 0 8px;display:flex}.payslip-document-title h2{color:#0d3470;text-transform:uppercase;margin:0;font-size:20px}.payslip-document-title span{color:#5e7799;text-transform:capitalize;font-size:11px}.payslip-identity{grid-template-columns:1.1fr 1fr 1.1fr;gap:10px;padding:12px 0;display:grid}.payslip-identity>div{gap:3px;min-width:0;display:grid}.payslip-identity small{color:#7185a2;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.payslip-identity strong{overflow-wrap:anywhere;color:#152f60;font-size:11px}.payslip-identity span{color:#607799;font-size:9px}.payslip-amount-tables{grid-template-columns:1fr 1fr;gap:10px;display:grid}.payslip-amount-tables section{border:1px solid #cad9ec;border-radius:4px;overflow:hidden}.payslip-amount-tables h3{color:#103875;text-transform:uppercase;background:#e5eef9;margin:0;padding:7px 9px;font-size:11px}.payslip-amount-line{border-top:1px solid #e3eaf3;justify-content:space-between;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.payslip-amount-line strong{white-space:nowrap;color:#193a70;font-size:10px}.payslip-amount-line.total{background:#f1f6fd;font-weight:700}.payslip-taxable-note{color:#607799;padding:9px 0 0;font-size:10px}.payslip-net{color:#0a3479;background:#eaf3ff;border:1px solid #2b7ff0;border-radius:4px;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 11px;font-size:14px;font-weight:700;display:flex}.payslip-net strong{font-size:18px}.payslip-ytd-widget{background:linear-gradient(145deg,#f7faff,#edf4fd);border:1px solid #d7e3f3;border-radius:5px;margin-top:11px;padding:10px 11px}.payslip-ytd-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.payslip-ytd-heading h3{color:#123c78;margin:0;font-size:12px}.payslip-ytd-heading small{color:#7083a0;text-align:right;font-size:9px}.payslip-ytd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.payslip-ytd-grid>div{background:#fff;border:1px solid #e0e9f5;border-radius:4px;gap:4px;min-width:0;padding:7px;display:grid}.payslip-ytd-grid span{color:#607795;font-size:9px}.payslip-ytd-grid strong{overflow-wrap:anywhere;color:#163d78;font-size:10px}.payslip-ytd-note{color:#7889a1;margin:7px 0 0;font-size:9px}.payslip-paper-footer{color:#7588a3;border-top:1px solid #e1e8f1;justify-content:space-between;gap:10px;margin-top:20px;padding-top:8px;font-size:9px;display:flex}.payslip-content-panel{flex-direction:column;justify-content:flex-start;align-items:center}.payslip-viewer-toolbar{color:#fff;background:#082c68;border:1px solid #061b43;border-radius:5px 5px 0 0;flex:none;justify-content:space-between;align-items:center;gap:10px;width:min(100%,900px);min-height:36px;padding:0 8px;display:flex;position:relative;box-shadow:0 2px 5px #0e223e33}.payslip-viewer-page-controls,.payslip-viewer-zoom-controls,.payslip-viewer-document-actions{align-items:center;gap:5px;display:flex}.payslip-viewer-toolbar button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:26px;height:26px;display:grid}.payslip-viewer-toolbar button:hover:not(:disabled){background:#ffffff24}.payslip-viewer-toolbar button:disabled{opacity:.55;cursor:default}.payslip-viewer-toolbar span{color:#fff;font-size:10px}.payslip-viewer-page-controls>span{text-align:center;background:#061f4d;border-radius:3px;min-width:50px;padding:4px 5px}.payslip-viewer-zoom-controls>span{text-align:center;background:#061f4d;border-radius:3px;min-width:38px;padding:4px}.payslip-viewer-more{position:relative}.payslip-viewer-menu{z-index:5;background:#fff;border:1px solid #d0dced;border-radius:5px;min-width:130px;padding:4px;display:grid;position:absolute;top:30px;right:0;box-shadow:0 6px 16px #0c234633}.payslip-viewer-menu button{color:#17396f;width:100%;height:auto;font:inherit;text-align:left;padding:7px 9px;font-size:11px;display:block}.payslip-viewer-menu button:hover{background:#edf4fd!important}.payslip-paper{flex-direction:column;width:min(100%,900px);min-height:580px;display:flex}.payslip-paper-header{grid-template-columns:minmax(125px,1fr) minmax(0,2fr) minmax(90px,.75fr);align-items:center;gap:12px;display:grid}.payslip-paper-brand{justify-self:start}.payslip-customer-details{text-align:center;justify-items:center;gap:3px;display:grid}.payslip-customer-details strong{color:#183669;white-space:nowrap;font-size:12px}.payslip-customer-details span,.payslip-customer-details small{color:#617899;font-size:9px}.payslip-customer-details small i{color:#9aabc1;padding:0 3px;font-style:normal}.payslip-customer-mark{justify-self:end}.payslip-customer-logo{object-fit:contain;object-position:center;background:#fff;border-radius:3px;justify-self:end;width:124px;height:62px;margin-right:0;transform:translate(20px)}.payslip-document-title{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:6px;padding:9px 0 8px;display:grid}.payslip-document-title h2{justify-self:start;font-size:18px}.payslip-period-centre{text-align:center;justify-items:center;gap:3px;display:grid}.payslip-period-centre strong{color:#245ba8;font-size:14px}.payslip-period-centre span{color:#60799b;font-size:10px}.payslip-run-type{color:#60799b;text-transform:capitalize;justify-self:end;font-size:10px}.payslip-paper-footer{align-items:center;margin-top:auto;padding-top:10px}.payslip-footer-brand{color:#41618e;align-items:center;gap:9px;display:flex}.payslip-footer-brand strong{font-size:10px;font-style:italic}.payslip-footer-brand img{object-fit:contain;width:52px;height:auto;display:block}.payslip-right-column{flex-direction:column;gap:10px;display:flex}.payslip-actions-panel h2{margin-bottom:9px}.payslip-action{color:#103774;width:100%;min-height:36px;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#f1f6fd,#e6eef9);border:1px solid #cad9ec;border-radius:5px;align-items:center;gap:10px;margin-top:6px;padding:0 10px;font-size:11px;display:flex}.payslip-action.primary{color:#fff;background:linear-gradient(#1382ff,#0569df);border-color:#0877ef}.payslip-action:disabled{opacity:.58;cursor:not-allowed}.payslip-distribution-panel{min-height:116px}.payslip-untracked{background:#f1f6fd;border-radius:6px;align-items:center;gap:13px;padding:7px;display:flex}.payslip-untracked>span{color:#6980a0;border:7px solid #dce7f5;border-radius:50%;place-items:center;width:65px;height:65px;font-size:21px;font-weight:700;display:grid}.payslip-untracked>div{gap:4px;display:grid}.payslip-untracked strong{font-size:12px}.payslip-untracked small{color:#7185a2;font-size:10px}.payslip-activity-panel ul{margin:0;padding:0;list-style:none}.payslip-activity-panel li{border-bottom:1px solid #e4ebf4;align-items:center;gap:8px;min-height:42px;display:flex}.payslip-activity-panel li>i{background:#128e64;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.payslip-activity-panel li>span{gap:2px;min-width:0;display:grid}.payslip-activity-panel li strong{font-size:10px}.payslip-activity-panel li small{color:#6b809e;font-size:9px}.payslip-empty{color:#7084a3;margin:12px 5px;font-size:11px}.payslip-empty.large{text-align:center;align-self:center}.payslip-message{color:#315780;background:#f2f7ff;border:1px solid #cbdaf0;border-radius:5px;padding:9px 11px;font-size:12px}.payslip-message.error{color:#a92d36;background:#fff5f5;border-color:#f1c4c4}.payslip-tab-content{align-self:stretch;width:100%;padding:14px;overflow:auto}.payslip-tab-content>h2{margin:0;font-size:16px}.payslip-tab-content>p{color:#687f9f;margin:5px 0 12px;font-size:11px}.payslip-employee-table{border:1px solid #dce6f2;border-radius:5px;overflow:auto}.payslip-employee-table button{color:#17386e;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e4ebf4;align-items:center;gap:9px;width:100%;min-height:50px;padding:5px 9px;display:flex}.payslip-employee-table button>span{flex:1;gap:2px;display:grid}.payslip-employee-table button strong{font-size:11px}.payslip-employee-table button small{color:#667e9e;font-size:10px}.payslip-unavailable{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.payslip-unavailable h2{margin:12px 0 0}.payslip-unavailable p{max-width:480px}.payslip-audit-list{margin:18px 0;padding:0;list-style:none}.payslip-audit-list li{border-bottom:1px solid #e2eaf4;align-items:center;gap:10px;padding:12px 0;display:flex}.payslip-audit-list i{color:#325782;background:#dce7f5;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;display:grid}.payslip-audit-list i.recorded{background:#0d9a62}.payslip-audit-list li>span{flex:1;gap:3px;display:grid}.payslip-audit-list strong{font-size:11px}.payslip-audit-list small,.payslip-audit-list time{color:#7185a0;font-size:10px}@media (width<=1200px){.payslip-main-grid{grid-template-columns:minmax(185px,.75fr) minmax(340px,1.5fr) minmax(215px,.85fr)}.payslip-paper{padding:21px 19px 17px}.payslip-stat{gap:8px;padding:9px}.payslip-stat-icon{flex-basis:42px;width:42px;height:42px}}@media (width<=960px){.payslip-heading{flex-direction:column;align-items:flex-start}.payslip-run-controls{flex-wrap:wrap}.payslip-main-grid{grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr)}.payslip-right-column{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.payslip-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.payslip-run-controls{align-items:stretch;width:100%}.payslip-run-controls label{flex:1;min-width:0}.payslip-run-controls select{max-width:100%}.payslip-run-status{flex-basis:100%}.payslip-main-grid{grid-template-columns:1fr}.payslip-employee-panel{max-height:320px}.payslip-right-column{grid-column:auto;display:flex}.payslip-stat-grid{gap:7px}.payslip-stat{min-height:69px}.payslip-stat strong{font-size:19px}.payslip-stat-icon{flex-basis:36px;width:36px;height:36px}.payslip-identity{grid-template-columns:1fr 1fr}.payslip-paper{padding:16px 12px}.payslip-paper-header{grid-template-columns:minmax(75px,1fr) minmax(0,2fr) 84px;gap:8px}.payslip-customer-details strong{font-size:10px}.payslip-wordmark{font-size:23px}.payslip-amount-tables{grid-template-columns:1fr}.payslip-paper-footer{flex-wrap:wrap}.payslip-paper-footer>span{flex:42%}.payslip-footer-brand{flex:100%;justify-content:space-between}.payslip-customer-mark{width:30px!important;height:30px!important}.payslip-customer-logo{width:84px!important;height:42px!important}}@media print{body:has(.payslip-workspace) *{visibility:hidden!important}:is(body:has(.payslip-workspace) .payslip-print-area,body:has(.payslip-workspace) .payslip-print-area *){visibility:visible!important}:is(body:has(.payslip-workspace) .app-shell,body:has(.payslip-workspace) .main-area,body:has(.payslip-workspace) .content){background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}body:has(.payslip-workspace) .payslip-print-area{background:#fff;border:0;padding:0;position:absolute;inset:0;overflow:visible}body:has(.payslip-workspace) .payslip-viewer-toolbar{display:none!important}body:has(.payslip-workspace) .payslip-paper{width:100%;max-width:none;min-height:0;box-shadow:none;border:0}body:has(.payslip-workspace) .page-footer{display:none!important}}.content-payroll .payroll-widget,.content-payroll .payroll-stepper,.content-payroll .payroll-stat-card,.content-payroll .payslip-stat,.content-payroll .payslip-panel,.content-payroll .payslip-amount-tables>section,.content-payroll .payslip-net,.content-payroll .payslip-ytd-widget,.content-payroll .payslip-paper,.content-payroll .card{transition:transform .18s,box-shadow .18s;box-shadow:0 3px 6px #0c27521f,0 10px 18px #0c275221,0 20px 30px #0c275214,inset 0 1px #ffffffe0}@media (hover:hover) and (pointer:fine){.content-payroll .payroll-widget:hover,.content-payroll .payroll-stepper:hover,.content-payroll .payroll-stat-card:hover,.content-payroll .payslip-stat:hover,.content-payroll .payslip-panel:hover,.content-payroll .payslip-amount-tables>section:hover,.content-payroll .payslip-net:hover,.content-payroll .payslip-ytd-widget:hover,.content-payroll .payslip-paper:hover,.content-payroll .card:hover{transform:translateY(-2px);box-shadow:0 5px 9px #0c275226,0 14px 23px #0c27522b,0 25px 36px #0c27521a,inset 0 1px #ffffffeb}}@media (prefers-reduced-motion:reduce){.content-payroll .payroll-widget,.content-payroll .payroll-stepper,.content-payroll .payroll-stat-card,.content-payroll .payslip-stat,.content-payroll .payslip-panel,.content-payroll .payslip-amount-tables>section,.content-payroll .payslip-net,.content-payroll .payslip-ytd-widget,.content-payroll .payslip-paper,.content-payroll .card{transition:none}.content-payroll .payroll-widget:hover,.content-payroll .payroll-stepper:hover,.content-payroll .payroll-stat-card:hover,.content-payroll .payslip-stat:hover,.content-payroll .payslip-panel:hover,.content-payroll .payslip-amount-tables>section:hover,.content-payroll .payslip-net:hover,.content-payroll .payslip-ytd-widget:hover,.content-payroll .payslip-paper:hover,.content-payroll .card:hover{transform:none}}@media (width<=640px){.payslip-ytd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar-attendance{gap:14px;height:42px;min-height:42px;padding:0 18px}.topbar-attendance .topbar-left-controls{gap:14px}.topbar-attendance .hamburger{flex:none}.topbar-attendance .search-wrap{flex:0 310px;min-width:100px;max-width:310px;height:27px}.topbar-attendance .search-wrap input{font-size:10px}.topbar-attendance .right-controls{flex:none;gap:13px}.topbar-attendance .workspace-pill{min-height:27px;padding:3px 9px;font-size:11px}.topbar-attendance .icon-btn{width:24px;height:27px}.topbar-attendance .user-chip{gap:7px}.page-banner-attendance{background:linear-gradient(90deg,#f7fbff 0%,#f4f9ff 45%,#dcecff 100%);min-height:96px;padding:10px 18px 14px}.page-banner-attendance:after{background:linear-gradient(#f8faff00 0%,#f8faffa3 58%,#f8faff 100%);height:22px}.page-banner-attendance .page-banner-bg{object-fit:cover;object-position:right 22%;transform:none}.page-banner-attendance .page-banner-overlay{background:linear-gradient(90deg,#ffffff94 0%,#ffffff73 34%,#ffffff24 68%,#fff0 100%)}.page-banner-attendance .page-banner-content{align-items:flex-start}.page-banner-attendance .page-banner-content h1{color:#0c2a61;margin:0 0 2px;font-size:27px;line-height:1.1}.page-banner-attendance .page-banner-subtitle{color:#084fc0;font-size:14px}.page-banner-attendance .attendance-banner-quote{color:#173e78;text-shadow:none;align-self:flex-start;margin:13px 23% 0 auto;font-size:10px;line-height:1.35}.content-attendance{background:linear-gradient(#f8faff 0%,#fff 48px,#fcfdff 150px,#f4f8fe 100%);padding:7px 14px 8px}.attendance-page{gap:9px}.attendance-stats{order:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.attendance-stat{gap:9px;min-height:68px;padding:8px 9px}.attendance-stat-icon{flex-basis:38px;width:38px;height:38px}.attendance-stat small{color:#075bd3;font-size:11px}.attendance-stat strong{font-size:19px}.attendance-stat em{white-space:nowrap;font-size:9px}.attendance-tabs{border-radius:6px;order:1;min-height:34px}.attendance-tabs button{padding:5px 12px 4px;font-size:11px}.attendance-charts-row{order:2;grid-template-columns:1fr 1fr;gap:9px;display:grid}.attendance-charts-row>.attendance-widget{min-height:122px}.attendance-widget>header{min-height:34px;padding:6px 10px}.attendance-widget>header h2{font-size:12px}.attendance-chart-legend{color:#536b91;align-items:center;gap:10px;font-size:9px;display:flex}.attendance-chart-legend span{align-items:center;gap:4px;display:flex}.attendance-chart-legend i{background:#0874ed;border-radius:50%;width:8px;height:8px}.attendance-chart-legend .attendance-chart-source{color:#7385a0}.attendance-chart{background:repeating-linear-gradient(#0000 0 21px,#eaf0f8 22px);height:67px;margin:8px 12px 0 42px}.attendance-chart-grid{font-size:8px;left:-37px}.attendance-chart-axis{margin:3px 11px 0 41px;font-size:8px}.attendance-period-tag{font-size:9px}.attendance-department-chart{gap:7px;padding:9px 11px}.attendance-department-chart>div{grid-template-columns:minmax(58px,.6fr) minmax(50px,1.5fr) 45px;gap:6px}.attendance-department-chart>div>span{font-size:9px}.attendance-department-chart>div>div{height:8px}.attendance-department-chart strong{font-size:9px}.attendance-filter-row{background:linear-gradient(140deg,#fff,#f7faff);border:1px solid #dce6f4;border-radius:7px;order:3;grid-template-columns:minmax(230px,1.2fr) minmax(130px,1fr) minmax(135px,1.05fr) minmax(120px,.9fr) 112px 70px;align-items:end;gap:7px;padding:8px 10px;box-shadow:0 3px 9px #1037730e,inset 0 1px #fff}.attendance-filter-row label{gap:4px;font-size:10px}.attendance-filter-row select,.attendance-filter-row input{color:#234779;background:#fff;border:1px solid #cfdbed;border-radius:5px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:10px}.attendance-date-range{align-items:center;gap:5px;display:flex}.attendance-date-range input{flex:1}.attendance-date-range>span{color:#8293aa}.attendance-filter-row>button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:30px;font-size:10px;font-weight:600;display:flex}.attendance-apply-filters{color:#fff;background:#0874ed;border:1px solid #0874ed;box-shadow:0 2px 4px #0874ed38}.attendance-reset-filters{color:#34577f;background:#fff;border:1px solid #d1def0}.attendance-timesheet-panel{order:4}.attendance-timesheet-panel>header{min-height:38px}.attendance-employee-table>header h2{font-size:14px}.attendance-export{color:#075bd3;cursor:pointer;background:#fff;border:1px solid #cedcf0;border-radius:5px;padding:5px 9px;font-size:10px}.attendance-clock-data-note{color:#71839d;margin:0;padding:3px 10px;font-size:9px}.attendance-mockup-table{min-width:920px;font-size:9px}.attendance-mockup-table th{padding:6px 5px;font-size:9px}.attendance-mockup-table td{padding:5px}.attendance-mockup-table .attendance-employee{gap:5px}.attendance-mockup-table .attendance-employee strong{max-width:110px;font-size:9px}.attendance-mockup-table .attendance-employee small{font-size:8px}.attendance-mockup-table .attendance-face{flex-basis:23px;width:23px;height:23px}.attendance-weekday{color:#8595aa;margin-top:1px;font-size:8px;display:block}.attendance-edit-disabled{color:#0874ed!important;background:0 0!important;border:0!important;font-size:12px!important}.attendance-feature-empty{order:4;min-height:210px}.attendance-report-panel{order:4}.attendance-report-cards article{min-height:60px}@media (width<=1100px){.attendance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-filter-row>button{grid-column:span 2}.attendance-banner-quote{display:none}}@media (width<=760px){.topbar-attendance{gap:8px;padding:0 10px}.topbar-attendance .topbar-left-controls{gap:8px}.topbar-attendance .search-wrap{flex:120px;max-width:none}.topbar-attendance .right-controls{gap:5px}.topbar-attendance .right-controls>.icon-btn:nth-of-type(2),.topbar-attendance .right-controls>.icon-btn:nth-of-type(3){display:none}.topbar-attendance .tenant-switcher{max-width:min(48vw,220px)}.topbar-attendance .workspace-pill{white-space:nowrap;max-width:100%;padding:3px 8px;overflow:hidden}.page-banner-attendance{min-height:88px;padding:9px 12px 12px}.page-banner-attendance .page-banner-content h1{font-size:22px}.page-banner-attendance .page-banner-subtitle{max-width:90%;font-size:11px}.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-charts-row{grid-template-columns:1fr}.attendance-filter-row{grid-template-columns:1fr 1fr}.attendance-filter-row label:first-child{grid-column:1/-1}.attendance-filter-row>button{grid-column:auto}.attendance-table-wrap{overflow:auto}.content-attendance{padding:7px 9px}}.attendance-widget.card{padding:0}.attendance-department-chart{justify-content:space-around;align-items:stretch;gap:8px;height:83px;padding:8px 14px 5px;display:flex}.attendance-department-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;min-width:0;display:flex}.attendance-department-bar strong{color:#12356f;font-size:9px}.attendance-department-bar i{background:linear-gradient(#1685ff,#0874ed);border-radius:2px 2px 0 0;width:min(72%,28px);min-height:3px;display:block;box-shadow:0 1px 2px #0874ed38}.attendance-department-bar span{color:#46618b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.attendance-table-pagination{color:#536b91;border-top:1px solid #e2eaf4;justify-content:space-between;align-items:center;min-height:34px;padding:4px 10px;font-size:9px;display:flex}.attendance-table-pagination>div{align-items:center;gap:7px;display:flex}.attendance-table-pagination button{color:#174278;cursor:pointer;background:#fff;border:1px solid #d2def0;border-radius:4px;width:23px;height:23px;font-size:16px;line-height:1}.attendance-table-pagination button:disabled{opacity:.42;cursor:default}.attendance-table-pagination b{color:#fff;background:#0874ed;border-radius:4px;place-items:center;min-width:21px;height:22px;display:grid}.attendance-charts-row{align-items:stretch}.attendance-charts-row>.attendance-widget.card{box-sizing:border-box;height:100%;min-height:122px;margin:0}.attendance-tab-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.attendance-shift-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-report-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.attendance-tab-stats article{background:linear-gradient(135deg,#fff,#f3f8ff);border:1px solid #dce7f5;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:8px 1fr;align-content:center;column-gap:9px;min-width:0;min-height:65px;padding:10px 12px;display:grid;box-shadow:0 4px 10px #10377312,inset 0 1px #fff}.attendance-tab-stats article>span{background:#0874ed;border-radius:8px;grid-row:1/3;align-self:center;width:8px;height:34px}.attendance-tab-stats article>span.green{background:#12a86b}.attendance-tab-stats article>span.orange{background:#f28a08}.attendance-tab-stats article>span.purple{background:#7539ed}.attendance-tab-stats article>span.teal{background:#069ba8}.attendance-tab-stats article>span.red{background:#ed4351}.attendance-tab-stats small{color:#617898;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.attendance-tab-stats strong{color:#12356f;align-self:end;font-size:18px;line-height:1.15}.attendance-summary-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.attendance-summary-stats article{grid-template-columns:6px minmax(0,1fr);column-gap:7px;min-height:56px;padding:7px 8px}.attendance-summary-stats article>span{width:6px;height:28px}.attendance-summary-stats small{font-size:9px}.attendance-summary-stats strong{font-size:16px}.attendance-data-widget{min-width:0}.attendance-data-widget .attendance-table-wrap{min-height:110px;max-height:calc(100vh - 310px);overflow:auto}.attendance-data-widget .attendance-review-table{min-width:850px}.attendance-sticky-report-table .attendance-table-wrap thead th{z-index:2;background:#f1f6fd;position:sticky;top:0}.attendance-data-employee{flex-direction:column;min-width:118px;display:flex}.attendance-data-employee-row{align-items:center;gap:8px;min-width:190px;display:flex}.attendance-data-employee strong{color:#18396e;font-weight:650}.attendance-data-employee small{color:#7588a2;margin-top:2px;font-size:9px}.attendance-table-cap-note{color:#7486a0;border-top:1px solid #e2eaf4;margin:0;padding:7px 11px;font-size:9px}.attendance-pill-positive{color:#08784b;background:#d9f6e7}.attendance-pill-pending{color:#a56308;background:#fff0d2}.attendance-pill-negative{color:#b12d38;background:#fde1e3}.attendance-shift-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);align-items:stretch;gap:9px;display:grid}.attendance-page-shifts .attendance-tabs{order:1}.attendance-page-shifts .attendance-shift-grid{order:2}.attendance-page-shifts>.attendance-tab-stats{order:0}.attendance-shift-week,.attendance-shift-side{min-width:0}.attendance-week-grid{grid-template-columns:85px repeat(7,minmax(75px,1fr));gap:5px;padding:10px;display:grid;overflow:auto}.attendance-week-grid>*{color:#567092;text-align:center;background:#fbfdff;border:1px solid #e1eaf5;border-radius:5px;justify-content:center;align-items:center;min-height:34px;padding:5px;font-size:9px;display:flex}.attendance-week-grid>b{color:#174278;background:#eef5ff;font-size:9px}.attendance-week-grid>strong{color:#244a7b;background:#f5f8fd;justify-content:flex-start}.attendance-shift-week .attendance-report-note{margin-top:0}.attendance-shift-side{flex-direction:column;display:flex}.attendance-shift-empty{color:#7285a0;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:116px;padding:14px;display:flex}.attendance-shift-empty strong{color:#214779;font-size:12px}.attendance-shift-empty span{max-width:300px;font-size:10px;line-height:1.5}.payroll-page{color:#102c62;flex-direction:column;gap:10px;min-width:0;display:flex}.payroll-heading-row{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.payroll-heading-row h1{color:#08265d;margin:0;font-size:27px;font-weight:800;line-height:1.15}.payroll-heading-row p{color:#41699f;margin:3px 0 0;font-size:13px}.payroll-run-controls{grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) minmax(142px,.8fr);align-items:end;gap:10px;min-width:min(58%,610px);display:grid}.payroll-run-controls label,.payroll-status-box{color:#315782;flex-direction:column;gap:4px;font-size:10px;font-weight:600;display:flex}.payroll-run-controls select{color:#17386d;border-color:#cad9ed;border-radius:5px;width:100%;height:34px;padding:0 9px;font-size:11px}.payroll-status-box{background:linear-gradient(130deg,#fff,#f2f7fd);border:1px solid #e0e9f5;border-radius:6px;justify-content:center;min-height:60px;padding:7px 10px}.payroll-run-state{color:#078348;background:#d9f5e7;border-radius:5px;align-items:center;gap:6px;width:100%;min-height:28px;padding:6px 9px;font-size:10px;display:flex}.payroll-run-state i{background:currentColor;border-radius:50%;width:8px;height:8px}.payroll-run-state.state-draft,.payroll-run-state.state-processing{color:#a76308;background:#fff1d3}.payroll-run-state.state-cancelled{color:#bb3040;background:#fde5e6}.payroll-alert,.payroll-notice{color:#9c2b36;background:#fff2f3;border:1px solid #f3c6ca;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 11px;font-size:11px;display:flex}.payroll-notice{color:#176344;background:#effaf4;border-color:#c9e4d7}.payroll-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.payroll-stepper{background:linear-gradient(145deg,#fff,#f6f9fe);border:1px solid #dfe8f4;border-radius:7px;grid-template-columns:repeat(7,minmax(0,1fr));min-height:72px;padding:8px 12px;display:grid;box-shadow:0 3px 8px #10377310,inset 0 1px #fff}.payroll-step{color:#14366d;text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex;position:relative}.payroll-step-track{z-index:0;background:#b8c8df;width:100%;height:2px;position:absolute;top:15px;left:0}.payroll-step:first-child .payroll-step-track{width:50%;left:50%}.payroll-step:last-child .payroll-step-track{width:50%}.payroll-step-track span{background:#12aa69;width:0;height:100%;display:block}.payroll-step.step-complete .payroll-step-track span{width:100%}.payroll-step-marker{z-index:1;color:#14366d;background:#dce6f3;border:3px solid #edf3fb;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.payroll-step.step-complete .payroll-step-marker{color:#fff;background:#10a865;border-color:#e4f7ed}.payroll-step.step-active .payroll-step-marker{color:#fff;background:#0874ed;border-color:#e7f0ff}.payroll-step strong{z-index:1;font-size:11px;line-height:1.15}.payroll-step small{color:#60799d;font-size:9px}.payroll-step.step-complete strong,.payroll-step.step-complete small{color:#0c9458}.payroll-step.step-active strong,.payroll-step.step-active small{color:#075fd0}.payroll-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.payroll-stat-card{background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dfe8f4;border-radius:7px;align-items:center;gap:10px;min-width:0;min-height:72px;padding:6px 11px;display:flex;box-shadow:0 3px 9px #10377312,inset 0 1px #fff}.payroll-stat-icon{border-radius:7px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 3px 6px #102b5930}.payroll-stat-icon.blue{background:#0874ed}.payroll-stat-icon.green{background:#10a765}.payroll-stat-icon.red{background:#f33c4a}.payroll-stat-icon.purple{background:#7038e9}.payroll-stat-card>div{flex-direction:column;gap:1px;min-width:0;display:flex}.payroll-stat-card small{color:#385d8f;white-space:nowrap;font-size:10px}.payroll-stat-card strong{color:#092a70;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.payroll-stat-card em{color:#139754;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.payroll-stat-card:nth-child(3) em{color:#526b8e}.payroll-method-stat{gap:9px}.payroll-method-stat>div{flex:1}.payroll-method-line{color:#244574;justify-content:space-between;gap:9px;font-size:10px;line-height:1.25;display:flex}.payroll-method-line b{color:#173b78}.payroll-work-area{grid-template-columns:minmax(0,3.3fr) minmax(245px,1fr);align-items:start;gap:10px;min-width:0;display:grid}.payroll-main-column,.payroll-side-column{flex-direction:column;gap:8px;min-width:0;display:flex}.payroll-tabs{background:#eff5fd;border:1px solid #dce6f3;border-radius:6px 6px 0 0;align-items:stretch;min-width:0;min-height:36px;display:flex;overflow-x:auto}.payroll-tabs button{color:#244d82;cursor:pointer;background:0 0;border:0;border-right:1px solid #dce6f3;justify-content:center;align-items:center;gap:6px;min-width:max-content;padding:7px 12px;font-size:10px;display:flex;position:relative}.payroll-tabs button.active{color:#075fd1;background:#fff;border-top:2px solid #0874ed;font-weight:700}.payroll-tab-count{color:#fff;background:#f23e4a;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid}.payroll-widget{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dfe8f4;border-radius:7px;min-width:0;overflow:hidden;box-shadow:0 3px 9px #10377313,inset 0 1px #fff}.payroll-section-placeholder{flex-direction:column;align-items:flex-start;gap:10px;min-height:180px;padding-bottom:14px;display:flex}.payroll-section-placeholder .payroll-widget-heading{width:100%}.payroll-section-placeholder p{color:#526d93;margin:0 14px;font-size:12px}.payroll-section-placeholder .payroll-export-button{margin:0 14px;text-decoration:none}.pay-section-page{flex-direction:column;gap:12px;min-width:0;display:flex}.pay-section-intro{justify-content:space-between;align-items:center;gap:12px;display:flex}.pay-section-intro h2{color:#102f68;margin:0;font-size:19px}.pay-section-intro p{color:#607a9e;margin:4px 0 0;font-size:12px}.pay-section-alert{border:1px solid;border-radius:6px;padding:9px 12px;font-size:12px}.pay-section-alert.error{color:#a52730;background:#fff5f5;border-color:#f1c3c5}.pay-section-alert.success{color:#167146;background:#f1fff7;border-color:#bce5cf}.pay-section-form-widget,.pay-section-table-widget{min-width:0}.pay-section-form-widget .payroll-widget-heading{flex-wrap:wrap;min-height:42px}.pay-section-form-widget .payroll-widget-heading h2{align-items:center;gap:7px;display:flex}.pay-section-form-widget .payroll-widget-heading small{margin:0 auto 0 2px}.pay-adjustment-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.pay-adjustment-form label,.pay-batch-create label{color:#254b7d;flex-direction:column;gap:5px;font-size:11px;font-weight:650;display:flex}.pay-adjustment-form input,.pay-adjustment-form select,.pay-adjustment-form textarea,.pay-batch-create select,.pay-section-toolbar select{color:#244774;width:100%;min-width:0;min-height:34px;font:inherit;background:#fff;border:1px solid #cfdbeb;border-radius:5px;padding:6px 9px;font-weight:400}.pay-adjustment-form textarea{resize:vertical}.pay-adjustment-form .wide{grid-column:span 3}.pay-adjustment-form .form-actions{justify-content:flex-end;align-items:flex-end;display:flex}.pay-adjustment-form .payroll-action,.pay-batch-create .payroll-action{width:100%;min-height:35px;margin:0}.pay-section-table-widget .payroll-widget-heading{min-height:40px}.pay-section-toolbar{color:#617b9c;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:11px;display:flex}.pay-section-toolbar select{width:auto;min-width:140px;min-height:30px}.pay-section-table-scroll{max-height:min(53vh,520px);overflow:auto}.pay-section-table-scroll .payroll-table{min-width:850px}.pay-section-table-scroll .payroll-table td{max-width:240px}.pay-section-employee{align-items:center;gap:7px;min-width:120px;display:flex}.pay-section-employee img,.pay-section-employee i{object-fit:cover;color:#1767bf;background:#d8e9ff;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:9px;font-style:normal;display:grid}.pay-section-employee>span{flex-direction:column;min-width:0;display:flex}.pay-section-employee strong{color:#234573;text-overflow:ellipsis;max-width:180px;overflow:hidden}.pay-section-employee small,.pay-review-by{color:#7a8da8;margin-top:2px;font-size:9px}.pay-section-status{color:#536b89;white-space:nowrap;background:#e9eef5;border-radius:11px;align-items:center;min-height:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.pay-section-status.pending,.pay-section-status.ready{color:#a65a00;background:#fff0d6}.pay-section-status.approved,.pay-section-status.exported{color:#087748;background:#dff7e9}.pay-section-status.rejected{color:#b62735;background:#ffe2e3}.pay-section-status.paid{color:#075ac2;background:#dcecff}.pay-adjustment-type{text-transform:capitalize;font-weight:700}.pay-adjustment-type.earning{color:#087748}.pay-adjustment-type.deduction{color:#bc3541}.pay-section-amount{font-variant-numeric:tabular-nums;font-weight:700}.pay-section-reason{max-width:220px!important}.pay-review-actions{grid-template-columns:minmax(95px,1fr) auto auto;gap:4px;margin-top:5px;display:grid}.pay-review-actions input{border:1px solid #d7e1ee;border-radius:4px;grid-column:1/-1;width:100%;min-width:0;padding:4px 6px;font-size:9px}.pay-review-actions button,.pay-batch-actions button{color:#135ab4;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #cbdaf0;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700}.pay-review-actions button.reject{color:#a52730;background:#fff5f5;border-color:#f1c3c5}.pay-review-actions button:disabled,.pay-batch-actions button:disabled{opacity:.55;cursor:not-allowed}.pay-review-by{display:block}.pay-section-empty{color:#7387a3;text-align:center;padding:25px 14px;font-size:12px}.pay-section-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pay-section-stats .payroll-stat-card{min-height:65px}.pay-section-stats .payroll-stat-card>span{flex-direction:column;gap:3px;display:flex}.pay-section-stats .payroll-stat-card small{color:#627b9d;font-size:11px}.pay-section-stats .payroll-stat-card strong{color:#123c80;font-size:17px}.pay-batch-create{grid-template-columns:minmax(220px,1fr) minmax(145px,190px);align-items:end;gap:10px;padding:12px;display:grid}.pay-batch-create>small{color:#9b681e;grid-column:1/-1;margin-top:-4px;font-size:10px}.pay-batch-actions{gap:5px;display:flex}.pay-section-footnote{color:#7185a0;margin:0 2px;font-size:10px}@media (width<=900px){.pay-adjustment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-adjustment-form .wide,.pay-adjustment-form .form-actions{grid-column:1/-1}.pay-section-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.pay-section-intro{flex-direction:column;align-items:flex-start}.pay-adjustment-form,.pay-batch-create{grid-template-columns:1fr}.pay-adjustment-form .wide,.pay-adjustment-form .form-actions,.pay-batch-create>small{grid-column:auto}.pay-section-stats{grid-template-columns:1fr 1fr}.pay-section-form-widget .payroll-widget-heading small{flex-basis:100%;margin-left:23px}}.payroll-table-widget{border-top-left-radius:0}.payroll-widget-heading{background:linear-gradient(100deg,#f0f6ff,#f8fbff);border-bottom:1px solid #dfe8f4;justify-content:space-between;align-items:center;gap:8px;min-height:37px;padding:7px 10px;display:flex}.payroll-widget-heading h2{color:#0d2c65;margin:0;font-size:12px;font-weight:750}.payroll-widget-heading small{color:#7285a0;margin-top:3px;font-size:9px;display:block}.payroll-widget-heading>span{color:#075ac2;text-align:center;background:#dcecff;border-radius:10px;min-width:20px;padding:3px 6px;font-size:10px;font-weight:700}.payroll-widget-heading>span.has-exceptions{color:#b12d38;background:#fde2e3}.payroll-widget-heading button{color:#0874ed;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:2px 5px;font-size:9px}.payroll-filter-row{border-bottom:1px solid #e0e9f4;align-items:center;gap:7px;padding:7px 9px;display:flex}.payroll-filter-row select,.payroll-table-footer select{color:#254c7d;border-color:#cfdbeb;border-radius:5px;height:29px;padding:0 8px;font-size:9px}.payroll-search{background:#fff;border:1px solid #cfdbeb;border-radius:5px;flex:1;align-items:center;gap:6px;min-width:110px;height:29px;padding:0 7px;display:flex}.payroll-search input{color:#244878;background:0 0;border:0;outline:0;width:100%;min-width:0;height:27px;padding:0;font-size:9px}.payroll-search input:focus{outline:0}.payroll-more-button,.payroll-export-button{color:#244878;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cfdbeb;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:29px;padding:0 8px;font-size:9px;display:inline-flex}.payroll-export-button:disabled{opacity:.5;cursor:default}.payroll-table-scroll{min-height:170px;max-height:min(39vh,390px);overflow:auto}.payroll-table{border-collapse:separate;border-spacing:0;color:#244774;width:100%;font-size:9px}.payroll-table th{z-index:2;color:#193e74;text-align:left;white-space:nowrap;background:#edf4fd;border-bottom:1px solid #d5e1f0;padding:7px 6px;font-size:8px;font-weight:750;position:sticky;top:0}.payroll-table td{text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e4ebf4;max-width:180px;padding:6px;overflow:hidden}.payroll-table tbody tr:hover{background:#f4f8fe}.payroll-table .payroll-number{color:#667d9d;text-align:center;width:25px}.payroll-employee-name{color:#174078;font-weight:650}.payroll-amount{text-align:right;font-variant-numeric:tabular-nums}.payroll-net{color:#092f78;font-weight:750}.payroll-status{color:#078348;background:#d9f5e7;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:650;display:inline-block}.payroll-status.is-progress{color:#a66408;background:#fff0d0}.payroll-status.is-pending{color:#536b8e;background:#e5edfa}.payroll-row-menu{cursor:pointer;background:#fff;border:1px solid #d1deef;border-radius:5px;place-items:center;width:27px;height:22px;display:grid}.payroll-empty{color:#7588a3;text-align:center;padding:22px 12px!important}.payroll-empty>span{vertical-align:middle;margin-right:6px}.payroll-exception-reason{color:#ae6720}.payroll-table-footer{color:#627998;border-top:1px solid #e0e9f4;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:5px 9px;font-size:9px;display:flex}.payroll-table-footer>label{display:flex}.payroll-table-footer select{height:25px}.payroll-pagination{align-items:center;gap:7px;display:flex}.payroll-pagination button{color:#174278;cursor:pointer;background:#fff;border:1px solid #d2def0;border-radius:4px;place-items:center;width:23px;height:23px;font-size:16px;line-height:1;display:grid}.payroll-pagination button:disabled{opacity:.4;cursor:default}.payroll-pagination>span:first-of-type{color:#fff;background:#0874ed;border-radius:4px;place-items:center;min-width:22px;height:22px;display:grid}.payroll-pagination>span:last-of-type{white-space:nowrap}.payroll-side-column{gap:9px}.payroll-actions-widget{padding-bottom:4px}.payroll-actions-widget .payroll-widget-heading{background:0 0;border-bottom:0;min-height:30px;padding:5px 10px}.payroll-action{color:#123c80;cursor:pointer;background:#e5eef9;border:1px solid #cfddf0;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 18px);min-height:28px;margin:0 9px 4px;padding:3px 9px;font-size:10px;font-weight:650;text-decoration:none;display:flex;position:relative}.payroll-action-content{justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex;position:relative;left:50%;transform:translate(calc(-50% - 11.5px));flex:none!important}.payroll-action-content>span{text-align:center;white-space:nowrap;line-height:1.1;flex:none!important}.payroll-action.primary{color:#fff;background:#0874ed;border-color:#0874ed;justify-content:center;box-shadow:0 2px 5px #0874ed33}.payroll-action.primary>span:not(.payroll-action-arrow){white-space:nowrap;flex:none;position:absolute;left:50%;transform:translate(-50%)}.payroll-action-arrow{width:18px;font-size:18px;font-weight:400;line-height:1;position:absolute;right:9px}.payroll-sliders-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px;width:15px;height:15px}.payroll-action.cancel{color:#cf2835;background:snow;border-color:#f08b91;margin-top:0}.payroll-action:disabled{opacity:1;cursor:not-allowed}.payroll-exceptions-widget{padding-bottom:5px}.payroll-exception-line{color:#30517d;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e9eef6;align-items:center;gap:7px;width:100%;padding:7px 9px;display:flex}.payroll-exception-line>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.payroll-exception-line small{color:#8695a9;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;display:block;overflow:hidden}.payroll-exception-line b{color:#d25c22;font-size:10px}.payroll-clear-state{color:#258151;align-items:center;gap:7px;padding:13px 10px;font-size:10px;display:flex}.payroll-summary-row{grid-template-columns:1fr 1fr 1.25fr;gap:9px;display:grid}.payroll-summary-widget,.payroll-timeline-widget{padding-bottom:8px}.payroll-summary-line{color:#47628a;border-bottom:1px solid #e7edf5;justify-content:space-between;align-items:center;gap:8px;margin:0 10px;padding:7px 0;font-size:9px;display:flex}.payroll-summary-line strong{color:#153b79;font-variant-numeric:tabular-nums;font-size:9px}.payroll-summary-line.total{color:#133872;border-bottom:0;font-weight:700}.payroll-data-note{color:#7a8ca4;padding:2px 10px;font-size:8px;line-height:1.4;display:block}.payroll-timeline-line{color:#32517c;border-bottom:1px solid #e7edf5;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:31px;margin:0 10px;font-size:9px;display:grid}.payroll-timeline-line i,.payroll-audit-list i{color:#5f7593;background:#dce5f1;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;display:grid}.payroll-timeline-line i.complete,.payroll-audit-list i.done{background:#0da968}.payroll-timeline-line i.pending,.payroll-audit-list i.pending{background:#dce5f1}.payroll-timeline-line strong{font-size:9px;font-weight:600}.payroll-timeline-line>span{color:#788ba5;text-align:right;white-space:nowrap;font-size:8px}.payroll-audit-widget{min-height:260px}.payroll-audit-list{margin:0;padding:5px 14px 8px;list-style:none}.payroll-audit-list li{color:#31517d;border-bottom:1px solid #e7edf5;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:50px;font-size:10px;display:grid}.payroll-audit-list li>div{flex-direction:column;gap:3px;display:flex}.payroll-audit-list li strong{font-size:10px}.payroll-audit-list li small,.payroll-audit-list li>span{color:#7b8da5;font-size:9px}@media (width<=1280px){.payroll-stat-card{gap:7px;padding:6px 8px}.payroll-stat-icon{flex-basis:40px;width:40px;height:40px}.payroll-stat-card strong{font-size:14px}.payroll-work-area{grid-template-columns:minmax(0,2.5fr) minmax(225px,1fr)}.payroll-tabs button{white-space:nowrap;flex:1 1 0;gap:4px;min-width:0;padding-left:3px;padding-right:3px;font-size:8px}.payroll-tabs button>span:first-child{width:11px!important;height:11px!important}}@media (width<=900px){.payroll-heading-row{flex-direction:column;align-items:flex-start}.payroll-run-controls{width:100%;min-width:0}.payroll-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-work-area{grid-template-columns:1fr}.payroll-side-column{grid-template-columns:1fr 1fr;align-items:start;display:grid}.payroll-summary-row{grid-template-columns:1fr 1fr}.payroll-timeline-widget{grid-column:1/-1}}@media (width<=600px){.payroll-heading-row h1{font-size:22px}.payroll-run-controls{grid-template-columns:1fr 1fr}.payroll-status-box{grid-column:1/-1;min-height:52px}.payroll-stepper{grid-template-columns:repeat(7,minmax(67px,1fr));padding-left:7px;padding-right:7px;overflow-x:auto}.payroll-step strong{font-size:9px}.payroll-step small{font-size:8px}.payroll-stat-grid{grid-template-columns:1fr 1fr}.payroll-stat-card{min-height:70px}.payroll-method-stat{grid-column:1/-1}.payroll-side-column,.payroll-summary-row{grid-template-columns:1fr}.payroll-timeline-widget{grid-column:auto}.payroll-filter-row{flex-wrap:wrap}.payroll-search{flex-basis:100%}.payroll-filter-row select{flex:1}.payroll-table-footer{flex-wrap:wrap}.payroll-table-footer>span{flex-basis:100%}}@media (width<=900px){.attendance-tab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-summary-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.attendance-summary-stats article{column-gap:5px;padding:6px 5px}.attendance-summary-stats small{font-size:8px}.attendance-summary-stats strong{font-size:14px}.attendance-shift-grid{grid-template-columns:1fr}}@media (width<=600px){.attendance-tab-stats{grid-template-columns:1fr 1fr}.attendance-data-widget .attendance-table-wrap{max-height:65vh}}@media (width<=1100px){.attendance-page .attendance-report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.attendance-page .attendance-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.payroll-heading-row p{font-size:14px}.payroll-run-controls label,.payroll-status-box{font-size:12px}.payroll-run-controls select{font-size:13px}.payroll-run-state{font-size:12px}.payroll-alert,.payroll-notice,.payroll-step strong{font-size:13px}.payroll-step small{font-size:11px}.payroll-stat-card small{font-size:12px}.payroll-stat-card em{font-size:11px}.payroll-method-line,.payroll-tabs button{font-size:12px}.payroll-employee-summary-heading{min-height:34px}.payroll-employee-summary-heading h2{font-size:13px}.payroll-employee-filter-row{grid-template-columns:minmax(180px,1fr) minmax(115px,148px) minmax(130px,148px) auto 30px;display:grid}.payroll-employee-filter-row .payroll-search{width:100%}.payroll-tab-count{font-size:11px}.payroll-widget-heading h2{font-size:14px}.payroll-widget-heading small{font-size:11px}.payroll-widget-heading>span{font-size:12px}.payroll-widget-heading button,.payroll-filter-row select,.payroll-table-footer select,.payroll-search input,.payroll-more-button,.payroll-export-button,.payroll-table{font-size:11px}.payroll-table th{font-size:10px}.payroll-status,.payroll-table-footer{font-size:11px}.payroll-action{font-size:12px}.payroll-exception-line>span{font-size:11px}.payroll-exception-line small{font-size:10px}.payroll-exception-line b,.payroll-clear-state{font-size:12px}.payroll-summary-line,.payroll-summary-line strong{font-size:11px}.payroll-summary-line.total strong{font-size:14px}.payroll-data-note{font-size:10px}.payroll-timeline-line{font-size:11px}.payroll-timeline-line i,.payroll-audit-list i{font-size:10px}.payroll-timeline-line strong{font-size:11px}.payroll-timeline-line>span{font-size:10px}.payroll-audit-list li,.payroll-audit-list li strong{font-size:12px}.payroll-audit-list li small,.payroll-audit-list li>span{font-size:11px}@media (width<=1280px){.payroll-tabs button{font-size:10px}}@media (width<=900px){.payroll-employee-filter-row{grid-template-columns:minmax(0,1fr) minmax(130px,1fr) auto 30px}.payroll-employee-filter-row .payroll-search{grid-column:1/-1}}@media (width<=600px){.payroll-step strong{font-size:11px}.payroll-step small{font-size:10px}.payroll-heading-row p{font-size:13px}.payroll-employee-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.payroll-employee-filter-row .payroll-search{grid-column:1/-1}}.main-area:has(.loan-management-page) .page-banner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f8faff00 0%,#f8faffa3 58%,#f8faff 100%);height:22px;position:absolute;bottom:0;left:0;right:0}.main-area:has(.loan-management-page) .page-banner-content{z-index:2}.main-area:has(.loan-management-page) .page-banner{min-height:112px;padding-top:12px;padding-bottom:12px}.main-area:has(.loan-management-page) .page-banner-bg{object-position:center 50%}.content:has(.loan-management-page){background:linear-gradient(#f8faff 0%,#fff 48px,#fcfdff 150px,#f4f8fe 100%);padding:7px 14px 8px}.loan-management-page{color:var(--sco-text);padding:5px 0 18px}.loan-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.loan-stat-grid article{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dfe7f3;border-radius:8px;align-items:center;gap:11px;min-width:0;min-height:68px;padding:6px 12px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 3px 5px #0a2d5b18,0 9px 14px #0a2d5b19,0 18px 25px #0a2d5b12,inset 0 1px #ffffffed}.loan-stat-icon{color:#fff;border-radius:8px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.loan-stat-icon.green{background:#0aa462}.loan-stat-icon.blue{background:#1682f7}.loan-stat-icon.purple{background:#7545ea}.loan-stat-icon.orange{background:#f28a13}.loan-stat-icon.red{background:#dc4050}.loan-stat-grid article>span:last-child{gap:2px;min-width:0;display:grid}.loan-stat-grid small{color:#52658b;white-space:nowrap;font-size:11px}.loan-stat-grid strong{color:#102d69;white-space:nowrap;font-size:18px;line-height:1.2}.loan-stat-grid em{color:#7283a1;font-size:10px;font-style:normal}.loan-tabs{scrollbar-width:thin;border-bottom:1px solid #b9d1f1;gap:3px;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif;display:flex;overflow-x:auto}.loan-tabs button{color:#1048b0;cursor:pointer;background:linear-gradient(#f4f8ff,#eaf2fd);border:1px solid #d4e3f7;border-bottom:0;border-radius:6px 6px 0 0;flex:none;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.loan-tabs button.active{color:#004ee2;background:#fff;border-color:#8bb8f4;box-shadow:inset 0 -2px #0d72f6}.loan-tabs button:hover{background:#e4efff}.loan-content-grid{grid-template-columns:minmax(0,3fr) minmax(245px,1fr);align-items:start;gap:10px;display:grid}.loan-record-widget,.loan-side-widget,.loan-bottom-widget{background:linear-gradient(150deg,#fff 5%,#fafdff 100%);border:1px solid #d4e1f2;border-radius:8px;min-width:0;font-family:Arial,Helvetica,sans-serif;transition:transform .18s,box-shadow .18s;box-shadow:0 3px 6px #0c2e621a,0 10px 16px #0c2e621c,0 19px 29px #0c2e6212,inset 0 1px #ffffffeb}.loan-widget-heading{justify-content:space-between;align-items:center;gap:12px;padding:12px 13px 9px;display:flex}.loan-record-widget>.loan-widget-heading{align-items:center;padding:9px 10px 7px}.loan-record-widget>.loan-widget-heading h2{font-size:13px}.loan-record-widget>.loan-widget-heading p{margin-top:2px;font-size:10px}.loan-heading-actions{align-items:center;gap:5px;display:flex}.loan-header-menu-wrap{position:relative}.loan-header-menu{z-index:7;background:#fff;border:1px solid #d7e2f2;border-radius:5px;min-width:132px;padding:4px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 6px 16px #12315c2c}.loan-header-menu button{color:#31527f;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:3px;align-items:center;gap:7px;padding:7px 8px;font-size:10px;display:flex}.loan-header-menu button:hover{background:#eff5ff}.loan-heading-actions .loan-primary-button,.loan-heading-actions .loan-secondary-button{min-height:29px;padding:5px 8px;font-size:10px}.loan-disabled-import{opacity:.58}.loan-widget-heading h2,.loan-side-widget h2{color:#0b278e;align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.loan-widget-heading p{color:#4267a8;margin:4px 0 0;font-size:11px}.loan-icon-button{color:#165ec8;cursor:pointer;background:#fff;border:1px solid #d4e0f1;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.loan-toolbar{background:linear-gradient(#f4f8ff,#edf4fe);border-top:1px solid #e1ebf8;border-bottom:1px solid #d5e3f5;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 12px;display:flex}.loan-record-widget .loan-toolbar{gap:6px;padding:7px 9px}.loan-record-widget .loan-toolbar select{max-width:160px;min-height:29px;font-size:10px}.loan-record-widget .loan-search{height:29px}.loan-record-widget .loan-search input{font-size:10px}.loan-record-widget .loan-toolbar .loan-secondary-button{min-height:29px;padding:5px 9px;font-size:10px}.loan-search{color:#6980a7;background:#fff;border:1px solid #d2deef;border-radius:5px;flex:1;align-items:center;gap:7px;min-width:180px;height:32px;padding:0 9px;display:flex}.loan-search input{color:#243c67;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:inherit;font-size:12px}.loan-toolbar select,.loan-modal input,.loan-modal select{color:#304870;background:#fff;border:1px solid #d2deef;border-radius:5px;min-height:32px;padding:5px 8px;font-family:inherit;font-size:12px}.loan-secondary-button,.loan-primary-button{color:#174b9f;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d2deef;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.loan-primary-button{color:#fff;background:linear-gradient(135deg,#087bf9,#075bd5);border-color:#0870f7;box-shadow:0 2px 5px #075bd533}.loan-primary-button:disabled{opacity:.55;cursor:not-allowed}.loan-table-wrap{width:100%;overflow:auto}.loan-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:11px}.loan-register-table{table-layout:fixed;min-width:825px;font-family:Arial,Helvetica,sans-serif;font-size:10px}.loan-register-table th,.loan-register-table td{padding:8px 5px}.loan-table.loan-register-table th{white-space:normal;overflow-wrap:break-word;letter-spacing:0;font-size:9px;line-height:1.15}.loan-table.loan-register-table:not(.loan-register-thirdparty) th{white-space:nowrap;overflow-wrap:normal}.loan-register-table:not(.loan-register-thirdparty) th:first-child,.loan-register-table:not(.loan-register-thirdparty) td:first-child{width:30px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(2),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(2){width:125px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(3),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(3){width:62px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(4),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(4){width:70px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(5),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(5),.loan-register-table:not(.loan-register-thirdparty) th:nth-child(6),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(6){width:82px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(7),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(7){width:86px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(8),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(8){width:65px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(9),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(9){width:50px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(10),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(10){width:52px}.loan-register-table:not(.loan-register-thirdparty) th:nth-child(11),.loan-register-table:not(.loan-register-thirdparty) td:nth-child(11){width:40px}.loan-register-thirdparty{min-width:760px}.loan-check-cell{text-align:center!important;width:25px!important}.loan-check-cell input{vertical-align:middle;margin:0}.loan-table th{color:#123d99;text-align:left;white-space:nowrap;text-transform:none;letter-spacing:normal;background:#e8f1fd;border-bottom:1px solid #cbdcf2;padding:9px 8px;font-size:10px;font-weight:700}.loan-table td{color:#21488f;white-space:nowrap;border-bottom:1px solid #e3ebf6;padding:8px}.loan-table tbody tr:nth-child(2n){background:#f9fbff}.loan-table tbody tr:hover{background:#edf5ff}.loan-person{align-items:center;gap:8px;min-width:150px;display:flex}.loan-person img,.loan-person i{object-fit:cover;color:#0d65cb;background:#dcecff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:10px;font-style:normal;font-weight:700;display:grid}.loan-person>span{gap:2px;min-width:0;display:grid}.loan-person b{color:#123b91;text-overflow:ellipsis;max-width:180px;font-size:11px;overflow:hidden}.loan-person small{color:#5b76aa;font-size:9px}.loan-amount{font-weight:700;color:#123a91!important}.loan-status{color:#205bb3;text-transform:capitalize;background:#e7f0ff;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.loan-status.active{color:#078144;background:#d8f7e5}.loan-status.overdue{color:#bc2431;background:#ffe0e2}.loan-status.settled{color:#69768b;background:#edf0f5}.loan-row-action{color:#175bc3;cursor:pointer;background:#fff;border:1px solid #d5e1f1;border-radius:5px;padding:5px 8px;font-size:10px}.loan-row-action:disabled{opacity:.6}.loan-table-empty,.loan-empty{text-align:center;color:#5574aa!important;padding:28px 14px!important}.loan-table-footer{color:#4265a2;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:10px;display:flex}.loan-pagination{align-items:center;gap:4px;display:flex}.loan-pagination button{color:#16479d;cursor:pointer;background:#fff;border:1px solid #c8d9f1;border-radius:4px;min-width:24px;height:25px;font-size:10px}.loan-pagination button.active{color:#fff;background:#167af0;border-color:#0d72f6}.loan-pagination button:disabled{opacity:.45;cursor:default}.loan-pagination select{color:#49638b;background:#fff;border:1px solid #d7e2f2;border-radius:4px;min-height:25px;margin-left:7px;padding:3px 6px;font-family:inherit;font-size:10px}.loan-row-menu-wrap{position:relative}.loan-row-menu{z-index:6;background:#fff;border:1px solid #d7e2f2;border-radius:5px;min-width:118px;padding:4px;position:absolute;top:calc(100% - 2px);right:4px;box-shadow:0 6px 16px #12315c2c}.loan-row-menu button{color:#31527f;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:3px;width:100%;padding:6px 8px;font-size:10px}.loan-row-menu button:hover{background:#eff5ff}.loan-row-menu button:disabled{opacity:.5;cursor:default}.loan-side-column{gap:11px;display:grid}.loan-side-widget{padding:12px}.loan-side-widget h2{color:#0b278e;margin-bottom:11px;font-size:13px}.loan-donut-row{justify-content:space-around;align-items:center;gap:8px;display:flex}.loan-donut{background:conic-gradient(#0aa462 0 55%,#1682f7 55% 80%,#ccd8e8 80%);border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;display:grid}.loan-donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:72px;height:72px}.loan-donut>span{z-index:1;text-align:center;grid-area:1/1;display:grid}.loan-donut b{color:#17366e;font-size:11px;line-height:1.2}.loan-donut small{color:#4266a6;font-size:8px}.loan-donut-row ul{color:#315899;gap:8px;margin:0;padding:0;font-size:9px;list-style:none;display:grid}.loan-donut-row li{grid-template-columns:8px 1fr auto;align-items:center;gap:5px;display:grid}.loan-donut-row li b{color:#153b90}.loan-donut-row .dot{border-radius:50%;width:8px;height:8px}.dot.green{background:#0aa462}.dot.blue{background:#1682f7}.dot.grey{background:#a9b5c7}.loan-side-note{color:#45669f;border-top:1px solid #e2eaf6;margin:11px 0 0;padding-top:9px;font-size:10px}.loan-side-note b{color:#123a91;margin-top:3px;font-size:13px;display:block}.loan-quick-actions{gap:6px;display:grid}.loan-quick-actions button{color:#12449f;text-align:left;cursor:pointer;background:linear-gradient(120deg,#fff,#f5f8fd);border:1px solid #dce6f4;border-radius:5px;align-items:center;gap:8px;min-height:32px;padding:6px 8px;font-family:inherit;font-size:10px;font-weight:600;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 2px 4px #17386612,0 5px 8px #17386610,inset 0 1px #fff}.loan-quick-actions button:hover{background:#edf5ff;border-color:#9dbde9;transform:translateY(-2px);box-shadow:0 4px 6px #1738661b,0 9px 13px #17386616,inset 0 1px #fff}.loan-overdue{border-left:3px solid #e6a338}.loan-overdue p{color:#42639e;margin:0;font-size:10px;line-height:1.5}.loan-bottom-widget{grid-column:1}.loan-bottom-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:10px;display:grid}.loan-bottom-grid .loan-bottom-widget{grid-column:auto;min-width:0}.loan-chart-empty{color:#5574aa;text-align:center;place-items:center;min-height:112px;padding:14px;font-size:10px;line-height:1.5;display:grid}.loan-type-bars{gap:10px;padding:7px 12px 14px;display:grid}.loan-type-bars>div{color:#31599d;grid-template-columns:minmax(90px,1fr) 2fr 28px;align-items:center;gap:8px;font-size:10px;display:grid}.loan-type-bars i{background:#eef2f8;border-radius:5px;height:10px;display:block;overflow:hidden}.loan-type-bars i b{border-radius:inherit;height:100%;display:block}.loan-type-bars strong{color:#153b90;text-align:right;font-size:10px}.loan-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 13px 13px;display:grid}.loan-overview span{background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid #e6edf7;border-radius:6px;gap:4px;padding:10px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 2px 4px #17386615,0 6px 10px #17386612,inset 0 1px #fff}.loan-overview small{color:#7787a1;font-size:10px}.loan-overview b{color:#1a3973;font-size:14px}.loan-placeholder{min-height:280px}.loan-placeholder .loan-widget-heading{justify-content:flex-start}.loan-placeholder .loan-widget-heading h2 svg{flex:none}.loan-coming-soon{text-align:center;justify-items:center;padding:35px 18px 45px;display:grid}.loan-coming-soon>span{color:#1670e6;background:#eaf2ff;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 3px 6px #1056a329,0 8px 13px #1056a31f,inset 0 1px #fff}.loan-coming-soon h3{color:#0b278e;margin:12px 0 4px;font-size:16px}.loan-coming-soon p{color:#4267a8;max-width:540px;margin:0;font-size:12px;line-height:1.6}.loan-coming-soon small{color:#5b76aa;margin-top:12px;font-size:10px}.loan-message{color:#177044;background:#effbf4;border:1px solid #b8e4cb;border-radius:6px;justify-content:space-between;align-items:center;margin:0 0 10px;padding:9px 12px;font-size:12px;display:flex}.loan-message.is-error{color:#a52936;background:#fff4f4;border-color:#f0c5ca}.loan-message button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.loan-modal-backdrop{z-index:1200;background:#061b3b88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.loan-modal{background:#fff;border:1px solid #dce5f2;border-radius:10px;gap:13px;width:min(470px,100%);padding:19px;display:grid;box-shadow:0 18px 48px #071b3c55}.loan-modal header{border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.loan-modal header h2{color:#132e67;margin:0;font-size:18px}.loan-modal header p{color:#71809a;margin:4px 0 0;font-size:11px}.loan-modal header button{color:#667792;cursor:pointer;background:0 0;border:0;font-size:23px}.loan-modal label{color:#405779;gap:5px;font-size:11px;font-weight:600;display:grid}.loan-modal input,.loan-modal select{width:100%;min-height:36px;font-size:12px}.loan-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.loan-modal footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (width<=1100px){.loan-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loan-content-grid{grid-template-columns:minmax(0,1fr) 250px}.loan-tabs button{padding-left:9px;padding-right:9px}.loan-heading-actions .loan-disabled-import{display:none}}@media (width<=820px){.loan-content-grid{grid-template-columns:1fr}.loan-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-overdue{grid-column:1/-1}.loan-bottom-widget{grid-column:1}.loan-bottom-grid{grid-template-columns:1fr 1fr}.loan-bottom-grid .loan-bottom-widget:last-child{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){.loan-stat-grid article:hover,.loan-record-widget:hover,.loan-side-widget:hover,.loan-bottom-widget:hover{transform:translateY(-3px);box-shadow:0 5px 9px #0a2d5b26,0 15px 23px #0a2d5b28,0 27px 38px #0a2d5b17,inset 0 1px #ffffffed}.loan-overview span:hover{transform:translateY(-2px);box-shadow:0 4px 7px #17386620,0 10px 15px #17386618,inset 0 1px #fff}}@media (prefers-reduced-motion:reduce){.loan-stat-grid article,.loan-record-widget,.loan-side-widget,.loan-bottom-widget,.loan-overview span,.loan-quick-actions button{transition:none}.loan-stat-grid article:hover,.loan-record-widget:hover,.loan-side-widget:hover,.loan-bottom-widget:hover,.loan-overview span:hover,.loan-quick-actions button:hover{transform:none}}@media (width<=600px){.content:has(.loan-management-page){padding:0 10px 12px}.loan-management-page{padding:3px 0 12px}.loan-stat-grid{grid-template-columns:1fr 1fr;gap:7px}.loan-stat-grid article{gap:7px;min-height:62px;padding:5px 7px}.loan-stat-icon{flex-basis:34px;width:34px;height:34px}.loan-stat-grid small{white-space:normal;font-size:9px}.loan-stat-grid strong{font-size:14px}.loan-stat-grid em{font-size:8px}.loan-side-column{grid-template-columns:1fr}.loan-overdue{grid-column:auto}.loan-overview,.loan-form-row{grid-template-columns:1fr}.loan-toolbar>select{flex:1}.loan-search{flex-basis:100%}.loan-bottom-grid{grid-template-columns:1fr}.loan-bottom-grid .loan-bottom-widget:last-child{grid-column:auto}.loan-heading-actions .loan-disabled-import{display:inline-flex}.loan-heading-actions .loan-secondary-button:not(.loan-disabled-import){display:none}.loan-record-widget>.loan-widget-heading{flex-direction:column;align-items:flex-start}.loan-heading-actions{flex-wrap:wrap}.loan-table-footer{flex-direction:column;align-items:flex-start}}.marketing-site{color:#102c54;background:#fff;min-height:100vh;overflow-x:clip}.marketing-header{z-index:50;background:linear-gradient(108deg,#ffffff29 0%,#ffffff0a 24%,#ffffff26 49%,#ffffff09 73%,#ffffff24 100%),linear-gradient(108deg,#071b45 0%,#0b3974 52%,#075db7 100%);border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:none;min-height:82px;margin:0 auto;padding:12px clamp(22px,5.5vw,82px);display:flex;position:sticky;top:0;box-shadow:0 5px 18px #051f4629}.marketing-brand{color:#102e5c;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.marketing-brand img{object-fit:contain;width:42px;height:42px}.marketing-brand span{gap:1px;display:grid}.marketing-brand b{color:#fff;letter-spacing:-.8px;font-size:21px;line-height:1}.marketing-brand i{color:#20a0ff;font-style:normal}.marketing-brand small{color:#d4e6ff;letter-spacing:.2px;font-size:10px}.marketing-header nav{align-items:center;gap:clamp(18px,3vw,42px);margin-left:auto;display:flex}.marketing-header nav a{color:#ffffffe0;font-size:13px;font-weight:600;text-decoration:none}.marketing-footer div a{color:#4b5f7b;font-size:13px;font-weight:600;text-decoration:none}.marketing-header nav a:hover{color:#71c1ff}.marketing-footer a:hover{color:#0878ee}.marketing-contact{color:#fff;background:#ffffff14;border:1px solid #ffffff8c;border-radius:6px;align-items:center;gap:15px;padding:11px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.marketing-contact:hover{background:#ffffff29;border-color:#8dceff}.marketing-contact span{color:#71c1ff;font-size:17px}.marketing-hero{background:radial-gradient(at 76% 48%,#e8f3ff 0%,#f3f8ff 27%,#fff 65%);grid-template-columns:minmax(0,1fr) minmax(430px,.94fr);align-items:center;gap:3vw;max-width:1440px;min-height:590px;margin:auto;padding:70px clamp(22px,7.3vw,112px) 64px;display:grid;position:relative}.marketing-hero-glow{pointer-events:none;background:radial-gradient(#dcedff 0%,#e8f4ffad 35%,#0000 70%);width:58%;height:100%;position:absolute;top:0;right:-7%}.marketing-hero-copy{z-index:1;max-width:600px;position:relative}.marketing-eyebrow,.marketing-section-label{color:#0878ee;letter-spacing:1.35px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.marketing-eyebrow span{background:#0878ee;width:23px;height:2px}.marketing-hero h1{color:#102c54;letter-spacing:-2.8px;margin:23px 0 18px;font-size:clamp(42px,5vw,68px);font-weight:750;line-height:1.08}.marketing-hero h1 em{color:#0878ee;font-style:normal}.marketing-hero-copy>p{color:#5e7089;max-width:510px;margin:0;font-size:16px;line-height:1.75}.marketing-hero-actions{align-items:center;gap:22px;margin-top:29px;display:flex}.marketing-primary{color:#fff;background:linear-gradient(115deg,#0878ee,#0763d5);border-radius:5px;justify-content:center;align-items:center;gap:19px;min-height:46px;padding:0 19px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #0878ee30}.marketing-primary:hover{transform:translateY(-2px);box-shadow:0 11px 24px #0878ee45}.marketing-primary span{font-size:18px}.marketing-secondary{color:#355573;font-size:13px;font-weight:700;text-decoration:none}.marketing-secondary:hover{color:#0878ee}.marketing-trust{color:#71819a;align-items:center;gap:8px;margin-top:27px;font-size:11px;display:flex}.marketing-trust span{color:#06975a;background:#dff5ea;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:800;display:grid}.marketing-visual{z-index:1;place-items:center;min-height:410px;display:grid;position:relative}.marketing-orbit{border:1px solid #d4e7fc;border-radius:50%;position:absolute;transform:rotate(-24deg)}.marketing-orbit-one{width:490px;height:285px}.marketing-orbit-two{width:415px;height:355px;transform:rotate(33deg)}.marketing-platform-card{z-index:1;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e0eaf6;border-radius:11px;width:min(100%,455px);padding:21px 23px 19px;position:relative;transform:rotate(-2deg);box-shadow:0 18px 45px #173b6b17,0 5px 13px #173b6b0d}.marketing-platform-top{color:#133861;border-bottom:1px solid #e7eef8;align-items:center;gap:8px;padding-bottom:16px;font-size:12px;font-weight:800;display:flex}.marketing-platform-top small{color:#8495ad;letter-spacing:.8px;margin-left:auto;font-size:8px}.marketing-app-dot{background:#0878ee;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e5f1ff}.marketing-platform-welcome{gap:6px;padding:19px 0 15px;display:grid}.marketing-platform-welcome small{color:#8293a9;letter-spacing:1px;font-size:8px;font-weight:800}.marketing-platform-welcome b{color:#16345a;letter-spacing:-.3px;font-size:19px}.marketing-platform-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.marketing-platform-stats>div{background:#fff;border:1px solid #e6edf6;border-radius:7px;gap:6px;min-height:96px;padding:12px 11px;display:grid}.marketing-platform-stats small{color:#6b7d95;font-size:9px;font-weight:700}.marketing-platform-stats b{color:#0878ee;font-size:25px;line-height:1}.marketing-platform-stats span{color:#71819a;font-size:8px}.marketing-platform-line{background:repeating-linear-gradient(#0000 0 23px,#edf2f8 24px);border-bottom:1px solid #dce7f3;align-items:flex-end;gap:13px;height:78px;margin-top:17px;padding:0 13px 11px;display:flex}.marketing-platform-line span{background:linear-gradient(#4aa2ff,#0878ee);border-radius:4px 4px 0 0;flex:1}.marketing-platform-line span:first-child{height:34%}.marketing-platform-line span:nth-child(2){height:51%}.marketing-platform-line span:nth-child(3){height:47%}.marketing-platform-line span:nth-child(4){height:73%}.marketing-platform-line span:nth-child(5){height:64%}.marketing-platform-line span:nth-child(6){height:83%}.marketing-platform-line span:nth-child(7){height:100%}.marketing-platform-caption{color:#7b8ca2;justify-content:space-between;gap:10px;padding-top:13px;font-size:8px;display:flex}.marketing-platform-caption b{color:#345879;font-size:8px}.marketing-float-card{z-index:2;background:#fff;border:1px solid #e5edf6;border-radius:8px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:absolute;box-shadow:0 10px 25px #173b6b18}.marketing-float-left{top:72px;left:-4px}.marketing-float-right{bottom:66px;right:-1px}.marketing-float-card>span:last-child{gap:3px;display:grid}.marketing-float-card small{color:#8493a7;letter-spacing:.8px;font-size:7px;font-weight:800}.marketing-float-card b{color:#213d61;font-size:10px}.marketing-float-icon,.marketing-float-check{color:#0878ee;background:#e8f3ff;border-radius:7px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.marketing-float-check{color:#0b9c62;background:#e2f7ed}.marketing-hero-bottom{color:#8292a8;letter-spacing:1px;justify-content:flex-end;align-items:center;gap:13px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:20px;left:clamp(22px,7.3vw,112px);right:clamp(22px,7.3vw,112px)}.marketing-hero-bottom i{background:#1684f6;border-radius:50%;width:4px;height:4px}.marketing-intro{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1200px;margin:0 auto;padding:88px 32px 96px;display:grid}.marketing-intro h2,.marketing-section-heading h2,.marketing-callout h2{color:#102c54;letter-spacing:-1.5px;margin:14px 0 0;font-size:clamp(30px,3.4vw,44px);line-height:1.13}.marketing-intro>p,.marketing-section-heading>p,.marketing-callout p{color:#657791;max-width:490px;margin:0;font-size:14px;line-height:1.8}.marketing-features{background:#f5f8fc;padding:79px max(32px,50% - 600px) 91px}.marketing-section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.marketing-section-heading>p{max-width:390px}.marketing-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.marketing-feature{background:#fff;border:1px solid #e4ebf4;border-radius:8px;min-height:224px;padding:24px 21px;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 5px 16px #173b6b08}.marketing-feature:hover{transform:translateY(-4px);box-shadow:0 14px 28px #173b6b16}.marketing-feature-number{color:#0878ee;letter-spacing:.8px;font-size:11px;font-weight:800}.marketing-feature-mark{color:#0878ee;background:#eaf4ff;border-radius:7px;place-items:center;width:33px;height:33px;margin-top:19px;font-size:17px;display:grid}.marketing-feature h3{color:#18375f;margin:17px 0 8px;font-size:15px}.marketing-feature p{color:#71819a;margin:0;font-size:11px;line-height:1.7}.marketing-callout{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:auto;padding:83px 32px 88px;display:flex}.marketing-callout p{margin-top:15px}.marketing-contact-note{color:#46617f;align-self:center;font-size:13px;font-weight:700}.marketing-footer{color:#8190a5;border-top:1px solid #e9eff7;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(22px,5.5vw,82px);font-size:10px;display:flex}.marketing-footer-logo-link{flex:none;align-items:center;display:inline-flex}.marketing-footer-logo{object-fit:contain;width:158px;height:auto;max-height:58px;display:block}.marketing-footer div{gap:19px;display:flex}.login-tenant-logo{object-fit:contain;width:38px;height:38px}.login-tenant-mark{color:#0878ee;background:#e6f2ff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.platform-license-actions{flex-wrap:wrap;gap:9px}.platform-license-reissue-button{color:#174b86;border:1px solid #c9d8ec}.platform-reissue-backdrop{z-index:10000;background:#0718307a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.platform-reissue-dialog{color:#17365e;background:#fff;border:1px solid #d8e3f0;border-radius:12px;width:min(100%,480px);padding:24px;box-shadow:0 22px 70px #07183042}.platform-reissue-dialog h2{color:#123565;margin:0;font-size:21px}.platform-reissue-dialog p{color:#536984;margin:12px 0 17px;font-size:13px;line-height:1.65}.platform-reissue-summary{color:#34577f;background:#f6f9fe;border:1px solid #e1eaf5;border-radius:7px;gap:7px;padding:12px 14px;font-size:12px;display:grid}.platform-reissue-dialog footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}@media (width<=900px){.marketing-hero{grid-template-columns:1fr 1fr;padding-left:28px;padding-right:28px}.marketing-visual{transform:scale(.9)}.marketing-header{padding-left:24px;padding-right:24px}.marketing-header nav{gap:16px}.marketing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-hero-bottom{left:28px;right:28px}}@media (width<=650px){.marketing-header{gap:10px;min-height:69px}.marketing-header nav{display:none}.marketing-brand img{width:35px;height:35px}.marketing-contact{padding:9px 10px;font-size:10px}.marketing-hero{min-height:auto;padding:59px 23px 72px;display:block}.marketing-hero h1{letter-spacing:-2px;font-size:clamp(38px,11vw,55px)}.marketing-hero-copy>p{font-size:14px}.marketing-hero-actions{flex-wrap:wrap;gap:15px}.marketing-visual{min-height:345px;margin:28px -13px 0;transform:scale(.9)}.marketing-platform-card{padding:17px 16px}.marketing-orbit-one{width:370px}.marketing-orbit-two{width:330px}.marketing-float-left{top:35px;left:-6px}.marketing-float-right{bottom:39px;right:-7px}.marketing-hero-bottom{justify-content:center;gap:7px;font-size:6px;left:20px;right:20px}.marketing-intro{grid-template-columns:1fr;gap:20px;padding:62px 24px}.marketing-intro h2,.marketing-section-heading h2,.marketing-callout h2{font-size:34px}.marketing-features{padding:62px 22px}.marketing-section-heading{display:block}.marketing-section-heading>p{margin-top:18px}.marketing-feature-grid{grid-template-columns:1fr}.marketing-feature{min-height:0}.marketing-callout{padding:60px 24px;display:block}.marketing-contact-note{margin-top:24px;display:block}.marketing-footer{flex-wrap:wrap;align-items:flex-start;padding:18px 22px}.marketing-footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){.marketing-primary,.marketing-feature{transition:none}.marketing-primary:hover,.marketing-feature:hover{transform:none}}