:root{--bg:#f7f7fb;--surface:#fff;--surface2:#f2f2f7;--text:#17171d;--muted:#70707c;--border:#e8e8ef;--primary:#5b4cf6;--primary2:#7b61ff;--sidebar:#15142b;--green:#179b68;--amber:#c98508;--red:#d94b5b;--blue:#4285e6;--shadow:0 8px 28px rgba(23,20,55,.07)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;max-width:100%;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(91,76,246,.18);outline-offset:2px}b,h1,h2,h3,strong{font-family:Manrope,sans-serif}h1{font-size:32px;letter-spacing:-1.3px;margin:5px 0}h2{letter-spacing:-1px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#18172f,#121126);color:#fff;padding:22px 14px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 22px}.brand b{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#9694aa;font-size:11px;margin-top:2px}.brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#7767ff,#b477ff);display:grid;place-items:center;box-shadow:0 5px 20px rgba(123,97,255,.35)}.brand-mark span{width:13px;height:13px;border:2px solid #fff;border-radius:50%;position:relative}.brand-mark span:after{content:"";position:absolute;width:7px;height:2px;background:#fff;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:4px}.workspace-pill{display:flex;align-items:center;gap:9px;background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.08);border-radius:13px;padding:9px;margin:0 2px 22px}.company-avatar{width:31px;height:31px;border-radius:9px;background:#fff;color:#5b4cf6;display:grid;place-items:center;font-weight:800}.workspace-pill div:nth-child(2){flex:1 1;min-width:0}.workspace-pill b,.workspace-pill span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-pill b{font-size:11px}.workspace-pill span{font-size:9px;color:#8e8ca3;margin-top:2px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-item{position:relative;width:100%;height:43px;padding:0 12px;border-radius:11px;display:flex;align-items:center;gap:11px;color:#9c9aaf;text-align:left;transition:.18s}.nav-item:hover{background:hsla(0,0%,100%,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(109,91,255,.24),rgba(109,91,255,.08));color:#fff;box-shadow:inset 2px 0 #8978ff}.nav-item em{margin-left:auto;font-style:normal;font-size:10px;background:#5b4cf6;color:#fff;min-width:19px;height:19px;border-radius:7px;display:grid;place-items:center}.nav-dot{margin-left:auto;width:7px;height:7px;background:#ffbd4a;border-radius:50%;box-shadow:0 0 0 4px rgba(255,189,74,.1)}.sidebar-bottom{margin-top:auto}.user-mini{display:flex;align-items:center;gap:9px;border-top:1px solid hsla(0,0%,100%,.07);padding:15px 8px 2px}.user-mini img{width:32px;height:32px;border-radius:10px}.user-mini b,.user-mini span{display:block}.user-mini b{font-size:11px}.user-mini span{font-size:9px;color:#8e8ca3;margin-top:2px}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{height:68px;padding:0 34px;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.crumb,.topbar{display:flex;align-items:center}.crumb{gap:6px;font-size:12px;color:var(--muted)}.crumb b{color:var(--text)}.top-actions{margin-left:auto;gap:9px}.command-trigger,.top-actions{display:flex;align-items:center}.command-trigger{height:38px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:0 9px 0 12px;gap:8px;color:#8a8993;font-size:12px}.command-input kbd,.command-trigger kbd{border:solid #dddde5;border-width:1px 1px 2px;border-radius:6px;background:#fafafd;padding:2px 6px;font-size:9px;color:#898894}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#70707c;transition:.18s}.icon-btn:hover{background:#f0eff7;color:var(--text)}.top-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#5b4cf6,#8b75ff);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.notification-dot{position:absolute;margin:-16px 0 0 16px;width:6px;height:6px;background:#ff5c6c;border:1px solid #fff;border-radius:50%}.content{padding:30px 34px 50px;max-width:1600px;margin:auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-header p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#85838f}.eyebrow.light{color:#bdb8ff}.filter,.ghost,.primary,.secondary,.small-primary{height:39px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}.primary{color:#fff;background:linear-gradient(135deg,#5b4cf6,#735dfb);box-shadow:0 7px 18px rgba(91,76,246,.2)}.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.filter,.secondary{background:#fff;border:1px solid var(--border);color:#51515d}.filter:hover,.secondary:hover{background:#f8f8fc}.full{width:100%;justify-content:center}.text-button{display:inline-flex;align-items:center;gap:4px;color:#5b4cf6;font-size:11px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;margin-bottom:15px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 3px 15px rgba(20,20,40,.025)}.stat-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none}.stat-icon.violet{color:#5b4cf6;background:#eeecff}.stat-icon.green{color:#179b68;background:#e6f8f0}.stat-icon.amber{color:#b87805;background:#fff3dc}.stat-icon.red{color:#d94b5b;background:#ffeaed}.stat-card small,.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:10px;color:var(--muted)}.stat-card strong{font-size:23px;letter-spacing:-1px;margin:2px 0}.stat-card small{font-size:9px;color:#8a8993}.hero-grid{display:grid;grid-template-columns:1.65fr .85fr;grid-gap:15px;gap:15px;margin-bottom:15px}.payroll-hero{min-height:270px;border-radius:20px;position:relative;overflow:hidden;padding:25px;background:radial-gradient(circle at 85% 15%,rgba(168,129,255,.35),transparent 28%),linear-gradient(135deg,#272254,#4c3db3 65%,#6752e8);color:#fff;box-shadow:0 15px 40px rgba(47,39,121,.2)}.hero-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;bottom:-160px;background:rgba(160,137,255,.2);filter:blur(2px)}.hero-top{display:flex;justify-content:space-between;gap:20px;position:relative}.hero-top h2{font-size:36px;margin:7px 0 2px}.hero-top p{font-size:11px;color:#c7c3e8;margin:0}.status-chip{padding:7px 9px;height:max-content}.status-chip.info{background:hsla(0,0%,100%,.11)}.status-chip.warning{background:#ffcf66;color:#493200}.status-chip.success{background:#58dca7;color:#063b27}.progress-line{height:4px;background:hsla(0,0%,100%,.13);border-radius:4px;margin:35px 0 14px;overflow:hidden;position:relative}.progress-line span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#fff,#bcb2ff);transition:width .6s ease}.journey{display:flex;gap:15px;position:relative;flex-wrap:wrap}.journey span{font-size:9px;color:#cbc8e9}.journey .warn{color:#ffdc85}.hero-button{position:absolute;right:25px;bottom:23px;color:#37305e;height:37px;border-radius:10px;padding:0 12px;align-items:center;gap:5px;font-weight:800;font-size:10px}.hero-button,.insight-card{background:#fff;display:flex}.insight-card{border:1px solid var(--border);border-radius:20px;padding:23px;flex-direction:column;align-items:flex-start}.insight-icon{width:37px;height:37px;border-radius:11px;background:#f0edff;color:#6350ef;display:grid;place-items:center;margin-bottom:18px}.insight-card h3{font-size:18px;letter-spacing:-.5px;margin:6px 0}.insight-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 auto}.insight-card .text-button{margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:15px;gap:15px}.card{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 3px 15px rgba(20,20,40,.025)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px 13px}.card-head b{font-size:13px}.card-head span{font-size:10px;color:var(--muted);margin-top:3px}.attention{display:flex;align-items:center;width:calc(100% - 28px);margin:0 14px 7px;padding:12px;border-radius:11px;text-align:left;transition:.18s}.attention:hover{background:#f8f8fb}.attention>div{flex:1 1}.attention b,.attention span{display:block}.attention b{font-size:11px}.attention span{font-size:9px;color:var(--muted);margin-top:3px}.attention>svg{color:#aaa}.attention-dot{width:8px;height:8px;border-radius:50%;margin-right:10px}.attention-dot.red{background:#e85b69;box-shadow:0 0 0 4px #ffedef}.attention-dot.amber{background:#dfa326;box-shadow:0 0 0 4px #fff4dd}.attention-dot.blue{background:#548fe9;box-shadow:0 0 0 4px #eaf2ff}.donut-wrap{display:flex;align-items:center;gap:25px;padding:5px 25px 25px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(#5b4cf6 var(--p),#ececf3 0);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.donut span,.donut strong{position:relative;z-index:1;display:block}.donut strong{font-size:22px}.donut span{font-size:9px;color:var(--muted);margin-top:-29px}.legend{display:grid;grid-gap:11px;gap:11px;flex:1 1}.legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:7px;gap:7px}.legend b,.legend>div{font-size:10px}.legend-dot,.mini-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:#1aa36d}.amber{background:#dfa226}.blue{background:#548fe9}.red{background:#df5361}.toolbar{display:flex;gap:9px;margin-bottom:18px}.search-box{height:41px;background:#fff;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1 1;max-width:530px;color:#96949f}.search-box input{border:0;outline:0;background:none;width:100%;font-size:12px}.segmented{margin-left:auto;background:#efeff4;border-radius:10px;padding:3px;display:flex}.segmented button{padding:0 11px;height:33px;border-radius:8px;font-size:10px;color:#7b7a85}.segmented .selected{background:#fff;color:#26252d;box-shadow:0 2px 5px rgba(20,20,40,.06)}.people-grid{grid-template-columns:repeat(4,1fr)}.person-card{border-radius:16px;padding:14px;transition:box-shadow .2s}.person-card:hover{box-shadow:0 13px 30px rgba(25,22,50,.09)}.person-top{position:relative;margin-bottom:12px}.person-top img{width:55px;height:55px;border-radius:15px}.person-top>svg{margin-left:auto;color:#aaa}.presence{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;left:46px;top:45px}.presence.present{background:#20a875}.presence.late{background:#dfa226}.presence.leave{background:#548fe9}.presence.absent{background:#df5361}.person-card>b,.person-card>span{display:block}.person-card>b{font-size:13px}.person-card>span{font-size:10px;color:var(--muted);margin-top:3px}.person-meta{margin:12px 0}.person-meta span{background:#f5f5f8;border-radius:6px;color:#65646f}.person-bottom{border-top:1px solid #efeff3;padding-top:11px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.status-label{display:flex!important;align-items:center;gap:5px;color:#666}.table-card{overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card th{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#96949f;font-weight:700;text-align:left;padding:12px 16px;background:#fafafd}.table-card td{padding:12px 16px;border-top:1px solid #f0f0f4;font-size:10px;color:#55545e}.table-card tbody tr{cursor:pointer;transition:.15s}.table-card tbody tr:hover{background:#fbfbfd}.pill{display:inline-flex;align-items:center;padding:5px 7px;border-radius:6px;font-size:8px;font-weight:800}.pill.success{background:#e7f8f0;color:#16825b}.pill.warning{background:#fff1d5;color:#a66b05}.pill.danger{background:#ffeaed;color:#c53e4d}.pill.info{background:#eaf2ff;color:#4079ca}.section-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.section-tabs button{padding:11px 14px 12px;font-size:11px;color:#777681;position:relative}.section-tabs button.active{color:#4f42d5;font-weight:800}.section-tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:#5b4cf6;border-radius:3px}.section-tabs em{font-style:normal;background:#eeeaff;color:#5b4cf6;border-radius:5px;padding:2px 5px;margin-left:4px;font-size:8px}.work-grid{display:grid;grid-template-columns:1.45fr .55fr;grid-gap:15px;gap:15px}.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;padding:5px 20px 17px}.mini-stat{background:#f9f9fc;border-radius:10px;padding:11px;display:flex;align-items:center;gap:7px}.mini-stat b{font-size:16px}.live{font-size:9px;color:#1c9769;display:flex;gap:5px;align-items:center}.live i{width:6px;height:6px;background:#20a875;border-radius:50%;box-shadow:0 0 0 4px #e4f8ef}.attendance-list{border-top:1px solid #eeeef3}.attendance-row{display:grid;grid-template-columns:1.7fr .7fr .7fr .7fr;align-items:center;padding:9px 20px;border-bottom:1px solid #f1f1f4}.attendance-row:last-child{border-bottom:0}.attendance-row>span{font-size:9px;color:#6c6b75}.feed{padding:0 20px 18px}.feed-row{display:flex;gap:12px;padding:11px 0}.feed-row:last-child{border-bottom:0}.feed-row time{color:#9a98a2;width:42px}.feed-row span{margin-top:2px}.leave-list{padding:0 20px 20px}.leave-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #eeeef3;border-radius:12px;margin-top:8px}.leave-avatar{width:34px;height:34px;border-radius:10px;background:#eeecff;color:#5b4cf6;display:grid;place-items:center;font-size:9px;font-weight:800}.leave-info{flex:1 1}.leave-info b,.leave-info span{display:block}.leave-info b{font-size:11px}.leave-info span{font-size:9px;color:var(--muted);margin-top:3px}.leave-actions{display:flex;gap:6px}.small-primary{background:#5b4cf6;color:#fff;border-radius:8px}.ghost,.small-primary{height:31px;padding:0 9px;font-size:9px}.danger-text{color:#c54a57}.calendar-grid{display:grid;grid-template-columns:1fr .35fr;grid-gap:15px;gap:15px}.calendar-card{padding:18px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-head b,.calendar-head span{display:block}.calendar-head b{font-size:15px}.calendar-head span{font-size:9px;color:var(--muted);margin-top:3px}.days,.weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.weekdays b{text-align:center;font-size:8px;color:#9997a1;padding:7px}.days button,.days>span{min-height:68px;border-radius:9px;border:1px solid #f0f0f4;background:#fff;text-align:left;padding:7px;display:flex;flex-direction:column;gap:5px}.days button:hover{background:#faf9ff;border-color:#dcd7ff}.days button.today{background:#f0edff;border-color:#d7d0ff;color:#4c3fd2}.days small{font-size:7px;color:#aaa}.days small.leave-mark{color:#548fe9}.days i{width:5px;height:5px;border-radius:50%;background:#5b4cf6}.calendar-side{padding:20px}.calendar-side h3{margin:7px 0 18px}.calendar-kpi{border-top:1px solid #efeff3;padding:14px 0}.calendar-kpi b,.calendar-kpi span{display:block}.calendar-kpi b{font-size:21px}.calendar-kpi span{font-size:9px;color:var(--muted);margin-top:2px}.payroll-overview{display:grid;grid-template-columns:1.6fr .65fr .65fr .65fr;grid-gap:12px;gap:12px;margin-bottom:15px}.payroll-metric,.payroll-total{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px}.payroll-metric b,.payroll-metric small,.payroll-metric span,.payroll-total small,.payroll-total span,.payroll-total strong{display:block}.payroll-metric span,.payroll-total span{font-size:9px;color:var(--muted)}.payroll-total strong{font-size:28px;letter-spacing:-1px;margin:4px 0}.payroll-metric small,.payroll-total small{font-size:8px;color:#9997a1}.payroll-metric b{font-size:21px;margin:7px 0 1px}.warning-metric b{color:#b77705}.payroll-journey{padding:17px 20px;margin-bottom:14px}.journey-step,.payroll-journey{display:flex;align-items:center}.journey-step{gap:9px;min-width:125px}.journey-step>span{width:25px;height:25px;border-radius:50%;background:#eeeef4;color:#8c8a95;display:grid;place-items:center;font-size:9px;font-weight:800}.journey-step.done>span{background:#e7f8f0;color:#16825b}.journey-step.current>span{background:#eeecff;color:#5b4cf6}.journey-step b,.journey-step small{display:block}.journey-step b{font-size:9px}.journey-step small{font-size:8px;color:var(--muted);margin-top:2px}.journey-line{height:1px;background:#e6e6ec;flex:1 1}.journey-line.done{background:#b9e8d5}.review-banner{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:13px;background:#fff7e7;border:1px solid #f8e2b4;margin-bottom:14px}.banner-icon{width:32px;height:32px;border-radius:9px;background:#fff0cf;color:#b87905;display:grid;place-items:center}.review-banner>div:nth-child(2){flex:1 1}.review-banner b,.review-banner span{display:block}.review-banner b{font-size:11px}.review-banner span{font-size:9px;color:#866c3b;margin-top:2px}.review-banner .text-button{font-size:9px}.change-up{color:#c94b59;font-weight:700}.table-actions{display:flex;gap:7px}.runner-wrap{min-height:510px;background:linear-gradient(135deg,#18152e,#302563);position:relative}.runner{width:min(500px,92%);color:#fff;padding:40px}.runner-orb{width:76px;height:76px;margin:0 auto 24px;background:rgba(123,97,255,.18);box-shadow:0 0 0 14px rgba(123,97,255,.06),0 0 60px rgba(123,97,255,.18)}.orb-core{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#7b61ff,#a78bff);box-shadow:0 10px 30px rgba(123,97,255,.4);animation:pulse 1.8s infinite}.runner h2{font-size:26px;margin:8px 0}.runner p{font-size:11px;color:#aaa5cb}.runner-list{background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.08);border-radius:13px;padding:8px;margin:24px 0 12px}.runner-list div{display:flex;align-items:center;gap:9px;padding:8px;font-size:10px;color:#77728f}.runner-list div span{width:21px;height:21px;border-radius:7px;background:hsla(0,0%,100%,.06);display:grid;place-items:center}.runner-list div.done{color:#c5c1dc}.runner-list div.done span{background:#1f9d6d;color:#fff}.runner-list div.current{color:#fff}.runner-list div.current span{background:#6956ed}.spinner{width:9px!important;height:9px!important;border:2px solid hsla(0,0%,100%,.35);animation:spin .7s linear infinite}.runner-progress{height:4px;background:hsla(0,0%,100%,.08);border-radius:5px}.runner-progress span{background:linear-gradient(90deg,#5b4cf6,#b59aff);transition:width .5s}.finance-success{margin-top:15px;border:1px solid #cfeee0;background:#effbf6;border-radius:15px;padding:18px;display:flex;align-items:center;gap:12px}.success-check{width:40px;height:40px;border-radius:12px;background:#d9f5e9;color:#15805a;display:grid;place-items:center}.finance-success b,.finance-success span{display:block}.finance-success b{font-size:12px}.finance-success span{font-size:10px;color:#6d8179;margin-top:3px}.command-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(14,13,25,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(490px,100%);overflow:auto;padding:24px;box-shadow:-15px 0 50px rgba(15,14,30,.15)}.drawer-head{margin-bottom:18px}.drawer-head h2{margin:5px 0 3px}.profile-status{gap:9px;color:var(--muted);margin-bottom:16px}.profile-grid{margin-bottom:19px}.profile-grid>div{background:#f8f8fb;border-radius:11px;padding:12px}.profile-grid b{font-size:13px}.drawer-section{border-top:1px solid #ededf2;padding:17px 0}.info-row{display:flex;justify-content:space-between;padding:8px 0}.info-row span{font-size:9px;color:var(--muted)}.info-row b{font-size:9px}.net-card{border-radius:15px;background:linear-gradient(135deg,#f0edff,#f8f7ff);margin-bottom:18px}.net-card span{color:#7771a0}.net-card strong{font-size:30px;letter-spacing:-1px;color:#332c71;margin:3px 0}.net-card small{color:#6d64aa}.breakdown{border-top:1px solid #ededf2;padding:14px 0}.breakdown-title{font-size:10px;font-weight:800}.command-backdrop{display:grid;place-items:start center;padding-top:100px}.command{width:min(600px,calc(100% - 30px));background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 25px 70px rgba(16,15,30,.2);overflow:hidden}.command-input{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--border);color:#8c8a95}.command-input input{border:0;outline:0;flex:1 1;font-size:13px}.command-body{padding:10px}.command-label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#9b99a3;font-weight:800;padding:8px}.command-body button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border-radius:9px;text-align:left;font-size:10px}.command-body button:hover{background:#f6f5fa}.command-body button span{margin-left:auto;color:#9b99a3;font-size:8px}.notification-panel{position:fixed;z-index:70;right:34px;top:58px;width:310px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 15px 45px rgba(20,20,40,.14);padding:10px}.panel-title{display:flex;justify-content:space-between;padding:8px 7px 10px;font-size:11px}.panel-title span{font-size:8px;background:#eeecff;color:#5b4cf6;border-radius:5px;padding:3px 5px}.notification{display:flex;gap:9px;padding:10px 7px;border-top:1px solid #f0f0f3}.notification-icon{width:27px;height:27px;border-radius:8px;background:#f1efff;color:#5b4cf6;display:grid;place-items:center}.notification b,.notification span{display:block}.notification b{font-size:9px}.notification span{font-size:8px;color:var(--muted);margin-top:2px}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translateX(-50%);background:#19182b;color:#fff;padding:11px 14px;border-radius:11px;display:flex;align-items:center;gap:8px;font-size:10px;box-shadow:0 12px 30px rgba(15,14,30,.2)}.toast svg{color:#69e2ad}.report-grid{grid-template-columns:repeat(4,1fr)}.report-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:15px;padding:16px;position:relative;transition:.18s}.report-card>small,.report-card>span,.report-card>strong{display:block}.report-card>span{font-size:10px;color:var(--muted);margin-top:12px}.report-card>strong{font-size:23px;margin:4px 0}.report-card>small{font-size:8px;color:#92909b}.report-card>svg{position:absolute;right:14px;bottom:16px;color:#aaa}.chart-card{padding-bottom:22px}.bar-chart{height:220px;display:flex;align-items:flex-end;justify-content:space-around;padding:20px 40px 0;gap:20px}.bar-col{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:min(60px,70%);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#7664ff,#d4ceff);min-height:20px}.bar-col span{font-size:9px;color:#92909b}.mobile-menu{display:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.people-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.hero-grid,.work-grid{grid-template-columns:1fr}.payroll-overview{grid-template-columns:1.5fr repeat(3,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:grid}.topbar{padding:0 15px}.command-trigger,.crumb{display:none}.content{padding:22px 15px 40px}.page-header{align-items:flex-start;flex-direction:column}.page-header .primary,.page-header .secondary{width:100%;justify-content:center}.people-grid,.stats-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.segmented{margin-left:0}.payroll-overview{grid-template-columns:1fr 1fr}.payroll-total{grid-column:1/-1}.payroll-journey{overflow:auto}.journey-line{min-width:25px}.attendance-summary{grid-template-columns:1fr 1fr}.attendance-row{grid-template-columns:1.5fr .6fr .6fr}.attendance-row>span:nth-child(3){display:none}.calendar-grid{grid-template-columns:1fr}.days button,.days>span{min-height:54px}.table-card{overflow-x:auto}.table-card table{min-width:680px}.runner-wrap{min-height:560px}.notification-panel{right:15px;width:calc(100% - 30px)}.drawer{padding:18px}.hero-button{position:static;margin-top:20px}.payroll-hero{min-height:310px}.bar-chart{padding:20px 15px 0}.bar{width:45px}}@media(max-width:480px){h1{font-size:27px}.people-grid,.report-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:9px}.person-card{padding:13px}.hero-top h2{font-size:30px}.payroll-overview{grid-template-columns:1fr 1fr}.payroll-total{grid-column:1/-1}.donut-wrap{flex-direction:column;align-items:flex-start}.attendance-row{padding:9px 12px}.attendance-row>span:nth-child(4){display:none}.attendance-row{grid-template-columns:1fr .5fr}.section-tabs{overflow:auto}.days button,.days>span{min-height:48px;padding:5px}.days small{display:none}}body,html{overflow-x:hidden}*,:after,:before{box-sizing:border-box}img{max-width:100%;display:block}a,button{-webkit-tap-highlight-color:transparent}.card,.insight-card,.integration-card,.kpi,.payroll-hero,.person-card,.report-card,.rule-card,.runner-wrap,.stat-card{min-width:0}.status-chip{margin-left:0;flex:0 0 auto}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.header-actions>*{flex:0 0 auto}.page-header,.page-header>div:first-child{min-width:0}.page-header h1,.page-header p{max-width:100%}.page-header p{line-height:1.5}.payroll-flow,.reports-layout,.two-col,.workforce-grid{display:grid;align-items:start;grid-gap:14px;gap:14px;width:100%;min-width:0}.two-col{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-bottom:15px}.workforce-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr)}.payroll-flow{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.payroll-flow>.card,.reports-layout>.card,.two-col>.card,.workforce-grid>.card{width:100%;min-width:0;align-self:start}.card-head b,.card-head span{overflow:hidden;text-overflow:ellipsis}.payroll-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;padding:5px 20px 18px}.payroll-split>div{min-width:0;padding:12px 10px;background:#fafaff;border:1px solid #efeff5;border-radius:11px}.payroll-split b{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.4px;white-space:nowrap}.payroll-split span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.people-grid{min-width:0}.person-top{justify-content:space-between}.person-card h3,.person-card p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-stat{overflow:hidden}.mini-stat b,.mini-stat span{min-width:0}.table-wrap .table-person{min-width:150px}.feed-row{min-width:0;border-bottom:1px solid #f1f1f4}.feed-row:last-of-type{border-bottom:0}.feed-row time{padding-top:2px}.feed-row b,.feed-row span{overflow-wrap:anywhere}.feed-row b{font-size:11px}.payroll-input-card{height:max-content;min-height:0}.payroll-input-card .card-head{padding-bottom:12px}.payroll-input-card>.full{display:flex;height:48px;margin:0}.leave-list{width:100%;min-width:0;padding:4px 20px 16px}.leave-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-column-gap:18px;column-gap:18px;min-width:0;padding:15px 0;border-bottom:1px solid var(--border);transition:background-color .16s ease}.leave-row:last-child{border-bottom:0}.leave-request-info{min-width:0;display:flex;flex-direction:column;gap:4px}.leave-request-info b{color:var(--text);font-size:13px;font-weight:700;line-height:1.35}.leave-request-info b,.leave-request-info span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-request-info span{color:var(--muted);font-size:10px;line-height:1.4}.leave-row .status-chip{flex:0 0 auto;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.row-actions button{white-space:nowrap}.leave-row:hover{background:rgba(91,76,246,.025)}.leave-row:hover .leave-request-info b{color:var(--primary)}@media (max-width:760px){.leave-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}.leave-row .status-chip{grid-column:2;grid-row:1}.leave-row .row-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:520px){.leave-list{padding-left:14px;padding-right:14px}.leave-request-info b{font-size:12px}.leave-request-info span{white-space:normal}.row-actions{width:100%}.row-actions button{flex:1 1}}.payroll-stepper{min-width:0}.payroll-kpis{min-width:0;margin-bottom:14px}.kpi strong{white-space:nowrap}.payroll-checklist-card .workflow-item{min-height:72px;padding:16px 20px}.workflow-item{min-width:0}.workflow-item b,.workflow-item span{min-width:0;overflow-wrap:anywhere}.workflow-item .small{flex:0 0 auto}.exception{min-width:0}.exception b,.exception span{min-width:0;overflow-wrap:anywhere}.exception .small{flex:0 0 auto}.empty-success{min-height:150px}.audit-note{min-width:0;margin:0 20px}.audit-note span{overflow-wrap:anywhere}.audit-list{margin:12px 20px 10px;padding-top:8px;border-top:1px solid var(--border)}.audit-row{min-width:0}.audit-row b,.audit-row small{overflow-wrap:anywhere}.rule-card,.settings-grid,.table-toolbar{min-width:0}.rule-card>span{overflow-wrap:anywhere}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;width:100%;min-width:0;margin-bottom:15px}.report-card{width:100%;min-width:0;min-height:142px}.report-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 25px)}.reports-layout>.card{height:max-content}.report-preview{min-width:0;padding:4px 20px 15px}.info-row{grid-gap:18px;gap:18px;padding:10px 0}.department-payroll-card .dept-bars,.integration-banner>div:nth-child(2){min-width:0}.integration-banner>div:nth-child(2) b,.integration-banner>div:nth-child(2) span{overflow-wrap:anywhere}.integration-card{min-height:0;height:max-content}.integration-card h3,.integration-card p{min-width:0;overflow-wrap:anywhere}.integration-card p{min-height:40px}.integration-foot>div{display:flex;align-items:center;gap:6px;flex:0 0 auto}.suggestion b,.suggestion span{overflow-wrap:anywhere}.command-backdrop,.drawer-backdrop{overflow:hidden}.drawer{max-width:100%}.drawer,.profile-head>div>div{min-width:0}.profile-head h2,.profile-head p{overflow-wrap:anywhere}.command,.command-body,.command-body button{min-width:0}.command-body button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-panel{max-width:calc(100vw - 30px)}@media (max-width:1250px) and (min-width:1101px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workforce-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}.payroll-flow{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr)}}@media (max-width:1100px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-flow,.reports-layout,.workforce-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr 1fr}.report-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.integration-grid,.payroll-flow,.reports-layout,.two-col,.workforce-grid{grid-template-columns:1fr}.payroll-kpis,.people-grid,.settings-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid,.payroll-split{padding-left:14px;padding-right:14px}.payroll-split{grid-template-columns:1fr}.integration-banner{align-items:flex-start;flex-wrap:wrap}.integration-banner .status-chip{margin-left:auto}.integration-foot{align-items:flex-start;flex-wrap:wrap}.integration-foot>div{margin-left:auto}.leave-row{align-items:flex-start;flex-wrap:wrap}.row-actions{width:100%;margin-left:0}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-stepper>div{padding:8px}.payroll-stepper b{display:block;font-size:10px}}@media (max-width:520px){.payroll-kpis,.people-grid,.report-grid,.settings-grid,.stats-grid{grid-template-columns:1fr}.payroll-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{align-items:flex-start;flex-direction:column;padding-right:14px}.table-toolbar>button{width:100%;justify-content:center}.integration-foot>div{width:100%;margin-left:0}.integration-foot>div button{flex:1 1}.profile-grid{grid-template-columns:1fr 1fr}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;padding:10px 14px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.workflow-check{width:27px;height:27px;border:1px solid #d8d8e2;flex:0 0 auto}.workflow-item.done .workflow-check{border-color:#bdebd6}.exception-icon{flex:0 0 auto}.divider{margin:8px 20px 14px}.audit-row,.card,.exception,.integration-banner,.integration-card,.integration-principle,.kpi,.payroll-flow,.payroll-kpis,.payroll-stepper,.reports-layout,.rule-card,.suggestion,.table-toolbar,.workflow-item,.workforce-grid{min-width:0}.card{overflow:hidden}.card-head,.card-head>div{min-width:0}.card-head b,.card-head span{display:block}.payroll-stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;width:100%;margin:0 0 18px}.payroll-stepper>div{min-width:0;min-height:58px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px;color:var(--muted)}.payroll-stepper>div.active{color:var(--text);border-color:#dcd8ff;background:#fbfaff}.payroll-stepper>div.current{color:var(--primary);border-color:#cfc8ff;background:#f4f1ff;box-shadow:inset 0 -2px 0 var(--primary)}.payroll-stepper>div>span{width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:1px solid #dedee7;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;color:#898894}.payroll-stepper>div.active>span{border-color:#d0c9ff;color:var(--primary);background:#eeebff}.payroll-stepper>div.current>span{background:var(--primary);color:#fff;border-color:var(--primary)}.payroll-stepper b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}.payroll-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%;margin:0 0 15px}.kpi{min-width:0;min-height:105px;padding:16px 17px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 3px 15px rgba(20,20,40,.025)}.kpi>small,.kpi>span,.kpi>strong{display:block}.kpi>span{font-size:10px;color:var(--muted)}.kpi>strong{margin:6px 0 3px;font:800 23px/1.1 Manrope,sans-serif;letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi>small{font-size:9px;color:#8d8b96}.kpi.red>strong{color:var(--red)}.kpi.green>strong{color:var(--green)}.payroll-tabs{display:flex;align-items:flex-end;gap:4px;width:100%;min-width:0;margin-bottom:15px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.payroll-tabs::-webkit-scrollbar{display:none}.payroll-tabs button{flex:0 0 auto;padding:10px 14px;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;white-space:nowrap}.payroll-tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.payroll-flow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:start;grid-gap:14px;gap:14px;width:100%}.payroll-checklist-card,.payroll-exceptions-card{width:100%;height:max-content;min-height:0;align-self:start}.payroll-checklist-card .card-head,.payroll-exceptions-card .card-head{padding-bottom:14px}.workflow-item{width:100%;min-height:74px;padding:15px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid #f0f0f4}.workflow-item:first-of-type{border-top:0}.workflow-check{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid #d9d9e4;background:#fff;display:grid;place-items:center}.workflow-item.done .workflow-check{color:var(--green);background:#eaf8f2;border-color:#bcebd5}.workflow-item.warning .workflow-check{color:var(--amber);background:#fff5e3;border-color:#f1d49e}.workflow-item>div:nth-child(2){flex:1 1 auto;min-width:0}.workflow-item>div:nth-child(2) b,.workflow-item>div:nth-child(2) span{display:block;min-width:0}.workflow-item>div:nth-child(2) b{font:700 14px/1.3 Manrope,sans-serif;letter-spacing:-.2px}.workflow-item>div:nth-child(2) span{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.workflow-item>.small{flex:0 0 auto}.exception{width:calc(100% - 24px);margin:0 12px 9px;padding:11px;display:flex;align-items:center;gap:10px;border:1px solid #f1dfb7;border-radius:12px;background:#fffaf0}.exception-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:#fff0cf;color:var(--amber);display:grid;place-items:center}.exception>div:nth-child(2){flex:1 1 auto;min-width:0}.exception>div:nth-child(2) b,.exception>div:nth-child(2) span{display:block;min-width:0}.exception>div:nth-child(2) b{font:700 12px/1.3 Manrope,sans-serif}.exception>div:nth-child(2) span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.exception>.small{flex:0 0 auto}.empty-success{min-height:145px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--green)}.empty-success b{margin-top:8px;font-size:13px}.empty-success span{margin-top:4px;color:var(--muted);font-size:10px}.divider{height:1px;background:var(--border);margin:0}.audit-note{display:flex;align-items:flex-start;gap:8px;padding:13px 20px;color:#5b4cf6;border-bottom:1px solid var(--border)}.audit-note span{min-width:0;font-size:10px;line-height:1.45;color:#68657d}.audit-list{margin:0;padding:8px 20px 12px}.audit-row{display:flex;align-items:flex-start;gap:9px;padding:8px 0}.audit-row>span{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#f3f3f7;color:#9997a1;display:grid;place-items:center}.audit-row.done>span{background:#eaf8f2;color:var(--green)}.audit-row>div{min-width:0}.audit-row b,.audit-row small{display:block;min-width:0}.audit-row b{font-size:10px;line-height:1.3}.audit-row small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.3}.workflow-footer{width:100%;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--muted);font-size:11px}.workflow-footer>*{min-width:0}.workforce-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;grid-gap:14px;gap:14px}.workforce-grid>.card{height:max-content;align-self:start}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px;padding:5px 20px 17px}.mini-stat{min-width:0;padding:13px;border-radius:11px;background:#fafafd}.mini-stat b,.mini-stat span{display:block}.mini-stat b{font:700 16px/1 Manrope,sans-serif}.mini-stat span{margin-top:4px;color:var(--muted);font-size:8px}.mini-stat:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#6d6a78}.mini-stat.green:before{background:#20a875}.mini-stat.amber:before{background:#e1a51f}.mini-stat.blue:before{background:#548fe9}.mini-stat.red:before{background:#e85b69}.table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;min-width:620px;border-collapse:collapse;table-layout:auto}.table-wrap.compact table{min-width:560px}.table-wrap th{background:#fafafd;border-bottom:1px solid #ececf2;color:#96949f;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;text-align:left}.table-wrap td,.table-wrap th{padding:10px 12px;white-space:nowrap}.table-wrap td{border-bottom:1px solid #f0f0f4;color:#55545e;font-size:10px;vertical-align:middle}.table-wrap tbody tr{cursor:pointer;transition:background .15s ease}.table-wrap tbody tr:hover{background:#fbfbfd}.table-wrap .status-chip{display:inline-flex}.table-person{display:flex;align-items:center;gap:9px;min-width:0}.table-person img{width:31px;height:31px;border-radius:9px;flex:0 0 auto}.table-person>div{min-width:0}.table-person b,.table-person span{display:block;min-width:0}.table-person b{font-size:10px;color:#2c2b33}.table-person span{margin-top:2px;font-size:8px;color:#8b8994}.payroll-input-card{height:max-content!important;align-self:start}.payroll-input-card .card-head{padding-bottom:13px}.payroll-input-card>.full{width:100%;height:47px;border-top:1px solid var(--border);border-radius:0 0 17px 17px}.feed-row{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;grid-gap:9px;gap:9px;padding:12px 20px;border-top:1px solid #f0f0f4}.feed-row time{min-width:0;color:#96949f;font-size:9px;line-height:1.35}.feed-row>div{min-width:0}.feed-row b,.feed-row span{display:block;min-width:0}.feed-row b{font-size:10px;line-height:1.3}.feed-row span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}.integration-banner,.integration-page{width:100%;min-width:0;overflow:hidden}.integration-banner{min-height:84px;margin-bottom:14px;padding:15px 18px;display:flex;align-items:center;gap:13px;border:1px solid #dcd7ff;border-radius:17px;background:#f2efff}.integration-banner-copy{flex:1 1 auto;min-width:0}.integration-banner b,.integration-banner span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.integration-banner b{font:700 14px/1.3 Manrope,sans-serif}.integration-banner span{margin-top:4px;color:#6f6b82;font-size:10px;line-height:1.4}.integration-banner .status-chip{margin-left:auto;flex:0 0 auto}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;grid-gap:12px;gap:12px;width:100%;min-width:0;margin-bottom:14px}.integration-card{min-width:0;width:100%;height:auto;min-height:222px;display:flex;flex-direction:column;overflow:hidden;padding:0}.integration-card-body{min-width:0;flex:1 1 auto;padding:14px 18px 16px}.integration-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;color:var(--primary);background:#eeecff}.integration-icon.whatsapp{color:#15966a;background:#e5f8ef}.integration-head .status-chip{flex:0 0 auto}.integration-card>.integration-card-body>h3{margin:15px 0 0;min-width:0;font:700 16px/1.25 Manrope,sans-serif;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-category{display:block;margin-top:7px;color:#85828e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.integration-card>.integration-card-body>p{min-width:0;margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.integration-foot{min-width:0;min-height:60px;padding:10px 14px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:#fcfcfe}.integration-foot small{min-width:0;flex:1 1 auto;color:#8b8994;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.integration-actions button{flex:0 0 auto}.integrations-bottom{align-items:stretch}.integrations-bottom>.card{min-width:0;overflow:hidden}.suggestion{min-width:0;min-height:66px;padding:12px 20px;display:flex;align-items:center;gap:11px;border-top:1px solid #f0f0f4}.suggestion:first-of-type{border-top:0}.suggestion>svg{flex:0 0 auto}.suggestion>div{flex:1 1 auto;min-width:0}.suggestion b,.suggestion span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.suggestion b{font-size:11px;line-height:1.3;white-space:nowrap}.suggestion span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35;white-space:nowrap}.integration-principle{margin:0;padding:18px 20px 22px;display:flex;align-items:flex-start;gap:11px;min-width:0;color:var(--primary);background:#f7f5ff;border-radius:12px}.integration-principle>div{min-width:0;flex:1 1 auto}.integration-principle b{display:block;font:700 13px/1.3 Manrope,sans-serif}.integration-principle p{margin:8px 0 0;color:#716d84;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.reports-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;grid-gap:14px;gap:14px}.department-payroll-card,.report-detail-card{height:max-content;align-self:start}.report-preview{padding:4px 20px 12px}.info-row{min-width:0;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:9px 0;border-bottom:1px solid #f0f0f4}.info-row:last-child{border-bottom:0}.info-row span{min-width:0;color:#696772;font-size:10px;overflow-wrap:anywhere}.info-row b{min-width:0;color:#282731;font-size:10px;text-align:right;white-space:nowrap}.report-detail-card>.full{margin:0;width:100%;border-radius:0 0 17px 17px}.dept-bars{padding:4px 20px 20px}.dept-bars>div{margin-bottom:13px}.dept-bars>div:last-child{margin-bottom:0}.dept-bars>div>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.dept-bars>div>div:first-child span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e6b77;font-size:10px}.dept-bars>div>div:first-child b{flex:0 0 auto;font-size:10px;white-space:nowrap}.bar-track{width:100%;height:7px;margin-top:6px;overflow:hidden;border-radius:99px;background:#ececf2}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b4cf6,#8b79ff)}.people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px;width:100%}.person-card{width:100%;min-width:0;padding:17px;display:block;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 3px 15px rgba(20,20,40,.025)}.person-top{min-width:0;display:flex;align-items:center;gap:8px}.person-top img{width:46px;height:46px;flex:0 0 auto;border-radius:13px}.person-top .status-chip{margin-left:auto}.person-card h3{margin:16px 0 0;font:700 16px/1.25 Manrope,sans-serif;letter-spacing:-.3px}.person-card h3,.person-card>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card>p{margin:6px 0 0;font-size:11px}.person-meta{display:flex;gap:6px;min-width:0;margin-top:12px}.person-meta span{min-width:0;max-width:50%;padding:4px 6px;border-radius:5px;background:#f6f5f9;color:#7b7885;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-foot{display:flex;align-items:baseline;gap:6px;min-width:0;margin-top:14px;padding-top:12px;border-top:1px solid #f0f0f4}.person-foot b{flex:0 0 auto;font-size:12px;white-space:nowrap}.person-foot span{min-width:0;color:#8b8994;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:14px}.table-toolbar .card-head{flex:1 1 auto;min-width:0}.table-toolbar>button{flex:0 0 auto}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;width:100%}.rule-card{min-height:150px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.rule-card .stat-icon{margin-bottom:14px}.rule-card>b{font-size:12px}.rule-card>span{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}.rule-card .text-button{margin-top:auto;padding-top:15px}.runner-wrap{width:100%;min-height:470px;padding:30px;border-radius:20px;background:linear-gradient(135deg,#211d4a,#4d3fb0);color:#fff;display:grid;place-items:center;overflow:hidden}.runner{width:min(680px,100%);text-align:center}.runner-orb{width:78px;height:78px;margin:0 auto 20px;place-items:center;background:hsla(0,0%,100%,.1)}.orb-core,.runner-orb{border-radius:50%;display:grid}.orb-core{width:50px;height:50px;place-items:center;color:#fff;background:linear-gradient(135deg,#7665ff,#a88aff);box-shadow:0 0 35px rgba(174,145,255,.45)}.runner h2{margin:10px 0 5px;font-size:27px}.runner p{margin:0 auto 22px;max-width:500px;color:#cbc7e7;font-size:10px;line-height:1.5}.runner-list{display:grid;grid-gap:8px;gap:8px;max-width:480px;margin:0 auto;text-align:left}.runner-list>div{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:#a7a2c8;font-size:10px}.runner-list>div>span:first-child{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.08)}.runner-list>div.done{color:#fff;background:hsla(0,0%,100%,.08)}.runner-list>div.done>span:first-child{color:#1cc184;background:rgba(88,220,167,.15)}.runner-list>div.current{color:#fff;background:hsla(0,0%,100%,.13)}.spinner{width:11px;height:11px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.runner-progress{height:5px;margin-top:20px;border-radius:99px;background:hsla(0,0%,100%,.12);overflow:hidden}.runner-progress span{display:block;height:100%;border-radius:inherit;background:#fff;transition:width .35s ease}.drawer-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;background:rgba(16,15,30,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:min(490px,100vw);height:100%;overflow-y:auto;padding:25px;background:#fff;box-shadow:-20px 0 60px rgba(16,15,30,.18)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.drawer-head>div{min-width:0;flex:1 1}.drawer-head h2{margin:7px 0 3px;font-size:22px}.drawer-head p{margin:0;color:var(--muted);font-size:10px}.net-card{margin:18px 0;padding:18px;border-radius:14px;background:#f5f2ff}.net-card small,.net-card span,.net-card strong{display:block}.net-card span{color:#777386;font-size:9px}.net-card strong{margin:5px 0;font:800 27px/1.1 Manrope,sans-serif}.net-card small{color:var(--green);font-size:9px}.breakdown{margin:0 0 17px}.breakdown-title{margin-bottom:6px;font:700 11px Manrope,sans-serif}.break-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:10px}.break-row span{color:#74727e}.explain{display:flex;align-items:flex-start;gap:9px;padding:12px;margin:5px 0 17px;border-radius:11px;background:#f6f3ff;color:#5b4cf6}.explain>div{min-width:0}.explain b{display:block;font-size:10px}.explain p{margin:3px 0 0;color:#696681;font-size:9px;line-height:1.5}.profile-head,.profile-head>div{align-items:center}.profile-head>div{display:flex;gap:12px;min-width:0}.profile-head img{width:61px;height:61px;border-radius:17px;flex:0 0 auto}.profile-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-status{display:flex;align-items:center;gap:8px;margin:15px 0;color:#777481;font-size:9px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:17px}.profile-grid>div{padding:11px;border:1px solid var(--border);border-radius:10px}.profile-grid b,.profile-grid span{display:block}.profile-grid span{color:var(--muted);font-size:8px}.profile-grid b{margin-top:4px;font-size:10px}.drawer-section{margin-top:18px;padding-top:5px;border-top:1px solid var(--border)}@media (max-width:1100px){.payroll-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-flow,.reports-layout,.workforce-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.payroll-stepper{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-stepper>div{min-height:52px;padding:9px}.payroll-stepper b{font-size:9px}.payroll-stepper>div>span{width:22px;height:22px;flex-basis:22px}.integration-grid,.payroll-flow,.reports-layout,.workforce-grid{grid-template-columns:1fr}.integration-card{height:212px}.integration-banner{align-items:flex-start}.integration-banner .status-chip{margin-left:auto}.mini-grid{padding-left:14px;padding-right:14px}.mini-grid,.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-item{padding:14px}.workflow-item>div:nth-child(2) b{font-size:12px}.workflow-item>div:nth-child(2) span{font-size:9px}.exception{width:calc(100% - 16px);margin-left:8px;margin-right:8px}.integration-foot{align-items:flex-start;flex-wrap:wrap}.integration-foot>div{margin-left:auto}}@media (max-width:520px){.payroll-kpis,.people-grid,.settings-grid{grid-template-columns:1fr}.payroll-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:1fr}.integration-banner{flex-wrap:wrap}.integration-banner .status-chip{margin-left:0}.integration-foot>div{width:100%;margin-left:0}.integration-foot>div button{flex:1 1}.profile-grid{grid-template-columns:1fr 1fr}}.status-chip{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800;line-height:1;white-space:nowrap}.status-chip.info{background:#eef2ff;color:#4d72bd}.status-chip.warning{background:#fff0cc;color:#9a6807}.status-chip.success{background:#dff7ec;color:#08784f}.status-chip.danger{background:#ffe8eb;color:#bd4050}.payroll-hero .status-chip.info{background:hsla(0,0%,100%,.11);color:#fff}@media (max-width:900px){.integration-grid{grid-template-columns:1fr 1fr}.integration-card{min-height:224px}}@media (max-width:680px){.integration-grid,.integrations-bottom{grid-template-columns:1fr}.integration-banner{align-items:flex-start}.integration-banner .status-chip{margin-left:auto}.integration-foot{align-items:center}}@media (max-width:480px){.integration-banner{flex-wrap:wrap}.integration-banner .status-chip{margin-left:0}.integration-actions{width:100%}.integration-actions button{flex:1 1;justify-content:center}.integration-foot{align-items:flex-start;flex-direction:column}.integration-foot small{width:100%}}