@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--blue:#0558ee;--cobalt:#004aad;--lime:#cef262;--yellow:#ffed00;--pink:#ffd3f4;--paper:#f7f8fb;--light:#f3f2f0;--ink:#111318;--muted:#747b89;--line:#e6e9ef;--white:#fff;--danger:#d92d20;--shadow:0 12px 34px #1f2c4914;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}input,select{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #dce0e8;border-radius:11px;outline:none;padding:0 13px;transition:all .2s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0558ee1a}input:disabled{color:#818793;background:#f2f3f5}.muted{color:var(--muted)}.eyebrow{color:var(--blue);letter-spacing:.14em;align-items:center;gap:7px;font:700 11px/1 Manrope;display:inline-flex}.eyebrow.light{color:var(--lime)}.boot{background:var(--blue);place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.boot img{z-index:2;width:110px}.boot-pulse{border:2px solid var(--lime);border-radius:50%;width:160px;height:160px;animation:1.4s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#fff;grid-template-columns:minmax(420px,1.12fr) minmax(420px,.88fr);min-height:100vh;display:grid}.login-brand{background:var(--blue);color:#fff;flex-direction:column;justify-content:space-between;padding:48px 64px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:var(--lime);border-radius:50%;width:520px;height:520px;position:absolute;inset:auto -140px -180px auto}.login-logo{z-index:2;align-items:center;gap:13px;display:flex;position:relative}.login-logo img{object-fit:contain;width:54px;height:54px}.login-logo span{letter-spacing:-.04em;font:800 24px Manrope}.login-copy{z-index:2;max-width:620px;position:relative}.login-copy h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(42px,5vw,72px);line-height:1.02}.login-copy h1 em{color:var(--lime);font-style:normal}.login-copy p{color:#ffffffc7;max-width:525px;font-size:17px;line-height:1.7}.login-footer{z-index:2;letter-spacing:.18em;font:600 10px Manrope;position:relative}.login-orbit{border:1px solid #ffffff2b;border-radius:50%;position:absolute}.orbit-one{width:350px;height:350px;top:-80px;right:-180px}.orbit-two{width:240px;height:240px;top:-25px;right:-120px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(410px,100%)}.login-card h2{letter-spacing:-.04em;margin:14px 0 5px;font-size:38px}.login-card>.muted{margin-bottom:32px}.login-card .field{margin-bottom:17px}.mobile-login-logo{display:none}.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:50;background:#fff;flex-direction:column;width:250px;height:100vh;padding:24px 16px;display:flex;position:fixed}.brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.brand img{object-fit:contain;width:43px;height:43px}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.04em;font-size:18px}.brand span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-label{color:#9a9fab;text-transform:uppercase;letter-spacing:.15em;padding:23px 12px 8px;font:700 9px Manrope}.nav-item{color:#5d6470;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;width:100%;height:43px;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:relative}.nav-item svg{width:18px}.nav-item.active{color:var(--blue);background:#eaf1ff}.nav-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-help{background:var(--cobalt);color:#fff;text-align:center;border-radius:18px;margin:auto 2px 16px;padding:34px 15px 14px;position:relative}.sidebar-help strong,.sidebar-help span{display:block}.sidebar-help strong{font-size:13px}.sidebar-help span{color:#ffffffb3;margin:4px 0 12px;font-size:10px}.sidebar-help button{background:var(--lime);color:#111;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.help-bot{background:#fff;border-radius:16px;place-items:center;width:51px;height:51px;display:grid;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #00347c}.help-bot img{width:43px}.logout{border-top:1px solid var(--line);border-radius:0;height:48px;padding-top:10px}.mobile-close,.menu-button{display:none}.app-main{width:calc(100% - 250px);margin-left:250px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#ffffffeb;align-items:center;height:75px;padding:0 34px;display:flex;position:sticky;top:0}.topbar .search-box{width:390px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.profile-chip{background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:5px;display:flex}.profile-chip div{text-align:left;flex-direction:column;display:flex}.profile-chip strong{font-size:12px}.profile-chip span{color:var(--muted);text-transform:capitalize;font-size:10px}.content{max-width:1500px;margin:auto;padding:34px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.page-head h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:31px}.page-head p{color:var(--muted);font-size:14px}.page-actions{gap:10px;display:flex}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.button svg{width:17px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--blue);color:#fff;box-shadow:0 6px 15px #0558ee33}.button-dark{color:#fff;background:#111318}.button-secondary{color:#343943;background:#fff;border-color:#dce0e8}.button-danger{color:var(--danger);background:#fff;border-color:#f1c4bf}.button-danger:hover{background:#fff4f2;border-color:#e9a9a2}.button-ghost{color:var(--muted);background:0 0}.button-full{width:100%}.button-small{height:34px;padding:0 11px;font-size:11px}.icon-button{color:#626a78;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:37px;height:37px;display:inline-grid}.icon-button:hover{background:#f1f3f6}.icon-button svg{width:18px}.icon-button.danger{color:var(--danger)}.text-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.text-link svg{width:15px}.search-box{color:#9da2ad;background:#fff;border:1px solid #e0e3e9;border-radius:12px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0;height:auto;padding:0}.search-box kbd{color:#a0a4ab;border:1px solid #e4e5e8;border-radius:5px;padding:3px 5px;font-size:9px}.hero-card{background:var(--blue);color:#fff;border-radius:26px;height:260px;margin-bottom:18px;padding:39px 43px;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";border:1px solid #ffffff29;border-radius:50%;width:400px;height:400px;position:absolute;top:-90px;right:-70px}.hero-card>div:first-child{z-index:2;width:62%;position:relative}.hero-pill{color:var(--lime);letter-spacing:.1em;background:#ffffff21;border-radius:20px;padding:7px 10px;font:700 9px Manrope;display:inline-block}.hero-card h2{letter-spacing:-.035em;max-width:530px;margin:16px 0 8px;font-size:28px;line-height:1.18}.hero-card p{color:#ffffffb3;max-width:510px;margin-bottom:19px;font-size:12px;line-height:1.55}.hero-card .button{background:var(--lime);color:var(--ink)}.hero-robot{background:var(--lime);border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:absolute;bottom:-38%;right:8%}.hero-robot img{width:185px;margin-top:-65px}.bubble{color:var(--ink);background:#fff;border-radius:14px 14px 3px;padding:9px 13px;font-size:11px;font-weight:700;position:absolute;top:5px;left:-35px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:19px;grid-template-columns:1fr auto;min-height:143px;padding:19px;display:grid;box-shadow:0 4px 15px #252e4208}.metric-card>span:not(.metric-icon){color:var(--muted);font-size:11px}.metric-label{align-items:center;gap:7px;display:flex}.metric-visibility{color:#526078;cursor:pointer;background:#edf3ff;border:0;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .16s,transform .16s;display:inline-flex}.metric-visibility:hover{background:#e1ebff;transform:translateY(-1px)}.metric-visibility:focus-visible{outline-offset:2px;outline:2px solid #8bb5ff}.metric-visibility svg{width:13px;height:13px}.metric-blue .metric-visibility{color:#fff;background:#ffffff26}.metric-blue .metric-visibility:hover{background:#ffffff3d}.metric-private{transition:filter .18s,opacity .18s}.metric-private.is-hidden{filter:blur(7px);opacity:.45;-webkit-user-select:none;user-select:none}.metric-card strong{letter-spacing:-.04em;grid-column:1;align-self:end;font-size:29px}.metric-card small{color:#7c8390;grid-column:1/3;margin-top:3px;font-size:10px}.metric-icon{width:34px;height:34px;color:var(--blue);background:#eef3ff;border-radius:11px;grid-area:1/2/3;place-items:center;display:grid}.metric-icon svg{width:17px}.metric-blue{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.metric-blue>span:not(.metric-icon),.metric-blue small{color:#ffffffb0}.metric-blue .metric-icon{color:var(--lime);background:#ffffff21}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:18px;display:grid}.panel,.employee-panel{border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 4px 15px #252e4208}.panel{padding:22px}.panel-head,.table-title{justify-content:space-between;align-items:center;display:flex}.panel-head h2,.table-title h2{font-size:15px}.panel-head p{color:var(--muted);margin-top:3px;font-size:10px}.department-list{margin-top:22px}.department-row{grid-template-columns:38px 145px 1fr 35px;align-items:center;gap:10px;margin:14px 0;display:grid}.dept-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.dept-icon svg{width:16px}.department-row>div:nth-child(2){flex-direction:column;display:flex}.department-row strong{font-size:11px}.department-row span{color:var(--muted);font-size:9px}.bar{background:#eef0f4;border-radius:6px;height:7px;overflow:hidden}.bar i{border-radius:6px;height:100%;display:block}.department-row b{font-size:10px}.activity-list{margin-top:13px}.activity{border-bottom:1px solid #edf0f3;align-items:center;gap:10px;padding:12px 0;display:flex}.activity:last-child{border:0}.activity-icon{width:35px;height:35px;color:var(--blue);background:#f0f4ff;border-radius:10px;place-items:center;display:grid}.activity-icon svg{width:16px}.activity>div{flex-direction:column;flex:1;display:flex}.activity strong,.activity b{font-size:10px}.activity span{color:var(--muted);margin-top:2px;font-size:8.5px}.toolbar{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.toolbar>.search-box{width:330px}.filters{align-items:flex-end;gap:9px;display:flex}.filters label{flex-direction:column;gap:5px;display:flex}.filters label>span{color:var(--muted);font-size:9px;font-weight:700}.filters select{min-width:150px;height:39px}.clear-filter{color:var(--danger);background:0 0;border:0;align-items:center;gap:3px;height:39px;font-size:10px;display:flex}.clear-filter svg{width:13px}.toolbar .search-box input,.toolbar .search-box input::placeholder,.toolbar .filters select{font-size:12px}.employee-panel{overflow:hidden}.table-title{border-bottom:1px solid var(--line);padding:19px 21px}.table-title>div{align-items:center;gap:8px;display:flex}.table-title span{color:var(--muted);background:#f0f2f6;border-radius:20px;padding:4px 7px;font-size:9px}.employee-table-wrap{overflow:auto}.employee-table{border-collapse:collapse;width:100%;min-width:820px}.employee-table th{text-align:left;color:#9096a1;text-transform:uppercase;letter-spacing:.07em;background:#fafbfc;padding:11px 17px;font-size:9px;font-weight:700}.employee-table td{color:#414752;border-top:1px solid #edf0f4;padding:14px 17px;font-size:11px}.employee-table tbody tr{cursor:pointer;transition:all .15s}.employee-table tbody tr:hover{background:#f8faff}.employee-table td:first-child{align-items:center;gap:10px;display:flex}.employee-table td:first-child>div{flex-direction:column;display:flex}.employee-table td strong{color:var(--ink);font-size:11px}.employee-table td span{color:var(--muted);margin-top:2px;font-size:9px}.employee-table td:last-child{color:#a3a8b2;width:35px}.employee-table td:last-child svg{width:16px}.dept-pill{padding:6px 9px;font-weight:700;display:inline-block;border-radius:20px!important}.dept-it{background:#e9f1ff;color:var(--blue)!important}.dept-graphics{background:#fff0fc;color:#9e347e!important}.dept-client-services{background:#f0f9d8;color:#4c6500!important}.dept-legal{background:#fff9cf;color:#766900!important}.status{text-transform:capitalize;border-radius:20px;align-items:center;gap:5px;font-weight:700;padding:5px 8px!important;font-size:9px!important;display:inline-flex!important}.status i{border-radius:50%;width:5px;height:5px}.status-active{background:#ecf8df;color:#547000!important}.status-active i{background:#78a400}.status-on_leave{background:#fff7db;color:#8b6b00!important}.status-on_leave i{background:#e4b800}.status-inactive{background:#f2f3f5;color:#6f7480!important}.status-inactive i{background:#9a9fa8}.empty-state{text-align:center;color:var(--muted);padding:65px 30px}.empty-state h3{color:var(--ink);margin:12px 0 5px;font-size:15px}.empty-state p{margin-bottom:14px;font-size:11px}.empty-icon{width:47px;height:47px;color:var(--blue);background:#eef3ff;border-radius:15px;place-items:center;margin:auto;display:grid}.empty-icon svg{width:21px}.spinner{min-height:280px;color:var(--blue);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.spinner svg{width:20px}.avatar{object-fit:cover;border-radius:12px;flex:none;place-items:center;display:inline-grid}.avatar-sm{border-radius:9px;width:31px;height:31px}.avatar-md{width:39px;height:39px}.avatar-lg{width:58px;height:58px}.avatar-xl{border-radius:25px;width:88px;height:88px}.avatar-fallback{background:hsl(var(--hue) 73% 91%);color:hsl(var(--hue) 65% 32%);font:800 11px Manrope}.avatar-xl.avatar-fallback{font-size:22px}.drawer-wrap{z-index:80;position:fixed;inset:0}.drawer-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b111c52;position:absolute;inset:0}.drawer{background:#fff;width:min(520px,100%);height:100%;position:absolute;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #17213826}.drawer-head{border-bottom:1px solid var(--line);z-index:4;background:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 21px;display:flex;position:sticky;top:0}.profile-hero{text-align:center;background:linear-gradient(#f1f5ff 0,#fff 100%);padding:25px 20px 21px;position:relative}.profile-hero>.status{position:absolute;top:28px;right:25px}.profile-hero h2{margin:12px 0 3px;font-size:21px}.profile-hero p{color:#434a57;font-size:12px}.profile-hero>span:last-child{color:var(--muted);margin-top:5px;font-size:9px;display:block}.drawer-tabs{border-bottom:1px solid var(--line);gap:23px;height:48px;padding:0 21px;display:flex}.drawer-tabs button{color:#7c8390;background:0 0;border:0;font-size:10px;font-weight:700;position:relative}.drawer-tabs button.active{color:var(--blue)}.drawer-tabs button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:0;right:0}.drawer-tabs b{background:#eef1f5;border-radius:10px;padding:2px 5px;font-size:8px}.drawer-content{padding:3px 23px 30px}.drawer-section{border-bottom:1px solid var(--line);padding:21px 0}.drawer-section h3{margin-bottom:13px;font-size:12px}.drawer-section dl{grid-template-columns:1fr 1fr;gap:15px 25px;margin:0;display:grid}.drawer-section dl div{min-width:0}.drawer-section dt{text-transform:uppercase;letter-spacing:.06em;color:#949aa5;margin-bottom:4px;font-size:8px}.drawer-section dd{overflow-wrap:anywhere;margin:0;font-size:10.5px}.section-head{justify-content:space-between;display:flex}.document-row{border:1px solid var(--line);border-radius:11px;align-items:center;gap:9px;margin-bottom:7px;padding:9px;display:flex}.document-row>span{width:32px;height:32px;color:var(--blue);background:#edf3ff;border-radius:9px;place-items:center;display:grid}.document-row>span svg{width:15px}.document-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.document-row strong{font-size:10px}.document-row small{color:var(--muted);margin-top:2px;font-size:8px}.drawer-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:7px}.resource-tab{padding:21px 0}.resource-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.resource-heading h3{font-size:14px}.resource-heading p{color:var(--muted);margin-top:3px;font-size:9px}.resource-list{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.resource-row{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;padding:5px;transition:all .18s;display:flex}.resource-row:hover,.resource-row.selected{background:#f7f9ff;border-color:#b7ccfa;box-shadow:0 3px 12px #0558ee0f}.resource-main{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:5px;display:flex}.resource-main:disabled{cursor:not-allowed;opacity:.58}.resource-main>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.resource-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.resource-main small{color:var(--muted);margin-top:3px;font-size:8px}.resource-main>b{white-space:nowrap;margin-left:auto;font-size:10px}.resource-icon{width:35px;height:35px;color:var(--blue);background:#eaf1ff;border-radius:10px;flex:none;place-items:center;display:grid}.resource-icon.payroll{color:#587300;background:#eef8d9}.resource-icon svg{width:16px}.document-preview{border:1px solid var(--line);background:#f2f4f8;border-radius:16px;overflow:hidden}.preview-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.preview-head>div{flex-direction:column;min-width:0;display:flex}.preview-head span{letter-spacing:.12em;color:var(--blue);font:700 8px Manrope}.preview-head strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.document-preview iframe{background:#fff;border:0;width:100%;height:570px;display:block}.document-preview>img{object-fit:contain;background:#eef0f4;width:100%;max-height:570px;display:block}.preview-empty{text-align:center;min-height:220px;color:var(--muted);background:#fafbfc;border:1px dashed #cbd1dc;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.preview-empty svg{width:27px;color:var(--blue);margin-bottom:10px}.preview-empty strong{color:var(--ink);font-size:11px}.preview-empty span{max-width:270px;margin-top:4px;font-size:9px;line-height:1.45}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0b111c75;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 30px 70px #0f1b3540}.modal-wide{width:min(1060px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:22px 25px;display:flex}.modal-header h2{font-size:18px}.modal-header p{color:var(--muted);margin-top:4px;font-size:10px}.modal-body{padding:23px 25px;overflow:auto}.modal-actions,.card-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:18px;padding-top:20px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:#626975;font-size:9px;font-weight:700}.field small{color:#8a909b;font-size:8px}.field-error{color:var(--danger)!important}.field-span{grid-column:1/-1}.form-section{border-bottom:1px solid var(--line);margin-bottom:24px;padding:0 0 24px}.form-section.compact{margin-bottom:20px;padding:0 0 20px}.form-section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.form-section-title>span{width:27px;height:27px;color:var(--blue);background:#eaf1ff;border-radius:8px;place-items:center;font:800 9px Manrope;display:grid}.form-section-title h3{font-size:12px}.form-section-title p{color:var(--muted);margin-top:2px;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.alert{border-radius:10px;gap:8px;margin-bottom:15px;padding:10px 12px;font-size:10px;display:flex}.alert.error{color:#a4231a;background:#fff0ef}.input-icon{position:relative}.input-icon svg{color:#9ba0aa;position:absolute;top:13px;left:13px}.input-icon input{padding-left:41px}.drop-zone{height:135px;color:var(--muted);background:#fafbfc;border:1.5px dashed #c8ced8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;display:flex;position:relative}.drop-zone svg{color:var(--blue);margin-bottom:7px}.drop-zone strong{color:var(--ink);font-size:10px}.drop-zone span{margin-top:3px;font-size:8px}.drop-zone input{opacity:0;cursor:pointer;height:100%;position:absolute;inset:0}.toast{z-index:200;color:#fff;box-shadow:var(--shadow);background:#101216;border-radius:11px;padding:12px 16px;font-size:11px;animation:.3s toastIn;position:fixed;bottom:25px;right:25px}@keyframes toastIn{0%{opacity:0;transform:translateY(15px)}}.toast-success{border-left:4px solid var(--lime)}.payroll-chart{margin-bottom:18px}.chart{height:210px;margin-top:20px}.chart-legend{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.chart-legend i{background:var(--blue);border-radius:50%;width:7px;height:7px}.payroll-table code{background:#f1f3f6;border-radius:5px;padding:4px 6px;font-size:9px}.builder-grid{grid-template-columns:minmax(0,1fr) 260px;gap:23px;display:grid}.builder-main{min-width:0}.auto-populated{background:#eef4ff;border:1px solid #dce7ff;border-radius:13px;align-items:center;gap:9px;padding:11px;display:flex}.auto-populated>div{flex-direction:column;flex:1;display:flex}.auto-populated strong{font-size:10px}.auto-populated span{color:var(--muted);margin-top:2px;font-size:8px}.auto-populated>svg{color:var(--blue);width:17px}.line-head{justify-content:space-between;display:flex}.line-labels,.line-row{grid-template-columns:105px minmax(150px,1fr) 60px 85px 130px 35px;align-items:center;gap:7px;display:grid}.line-labels{padding:0 3px 6px}.line-labels span{color:#999faa;text-transform:uppercase;font-size:8px}.line-row{margin-bottom:7px}.line-row input,.line-row select{height:38px;padding:0 9px;font-size:10px}.amount-input{position:relative}.amount-input>span{color:#9aa0a9;z-index:1;font-size:7px;position:absolute;top:13px;left:8px}.amount-input input{padding-left:30px}.pay-summary{background:#f5f7fb;border:1px solid #e5e9f0;border-radius:19px;align-self:start;padding:20px;position:sticky;top:0}.pay-summary h3{margin:8px 0 16px;font-size:17px}.summary-person{border-bottom:1px solid #dde2e9;align-items:center;gap:9px;padding:11px 0 15px;display:flex}.summary-person>div{flex-direction:column;display:flex}.summary-person strong{font-size:10px}.summary-person span{color:var(--muted);margin-top:2px;font-size:8px}.summary-placeholder{color:#8b929f;background:#e2e6ed;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.summary-placeholder svg{width:18px}.pay-summary dl{margin:18px 0 0}.pay-summary dl div{justify-content:space-between;margin:10px 0;display:flex}.pay-summary dt{color:var(--muted);font-size:9px}.pay-summary dd{margin:0;font:700 10px Manrope}.net-total{background:var(--blue);color:#fff;border-radius:13px;flex-direction:column;margin:16px -8px;padding:15px;display:flex}.net-total span{color:#ffffffad;font-size:8px}.net-total strong{margin-top:4px;font-size:21px}.summary-note{color:#697180;gap:8px;margin:16px 0;font-size:8px;line-height:1.45;display:flex}.summary-note svg{width:16px;color:var(--blue);flex:none}.check-row{border:1px solid #dce0e8;border-radius:11px;align-items:center;gap:9px;height:44px;padding:7px 10px;display:flex}.check-row input{width:15px;height:15px}.check-row span{flex-direction:column;display:flex}.check-row strong{font-size:9px}.check-row small{color:var(--muted);font-size:7px}.attendance-check{cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:14px;align-items:center;gap:10px;min-height:66px;padding:10px 12px;transition:all .2s;display:flex}.attendance-check:hover{background:#f8faff;border-color:#aac4fb}.attendance-check.checked{border-color:var(--blue);background:#edf4ff;box-shadow:0 0 0 3px #0558ee14}.attendance-check>input{opacity:0;pointer-events:none;position:absolute}.attendance-mark{color:#0000;background:#fff;border:1.5px solid #c8ced8;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.attendance-mark svg{width:16px}.attendance-check.checked .attendance-mark{background:var(--blue);border-color:var(--blue);color:#fff}.attendance-check>span:nth-of-type(2){flex-direction:column;flex:1;display:flex}.attendance-check strong{font-size:10px}.attendance-check small{color:var(--muted);margin-top:3px;font-size:8px}.attendance-check>b{color:var(--blue);white-space:nowrap;font-size:10px}.pay-summary dl .leave-credit{border-top:1px solid #dde2e9;border-radius:9px;margin:13px -7px 0;padding:9px 7px}.pay-summary dl .leave-credit.active{background:#eaf6cf;border-color:#d4eba1}.leave-credit.active dt,.leave-credit.active dd{color:#527000}.settings-layout{grid-template-columns:220px minmax(0,780px);gap:22px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-self:start;padding:8px;display:flex}.settings-nav button{text-align:left;color:#69707d;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 11px;font-size:10px;display:flex}.settings-nav button svg{width:16px}.settings-nav button.active{color:var(--blue);background:#edf3ff;font-weight:700}.settings-content{flex-direction:column;gap:18px;display:flex}.settings-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.settings-card-head{justify-content:space-between;margin-bottom:20px;display:flex}.settings-card-head h2{font-size:15px}.settings-card-head p{color:var(--muted);margin-top:3px;font-size:9px}.avatar-edit{align-items:center;gap:14px;margin-bottom:20px;display:flex}.security-badge{color:#567400;background:#eff9df;border-radius:20px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:8px;font-weight:700;display:flex}.security-badge svg{width:13px}.month-picker{color:#626a78;background:#fff;border:1px solid #dce0e8;border-radius:11px;align-items:center;gap:8px;min-width:170px;height:42px;padding:0 11px;display:flex}.month-picker svg{width:16px;color:var(--blue)}.month-picker select{height:100%;box-shadow:none;color:#343943;cursor:pointer;background:0 0;border:0;padding:0 22px 0 0;font-size:12px;font-weight:700}.brand{height:72px;padding:0 5px 24px}.brand-wordmark{max-height:58px;object-fit:contain!important;width:172px!important;height:auto!important}.login-wordmark{z-index:2;width:280px;position:relative}.mobile-wordmark{width:210px;margin:0 0 28px}.hero-brand-mark{mix-blend-mode:screen;width:300px;position:absolute;top:50%;right:4%;transform:translateY(-50%)}.boot .brand-logo{width:240px;height:auto}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:14px;padding:18px;display:grid}.employee-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:17px;padding:18px;transition:all .2s;position:relative}.employee-card:hover{box-shadow:var(--shadow);border-color:#b7ccfa;transform:translateY(-2px)}.employee-card>.status{position:absolute;top:13px;right:13px}.employee-card h3{margin:13px 0 3px;font-size:14px}.employee-card p{color:#4d5562;min-height:31px;font-size:11px}.employee-card>small{color:var(--muted);font-size:9px}.employee-card>div{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:14px;padding-top:12px;display:flex}.employee-card>div span{color:var(--muted);font-size:8px}.employee-card>div strong{font-size:10px}.appraisal-form{background:#f6f8fc;border-radius:14px;gap:12px;margin-bottom:18px;padding:14px;display:grid}.appraisal-form textarea{resize:vertical;min-height:100px;font:inherit;border:1px solid #dce0e8;border-radius:11px;padding:12px}.appraisal-list{flex-direction:column;gap:9px;display:flex}.appraisal-list article{border:1px solid var(--line);border-radius:13px;padding:13px}.appraisal-list article strong{color:var(--blue);font-size:11px}.appraisal-list article p{margin:7px 0;font-size:10px;line-height:1.55}.appraisal-list article small{color:var(--muted);font-size:8px}.resource-copy{flex-direction:column;flex:1;display:flex}.resource-copy strong{font-size:10px}.resource-copy small{color:var(--muted);margin-top:3px;font-size:8px}.resource-row>b{font-size:10px}.draft-tools{background:#eef4ff;border:1px solid #dce7ff;border-radius:13px;justify-content:space-between;align-items:center;margin:16px 0;padding:11px;display:flex}.draft-tools>span{flex-direction:column;display:flex}.draft-tools strong{font-size:11px}.draft-tools small{color:var(--muted);margin-top:3px;font-size:9px}.draft-total{margin-right:auto;font-size:11px}.draft-total strong{color:var(--blue);font-size:14px}.employee-card-summary{min-height:188px}.employee-card-summary .employee-code{border-top:1px solid var(--line);color:#8a909b;letter-spacing:.06em;margin-top:14px;padding-top:11px;font:700 9px Manrope;display:block}.employee-detail-tabs{gap:16px;overflow-x:auto}.employee-detail-tabs button{white-space:nowrap;flex:none}.dashboard-hero{align-items:center}.hero-live-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-direction:column;justify-content:center;width:30%;min-height:145px;padding:24px;display:flex;position:absolute;right:6%}.hero-live-stats span{letter-spacing:.14em;color:var(--lime);font:700 9px Manrope}.hero-live-stats strong{color:#fff;margin:10px 0 5px;font-size:25px}.hero-live-stats small{color:#ffffffb8;font-size:9px}.schedule-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.schedule-rows{flex-direction:column;gap:8px;display:flex}.schedule-rows>div{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(170px,1fr) 130px 24px 130px;align-items:center;gap:9px;padding:10px 12px;display:grid}.schedule-rows>div.day-off{background:#f6f7f9}.schedule-toggle{grid-template-columns:18px 1fr;align-items:center;column-gap:8px;display:grid}.schedule-toggle input{grid-row:1/3;width:16px;height:16px}.schedule-toggle strong{font-size:10px}.schedule-toggle small{color:var(--muted);font-size:8px}.schedule-rows>div>span{text-align:center;color:var(--muted);font-size:9px}.schedule-view{flex-direction:column;gap:6px;display:flex}.schedule-view>div{background:#f7f9fc;border-radius:9px;justify-content:space-between;padding:9px 11px;display:flex}.schedule-view>div.day-off{color:#999;background:#f2f3f5}.schedule-view strong{font-size:10px}.schedule-view span{font-size:9px}.leave-balance-card{background:var(--blue);color:#fff;border-radius:15px;flex-direction:column;margin-bottom:14px;padding:18px;display:flex}.leave-balance-card span{letter-spacing:.13em;color:var(--lime);font:700 8px Manrope}.leave-balance-card strong{margin:7px 0 3px;font-size:25px}.leave-balance-card small{color:#ffffffb3;font-size:8px}.row-actions{align-items:center;gap:2px;display:flex}.employee-record-modal{place-items:center;padding:25px;display:grid}.employee-record-dialog{z-index:2;border-radius:22px;width:min(1040px,100%);height:min(90vh,900px);position:relative;top:auto;right:auto;overflow:auto;box-shadow:0 30px 70px #0f1b3540}.employee-record-scrim{z-index:1}.employee-record-dialog .profile-hero{padding-top:22px}.employee-record-dialog .drawer-content{padding-left:30px;padding-right:30px}.employee-record-dialog .drawer-section dl{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-robot{right:2%}.line-labels,.line-row{grid-template-columns:95px minmax(130px,1fr) 55px 75px 115px 34px}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.mobile-login-logo{align-items:center;gap:8px;margin-bottom:38px;display:flex}.mobile-login-logo img{width:45px}.mobile-login-logo strong{font-size:18px}.sidebar{transition:all .25s;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:40;background:#0000004d;position:fixed;inset:0}.mobile-close{background:0 0;border:0;margin-left:auto;display:grid}.app-main{width:100%;margin-left:0}.menu-button{background:0 0;border:0;place-items:center;width:38px;height:38px;margin-right:8px;display:grid}.topbar{padding:0 16px}.topbar .search-box{width:min(320px,45vw)}.content{padding:24px 18px}.builder-grid{grid-template-columns:1fr}.pay-summary{position:static}.modal-wide{width:100%}.settings-layout{grid-template-columns:1fr}.settings-nav{display:none}}@media (width<=600px){.login-panel{padding:25px}.login-card h2{font-size:31px}.page-head{align-items:flex-start;gap:16px}.page-head h1{font-size:26px}.page-head p{font-size:11px}.page-actions .button{padding:0 11px}.button{white-space:nowrap}.topbar>.search-box,.profile-chip div,.profile-chip>svg{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:128px;padding:15px}.metric-card strong{font-size:23px}.hero-card{height:285px;padding:28px 24px}.hero-card>div:first-child{width:80%}.hero-card h2{font-size:23px}.hero-robot{width:190px;height:190px;bottom:-82px;right:-40px}.hero-robot img{width:130px}.bubble{display:none}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar>.search-box{width:100%}.filters{overflow:auto}.filters select{min-width:135px}.dashboard-grid{gap:10px}.panel{padding:17px}.department-row{grid-template-columns:35px 110px 1fr 30px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:22px 22px 0 0;max-height:94vh}.modal-header,.modal-body{padding:18px}.form-grid{grid-template-columns:1fr}.field-span{grid-column:auto}.line-table{padding-bottom:8px;overflow:auto}.line-labels,.line-row{min-width:710px}.drawer-section dl{grid-template-columns:1fr}.drawer-content{padding-left:16px;padding-right:16px}.drawer-tabs{justify-content:space-between;gap:6px;padding:0 16px}.resource-heading{align-items:flex-start}.resource-main>b{display:none}.document-preview iframe{height:460px}.preview-head{flex-direction:column;align-items:flex-start}.preview-head .button{width:100%}.settings-card{padding:17px}.content{padding-bottom:70px}.avatar-xl{width:74px;height:74px}.payroll-chart{display:none}}@media (width<=820px){.hero-live-stats{display:none}.dashboard-hero>div:first-child{width:85%}}@media (width<=700px){.employee-record-modal{padding:10px}.employee-record-dialog{border-radius:18px;height:calc(100vh - 20px)}.employee-record-dialog .drawer-content{padding-left:16px;padding-right:16px}.employee-record-dialog .drawer-section dl{grid-template-columns:1fr}.schedule-rows>div{grid-template-columns:1fr 1fr 18px 1fr}.schedule-toggle{grid-column:1/-1}}.month-year-picker{min-width:300px;height:42px;padding:3px 10px}.month-year-picker>svg{flex:none}.month-year-picker label,.month-year-fields label{flex-direction:column;gap:1px;display:flex}.month-year-picker label{justify-content:center;gap:0;height:100%}.month-year-picker label:first-of-type{flex:1.3}.month-year-picker label:last-of-type{flex:.8}.month-year-picker label>span,.month-year-fields label>span{letter-spacing:.08em;text-transform:uppercase;color:#9298a4;font:700 7px Manrope}.month-year-picker label>span{line-height:1}.month-year-picker select{height:19px;padding:0 20px 0 0;line-height:19px}.month-year-fields{grid-template-columns:1.4fr 1fr;gap:9px;display:grid}.month-year-fields select{height:44px}.login-page{background:#f7f9fd}.login-brand{isolation:isolate;background:radial-gradient(circle at 88% 82%,#cef26233 0 16%,#0000 42%),radial-gradient(circle at 12% 8%,#5089ff4d,#0000 34%),linear-gradient(145deg,#07142e 0%,#073a9b 57%,#0758ed 100%);padding:52px clamp(48px,6vw,88px)}.login-brand:before{z-index:-1;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;width:auto;height:auto;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 74%);mask-image:linear-gradient(to bottom right,#000,#0000 74%)}.login-brand:after{content:"";z-index:-1;border:1px solid #ffffff1f;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-215px;box-shadow:0 0 0 72px #ffffff09,0 0 0 144px #ffffff06}.login-wordmark{z-index:2;filter:drop-shadow(0 8px 20px #0000001f);width:min(342px,68.4%);height:auto;display:block;position:relative}.login-copy{max-width:650px}.login-copy h1{max-width:650px;margin:26px 0 18px;font-size:clamp(44px,4.7vw,70px)}.login-copy p{max-width:540px;font-size:16px}.login-footer{color:#ffffff9e}.login-panel{background:radial-gradient(circle at 100% 0,#0558ee14,#0000 34%),#f8faff;padding:clamp(28px,5vw,72px);position:relative}.login-panel:before{content:"";background:linear-gradient(#0000,#0558ee33,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}.login-card{background:#fffffff0;border:1px solid #e5eaf3;border-radius:25px;width:min(440px,100%);padding:42px;position:relative;box-shadow:0 24px 65px #192a4d1c}.login-card h2{margin:16px 0 7px;font-size:40px}.login-card>.muted{margin-bottom:30px;line-height:1.55}.login-card .field>span{letter-spacing:.025em;color:#454d5c;margin-bottom:7px;font:700 10px Manrope;display:block}.login-card input{background:#fbfcfe;border-radius:12px;height:49px}.login-card .button-full{border-radius:12px;height:49px;margin-top:5px;font-size:13px;box-shadow:0 10px 24px #0558ee3d}.mobile-wordmark{width:230px;height:auto;margin:0 0 34px;display:none}.sidebar{box-shadow:8px 0 28px #1a2a4b09}.brand{border-bottom:1px solid var(--line);height:86px;margin:0 2px 15px;padding:4px 8px 22px}.brand-wordmark{display:block;object-fit:contain!important;width:194px!important;height:auto!important;max-height:none!important}.sidebar nav{gap:5px}.nav-item{border-radius:11px;height:45px}.nav-item.active{box-shadow:inset 3px 0 0 var(--blue);background:linear-gradient(90deg,#eaf1ff,#f3f7ff)}.logout{border-top:1px solid var(--line);border-radius:0;margin-top:auto}@media (width<=820px){.login-panel{min-height:100vh;padding:40px 24px}.login-panel:before{display:none}.login-card{padding:36px}.mobile-wordmark{display:block}.brand{margin-bottom:10px}}@media (width<=480px){.login-panel{padding:18px}.login-card{border-radius:21px;padding:29px 24px}.login-card h2{font-size:32px}.mobile-wordmark{width:205px;margin-bottom:28px}}.login-wordmark,.brand-wordmark,.mobile-wordmark{transform:translate(-14.8%)}.login-network{z-index:0;pointer-events:none;opacity:.78;width:100%;height:100%;position:absolute;inset:0}.login-brand:hover .login-network{opacity:.92}@media (prefers-reduced-motion:reduce){.login-network{opacity:.62}}@media (width<=820px){.login-page{grid-template-rows:minmax(280px,38vh) auto;grid-template-columns:1fr}.login-brand{min-height:280px;padding:28px 32px;display:flex}.login-brand .login-wordmark{width:233px}.login-copy{margin-top:auto}.login-copy .eyebrow,.login-copy p,.login-footer{display:none}.login-copy h1{max-width:540px;margin:0;font-size:clamp(30px,7vw,43px);line-height:1.02}.login-panel{min-height:auto}.mobile-wordmark{display:none}}@media (width<=480px){.login-page{grid-template-rows:250px auto}.login-brand{min-height:250px;padding:24px}.login-brand .login-wordmark{width:204px}.login-copy h1{font-size:31px}}.login-copy h1 em{font-weight:800}.login-wordmark{aspect-ratio:500/138;object-fit:contain;aspect-ratio:348/131;object-fit:contain;flex:none;width:min(192px,38.3%);transform:none}@media (width<=820px){.login-brand .login-wordmark{width:131px}}@media (width<=480px){.login-brand .login-wordmark{width:114px}}.login-wordmark{aspect-ratio:1125/400;transform:none}.brand-wordmark{aspect-ratio:1124/412;flex:none;object-fit:contain!important;width:119px!important;transform:none!important}.mobile-wordmark{aspect-ratio:1124/412;transform:none}.boot .brand-logo{aspect-ratio:1125/400;object-fit:contain;width:210px}.nav-parent,.nav-subparent{cursor:pointer;text-align:left}.nav-parent.active-parent,.nav-subparent.active-parent{color:var(--blue)}.nav-chevron{place-items:center;margin-left:auto;display:grid}.nav-chevron svg{width:14px;height:14px}.nav-children{border-left:1px solid #dfe5ef;flex-direction:column;gap:3px;margin:1px 0 4px 18px;padding-left:10px;display:flex}.nav-children>.nav-item{height:36px;padding-left:10px;font-size:11px}.nav-children>.nav-item svg{display:none}.nav-subparent{font-weight:700}.nav-grandchildren{flex-direction:column;margin-left:12px;display:flex}.nav-grandchildren .nav-item{height:34px;padding-left:13px;font-size:10px}.field-invalid>span{color:var(--danger)}.field-invalid input,.field-invalid select,.field-invalid textarea{box-shadow:0 0 0 3px #d9362d17;border-color:var(--danger)!important;background:#fff8f7!important}.employee-builder .builder-main{padding-right:2px}.employee-summary h3{margin-bottom:18px}.employee-summary dd{text-align:right;max-width:150px}.employee-schedule{border-top:0;margin-top:0;padding-top:0}.leave-adjust-form{background:#f4f7ff;border:1px solid #dce7ff}.leave-adjust-form .resource-heading{margin-bottom:2px}.selectable-payroll .select-column{width:42px;padding-left:18px;padding-right:4px}.selectable-payroll th.select-column,.selectable-payroll td.select-column{vertical-align:middle;display:table-cell}.selectable-payroll td:nth-child(2){align-items:center;gap:10px;min-width:210px;display:flex}.selectable-payroll td:nth-child(2)>.employee-identity{flex-direction:column;min-width:0;display:flex}.selectable-payroll td:nth-child(2)>.employee-identity strong,.selectable-payroll td:nth-child(2)>.employee-identity span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.selectable-payroll td:nth-child(2)>.avatar{place-items:center;display:inline-grid;overflow:visible}.selectable-payroll input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.selectable-payroll .selected-row{background:#f1f6ff}.approved-check{color:#78a400;width:16px;display:block}.appraisals-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);gap:18px;margin-bottom:18px;display:grid}.appraisal-calendar{overflow:hidden}.calendar-key{color:var(--muted);gap:12px;font-size:10px;display:flex}.calendar-key span{align-items:center;gap:5px;display:flex}.calendar-key i{border-radius:50%;width:7px;height:7px}.calendar-key .scheduled{background:var(--blue)}.calendar-key .completed{background:#78a400}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays{border:1px solid var(--line);background:#f8fafc;border-bottom:0;border-radius:12px 12px 0 0;margin-top:20px}.calendar-weekdays span{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:9px;font:700 9px Manrope}.calendar-day{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:104px;padding:7px}.calendar-day:nth-child(7n+1){border-left:1px solid var(--line)}.calendar-day>b{color:#6f7784;font-size:10px}.calendar-day>div{flex-direction:column;gap:4px;margin-top:5px;display:flex}.calendar-empty{background:#fafbfc}.calendar-event{text-align:left;border:0;border-radius:7px;padding:5px 6px;overflow:hidden}.calendar-event span,.calendar-event small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.calendar-event span{font-size:9px;font-weight:700}.calendar-event small{text-transform:capitalize;margin-top:2px;font-size:8px}.calendar-event.scheduled{color:#174baf;background:#eaf1ff}.calendar-event.completed{color:#587300;background:#eef8de}.agenda-list{flex-direction:column;margin-top:14px;display:flex}.agenda-list article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.agenda-list article>div{flex-direction:column;display:flex}.agenda-list strong{font-size:11px}.agenda-list span,.agenda-list small{color:var(--muted);margin-top:2px;font-size:9px}.agenda-list time{color:var(--blue);font-size:9px;font-weight:700}.appraisal-insight{color:var(--blue);background:#f2f6ff;border-radius:12px;gap:9px;margin-top:15px;padding:12px;display:flex}.appraisal-insight svg{width:16px}.appraisal-insight div{flex-direction:column;display:flex}.appraisal-insight strong{font-size:11px}.appraisal-insight span{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.5}.appraisal-analytics{margin-bottom:20px}.organisation-layout{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);gap:18px;display:grid}.organisation-form{align-self:start}.organisation-form .panel-head>svg{color:var(--blue)}.organisation-form form{flex-direction:column;gap:13px;margin-top:22px;display:flex}.organisation-form .button{align-self:flex-start}.organisation-form input{font-size:11px}.organisation-list{min-height:320px}.organisation-alert{margin:15px 18px 0}.department-management{padding:8px 18px 18px}.department-management article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 2px;display:grid}.department-management article>div:not(.row-actions){flex-direction:column;display:flex}.department-management strong{font-size:11px}.department-management small{color:var(--muted);margin-top:3px;font-size:9px}.department-management article>input{height:38px}@media (width<=1000px){.appraisals-layout,.organisation-layout{grid-template-columns:1fr}.appraisal-agenda{order:2}.employee-builder{grid-template-columns:1fr}.employee-summary{position:static}}@media (width<=700px){.calendar-day{min-height:75px;padding:4px}.calendar-event small{display:none}.calendar-event span{font-size:8px}.calendar-weekdays span{padding:6px 2px}.appraisal-calendar{padding:13px}.selectable-payroll .select-column{padding-left:8px}}.time-off-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px;display:grid}.time-off-schedule>.search-box{width:100%;margin:18px 0 6px}.time-off-view{border:1px solid var(--line);background:#f7f9fc;border-radius:10px;align-items:center;padding:3px;display:flex}.time-off-view button{height:28px;color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:9px;font-weight:700}.time-off-view button.active{color:var(--blue);background:#fff;box-shadow:0 2px 7px #252e4217}.time-off-event-list{flex-direction:column;display:flex}.time-off-event{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) auto auto 36px;align-items:center;gap:11px;padding:14px 2px;display:grid}.time-off-event:last-child{border-bottom:0}.time-off-event-copy{flex-direction:column;min-width:0;display:flex}.time-off-event-copy strong{font-size:11px}.time-off-event-copy span{color:#56606f;margin-top:3px;font-size:9px}.time-off-event-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.time-off-event-date{text-align:right;flex-direction:column;display:flex}.time-off-event-date time{color:var(--ink);font-size:10px;font-weight:700}.time-off-event-date span{color:var(--muted);margin-top:3px;font-size:8px}.time-off-state{text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;min-width:64px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.time-off-state.current{color:#587300;background:#eef8de}.time-off-state.upcoming{color:var(--blue);background:#eaf1ff}.time-off-state.past{color:#6f7784;background:#f0f2f5}.time-off-state.cancelled{color:var(--danger);background:#fff0ee}.time-off-now{align-self:start}.away-list{flex-direction:column;margin-top:16px;display:flex}.away-list article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.away-list article>div{flex-direction:column;display:flex}.away-list strong,.next-away b{font-size:10px}.away-list span,.away-list small,.next-away small{color:var(--muted);margin-top:2px;font-size:8px}.all-present{color:#587300;background:#f0f9df;border-radius:13px;align-items:center;gap:10px;margin-top:16px;padding:14px;display:flex}.all-present>svg{width:18px}.all-present>div{flex-direction:column;display:flex}.all-present strong{font-size:11px}.all-present span{color:#718046;margin-top:3px;font-size:8px}.next-away{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.next-away>strong{margin-bottom:7px;font-size:10px;display:block}.next-away>div{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 0;display:grid}.next-away>div>span{flex-direction:column;display:flex}.next-away em{color:var(--blue);font-size:9px;font-style:normal;font-weight:700}.next-away p{color:var(--muted);padding:10px 0;font-size:9px}.time-off-balances{margin-bottom:18px}.time-off-balances .table-title>p{color:var(--muted);font-size:9px}.time-off-balances .employee-table{min-width:880px}.balance-pill{color:#587300;background:#eef8de;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.balance-pill.low{color:var(--danger);background:#fff0ee}.leave-booking-summary{background:#f5f8ff;border:1px solid #dce7ff;border-radius:13px;align-items:center;gap:10px;margin-top:-5px;padding:11px 12px;display:flex}.leave-booking-summary>div{flex-direction:column;min-width:0;display:flex}.leave-booking-summary strong{font-size:11px}.leave-booking-summary span{color:var(--muted);margin-top:2px;font-size:8px}.leave-booking-summary>b{color:var(--blue);white-space:nowrap;margin-left:auto;font-size:10px}.leave-calculation-note{color:var(--muted);background:#f7f8fa;border-radius:12px;gap:9px;margin-top:12px;padding:11px 12px;font-size:9px;line-height:1.5;display:flex}.leave-calculation-note svg{width:16px;color:var(--blue);flex:none}@media (width<=1000px){.time-off-layout{grid-template-columns:1fr}.time-off-now{order:-1}.time-off-balances .table-title>p{display:none}}@media (width<=700px){.time-off-event{grid-template-columns:auto 1fr auto}.time-off-event-date{text-align:left;grid-column:2}.time-off-state{grid-area:1/3}.time-off-event>.icon-button{grid-area:2/3}.time-off-view{overflow-x:auto}.leave-booking-summary{flex-wrap:wrap;align-items:flex-start}.leave-booking-summary>b{margin-left:48px}}.employee-record-builder{align-items:start}.employee-record-tabs{gap:20px;margin:-5px 0 22px;padding:0;overflow-x:auto}.employee-record-tabs button{min-width:max-content}.employee-record-content{min-width:0}.record-section:last-child{border-bottom:0;margin-bottom:0}.record-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 20px;margin:0;display:grid}.record-details-grid>div{border:1px solid var(--line);background:#fafbfc;border-radius:11px;min-width:0;padding:10px 11px}.record-details-grid dt{text-transform:uppercase;letter-spacing:.055em;color:#8c94a2;margin-bottom:5px;font-size:8px}.record-details-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:10.5px;line-height:1.4}.record-section>.drawer-section{border:0;padding:0}.record-section>.drawer-section>h3{display:none}.employee-record-summary>.status{margin:14px 0 5px}.employee-record-summary .summary-person{align-items:flex-start}.employee-record-summary .summary-person>div{min-width:0}.employee-record-summary .summary-person span{line-height:1.4}.employee-record-summary dd{text-align:right;overflow-wrap:anywhere;max-width:135px}.employee-record-content .resource-tab{padding-top:0}.employee-record-content .document-preview iframe{height:430px}@media (width<=900px){.record-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.record-details-grid{grid-template-columns:1fr}.employee-record-tabs{gap:14px}.employee-record-content .document-preview iframe{height:360px}}.payroll-run-actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=700px){.payroll-run-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.table-title{flex-wrap:wrap;gap:10px}}.modal{--popup-title-size:18px;--popup-subtitle-size:10px;--popup-section-title-size:12px;--popup-supporting-size:9px;--popup-label-size:9px;--popup-control-size:13px;--popup-placeholder-size:12px;--popup-body-size:10px;--popup-helper-size:8px;--popup-summary-title-size:17px;--popup-button-size:12px;--popup-small-button-size:11px}.modal input::placeholder,.modal textarea::placeholder{font-size:var(--popup-placeholder-size);color:#9aa1ad;opacity:1}.profile-photo-picker{cursor:pointer;background:#fff;border:1px solid #dce0e8;border-radius:11px;align-items:center;gap:10px;height:44px;padding:5px 11px 5px 6px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.profile-photo-picker:hover{background:#fbfcff;border-color:#b8c8e8}.profile-photo-picker:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0558ee1a}.profile-photo-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profile-photo-action{height:32px;color:var(--blue);background:#eaf1ff;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.profile-photo-action svg{width:14px;height:14px}.profile-photo-name{text-overflow:ellipsis;white-space:nowrap;color:#8c94a2;min-width:0;font-size:11px;overflow:hidden}.profile-photo-picker.has-file .profile-photo-name{color:var(--ink);font-weight:600}.modal .modal-header h2{font-size:var(--popup-title-size);line-height:1.25}.modal .modal-header p{font-size:var(--popup-subtitle-size);line-height:1.45}.modal .form-section-title h3,.modal .resource-heading h3,.modal .drawer-section h3{font-size:var(--popup-section-title-size);line-height:1.35}.modal .form-section-title p,.modal .resource-heading p{font-size:var(--popup-supporting-size);line-height:1.4}.modal .field>span{font-size:var(--popup-label-size);line-height:1.3}.modal .field small,.modal .field-error{font-size:var(--popup-helper-size);line-height:1.35}.modal .field input,.modal .field select,.modal .field textarea,.modal .schedule-rows input{font-size:var(--popup-control-size)}.modal .button{font-size:var(--popup-button-size)}.modal .button-small{font-size:var(--popup-small-button-size)}.modal .pay-summary h3{font-size:var(--popup-summary-title-size)}.modal .pay-summary dt,.modal .record-details-grid dt{font-size:var(--popup-label-size)}.modal .pay-summary dd,.modal .record-details-grid dd,.modal .resource-main strong,.modal .resource-main>b,.modal .appraisal-list article p,.modal .schedule-view strong,.modal .summary-person strong,.modal .auto-populated strong{font-size:var(--popup-body-size)}.modal .summary-person span,.modal .auto-populated span,.modal .resource-main small,.modal .appraisal-list article small{font-size:var(--popup-helper-size)}.modal .drawer-tabs button{font-size:var(--popup-body-size)}.modal .drawer-tabs b{font-size:var(--popup-helper-size)}.modal .alert,.modal .drop-zone strong{font-size:var(--popup-body-size)}.modal .drop-zone span{font-size:var(--popup-helper-size)}.employee-record-dialog{--popup-section-title-size:13px;--popup-supporting-size:10px;--popup-label-size:10px;--popup-body-size:12px;--popup-helper-size:9px;height:min(850px,100vh - 50px);overflow:hidden}.employee-record-dialog>.modal-body{flex:1;min-height:0;overflow:hidden}.employee-record-dialog .employee-record-builder{align-items:stretch;height:100%;min-height:0}.employee-record-dialog .employee-record-builder>.builder-main{flex-direction:column;min-height:0;display:flex}.employee-record-dialog .employee-record-tabs{flex:none}.employee-record-dialog .employee-record-content{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b8c3d3 transparent;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.employee-record-dialog .employee-record-content::-webkit-scrollbar{width:8px}.employee-record-dialog .employee-record-content::-webkit-scrollbar-track{background:0 0}.employee-record-dialog .employee-record-content::-webkit-scrollbar-thumb{background:#b8c3d3;border:2px solid #fff;border-radius:999px;min-height:42px}.employee-record-dialog .employee-record-content::-webkit-scrollbar-thumb:hover{background:var(--blue)}.employee-record-dialog .employee-record-content::-webkit-scrollbar-button{width:0;height:0;display:none}.employee-record-dialog .employee-record-summary{align-self:stretch;overflow-y:auto}.employee-record-summary .button-danger{margin-top:8px}.modal .schedule-toggle strong{font-size:var(--popup-control-size);line-height:1.25}.modal .schedule-toggle small{font-size:var(--popup-helper-size);margin-top:2px;line-height:1.3}.modal .schedule-rows>div>span{font-size:var(--popup-supporting-size)}.modal .schedule-rows input[type=time]{font-size:var(--popup-control-size);font-variant-numeric:tabular-nums}.modal .schedule-rows input[type=time]::-webkit-datetime-edit{font-size:var(--popup-control-size);font-variant-numeric:tabular-nums}.employee-record-dialog .record-details-grid dd{font-size:13px;line-height:1.45}.employee-record-dialog .schedule-view span{font-size:11px}.employee-record-dialog .summary-note{font-size:9px}@media (width<=600px){.employee-record-dialog{height:calc(100vh - 20px)}}.appraisal-page-actions{align-items:center}.calendar-key .overdue{background:var(--danger)}.calendar-event.overdue{color:#a32b22;background:#fff0ee}.calendar-event{cursor:pointer;transition:all .16s}.calendar-event:hover{filter:brightness(.97);transform:translateY(-1px)}.agenda-list{gap:5px}.agenda-item{border:1px solid #0000;border-bottom-color:var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 8px;display:grid}.agenda-item:hover{background:#f7f9fd;border-color:#dce5f5}.agenda-copy{flex-direction:column;min-width:0;display:flex}.agenda-copy strong{font-size:11px}.agenda-copy>span{color:#4f5868;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.agenda-copy small{color:var(--muted);margin-top:3px;font-size:8px}.agenda-item time{color:var(--blue);white-space:nowrap;font-size:9px;font-weight:700}.agenda-item.overdue time{color:var(--danger)}.appraisal-history{margin-bottom:18px}.history-count{color:var(--muted);background:#f0f2f6;border-radius:20px;padding:4px 7px;font-size:9px}.appraisal-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.appraisal-history-grid>button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;transition:all .16s;display:grid}.appraisal-history-grid>button:hover{background:#f8faff;border-color:#b9cdf5;transform:translateY(-1px)}.appraisal-history-grid>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.appraisal-history-grid strong{font-size:11px}.appraisal-history-grid small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.history-rating{color:var(--blue);background:#edf3ff;border-radius:8px;padding:5px 7px;font-size:10px;font-weight:700}.appraisal-history-grid svg{color:#9aa2ae;width:15px}.modal .field textarea{width:100%;min-height:96px;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dce0e8;border-radius:11px;outline:none;padding:11px 13px;font-family:inherit}.modal .field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0558ee1a}.appraisal-detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:23px;display:grid}.appraisal-detail-person{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:20px;padding:12px 0 18px;display:flex}.appraisal-detail-person>div{flex-direction:column;min-width:0;display:flex}.appraisal-detail-person strong{font-size:13px}.appraisal-detail-person span,.appraisal-detail-person small{color:var(--muted);margin-top:2px;font-size:10px}.appraisal-state{text-transform:capitalize;border-radius:20px;padding:6px 9px;font-weight:700;margin-left:auto!important;font-size:9px!important}.appraisal-state.scheduled{color:var(--blue);background:#eaf1ff}.appraisal-state.overdue{color:var(--danger);background:#fff0ee}.appraisal-state.completed{color:#587300;background:#eef8de}.appraisal-outcome-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.appraisal-outcome-grid article{border:1px solid var(--line);background:#fafbfc;border-radius:13px;min-height:120px;padding:15px}.appraisal-outcome-grid h3{margin-bottom:8px;font-size:12px}.appraisal-outcome-grid p{color:#535c6b;font-size:11px;line-height:1.55}.appraisal-detail-summary{align-self:stretch;position:static}.appraisal-detail-summary dd{text-align:right;text-transform:capitalize;max-width:145px}@media (width<=900px){.appraisal-detail-layout{grid-template-columns:1fr}.appraisal-detail-summary{display:none}.appraisal-history-grid{grid-template-columns:1fr}}@media (width<=700px){.appraisal-page-actions{flex-wrap:wrap;width:100%}.appraisal-page-actions .month-year-picker{flex:1;min-width:230px}.appraisal-history-grid{grid-template-columns:1fr}.calendar-key{flex-wrap:wrap}.agenda-item{padding-left:2px;padding-right:2px}}