:root{--brand-primary:#06446f;--brand-accent:#f58220;--navy:#0b1830;--navy-2:#122542;--gold:#d8a94b;--gold-light:#fbf3e2;--ink:#162239;--muted:#718096;--line:#e5eaf0;--canvas:#f5f7fa;--white:#fff;--green:#168b68;--green-light:#e7f6f0;--blue:#3275d8;--blue-light:#eaf2ff;--red:#c84f58;--red-light:#fdecee;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Segoe UI Variable Display,Segoe UI,system-ui,sans-serif}.logo{color:var(--navy);letter-spacing:2px;align-items:center;gap:11px;font:800 18px/1 Segoe UI,sans-serif;display:flex}.logo.light{color:#fff}.logo-mark{width:35px;height:35px;color:var(--navy);background:var(--gold);border-radius:11px;place-items:center;display:grid;transform:rotate(-3deg)}.logo-mark svg{transform:rotate(3deg)}.logo small{letter-spacing:4px;color:var(--gold);margin-top:5px;font-size:8px;display:block}.eyebrow{color:#68778c;letter-spacing:1.8px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.grow{flex:1;min-width:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--navy);color:#fff;box-shadow:0 7px 18px #0b183021}.button-secondary{color:var(--navy);border:1px solid var(--line);background:#fff}.button-ghost{color:#526276;background:#f2f4f7}.button-wide{width:100%}.button-small{border:1px solid var(--line);color:#35445a;background:#fff;min-height:34px;padding:0 12px;font-size:12px}.icon-button{color:#526276;background:#f4f6f8;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.text-button{color:#48617e;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.login-page{background:#fff;grid-template-columns:minmax(460px,1.08fr) minmax(460px,.92fr);min-height:100vh;display:grid}.login-story{color:#fff;background:var(--navy);flex-direction:column;min-height:100vh;padding:48px 60px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #d8a94b2e;border-radius:50%;width:470px;height:470px;position:absolute;top:9%;right:-150px;box-shadow:0 0 0 55px #d8a94b06,0 0 0 110px #d8a94b05}.story-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.secure-pill{color:#cbd6e4;border:1px solid #ffffff21;border-radius:100px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.story-copy{z-index:1;max-width:590px;margin:auto 0 70px;position:relative}.story-copy h1{letter-spacing:-3px;margin:17px 0 22px;font-size:clamp(48px,5vw,76px);line-height:1.03}.story-stats{z-index:1;border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);max-width:600px;padding-top:22px;display:grid;position:relative}.story-stats div{flex-direction:column;gap:6px;display:flex}.route-art{opacity:.36;width:370px;height:300px;position:absolute;bottom:-80px;right:-15px;transform:rotate(-7deg)}.route-art:after{content:"";border:0 dashed #d8a94b8c;border-top-width:2px;border-radius:50%;position:absolute;inset:20px;transform:rotate(25deg)}.route-art .pin{border:3px solid var(--gold);border-radius:50%;width:12px;height:12px;position:absolute}.route-art .one{top:120px;left:40px}.route-art .two{top:58px;right:25px}.login-panel{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);place-items:center;padding:50px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{color:var(--navy);letter-spacing:-.8px;margin:12px 0 8px;font-size:30px}.login-card>p.muted{margin-bottom:34px;font-size:14px}.login-card label,.modal-card label{color:#344259;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:700;display:flex}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe2e9;border-radius:10px;outline:none;transition:all .2s}input,select{height:47px;padding:0 14px}textarea{resize:vertical;padding:13px 14px}.login-card .button{justify-content:center;min-height:49px;margin-top:5px;position:relative}.login-card .button>svg:last-child{position:absolute;right:16px}.demo-box{background:#fafbfc;border:1px dashed #d8dee6;border-radius:11px;justify-content:space-between;align-items:center;margin-top:24px;padding:13px 14px;display:flex}.demo-box>span{color:#7a8798;font-size:11px;font-weight:600}.demo-box div{gap:6px;display:flex}.demo-box button{color:#4b5d73;background:#edf1f5;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.login-help{text-align:center;color:#8793a3;margin:22px 0 0;font-size:11px}.mobile-logo{margin-bottom:35px;display:none}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{z-index:30;color:#fff;background:var(--navy);flex-direction:column;width:244px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{height:58px;padding:0 10px}.sidebar nav{flex-direction:column;gap:5px;margin-top:24px;padding-bottom:12px;display:flex;overflow-y:auto}.sidebar nav button{color:#94a4b9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 13px;font-size:13px;transition:all .18s;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0e}.sidebar nav button.active{color:#fff;background:#ffffff1a}.sidebar nav button.active:before{content:"";background:var(--gold);border-radius:0 4px 4px 0;width:3px;height:25px;position:absolute;left:-18px}.sidebar nav em{width:18px;height:18px;color:var(--navy);background:var(--gold);border-radius:50%;place-items:center;margin-left:auto;font-size:10px;font-style:normal;font-weight:800;display:grid}.sidebar-foot{border-top:1px solid #ffffff1a;align-items:center;gap:9px;margin-top:auto;padding:15px 10px 2px;display:flex}.sidebar-foot>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-foot strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-foot span{color:#7f91a9;margin-top:3px;font-size:9px}.sidebar-foot button{color:#8192a8;background:0 0;border:0;width:28px;height:28px;padding:0}.mini-avatar{width:34px;height:34px;color:var(--navy);background:var(--gold);border-radius:10px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.mobile-close,.menu-button{display:none}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(25px,4vw,52px);display:flex}.topbar p{color:#8290a1;margin:0 0 4px;font-size:10px}.topbar h1{color:var(--navy);letter-spacing:-.3px;margin:0;font-size:19px}.top-user{color:#627086;align-items:center;gap:8px;font-size:11px;display:flex}.top-user .mini-avatar{margin-left:10px}.status-dot{background:#24a878;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e6f5ef}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:38px clamp(25px,4vw,52px) 70px}.welcome-row,.section-intro{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:29px;display:flex}.welcome-row h2,.section-intro h2{color:var(--navy);letter-spacing:-.7px;margin:7px 0;font-size:27px}.welcome-row p,.section-intro p{color:var(--muted);margin:0;font-size:13px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.metrics-grid.employee-metrics{grid-template-columns:repeat(3,1fr)}.metrics-grid.work-metrics{grid-template-columns:repeat(4,1fr)}.metrics-grid.compact{grid-template-columns:repeat(3,1fr)}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:16px;min-width:0;min-height:112px;padding:20px;display:flex;box-shadow:0 3px 10px #172b4406}.metric-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.metric-icon.green{color:var(--green);background:var(--green-light)}.metric-icon.gold{color:#a87415;background:var(--gold-light)}.metric-icon.blue{color:var(--blue);background:var(--blue-light)}.metric-card>div:last-child{grid-template-columns:auto auto;align-items:center;column-gap:8px;min-width:0;display:grid}.metric-card span{color:#7c899a;grid-column:1/-1;font-size:10px}.metric-card strong{min-width:0;color:var(--navy);overflow-wrap:anywhere;font-size:25px;line-height:1.2}.metric-card small{color:#9aa4b2;grid-column:1/-1;margin-top:4px;font-size:9px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 4px 16px #22344e06}.panel-head{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:0 22px;display:flex}.panel-head h3{color:var(--navy);margin:0 0 5px;font-size:14px}.panel-head p{color:#8b97a6;margin:0;font-size:10px}.dashboard-grid{grid-template-columns:1.35fr .8fr;gap:17px;display:grid}.dashboard-grid.employee-grid{grid-template-columns:1fr 1fr}.loading{color:#8a96a5;align-content:center;place-items:center;gap:11px;min-height:220px;font-size:11px;display:grid}.empty{text-align:center;align-content:center;place-items:center;min-height:230px;padding:30px;display:grid}.empty>span{color:#75869b;background:#f0f3f6;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:11px;display:grid}.empty strong{color:#344258;font-size:13px}.empty p{color:#919ba8;max-width:260px;margin:6px 0 0;font-size:10px}.avatar{color:#5b451c;background:#f5e7c8;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.avatar.small{border-radius:9px;width:31px;height:31px;font-size:10px}.people-list>div,.request-mini-list>div{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;min-height:66px;margin:0 22px;display:flex}.people-list>div:last-child,.request-mini-list>div:last-child{border-bottom:0}.people-list .grow,.request-mini-list .grow{flex-direction:column;gap:4px;display:flex}.people-list strong,.request-mini-list strong{color:#2c394d;font-size:11px}.people-list .grow span,.request-mini-list .grow span{color:#8c97a4;font-size:9px}.time-cell{flex-direction:column;gap:3px;width:74px;display:flex}.time-cell strong{font-size:11px}.time-cell span{color:#9aa3af;font-size:8px}.attendance-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-light);border-radius:50%}.attendance-dot.done{background:var(--blue);box-shadow:0 0 0 4px var(--blue-light)}.request-mini-list .status{margin-left:auto}.status{border-radius:100px;align-items:center;gap:3px;width:max-content;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.employee-hero{color:#fff;background:var(--navy);border-radius:17px;min-height:205px;margin-bottom:18px;padding:31px 330px 30px 32px;position:relative;overflow:hidden}.employee-hero:after{content:"";border:1px solid #d8a94b29;border-radius:50%;width:300px;height:300px;position:absolute;top:-180px;right:210px;box-shadow:0 0 0 45px #d8a94b06}.employee-hero h2{margin:8px 0 7px;font-size:26px}.employee-hero>div:first-child>p{color:#a9b7c9;max-width:520px;font-size:12px}.hero-clock{align-items:center;gap:14px;margin-top:25px;display:flex}.hero-clock strong{font-size:20px}.hero-clock span{color:#92a3b9;border-left:1px solid #ffffff24;gap:5px;padding-left:14px;font-size:10px;display:flex}.scan-button{z-index:2;text-align:left;color:#fff;background:#ffffff13;border:1px solid #ffffff21;border-radius:15px;align-items:center;gap:15px;width:280px;padding:22px;transition:all .2s;display:flex;position:absolute;top:29px;bottom:29px;right:27px}.scan-button:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.scan-button>span{width:54px;height:54px;color:var(--navy);background:var(--gold);border-radius:16px;place-items:center;display:grid}.scan-button>div{flex:1}.scan-button small{color:#889bb2;letter-spacing:1px;margin-bottom:6px;font-size:8px;display:block}.scan-button strong{font-size:15px}.enrol-warning{gap:5px;width:275px;display:flex;position:absolute;bottom:7px;right:31px;color:#e5bd6d!important;font-size:9px!important}.balance-list{padding:8px 22px 16px}.balance-list>div{border-bottom:1px solid #f0f2f4;align-items:center;gap:13px;min-height:75px;display:flex}.balance-list>div:last-child{border:0}.leave-symbol{border-radius:11px;flex:none;place-items:center;width:37px;height:37px;display:grid}.leave-symbol svg{width:17px}.leave-symbol.general{color:#9b6b11;background:var(--gold-light)}.leave-symbol.medical{color:var(--blue);background:var(--blue-light)}.leave-symbol.paid{color:var(--green);background:var(--green-light)}.balance-list .grow{grid-template-columns:1fr auto;display:grid}.balance-list strong{font-size:11px}.balance-list span{color:#8a96a4;font-size:9px}.balance-list b{text-align:right;width:38px;color:var(--navy);font:700 20px Segoe UI,sans-serif}.progress{background:#edf0f3;border-radius:3px;grid-column:1/-1;height:4px;margin-top:9px;overflow:hidden}.progress i{background:var(--gold);border-radius:3px;height:100%;display:block}.simple-table{padding:9px 22px 16px}.simple-table>div{border-bottom:1px solid #f0f2f4;grid-template-columns:1fr 55px 20px 70px;align-items:center;gap:10px;min-height:55px;font-size:10px;display:grid}.simple-table>div:last-child{border:0}.simple-table span{color:#647388}.simple-table strong{font-size:10px}.simple-table i{color:#b2bac4;font-style:normal}.table-panel{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:0 21px;display:flex}.search-box{border:1px solid var(--line);color:#8b98a7;border-radius:9px;align-items:center;gap:8px;width:min(320px,60%);height:39px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;height:36px;padding:0;font-size:11px;box-shadow:none!important}.year-select{color:#788697;align-items:center;gap:9px;font-size:10px;display:flex}.year-select select{width:90px;height:37px;font-size:11px}.data-table{min-width:760px}.table-panel{overflow-x:auto}.table-row{color:#657287;border-bottom:1px solid #edf0f3;align-items:center;gap:18px;min-height:67px;padding:0 22px;font-size:10px;display:grid}.table-row:last-child{border-bottom:0}.table-header{color:#929ca9;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;min-height:43px;font-size:9px;font-weight:700}.employee-table{min-width:1080px}.employee-table .table-row{grid-template-columns:1.8fr 1fr .65fr .42fr .48fr .5fr .75fr .6fr}.attendance-admin .table-row{grid-template-columns:1.5fr .9fr .6fr .6fr .8fr 1fr}.attendance-self .table-row{grid-template-columns:1.2fr .8fr .8fr .8fr 1fr}.leave-table .table-row{grid-template-columns:.7fr 1.5fr .7fr 1.4fr .7fr}.report-table{min-width:900px}.report-table .table-row{grid-template-columns:1.5fr 1.1fr .65fr .75fr .7fr 1.25fr}.pending-number{color:#a87415!important}.employee-cell{align-items:center;gap:10px;min-width:0;display:flex}.employee-cell>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-cell strong{color:#263449;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.employee-cell span{color:#929ca9;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.table-row>strong{color:#344257;font-size:10px}.face-state{color:#956a18;background:var(--gold-light);border:0;border-radius:100px;align-items:center;gap:5px;width:max-content;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.month-control{color:#748195;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.month-control input{width:155px;height:40px;font-size:11px}.filter-tabs{border:1px solid var(--line);background:#fff;border-radius:11px;gap:2px;width:max-content;margin-bottom:15px;padding:4px;display:flex}.filter-tabs button{color:#778496;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.filter-tabs button.active{color:var(--navy);background:#eef1f4}.filter-tabs button span{width:17px;height:17px;color:var(--navy);background:var(--gold);border-radius:50%;place-items:center;font-size:8px;display:grid}.request-panel{padding:7px 20px}.request-card{border-bottom:1px solid var(--line);padding:20px 4px}.request-card:last-child{border:0}.request-person{align-items:center;gap:11px;display:flex}.request-person>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.request-person strong{color:#263449;font-size:12px}.request-person span:not(.status){color:#8c97a6;font-size:9px}.request-person .status{margin-left:auto}.request-details{background:#f8fafb;border-radius:10px;grid-template-columns:1fr 1.8fr 1fr;margin:17px 0;padding:14px 17px;display:grid}.request-details div{flex-direction:column;gap:5px;display:flex}.request-details span,.request-reason span{color:#909ba8;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.request-details strong{color:#344258;font-size:10px}.request-reason p{color:#59677a;margin:4px 0 0;font-size:11px}.review-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060f1db3;place-items:center;padding:25px;animation:.18s fade;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal-card,.scanner-modal{background:#fff;border-radius:17px;width:min(510px,100%);padding:31px;animation:.22s rise;position:relative;box-shadow:0 30px 70px #050e1b47}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}.modal-card h2,.scanner-modal h2{color:var(--navy);margin:8px 0 7px;font-size:23px}.modal-close{position:absolute;top:18px;right:18px}.allocation-total,.selected-balance{background:var(--navy);color:#fff;border-radius:11px;justify-content:space-between;align-items:center;margin:22px 0 17px;padding:15px 17px;display:flex}.allocation-total span,.selected-balance span{color:#aebacd;font-size:10px}.allocation-total strong,.selected-balance strong{color:var(--gold);font-size:22px}.allocation-total small,.selected-balance small{color:#aebacd;font-size:9px}.allocation-input{border-bottom:1px solid #edf0f3;align-items:center;min-height:61px;flex-direction:row!important;gap:11px!important;margin:0!important}.allocation-input>div{flex-direction:column;flex:1;gap:3px;display:flex}.allocation-input strong{font-size:11px}.allocation-input small{color:#929ca9;font-size:8px}.allocation-input input{text-align:center;width:80px;height:37px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.modal-form{width:min(650px,100%)}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-note{color:#607086;background:#f1f5f9;border-radius:8px;gap:6px;padding:10px 12px;font-size:9px;display:flex}.scanner-modal{text-align:center;width:min(470px,100%)}.scanner-heading p{color:#7c8898;font-size:11px;line-height:1.5}.camera-stage{aspect-ratio:4/3;background:#101c2f;border-radius:16px;margin:20px 0 13px;position:relative;overflow:hidden}.camera-stage video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.face-guide{border:1px solid #ffffff61;border-radius:48% 48% 44% 44%;width:47%;height:67%;position:absolute;top:16%;left:26.5%}.face-guide span{border-color:var(--gold);border-style:solid;width:27px;height:27px;position:absolute}.face-guide span:first-child{border-width:3px 0 0 3px;border-radius:10px 0 0;top:-2px;left:-2px}.face-guide span:nth-child(2){border-width:3px 3px 0 0;border-radius:0 10px 0 0;top:-2px;right:-2px}.face-guide span:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 10px;bottom:-2px;left:-2px}.face-guide span:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 10px;bottom:-2px;right:-2px}.camera-placeholder,.success-flash{color:#a9b6c8;background:#101c2f;align-content:center;place-items:center;gap:10px;font-size:11px;display:grid;position:absolute;inset:0}.camera-placeholder.error{color:#efb4b8}.success-flash{color:#61d2aa;background:#0b1830db}.scanner-message{color:#667488;min-height:33px;margin:0 0 7px;font-size:10px}.error-text{color:var(--red)}.privacy-note{color:#9aa3af;margin:13px 0 0;font-size:8px}.leave-form{width:min(560px,100%)}.duration-toggle{background:#f1f3f6;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;display:grid}.duration-toggle button{color:#778496;background:0 0;border:0;border-radius:8px;height:38px;font-size:10px;font-weight:700}.duration-toggle button.active{color:var(--navy);background:#fff;box-shadow:0 2px 8px #1c2c4214}.duration-toggle span{color:#926817;background:var(--gold-light);border-radius:5px;margin-left:5px;padding:2px 5px;font-size:8px}.request-summary{background:#fafbfc;border:1px solid #e0e6ec;border-radius:10px;grid-template-columns:1fr auto;align-items:center;padding:13px 15px;display:grid}.request-summary div{color:#526176;align-items:center;gap:8px;font-size:10px;display:flex}.request-summary strong{color:var(--navy);font-size:14px}.request-summary small{color:#99a3af;grid-column:1/-1;margin:6px 0 0 26px;font-size:8px}.report-actions{align-items:center;gap:10px;display:flex}.report-banner{color:#fff;background:var(--navy);border-radius:15px;justify-content:space-between;align-items:center;min-height:110px;margin-bottom:18px;padding:22px 27px;display:flex}.report-banner>div{grid-template-columns:45px auto;column-gap:13px;display:grid}.report-banner svg{width:42px;height:42px;color:var(--navy);background:var(--gold);border-radius:12px;grid-row:1/3;padding:9px}.report-banner span{color:#899bb2;letter-spacing:1px;align-self:end;font-size:8px}.report-banner strong{font-size:20px}.report-banner p{color:#9eacc0;margin:0;font-size:10px}.report-type-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.report-type-tabs button{border:1px solid var(--line);text-align:left;color:#53647a;cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:10px;min-height:76px;padding:12px;display:flex}.report-type-tabs button>span{width:38px;height:38px;color:var(--brand-primary);background:#eaf4f8;border-radius:10px;flex:none;place-items:center;display:grid}.report-type-tabs button>div{flex-direction:column;gap:4px;min-width:0;display:flex}.report-type-tabs strong{color:#2f3e52;font-size:10px}.report-type-tabs small{color:#8794a4;font-size:7px;line-height:1.35}.report-type-tabs button.active{border-color:color-mix(in srgb, var(--brand-primary) 40%, white);background:color-mix(in srgb, var(--brand-primary) 5%, white);box-shadow:0 8px 21px #05426514}.report-type-tabs button.active>span{color:#fff;background:var(--brand-primary)}.report-filter-panel{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;padding:17px 19px;display:flex}.report-filter-grid{flex:1;grid-template-columns:minmax(220px,1.4fr) 1fr 1fr;gap:12px;display:grid}.report-filter-grid label{color:#718094;text-transform:uppercase;flex-direction:column;gap:6px;font-size:8px;font-weight:800;display:flex}.report-filter-grid input,.report-filter-grid select{color:#344458;text-transform:none;width:100%;height:40px;font-size:10px}.report-presets{align-items:center;gap:6px;display:flex}.report-presets>span{color:#8592a2;margin-right:3px;font-size:8px;font-weight:700}.report-presets button{border:1px solid var(--line);color:#5f7085;cursor:pointer;background:#f8fafb;border-radius:8px;height:32px;padding:0 9px;font-size:8px}.report-presets button:hover{color:var(--brand-primary);background:#eef6f9;border-color:#a8c7d5}.report-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.report-summary-strip>div{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px 1fr;align-content:center;column-gap:10px;min-height:72px;padding:12px 14px;display:grid}.report-summary-strip svg{width:34px;height:34px;color:var(--brand-primary);background:#eaf4f8;border-radius:9px;grid-row:1/3;align-self:center;padding:8px}.report-summary-strip span{color:#8390a0;letter-spacing:.4px;text-transform:uppercase;align-self:end;font-size:7px;font-weight:800}.report-summary-strip strong{color:#2b3a4f;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.report-results .table-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.report-results .table-row>span>strong{color:#344357}.report-results .table-row small{color:#8d9aa8;font-size:7px}.report-summary-table{min-width:980px}.report-summary-table .table-row{grid-template-columns:1.6fr .8fr .85fr 1fr 1.35fr .9fr}.report-attendance-table{min-width:940px}.report-attendance-table .table-row{grid-template-columns:1.6fr .85fr 1fr 1.2fr .7fr .7fr}.report-leave-table{min-width:900px}.report-leave-table .table-row{grid-template-columns:1.55fr 1.1fr .75fr .45fr .7fr 1.35fr}.report-payroll-table{min-width:1120px}.report-payroll-table .table-row{grid-template-columns:1.55fr .8fr .75fr .45fr .8fr .8fr .85fr .7fr}.summary-list,.work-list{padding:7px 22px 14px}.summary-list>div{border-bottom:1px solid #f0f2f4;align-items:center;gap:11px;min-height:61px;display:flex}.summary-list>div:last-child,.work-list>div:last-child{border-bottom:0}.summary-list .grow,.work-list .grow{flex-direction:column;gap:3px;display:flex}.summary-list .grow strong,.work-list .grow strong{color:#2d3a4e;font-size:10px}.summary-list .grow span,.work-list .grow span{color:#929ca8;font-size:8px}.summary-list>div>div:not(.avatar):not(.grow){text-align:right;flex-direction:column;gap:3px;width:62px;display:flex}.summary-list>div>div:not(.avatar):not(.grow) strong{color:var(--navy);font-size:12px}.summary-list>div>div:not(.avatar):not(.grow) span{color:#98a2ae;text-transform:uppercase;font-size:7px}.work-list>div{border-bottom:1px solid #f0f2f4;align-items:center;gap:10px;min-height:55px;display:flex}.work-list b{color:var(--navy);font:700 11px Segoe UI,sans-serif}.holiday-callout{text-align:left;color:#7a5513;background:var(--gold-light);border:0;border-radius:11px;align-items:center;gap:10px;width:calc(100% - 34px);min-height:58px;margin:0 17px 17px;padding:10px 13px;display:flex}.holiday-callout>span{flex-direction:column;flex:1;gap:3px;display:flex}.holiday-callout small{letter-spacing:.8px;font-size:7px}.holiday-callout strong{color:#6f5119;font-size:10px}.holiday-callout b{font-size:9px}.upcoming-panel{margin-top:17px}.holiday-strip{grid-template-columns:repeat(4,1fr);gap:12px;padding:17px 20px;display:grid}.holiday-strip>div{border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;min-height:72px;padding:11px;display:flex}.holiday-strip>div>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.holiday-strip strong{color:#344257;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.holiday-strip span{color:#8b97a5;font-size:8px}.holiday-date{background:var(--gold-light);border-radius:9px;flex:none;align-content:center;place-items:center;width:40px;height:46px;display:grid;color:#875e13!important}.holiday-date b{color:#775214;font-size:15px;line-height:1}.holiday-date small{text-transform:uppercase;margin-top:3px;font-size:7px}.holiday-toolbar{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:62px;margin-bottom:14px;padding:0 18px;display:flex}.holiday-toolbar>span{color:#768496;align-items:center;gap:7px;font-size:10px;display:flex}.holiday-calendar{overflow:hidden}.holiday-calendar article{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:92px;padding:13px 22px;display:flex}.holiday-calendar article:last-child{border:0}.holiday-calendar article.past{opacity:.62}.calendar-date{color:#795415;background:#fffaf0;border:1px solid #ead9b5;border-radius:11px;align-content:center;place-items:center;width:50px;height:61px;display:grid}.calendar-date strong{font-size:19px;line-height:1}.calendar-date span{text-transform:uppercase;margin-top:3px;font-size:8px}.calendar-date small{color:#ad915d;margin-top:2px;font-size:7px}.holiday-icon{color:#9c6e18;background:var(--gold-light);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.holiday-calendar .grow{flex-direction:column;gap:5px;display:flex}.holiday-calendar .grow strong{color:#2c394d;font-size:12px}.holiday-calendar .grow span{color:#8b97a5;font-size:9px}.holiday-status{color:var(--green);background:var(--green-light);border-radius:100px;padding:6px 10px;font-size:8px;font-weight:700}.holiday-status.past{color:#748196;background:#eef1f4}.holiday-import-modal{width:min(930px,100%);max-height:calc(100vh - 30px);overflow:auto}.holiday-import-tools{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:11px;margin:21px 0 17px;display:grid}.holiday-import-tools>.button{min-height:66px}.holiday-file-picker{cursor:pointer;background:#f4f9fb;border:1px dashed #9bbdce;border-radius:12px;align-items:center;min-width:0;min-height:66px;padding:11px 14px;color:var(--brand-primary)!important;flex-direction:row!important;gap:11px!important;margin:0!important;display:flex!important}.holiday-file-picker:hover{border-color:var(--brand-primary);background:#edf6f9}.holiday-file-picker>span{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.holiday-file-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.holiday-file-picker small{color:#718296;font-size:8px;font-weight:500}.holiday-file-picker input{display:none}.import-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px;display:grid}.import-summary>div{border:1px solid var(--line);background:#f8fafb;border-radius:11px;justify-content:space-between;align-items:baseline;padding:11px 12px;display:flex}.import-summary strong{color:#334257;font-size:20px}.import-summary span{color:#7c8999;text-transform:uppercase;font-size:8px;font-weight:700}.import-summary .ready{background:#effaf5;border-color:#bce6d4}.import-summary .ready strong{color:var(--green)}.import-summary .duplicate{background:#fff9ea;border-color:#f6dfad}.import-summary .duplicate strong{color:#a06b09}.import-summary .invalid{background:#fff4f4;border-color:#f0c2c2}.import-summary .invalid strong{color:#c24141}.holiday-import-table{border:1px solid var(--line);border-radius:12px;max-height:290px;overflow:auto}.import-row{color:#607084;border-bottom:1px solid #edf1f3;grid-template-columns:38px minmax(130px,1.3fr) 105px minmax(120px,1fr) minmax(150px,1.3fr);align-items:center;gap:9px;min-width:690px;padding:9px 11px;font-size:9px;display:grid}.import-row:last-child{border:0}.import-row>strong{color:#2f3d50}.import-row>span:nth-child(4){flex-direction:column;gap:3px;display:flex}.import-row small{color:#91a0af;font-size:7px}.import-row.import-head{z-index:1;color:#788797;letter-spacing:.5px;text-transform:uppercase;background:#f5f8f9;font-size:7px;font-weight:800;position:sticky;top:0}.import-row.invalid{background:#fff8f8}.import-row.duplicate{background:#fffdf6}.import-state{color:var(--green);background:var(--green-light);border-radius:7px;padding:5px 7px;line-height:1.35}.invalid .import-state{color:#b43d3d;background:#fdeaea}.duplicate .import-state{color:#8d620d;background:#fff1c9}.import-note{color:#7b621f;background:#fff8e5;border-radius:9px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:9px;line-height:1.5;display:flex}.import-note svg{flex:none}.delete-button{color:#a94a52;background:var(--red-light)}.security-layout{grid-template-columns:1.35fr .65fr;gap:17px;display:grid}.security-main{padding:24px}.security-hero{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding-bottom:22px;display:flex}.security-shield{color:#66768a;background:#edf1f5;border-radius:15px;flex:none;place-items:center;width:54px;height:54px;display:grid}.security-hero h3{color:var(--navy);margin:0 0 5px;font-size:15px}.security-hero p{color:#7f8b9b;max-width:580px;margin:0;font-size:10px;line-height:1.5}.security-switch{background:#cbd2db;border:0;border-radius:20px;flex:none;width:46px;height:25px;padding:3px;transition:all .2s}.security-switch i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 1px 4px #00000029}.security-switch.on i{transform:translate(21px)}.network-current{background:#fafbfc;border:1px solid #e1e6ec;border-radius:11px;align-items:center;gap:13px;margin:20px 0;padding:15px;display:flex}.network-current>svg{color:var(--blue)}.network-current>div{flex-direction:column;flex:1;gap:3px;display:flex}.network-current span{color:#929ca8;letter-spacing:.8px;font-size:7px}.network-current strong{color:#304057;font-size:12px}.network-current small{color:#7d8a9b;font-size:8px}.network-list{margin:0!important}.network-list textarea{margin-top:3px;font-family:Consolas,monospace;font-size:11px;line-height:1.7}.network-list>small{color:#8b96a4;font-size:8px;font-weight:400;line-height:1.5}.trusted-networks{margin-top:18px}.trusted-networks>span{color:#8d98a6;letter-spacing:.8px;font-size:8px;font-weight:700}.trusted-networks>div{min-height:42px;color:var(--green);background:#f6fbf9;border:1px solid #dce8e3;border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:0 11px;display:flex}.trusted-networks code{color:#456256;flex:1;font-size:9px}.trusted-networks button{color:#9a4b53;background:0 0;border:0;place-items:center;width:25px;height:25px;padding:0;display:grid}.trusted-networks p{color:#8a6a2c;background:var(--gold-light);border-radius:9px;margin:8px 0 0;padding:11px;font-size:9px;line-height:1.5}.security-guide{padding:24px}.security-guide h3{color:var(--navy);margin:17px 0 18px;font-size:15px}.security-guide ul{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.security-guide li{color:#607086;align-items:flex-start;gap:8px;font-size:10px;line-height:1.4;display:flex}.security-guide li svg{width:15px;color:var(--green);flex:none}.security-note{color:#8b641c;background:var(--gold-light);border-radius:10px;align-items:flex-start;gap:8px;margin-top:22px;padding:13px;display:flex}.security-note svg{flex:none}.security-note p{margin:0;font-size:9px;line-height:1.5}.section-actions{align-items:center;gap:9px;display:flex}.multi-security-head{margin-bottom:17px;padding:22px}.multi-security-head .security-hero{padding-bottom:18px}.current-fingerprint{align-items:center;gap:11px;padding-top:16px;display:flex}.current-fingerprint>svg{color:var(--blue)}.current-fingerprint>span{flex-direction:column;flex:1;gap:2px;display:flex}.current-fingerprint small{color:#929ca8;letter-spacing:.8px;font-size:7px}.current-fingerprint strong{color:#344257;font-size:11px}.current-fingerprint em{color:#8b96a4;font-size:8px;font-style:normal}.current-fingerprint>b{color:var(--green);background:var(--green-light);border-radius:100px;align-items:center;gap:4px;padding:6px 9px;font-size:8px;display:flex}.current-fingerprint>b.unmatched{color:#9a6b14;background:var(--gold-light)}.office-profile-grid{grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:17px;display:grid}.office-profile{padding:20px;transition:all .2s}.office-profile.disabled{opacity:.58}.office-profile-head{align-items:center;gap:11px;display:flex}.office-icon{color:#936818;background:var(--gold-light);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.office-profile-head .grow{flex-direction:column;gap:3px;display:flex}.office-profile-head input{height:28px;color:var(--navy);background:0 0;border:0;padding:0;font-size:13px;font-weight:700;box-shadow:none!important}.office-profile-head span{color:#8e99a7;font-size:8px}.office-profile>label{color:#536176;flex-direction:column;gap:7px;margin:18px 0 14px;font-size:9px;font-weight:700;display:flex}.office-profile textarea{padding:10px 12px;font-family:Consolas,monospace;font-size:10px;line-height:1.6}.profile-gateways>span{color:#8d98a6;letter-spacing:.7px;font-size:7px;font-weight:700}.profile-gateways>div{min-height:35px;color:var(--green);background:#f6fbf9;border:1px solid #dce8e3;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:0 8px;display:flex}.profile-gateways code{color:#53675f;flex:1;font-size:8px}.profile-gateways button{color:#a34c55;background:0 0;border:0;place-items:center;width:23px;height:23px;padding:0;display:grid}.profile-gateways>small{color:#9a6d1a;margin-top:6px;font-size:8px;display:block}.profile-actions{align-items:center;gap:8px;margin-top:17px;display:flex}.profile-actions .trust-button{color:var(--green);background:#f5fbf8;border-color:#cce5dc}.profile-actions .remove-office{color:var(--red);background:#fff8f8;border-color:#efd9db;margin-left:auto}.multi-note{width:100%;margin-top:0}.check-row{align-items:center;flex-direction:row!important;gap:9px!important;margin-top:5px!important}.check-row input{width:17px;height:17px;accent-color:var(--green)}.check-row span{color:#536176;font-size:10px}.fingerprint-explainer{color:#fff;background:var(--navy);border-radius:15px;align-items:center;gap:15px;min-height:92px;margin-bottom:17px;padding:18px 22px;display:flex}.fingerprint-explainer>svg{width:49px;height:49px;color:var(--navy);background:var(--gold);border-radius:14px;padding:11px}.fingerprint-explainer>div{flex:1}.fingerprint-explainer strong{font-size:14px}.fingerprint-explainer p{color:#a8b5c7;max-width:720px;margin:5px 0 0;font-size:9px;line-height:1.5}.fingerprint-explainer>span{color:#a8ddc9;border:1px solid #ffffff29;border-radius:100px;padding:6px 9px;font-size:8px;font-weight:700}.device-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.device-card{padding:20px}.device-head{align-items:center;gap:11px;display:flex}.device-head>span{width:42px;height:42px;color:var(--blue);background:var(--blue-light);border-radius:12px;place-items:center;display:grid}.device-head .grow{flex-direction:column;gap:3px;display:flex}.device-head strong{color:var(--navy);font-size:12px}.device-head p{color:#8c97a5;margin:0;font-size:8px}.device-status{width:9px;height:9px;box-shadow:0 0 0 4px var(--gold-light);background:#d0a03e;border-radius:50%}.device-status.online{background:var(--green);box-shadow:0 0 0 4px var(--green-light)}.device-card dl{background:#f8fafb;border-radius:10px;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 0;padding:13px 14px;display:grid}.device-card dl div{flex-direction:column;gap:3px;display:flex}.device-card dt{color:#909ba8;text-transform:uppercase;font-size:7px}.device-card dd{color:#445269;margin:0;font-size:9px;font-weight:600}.device-empty{grid-column:1/-1}.device-key{color:var(--blue);background:#f8fafc;border:1px solid #dbe3ea;border-radius:10px;align-items:flex-start;gap:9px;margin:20px 0;padding:13px;display:flex}.device-key code{overflow-wrap:anywhere;color:#344257;font-size:10px;line-height:1.5}.payroll-banner{color:#fff;background:var(--navy);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-height:125px;margin-bottom:18px;padding:23px 26px;display:flex}.payroll-banner h3{margin:9px 0 5px;font-size:20px}.payroll-banner p{color:#9fadc0;margin:0;font-size:10px}.payroll-state{color:#cbd5e2;text-transform:uppercase;letter-spacing:.6px;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:5px;width:max-content;padding:5px 9px;font-size:8px;font-weight:700;display:flex}.payroll-state.finalized{color:#a9e0ce;border-color:#36bb8f59}.payroll-state.draft{color:#f1ce87;border-color:#d8a94b66}.payroll-banner-actions{gap:9px;display:flex}.payroll-banner-actions .button-secondary{color:#fff;background:#ffffff14;border-color:#ffffff24}.payroll-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-metrics .metric-card{gap:12px;min-width:0;padding:17px}.payroll-metrics .metric-card>div:last-child{min-width:0}.payroll-metrics .metric-card strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(15px,1.55vw,22px)}.payroll-note{color:#7d5b1d;background:#fffaf0;border:1px solid #eadcbf;border-radius:11px;align-items:flex-start;gap:9px;margin:-5px 0 17px;padding:13px 16px;display:flex}.payroll-note svg{flex:none}.payroll-note p{margin:0;font-size:9px;line-height:1.55}.payroll-table{min-width:1100px}.payroll-table .table-row{grid-template-columns:1.55fr .8fr 1fr .5fr .72fr .8fr 1.15fr}.payroll-table .unconfigured{background:#fcfcfd}.salary-missing{color:#9b6d17;background:var(--gold-light);border-radius:100px;width:max-content;padding:5px 8px;font-size:8px;font-weight:700}.lop-number{color:var(--red)!important}.payroll-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.payroll-row-actions .button-small{min-height:30px;padding:0 9px;font-size:9px}.payroll-row-actions .icon-button{width:31px;height:31px;color:var(--blue);background:var(--blue-light);border-radius:8px}.salary-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.salary-total{color:#fff;background:var(--navy);border-radius:11px;justify-content:space-between;align-items:center;margin:18px 0;padding:16px;display:flex}.salary-total span{color:#a5b3c5;font-size:9px}.salary-total strong{color:var(--gold);font-size:20px}.salary-fields{border-bottom:1px solid var(--line);padding-bottom:4px}.statutory-toggles{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 18px;display:grid}.statutory-toggles label{border:1px solid var(--line);background:#fafbfc;border-radius:10px;flex-direction:row;align-items:center;gap:10px;margin:0;padding:13px}.statutory-toggles input{width:17px;height:17px;accent-color:var(--green)}.statutory-toggles label span{flex-direction:column;gap:3px;display:flex}.statutory-toggles strong{color:#36455a;font-size:10px}.statutory-toggles small{color:#8c97a5;font-size:8px;font-weight:400}.adjustment-summary{color:#657287;background:#f5f7f9;border-radius:10px;justify-content:space-between;margin:17px 0;padding:13px 15px;font-size:9px;display:flex}.adjustment-summary span{flex-direction:column;gap:4px;display:flex}.adjustment-summary strong{color:var(--navy);font-size:11px}.payroll-settings-modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.rule-group{border:1px solid var(--line);background:#fafbfc;border-radius:11px;margin:14px 0;padding:15px 15px 0}.rule-group>strong{color:var(--navy);margin-bottom:13px;font-size:11px;display:block}.rule-group .form-grid{grid-template-columns:repeat(3,1fr)}.payroll-theme-note{background:#fff;border:1px solid #dce8ed;border-radius:11px;align-items:center;gap:11px;margin:0 0 14px;padding:12px 13px;display:flex}.payroll-theme-note p{color:#63768c;margin:0;font-size:8px;line-height:1.5}.payroll-theme-swatches{gap:7px;display:flex}.payroll-theme-swatches i{border:1px solid #06142114;border-radius:10px;width:28px;height:28px;display:block}.payroll-asset-grid{margin-top:14px}.payroll-asset-well{color:#7b93a1;background:#fff;border:1px dashed #c8dce4;border-radius:12px;place-items:center;height:94px;margin-top:10px;padding:12px;display:grid;overflow:hidden}.payroll-asset-well.signature{background:linear-gradient(#fff,#fbfdff)}.payroll-asset-well.stamp{background:linear-gradient(#fffdf9,#fff6ec)}.payroll-asset-well img{object-fit:contain;max-width:100%;max-height:100%}.payroll-asset-well b{text-align:center;font-size:9px;font-weight:700}.compliance-note{color:#845f1c;background:var(--gold-light);border-radius:9px;gap:8px;margin:7px 0;padding:11px 13px;font-size:8px;line-height:1.5;display:flex}.compliance-note svg{flex:none}.payslip-list{overflow:hidden}.payslip-list article{border-bottom:1px solid var(--line);align-items:center;gap:17px;min-height:88px;padding:15px 20px;display:flex}.payslip-list article:last-child{border-bottom:0}.payslip-icon{width:43px;height:43px;color:var(--blue);background:var(--blue-light);border-radius:12px;place-items:center;display:grid}.payslip-list .grow{flex-direction:column;gap:4px;display:flex}.payslip-list .grow strong{color:var(--navy);font-size:12px}.payslip-list .grow span{color:#8b97a5;font-size:8px}.payslip-list article>div:not(.grow){flex-direction:column;gap:4px;min-width:105px;display:flex}.payslip-list article>div span{color:#8b97a5;text-transform:uppercase;font-size:7px}.payslip-list article>div strong{color:#3b495e;font-size:10px}.payslip-list .payslip-net strong{color:var(--green);font-size:13px}.toast{z-index:200;color:#176b53;background:#f3fcf8;border:1px solid #cfe9df;border-radius:11px;align-items:center;gap:10px;width:min(380px,100vw - 40px);min-height:55px;padding:12px 12px 12px 15px;font-size:11px;animation:.25s slide;display:flex;position:fixed;top:22px;right:25px;box-shadow:0 15px 35px #19304829}.toast.error{color:#a03e47;background:#fff6f7;border-color:#f1d1d4}.toast span{flex:1}.toast button{width:25px;height:25px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}@keyframes slide{0%{opacity:0;transform:translateY(-8px)}}.splash{background:#fff;align-content:center;place-items:center;gap:25px;min-height:100vh;display:grid}.splash>svg{color:var(--gold)}@media (width<=1100px){.metrics-grid,.metrics-grid.work-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.security-layout{grid-template-columns:1fr}.login-story{padding:42px}.employee-hero{padding-right:295px}.scan-button{width:250px}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:30px 24px}.mobile-logo,.app-shell{display:block}.workspace{width:100%}.sidebar{transition:all .25s;transform:translate(-100%);box-shadow:20px 0 50px #030b1740}.sidebar.open{transform:translate(0)}.sidebar-shade{z-index:25;background:#050d1b80;position:fixed;inset:0}.mobile-close{color:#fff;background:0 0;border:0;display:block;position:absolute;top:28px;right:17px}.menu-button{border:1px solid var(--line);width:36px;height:36px;color:var(--navy);background:#fff;border-radius:9px;place-items:center;margin-right:13px;padding:0;display:grid}.topbar{justify-content:flex-start;height:76px;padding:0 18px}.top-user{margin-left:auto}.top-user>span,.top-user{font-size:0}.page-wrap{padding:26px 17px 50px}.welcome-row,.section-intro{flex-direction:column;align-items:flex-start}.section-intro .button,.welcome-row .button{width:100%}.welcome-row h2,.section-intro h2{font-size:23px}.employee-hero{padding:27px 23px 190px}.employee-hero h2{font-size:23px}.scan-button{width:auto;height:130px;inset:auto 20px 23px}.enrol-warning{width:auto;bottom:4px;left:24px;right:24px}.dashboard-grid.employee-grid{grid-template-columns:1fr}.report-actions{flex-direction:column;align-items:stretch;width:100%}.report-actions .month-control{justify-content:space-between}.report-actions .button{width:100%}.report-banner{flex-direction:column;align-items:flex-start;gap:15px}.holiday-strip{grid-template-columns:repeat(2,1fr)}.security-hero{flex-wrap:wrap;align-items:flex-start}.security-switch{margin-left:auto}.office-profile-grid,.device-grid{grid-template-columns:1fr}.section-actions{width:100%}.section-actions .button{flex:1}.payroll-banner{flex-direction:column;align-items:flex-start}.payroll-banner-actions{width:100%}.payroll-banner-actions .button{flex:1}.payslip-list article{flex-wrap:wrap;align-items:flex-start}.payslip-list .grow{min-width:calc(100% - 65px)}.payslip-list article>div:not(.grow){min-width:30%}}@media (width<=520px){.metrics-grid,.metrics-grid.employee-metrics,.metrics-grid.compact,.metrics-grid.work-metrics{grid-template-columns:1fr}.metric-card{min-height:95px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal-card,.scanner-modal{padding:26px 21px}.request-details{grid-template-columns:1fr;gap:13px}.review-actions{flex-direction:column}.review-actions .button{width:100%}.table-tools{flex-direction:column;align-items:stretch;padding:14px}.search-box{width:100%}.year-select{justify-content:space-between}.filter-tabs{width:100%;overflow-x:auto}.filter-tabs button{white-space:nowrap;flex:1;padding:0 9px}.top-user{display:none}.topbar h1{font-size:17px}.login-card h2{font-size:25px}.holiday-strip{grid-template-columns:1fr}.holiday-toolbar{flex-direction:column;justify-content:center;align-items:stretch;gap:9px}.holiday-calendar article{gap:10px;padding:12px}.holiday-icon,.holiday-status{display:none}.network-current{flex-wrap:wrap;align-items:flex-start}.network-current .button{width:100%}.summary-list>div>div:not(.avatar):not(.grow){width:50px}.section-actions{flex-direction:column}.section-actions .button{width:100%}.current-fingerprint{flex-wrap:wrap;align-items:flex-start}.current-fingerprint>b{margin-left:29px}.profile-actions{flex-direction:column;align-items:stretch}.profile-actions .remove-office{width:100%;margin-left:0}.fingerprint-explainer{flex-wrap:wrap;align-items:flex-start}.fingerprint-explainer>span{margin-left:64px}.device-card dl{grid-template-columns:1fr}.payroll-banner-actions{flex-direction:column}.payroll-banner-actions .button{width:100%}.statutory-toggles,.rule-group .form-grid{grid-template-columns:1fr}.adjustment-summary{flex-direction:column;gap:10px}.payslip-list article>div:not(.grow){min-width:45%}.payslip-list article .button{width:100%}}.sidebar nav button.active:before,.topbar:after,.progress i,.eyebrow:before{background:var(--brand-accent)}@media (width<=1100px){.report-type-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-panel{flex-direction:column;align-items:stretch}.report-presets{justify-content:flex-end}.report-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.report-type-tabs{grid-template-columns:1fr}.report-type-tabs button{min-height:64px}.report-filter-grid{grid-template-columns:1fr}.report-presets{flex-wrap:wrap;justify-content:flex-start;align-items:stretch}.report-presets>span{flex:100%}.report-presets button{flex:1}.report-summary-strip{grid-template-columns:1fr 1fr}.report-summary-strip>div{grid-template-columns:30px minmax(0,1fr);min-width:0;padding:10px}.report-summary-strip svg{width:30px;height:30px;padding:7px}.report-summary-strip strong{font-size:12px}.report-banner strong{font-size:15px}}.brand-designer-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:19px;display:grid}.brand-settings-column{gap:17px;min-width:0;display:grid}.brand-section{padding:22px}.brand-section .profile-section-title{margin-bottom:19px}.brand-upload-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.brand-upload-card{background:#f8fbfc;border:1px solid #dce8ed;border-radius:15px;min-width:0;padding:15px}.brand-upload-card>span{color:#718895;letter-spacing:1px;font-size:7px;font-weight:800}.brand-upload-card>div:nth-of-type(2){align-items:center;gap:7px;margin-top:11px;display:flex}.brand-upload-card>small{color:#91a0aa;margin-top:9px;font-size:7px;display:block}.brand-logo-well,.brand-cover-well{background:#fff;border:1px dashed #c8dce4;border-radius:12px;place-items:center;height:118px;margin-top:10px;display:grid;overflow:hidden}.brand-logo-well img{object-fit:contain;max-width:82%;max-height:78%}.brand-cover-well{color:#7c95a3;background:linear-gradient(135deg,#e8f4f8,#f7fbfc) 50%/cover;align-content:center;gap:7px;padding:15px}.brand-cover-well.has-image{color:#fff;position:relative}.brand-cover-well.has-image:after{content:"";background:#032f4b75;position:absolute;inset:0}.brand-cover-well svg,.brand-cover-well b{z-index:1;position:relative}.brand-cover-well b{font-size:9px}.brand-file-button{color:var(--brand-primary);background:#fff;position:relative;overflow:hidden}.brand-file-button input{opacity:0;width:1px;height:1px;position:absolute}.brand-remove-button{color:var(--red);background:var(--red-light)}.colour-control{grid-template-columns:48px 1fr;gap:7px;display:grid}.colour-control input[type=color]{cursor:pointer;width:48px;padding:5px}.brand-wide-field{grid-column:1/-1}.brand-preview-column{min-width:0;position:sticky;top:112px}.brand-preview-label{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.brand-preview-label span{color:#8095a2;letter-spacing:1.2px;font-size:8px;font-weight:800}.brand-preview-label b{color:#31566d;font-size:9px}.brand-login-preview{color:#fff;background-position:50%;background-size:cover;border-radius:22px;flex-direction:column;min-height:520px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0435542e}.brand-login-preview:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:330px;height:330px;position:absolute;top:40px;right:-150px;box-shadow:0 0 0 40px #ffffff06,0 0 0 80px #ffffff05}.brand-preview-top{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.brand-preview-logo{background:#fff;border-radius:11px;place-items:center;width:142px;height:47px;padding:5px 8px;display:grid}.brand-preview-logo img{object-fit:contain;max-width:100%;max-height:100%}.brand-preview-top em{color:#d6e8ef;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:4px;max-width:145px;padding:6px 8px;font-size:6px;font-style:normal;display:flex;overflow:hidden}.brand-preview-copy{z-index:1;margin:auto 0 28px;position:relative}.brand-preview-copy small{color:color-mix(in srgb, var(--brand-accent) 72%, white);letter-spacing:1.2px;font-size:7px;font-weight:800}.brand-preview-copy h3{color:#fff;letter-spacing:-1.5px;margin:10px 0 13px;font-size:clamp(27px,2.4vw,38px);line-height:1.03}.brand-preview-copy p{color:#c4d9e3;margin:0;font-size:9px;line-height:1.6}.brand-preview-signin{z-index:1;background:#001f333d;border:1px solid #ffffff24;border-radius:13px;align-items:center;gap:9px;padding:12px;display:flex;position:relative}.brand-preview-signin span{color:#fff;letter-spacing:.7px;border-radius:8px;padding:7px 9px;font-size:6px;font-weight:800}.brand-preview-signin strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.brand-publish-note{color:#96500f;background:#fff5eb;border:1px solid #ecd9c5;border-radius:12px;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 13px;display:flex}.brand-publish-note svg{flex:none}.brand-publish-note p{margin:0;font-size:8px;line-height:1.5}@media (width<=1100px){.brand-designer-layout{grid-template-columns:1fr}.brand-preview-column{position:static}.brand-login-preview{min-height:430px}}@media (width<=620px){.brand-upload-grid{grid-template-columns:1fr}.brand-section{padding:18px}.brand-login-preview{min-height:400px;padding:18px}.brand-preview-top{flex-direction:column;align-items:flex-start}.brand-preview-top em{max-width:100%}.colour-control{grid-template-columns:44px 1fr}.colour-control input[type=color]{width:44px}.holiday-import-modal{max-height:calc(100vh - 20px)}.holiday-import-tools{grid-template-columns:1fr}.holiday-import-tools>.button{min-height:46px}.import-summary{grid-template-columns:repeat(2,1fr)}.holiday-import-modal .modal-actions{flex-direction:column-reverse;align-items:stretch}.holiday-import-modal .modal-actions .button{width:100%}}:root{--navy:#06446f;--navy-2:#023452;--gold:#f58220;--gold-light:#fff1e5;--ink:#12344b;--muted:#6f8493;--line:#dce8ee;--canvas:#f3f8fa;--green:#15986f;--green-light:#e5f7f0;--blue:#1684c5;--blue-light:#e8f5fc;--red:#d5555c;--red-light:#fff0f1;color:var(--ink);background:var(--canvas)}body{background:radial-gradient(circle at 92% 3%, #1684c514, transparent 25%), linear-gradient(180deg, #f8fbfc 0, var(--canvas) 340px)}.logo{letter-spacing:0;gap:8px;font-family:inherit}.logo-image{background:#fff;border-radius:12px;place-items:center;height:46px;padding:5px 9px;display:grid;box-shadow:0 7px 22px #0026421f}.logo-image img{width:145px;height:auto;display:block}.logo>small{color:var(--navy);letter-spacing:1.5px;writing-mode:vertical-rl;background:#eaf5fa;border-radius:6px;margin:0 0 0 2px;padding:5px 6px;font-size:7px;font-weight:800;transform:rotate(180deg)}.logo.light>small{color:#fff;background:#ffffff21}.splash{background:radial-gradient(circle,#fff 0,#eef8fb 100%)}.splash .logo-image{height:62px}.button{letter-spacing:.05px;border-radius:12px;min-height:44px}.button-primary{background:linear-gradient(135deg, var(--navy), #0b608f);box-shadow:0 10px 24px #06446f2e}.button-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--navy-2), #084f78);box-shadow:0 13px 28px #06446f3d}.button-secondary{color:var(--navy);border-color:#d6e4ea;box-shadow:0 5px 14px #0e46660d}.button-small{color:#24536e;border-color:#d8e7ed}.text-button{color:var(--blue)}input,select,textarea{color:#193d54;border-color:#d5e4ea;border-radius:12px}input:focus,select:focus,textarea:focus{border-color:#2f92c4;box-shadow:0 0 0 4px #1684c51a}.eyebrow{color:#668193;letter-spacing:2px;font-size:10px}.eyebrow:before{content:"";background:var(--gold);border-radius:2px;width:18px;height:2px}.eyebrow.gold{color:#ffc078}.eyebrow.gold:before{background:#ff9b46}.login-page{grid-template-columns:minmax(560px,1.18fr) minmax(430px,.82fr)}.login-story{background:linear-gradient(145deg,#043b63 0%,#07557e 60%,#087299 120%);padding:42px 54px}.login-story:before{border-color:#ffffff17;width:610px;height:610px;top:-110px;right:-180px;box-shadow:0 0 0 65px #ffffff06,0 0 0 130px #ffffff05}.login-story:after{content:"";background:linear-gradient(90deg, var(--gold) 0 32%, #ffb15f 32% 46%, transparent 46%);height:6px;position:absolute;bottom:0;left:0;right:0}.story-top{align-items:center}.secure-pill{color:#d3e9f3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border-color:#ffffff29}.story-copy{max-width:650px;margin:auto 0 54px}.story-copy h1{letter-spacing:-3.6px;max-width:680px;margin:16px 0 22px;font-size:clamp(48px,5vw,74px);line-height:1}.story-copy>p:last-child{color:#c0d9e5;max-width:590px;font-size:16px;line-height:1.7}.story-stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01264147;border:1px solid #ffffff21;border-radius:17px;max-width:680px;padding:0;overflow:hidden}.story-stats div{border-right:1px solid #ffffff1a;justify-content:center;min-height:100px;padding:18px}.story-stats div:last-child{border-right:0}.story-stats small{color:#78abc3;letter-spacing:1.2px;font-size:7px}.story-stats strong{color:#fff;font-size:17px}.story-stats span{color:#9fc2d2;font-size:10px}.destination-card{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:11px;min-width:245px;padding:13px 14px;display:flex;position:absolute;bottom:155px;right:42px;transform:rotate(-3deg);box-shadow:0 18px 40px #001f3538}.destination-card>span{width:38px;height:38px;color:var(--navy);background:var(--gold);border-radius:11px;place-items:center;display:grid}.destination-card>div{flex-direction:column;flex:1;gap:4px;display:flex}.destination-card small{color:#92bdd0;letter-spacing:1px;font-size:6px}.destination-card strong{font-size:10px}.destination-card b{color:#8eb9cc;font-size:10px}.route-art{opacity:.65;bottom:-72px;right:-35px}.route-art:after{border-color:#ff9b46b3}.route-art .pin{border-color:#ff9b46}.login-panel{background:linear-gradient(145deg,#fff 0%,#f3f9fb 100%);padding:55px;position:relative}.login-panel:before{content:"ALG  •  AMD  •  RAJ";color:#aac0ca;letter-spacing:1.7px;font-size:8px;font-weight:800;position:absolute;top:26px;right:35px}.login-card{background:#ffffffeb;border:1px solid #dfeaed;border-radius:24px;max-width:440px;padding:38px;box-shadow:0 24px 70px #0f48651c}.login-card h2{color:#073d62;font-size:29px}.login-card>p.muted{margin-bottom:29px}.login-card label{color:#31556d}.login-card input{background:#fbfdfe;height:50px}.login-card .button-primary{background:linear-gradient(135deg, var(--gold), #ff9b46);color:#fff;box-shadow:0 12px 25px #f5822040}.login-card .button-primary:hover:not(:disabled){background:linear-gradient(135deg, #e96f0e, var(--gold));box-shadow:0 15px 30px #f582204d}.demo-box{background:#f5fafc;border-color:#d5e6ec}.demo-box button{color:var(--navy);background:#e3f2f8}.app-shell{grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(#043c64 0%,#032f50 72%,#022a47 100%);width:260px;padding:24px 15px 17px;box-shadow:10px 0 35px #04345414}.sidebar:after{content:"";border-top:1px dashed #ffffff17;position:absolute;top:112px;left:30px;right:30px}.sidebar-head{align-items:flex-start;height:74px;padding:0 6px;display:flex}.sidebar-head .logo-image{height:47px}.sidebar-head .logo-image img{width:148px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:6px;margin-top:28px}.sidebar nav button{color:#a7c2d0;border:1px solid #0000;border-radius:13px;min-height:47px;padding:0 14px;font-size:12px}.sidebar nav button svg{color:#7eacc2}.sidebar nav button:hover{color:#fff;background:#ffffff0f;border-color:#ffffff12}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#f5822033,#ffffff0f);border-color:#ff9d496b;box-shadow:inset 0 0 0 1px #ffffff08}.sidebar nav button.active svg{color:#ff9d49}.sidebar nav button.active:before{background:var(--gold);width:4px;height:27px;left:-15px;box-shadow:0 0 15px #f58220a6}.sidebar nav em{color:#fff;background:var(--gold);box-shadow:0 4px 10px #f582204d}.sidebar-foot{border-top:1px dashed #ffffff21;margin:auto 5px 0;padding:15px 8px 2px}.sidebar-foot strong{font-size:10px}.sidebar-foot span{color:#7fa8bc}.mini-avatar{color:#fff;background:linear-gradient(145deg, var(--gold), #ff9e4b);box-shadow:0 7px 14px #f5822033}.workspace{grid-column:2}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #d1e2e9e6;height:90px;padding:0 clamp(25px,4vw,52px);position:sticky;top:0}.topbar:after{content:"";background:var(--gold);width:48px;height:2px;position:absolute;bottom:-1px;left:clamp(25px,4vw,52px)}.topbar p{color:#7992a1;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.topbar h1{color:#073f65;font-size:20px}.top-user{color:#537487;background:#fff;border:1px solid #dfebef;border-radius:13px;padding:6px 7px 6px 11px;box-shadow:0 5px 15px #0d45640a}.page-wrap{max-width:1480px;padding-top:34px}.welcome-row,.section-intro{margin-bottom:26px}.welcome-row h2,.section-intro h2{color:#073f65;letter-spacing:-1px;font-size:29px}.welcome-row p,.section-intro p{color:#6f8795}.panel{border-color:#dce9ee;border-radius:19px;box-shadow:0 10px 30px #0845660e}.panel-head{border-bottom-color:#e8f0f3;min-height:78px}.panel-head h3{color:#103e59}.panel-head p{color:#8197a4}.metric-card{background:linear-gradient(145deg,#fff,#fbfdfe);border-color:#dce9ee;border-radius:18px;min-height:116px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 9px 25px #0744690e}.metric-card:before{content:"";background:#d7e7ed;width:3px;position:absolute;top:0;bottom:0;left:0}.metric-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px #07446917}.metric-card:has(.metric-icon.gold):before{background:var(--gold)}.metric-card:has(.metric-icon.blue):before{background:var(--blue)}.metric-card:has(.metric-icon.green):before{background:var(--green)}.metric-card:has(.metric-icon.navy):before{background:var(--navy)}.metric-icon{border-radius:14px}.metric-icon.navy{color:var(--navy);background:#eaf3f7}.metric-icon.gold{color:#d96b0c}.metric-card span{color:#718795}.metric-card strong{color:#083d61}.avatar{color:#9a4a08;background:linear-gradient(145deg,#fff0df,#ffe1c2)}.attendance-dot{background:var(--green)}.attendance-dot.done{background:var(--blue)}.people-list>div,.request-mini-list>div,.summary-list>div,.work-list>div{border-bottom-style:dashed;border-bottom-color:#e5eef2}.dashboard-grid{gap:19px}.dashboard-grid-spaced{margin-top:19px}.holiday-callout{color:#a6520b;background:linear-gradient(135deg,#fff2e5,#fff8ef)}.employee-hero{background:linear-gradient(125deg,#043b63,#075e86 72%,#0780a3);border-radius:22px;min-height:220px;padding:34px 335px 32px 34px;box-shadow:0 18px 38px #05446929}.employee-hero:before{content:"";border-bottom:1px dashed #ffffff1f;position:absolute;bottom:17px;left:0;right:0}.employee-hero:after{border-color:#ffffff1a;right:190px;box-shadow:0 0 0 45px #ffffff06}.employee-hero h2{font-size:29px}.employee-hero>div:first-child>p{color:#b8d5e2}.hero-clock span{color:#a3c8d7}.scan-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffff2b;border-radius:18px}.scan-button:hover:not(:disabled){background:#ffffff29}.scan-button>span{color:#fff;background:linear-gradient(145deg, var(--gold), #ff9b46);box-shadow:0 10px 20px #f5822040}.scan-button small{color:#9ec1d1}.leave-symbol{border-radius:13px}.balance-list>div{border-bottom-style:dashed}.progress{background:#e8f0f3}.progress i{background:linear-gradient(90deg, var(--gold), #ffad68)}.table-panel{border-radius:19px}.table-tools{background:#fbfdfe}.table-header{color:#78909e;background:#f2f8fa}.table-row{border-bottom-color:#e6eff2}.employee-cell strong,.table-row>strong{color:#183f56}.face-state{color:#b35a0e;background:#fff1e5}.face-state.enrolled{color:#12805f;background:#e6f7f0}.status.pending{color:#ad570d;background:#fff0e2}.status.approved,.status.completed,.status.finalized{color:#137a5d;background:#e5f7f0}.status.rejected{color:#c54b54;background:#fff0f1}.status.open,.status.draft{color:#0a5178;background:#eaf4fb}.filter-tabs{background:#edf5f8;border-color:#dbe8ed;border-radius:14px}.filter-tabs button{border-radius:10px}.filter-tabs button.active{color:var(--navy);box-shadow:0 5px 14px #06446f14}.request-card{border-bottom-style:dashed}.review-actions{background:#f8fbfc}.approve-button{color:#137a5d;background:#e5f7f0}.reject-button{color:#c54b54;background:#fff0f1}.holiday-toolbar{border-radius:15px}.holiday-calendar article{border-bottom-style:dashed}.calendar-date{color:#a95008;background:#fff5eb;border-color:#ffd8b5}.holiday-icon{color:#d86a0b;background:#fff0e2}.report-banner,.payroll-banner,.fingerprint-explainer{background:linear-gradient(120deg,#043b63,#075e86 72%,#087b9f);position:relative;overflow:hidden;box-shadow:0 15px 32px #05426521}.report-banner:after,.payroll-banner:after,.fingerprint-explainer:after{content:"";border:1px solid #ffffff1c;border-radius:50%;width:220px;height:220px;position:absolute;top:-125px;right:-80px;box-shadow:0 0 0 35px #ffffff06}.report-banner svg,.fingerprint-explainer>svg{color:#fff;background:linear-gradient(145deg, var(--gold), #ff9d4d)}.report-banner span,.fingerprint-explainer p,.payroll-banner p{color:#aacbd9}.payroll-finalize{color:#fff;background:linear-gradient(135deg, var(--gold), #ff9c47)}.payroll-state{border-color:#fff3}.payroll-note,.security-note,.compliance-note{color:#96500f;background:#fff3e7}.payslip-icon{color:#0f79b3;background:#e7f4fb}.security-main,.security-guide,.office-profile,.device-card{border-radius:19px}.security-shield{color:var(--navy);background:#e9f3f7;border-radius:16px}.security-shield.on{color:var(--green);background:var(--green-light)}.network-current,.current-fingerprint{background:#f7fbfc;border-radius:14px}.office-icon{color:#ce630b;background:#fff0e2}.office-profile textarea{background:#f9fcfd}.device-head>span{color:var(--navy);background:#e8f4f9}.device-card dl{background:#f4f9fb}.security-switch.on{background:linear-gradient(90deg, var(--green), #2ab68b)}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03253bad}.modal-card,.scanner-modal{border:1px solid #d7e6ece6;border-radius:22px;box-shadow:0 28px 90px #00233940}.modal-card h2,.scanner-modal h2{color:#073f65}.modal-close{color:#365f76;background:#edf5f8}.salary-total{background:linear-gradient(120deg,#043b63,#07648d);border-radius:14px}.allocation-total{background:linear-gradient(120deg,#fff1e4,#fff8ef);border-radius:14px}.camera-stage{border-radius:18px}.scanner-guide{border-color:var(--gold)}.toast{border-radius:14px;box-shadow:0 18px 45px #083d5b26}@media (width<=1180px){.login-story{padding:38px}.destination-card{display:none}.metric-card{gap:11px;padding:16px}.metric-card strong{font-size:21px}}@media (width<=780px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px 20px}.login-panel:before{display:none}.login-card{width:min(440px,100%);padding:30px 25px}.mobile-logo{display:block}.mobile-logo .logo{justify-content:center}.app-shell{display:block}.workspace{width:100%}.sidebar{width:270px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{height:78px;padding:0 17px}.page-wrap{padding:25px 16px 48px}.employee-hero{padding:29px 23px 190px}.payroll-banner,.report-banner{border-radius:18px}.holiday-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.login-card{border-radius:20px;padding:27px 20px}.login-card h2{font-size:25px}.login-card .logo-image img{width:155px}.metrics-grid,.metrics-grid.employee-metrics,.metrics-grid.compact,.metrics-grid.work-metrics,.payroll-metrics{grid-template-columns:1fr}.metric-card{min-height:94px}.welcome-row h2,.section-intro h2{font-size:24px}.holiday-strip{grid-template-columns:1fr}}.logo{width:max-content;line-height:0}.logo-image{border-radius:13px;width:192px;height:58px;padding:3px 11px;overflow:hidden}.logo-image img{object-fit:contain;object-position:center;width:100%;height:100%;transform:translateY(-1px)}.sidebar-head{align-items:center;height:82px;padding:0}.sidebar-head .logo-image{width:198px;height:60px;padding:3px 10px}.sidebar-head .logo-image img{width:100%;height:100%}.story-top .logo-image{width:205px;height:62px}.mobile-logo .logo-image{width:188px;height:58px}.splash .logo-image{width:225px;height:72px}.splash .logo-image img{width:100%}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-directory{overflow:hidden}.profile-toolbar{border-bottom:1px solid var(--line);background:#fbfdfe;justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:15px 20px;display:flex}.profile-toolbar .search-box{background:#fff;width:min(430px,55%)}.profile-tabs{margin:0}.profile-tabs button{min-width:82px}.profile-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.employee-profile-card{background:linear-gradient(145deg,#fff,#fbfdfe);border:1px solid #dce8ed;border-radius:17px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 20px #0744690b}.employee-profile-card:hover{transform:translateY(-2px);box-shadow:0 13px 27px #07446914}.employee-profile-card.archived{opacity:.72;background:#f7f9fa}.profile-card-head{align-items:center;gap:11px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(145deg, var(--navy), #0b6f9d);border-radius:14px;flex:none;place-items:center;width:45px;height:45px;font-size:11px;font-weight:800;display:grid;box-shadow:0 8px 17px #06446f2b}.profile-card-head .grow{flex-direction:column;gap:4px;display:flex}.profile-card-head .grow strong{color:#123d57;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-card-head .grow span{color:#8497a3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.profile-status{text-transform:uppercase;letter-spacing:.6px;border-radius:100px;flex:none;padding:5px 8px;font-size:7px;font-weight:800}.profile-status.active{color:var(--green);background:var(--green-light)}.profile-status.archived{color:#778895;background:#e9eef1}.profile-role{color:#557386;background:#f1f7f9;border-radius:11px;gap:10px;margin:15px 0;padding:10px 11px;display:flex}.profile-role span{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:5px;min-width:0;font-size:8px;display:flex;overflow:hidden}.profile-role svg{color:var(--blue);flex:none}.profile-facts{grid-template-columns:1fr 1fr;gap:12px 10px;margin:0;display:grid}.profile-facts div{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-facts dt{color:#94a3ad;text-transform:uppercase;letter-spacing:.5px;font-size:7px}.profile-facts dd{color:#3f5b6c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9px;font-weight:650;overflow:hidden}.profile-card-actions{border-top:1px dashed #dce8ed;align-items:center;gap:6px;margin-top:17px;padding-top:14px;display:flex}.profile-card-actions .button{min-height:32px;padding:0 9px;font-size:8px}.profile-edit{color:var(--navy);background:#f2f8fa;flex:1}.profile-archive{color:#a45a18;background:#fff4e9}.profile-reactivate{color:var(--green);background:var(--green-light)}.profile-remove{width:32px;height:32px;color:var(--red);background:var(--red-light);border-radius:9px;flex:none}.profile-editor-head{background:#fff;border:1px solid #dce8ed;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:22px;padding:20px 22px;display:grid;box-shadow:0 9px 25px #0744690d}.profile-editor-head>div h2{color:#073f65;margin:7px 0 5px;font-size:24px}.profile-editor-head>div p{color:#738996;margin:0;font-size:10px}.profile-editor{gap:17px;display:grid}.profile-form-section{padding:22px}.profile-section-title{border-bottom:1px dashed #dce8ed;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:17px;display:flex}.profile-section-title>span{color:#fff;background:linear-gradient(145deg, var(--navy), #0a6b98);border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.profile-section-title h3{color:#123f58;margin:0 0 4px;font-size:13px}.profile-section-title p{color:#8799a4;margin:0;font-size:8px}.profile-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.profile-form-grid label{min-width:0}.profile-address{grid-column:span 2}.profile-editor-actions{background:#fff;border:1px solid #dce8ed;border-radius:16px;justify-content:flex-end;gap:9px;padding:18px 20px;display:flex}@media (width<=1180px){.profile-card-grid,.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.sidebar-head{height:76px}.sidebar-head .logo-image{width:190px;height:57px}.profile-metrics{grid-template-columns:1fr}.profile-toolbar{flex-direction:column;align-items:stretch}.profile-toolbar .search-box,.profile-tabs{width:100%}.profile-tabs button{flex:1;min-width:0}.profile-card-grid{grid-template-columns:1fr;padding:14px}.profile-editor-head{grid-template-columns:1fr;align-items:stretch}.profile-editor-head>.button{width:100%}.profile-form-grid{grid-template-columns:1fr}.profile-address{grid-column:auto}}@media (width<=520px){.profile-card-actions{flex-wrap:wrap;align-items:stretch}.profile-edit{flex:100%}.profile-archive,.profile-reactivate{flex:1}.profile-form-section{padding:18px}.profile-editor-actions{flex-direction:column-reverse}.profile-editor-actions .button{width:100%}}.login-story{background:linear-gradient(145deg, color-mix(in srgb, var(--brand-primary) 88%, #001c2d), var(--brand-primary) 65%, color-mix(in srgb, var(--brand-primary) 72%, #1598bb))}.login-story.has-custom-hero{background-position:50%;background-size:cover}.sidebar{background:linear-gradient(180deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 70%, #00131f))}.employee-hero,.report-banner,.payroll-banner,.fingerprint-explainer{background:linear-gradient(120deg, color-mix(in srgb, var(--brand-primary) 90%, #001827), var(--brand-primary) 72%, color-mix(in srgb, var(--brand-primary) 70%, #129aba))}.button-primary{background:linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 76%, #168fc1))}.login-card .button-primary,.payroll-finalize{background:linear-gradient(135deg, var(--brand-accent), color-mix(in srgb, var(--brand-accent) 76%, white))}.sidebar nav button.active:before,.topbar:after,.progress i,.eyebrow:before{background:var(--brand-accent)}.mini-avatar,.scan-button>span{background:linear-gradient(145deg, var(--brand-accent), color-mix(in srgb, var(--brand-accent) 76%, white))}