:root{--ink:#17213a;--muted:#718096;--line:#e7eaf0;--bg:#f5f7fb;--card:#fff;--violet:#6657d9;--violet-dark:#4c3fc0;--green:#12a47a;--orange:#ee9b38;--red:#df5a66;--blue:#3282d8;--sidebar:#18213a;--shadow:0 8px 28px rgba(23,33,58,.07)}
.brand-icon{width:38px;height:38px;display:block;flex:0 0 auto;object-fit:contain}.company-switcher .brand-icon{width:42px;height:42px}.platform-sidebar .brand-icon{width:42px;height:42px}.login-brand .brand-icon{width:44px;height:44px}.mobile-download-page header .brand-icon,.landing-logo .brand-icon{width:42px;height:42px}
/* Five-tier public pricing catalogue */
.pc-landing .pricing-section{max-width:1480px!important}.pc-landing .landing-plans{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px}.pc-landing .landing-plans article{padding:26px 22px}.pc-landing .landing-plans .popular-label{white-space:nowrap}.pc-landing .landing-plans .plan-heading p{min-height:30px}.pc-landing .landing-plans .plan-heading p strong{color:#17213a}.pc-landing .landing-plans .plan-price{white-space:nowrap}.pc-landing .landing-plans .plan-price strong{font-size:clamp(29px,2.2vw,39px)}
@media(max-width:1200px){.pc-landing .landing-plans{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){.pc-landing .landing-plans{grid-template-columns:1fr!important;max-width:560px;margin:auto}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{margin:.25rem 0 .35rem;font-size:30px;letter-spacing:-.04em}h2{font-size:17px;margin:0}p{margin:.25rem 0;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--sidebar);color:#d9dfee;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:18px;font-weight:800;padding:0 10px 24px}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8679f1,#5b49cc);box-shadow:0 5px 15px #0f1530}.nav-label{font-size:10px;font-weight:700;letter-spacing:.14em;color:#7f8aa7;margin:22px 12px 8px;text-transform:uppercase}.sidebar nav a{padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;margin:3px 0;color:#aeb7cd;font-weight:500}.sidebar nav a span{width:18px;text-align:center;font-size:17px}.sidebar nav a b{margin-left:auto;background:#e96a75;color:#fff;font-size:10px;border-radius:20px;padding:2px 6px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#2a3450}.sidebar nav a.active{box-shadow:inset 3px 0 #8d80ff}.sidebar-foot{margin-top:auto;border-top:1px solid #2d3652;padding-top:16px}.mini-profile{display:flex;align-items:center;gap:10px}.mini-profile div{min-width:0;flex:1}.mini-profile strong,.mini-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-profile strong{color:#fff;font-size:12px}.mini-profile small{font-size:10px;text-transform:capitalize;color:#8e99b3}.mini-profile button{border:0;background:none;color:#9ba5bd;cursor:pointer}.avatar{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:var(--avatar);color:white;display:grid;place-items:center;font-weight:700;font-size:12px}.avatar.sm{width:34px;height:34px;border-radius:10px}.avatar.xl{width:82px;height:82px;border-radius:24px;font-size:24px}main{grid-column:2;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.top-search{display:flex;align-items:center;gap:10px;color:#9ba4b7;max-width:500px;flex:1}.top-search input{border:0;outline:0;width:100%;color:var(--ink)}.top-actions{display:flex;gap:8px;margin-left:auto}.icon-btn,.menu-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);position:relative}.has-dot:after{content:"";position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;right:7px;top:7px}.menu-toggle{display:none}.page{max-width:1480px;padding:32px 34px 60px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-head p{font-size:15px}.eyebrow{font-size:10px;font-weight:800;color:var(--violet);letter-spacing:.16em}.eyebrow.light{color:#bcb6ff}.btn{border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.btn.primary{background:var(--violet);color:#fff;box-shadow:0 6px 15px rgba(102,87,217,.22)}.btn.primary:hover{background:var(--violet-dark)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:var(--red);color:#fff}.btn.wide{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:14px;align-items:center}.metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:700}.metric-icon.violet{background:#eeebff;color:var(--violet)}.metric-icon.green{background:#e5f8f2;color:var(--green)}.metric-icon.orange{background:#fff2df;color:var(--orange)}.metric-icon.blue{background:#e8f3ff;color:var(--blue)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{font-family:Manrope;font-size:23px;display:block;margin:2px 0}.metrics strong em{font-size:12px;color:#a0a7b6;font-style:normal}.metrics .up,.up{color:var(--green)}.metrics .warn,.warn{color:var(--orange)}.metrics.compact article{min-height:95px}.color-dot{width:11px;height:38px;border-radius:8px;background:var(--dot)}.dashboard-grid,.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 1px rgba(23,33,58,.02)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.card-head p{font-size:12px}.card-head a,.text-link{font-weight:700;color:var(--violet);font-size:12px}.chart{height:205px;display:flex;align-items:flex-end;gap:18px;padding-top:25px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:35px;border-radius:7px 7px 3px 3px;background:#dcd7ff;position:relative;transition:.2s}.bar:hover{background:var(--violet)}.bar span{display:none;position:absolute;top:-22px;font-size:10px}.bar:hover span{display:block}.bar-wrap small{color:#929bae}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{border:1px solid var(--line);border-radius:10px;padding:14px 8px;text-align:center;font-size:11px;font-weight:600}.quick-grid a:hover{border-color:#c6bfff;background:#faf9ff}.quick-grid span{display:grid;place-items:center;margin:0 auto 7px;width:30px;height:30px;background:#f0edff;color:var(--violet);border-radius:8px;font-size:17px}.request-row,.person-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f0f1f5}.request-row:first-child,.person-row:first-of-type{border-top:0}.request-row strong,.request-row small,.person-row strong,.person-row small,.employee-cell strong,.employee-cell small{display:block}.request-row small,.person-row small,.employee-cell small{font-size:11px;color:var(--muted);margin-top:2px}.grow{flex:1}.days{font-size:12px;color:var(--muted)}.status{font-size:10px;font-weight:700;text-transform:capitalize;padding:5px 9px;border-radius:20px;background:#eef0f4;color:#687287;white-space:nowrap}.status.approved,.status.active,.status.completed,.status.paid,.status.present{background:#e4f7f0;color:#168464}.status.pending,.status.in_progress,.status.processing,.status.late{background:#fff2dd;color:#b57218}.status.rejected,.status.inactive{background:#fdebed;color:#c64e59}.toast,.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px}.toast{background:#e6f7f1;color:#157b5e;border:1px solid #c4eadc}.alert{background:#fff0f1;color:#a33d47;border:1px solid #f3d1d5}.alert ul{margin:6px 0 0}.filters{display:flex;gap:10px;margin-bottom:18px}.search-field{flex:1;max-width:420px;border:1px solid var(--line);border-radius:9px;padding:0 12px;display:flex;align-items:center;color:#9ba4b7}.search-field input{border:0;outline:0;padding:10px;width:100%}.filters select,label select,label input,label textarea,.candidate select{border:1px solid #dfe3eb;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);outline:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:11px 12px;color:#8b94a7;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #f0f1f4;white-space:nowrap}tbody tr:hover{background:#fbfbfd}.employee-cell{display:flex;align-items:center;gap:10px}.more{color:#929bad;letter-spacing:2px}.empty{text-align:center;color:var(--muted);padding:28px}.pagination{padding-top:14px}.back{display:inline-block;color:var(--violet);font-weight:700;font-size:12px;margin-bottom:7px}.form-card{background:#fff;border:1px solid var(--line);border-radius:14px}.form-section{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:28px;border-bottom:1px solid var(--line)}.form-section>div:first-child>span{color:var(--violet);font-weight:800;font-size:11px}.form-section p{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.dialog-form label,.login-form label{display:grid;gap:7px;font-size:12px;font-weight:700}.form-actions{padding:20px 28px;display:flex;justify-content:flex-end;gap:10px}.profile-hero{background:linear-gradient(135deg,#f0edff,#fff);border:1px solid #ded9ff;border-radius:16px;padding:24px;margin-bottom:18px}.profile-main{display:flex;align-items:center;gap:18px}.profile-main h1{margin:.2rem 0}.profile-main .btn{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:10px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.donut-wrap{display:grid;place-items:center;padding:8px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--violet) 0 35%,#ebe9fa 35%);position:relative;display:grid;place-content:center;text-align:center}.donut:before{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.donut strong,.donut small{z-index:1}.donut strong{font-size:24px}.donut small{color:var(--muted)}.timeline>div{display:flex;gap:14px;padding:9px 0}.timeline-dot{width:10px;height:10px;background:var(--violet);border:3px solid #ddd8ff;border-radius:50%;margin-top:5px}.timeline p{margin:0}.timeline strong,.timeline small{display:block}.timeline small{margin-top:3px}.inline-actions{display:flex;gap:5px}.inline-actions button{border:0;width:28px;height:28px;border-radius:8px;cursor:pointer}.approve{background:#e5f7f0;color:var(--green)}.reject{background:#fdebed;color:var(--red)}dialog{border:0;padding:0;border-radius:15px;width:min(520px,92vw);box-shadow:0 25px 80px rgba(15,21,48,.25)}dialog::backdrop{background:rgba(19,27,47,.5);backdrop-filter:blur(3px)}.dialog-form{padding:25px;display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:#f0f1f4;border-radius:8px;width:32px;height:32px}.clock-banner,.payroll-hero,.performance-banner{background:linear-gradient(120deg,#5446c8,#7669e3);border-radius:16px;padding:26px 30px;color:#fff;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.clock-banner:after,.payroll-hero:after,.performance-banner:after{content:"";position:absolute;width:280px;height:280px;border:55px solid rgba(255,255,255,.07);border-radius:50%;right:-100px;top:-130px}.clock-banner h2,.payroll-hero h2,.performance-banner h2{font-size:25px}.clock-banner p,.payroll-hero p,.performance-banner p{color:#ddd9ff}.live-time{font:800 42px Manrope;z-index:1}.pay-amount{text-align:right;z-index:1}.pay-amount span,.pay-amount small{display:block;color:#ddd9ff}.pay-amount strong{font:800 30px Manrope}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.kanban>section{background:#eceff5;border-radius:13px;padding:12px;min-height:420px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.kanban-head h3{font-size:13px}.kanban-head span{background:#dce0e9;padding:3px 8px;border-radius:20px;font-size:10px}.candidate{background:#fff;padding:13px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 4px rgba(23,33,58,.04)}.candidate-top{display:flex;gap:9px;align-items:center}.candidate-top strong,.candidate-top small{display:block}.candidate-top small,.candidate p{font-size:10px;color:var(--muted)}.candidate select{width:100%;padding:7px;font-size:11px;text-transform:capitalize}.empty-card{text-align:center;color:#9aa2b2;border:1px dashed #cbd0db;padding:20px;border-radius:9px}.progress-ring{width:105px;height:105px;border:9px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;display:grid;place-content:center;text-align:center;z-index:1}.progress-ring strong{font:800 22px Manrope}.progress-ring small{color:#ddd9ff}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.horizontal-chart{display:grid;gap:18px}.chart-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.track{height:8px;background:#ebeef3;border-radius:9px}.track i{height:100%;display:block;background:linear-gradient(90deg,#8274eb,#5b4dcc);border-radius:9px}.health-score{text-align:center;padding:10px}.health-score strong{font:800 52px Manrope;color:var(--green)}.health-score span{color:var(--muted)}.health-score p{font-weight:700;color:var(--ink)}.insights{list-style:none;padding:0;margin:12px 0 0}.insights li{padding:10px 0;border-top:1px solid var(--line)}.insights span{display:inline-grid;place-items:center;width:24px;height:24px;background:#edf1f5;border-radius:7px;margin-right:7px}.login-page{min-height:100vh;background:#fff;display:grid;grid-template-columns:1.08fr .92fr}.login-story{background:linear-gradient(150deg,#17213a,#2a3162);padding:44px 7vw;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:520px;height:520px;border:100px solid rgba(125,111,235,.15);border-radius:50%;right:-250px;bottom:-220px}.login-brand{font:800 18px Manrope;display:flex;align-items:center;gap:10px}.story-content{margin:auto 0;max-width:570px;z-index:1}.story-content h1{font-size:58px;line-height:1.08;letter-spacing:-.055em;margin:20px 0}.story-content p{color:#c3c9d9;font-size:17px;line-height:1.7;max-width:500px}.story-quote{z-index:1;border-left:2px solid #8377ed;padding-left:18px}.story-quote p{color:#fff;font-weight:600}.story-quote span{font-size:11px;color:#9da6bd}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:min(420px,100%);display:grid;gap:22px}.login-form h2{font-size:28px;margin:8px 0}.login-form input{width:100%;padding:13px}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--violet);font-size:11px;font-weight:700}.form-between{display:flex;justify-content:space-between;font-size:11px}.form-between a{color:var(--violet);font-weight:700}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.demo-note{text-align:center;background:#f7f6ff;border:1px dashed #cac4f5;border-radius:10px;padding:10px;font-size:11px}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2{grid-column:span 1}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid .span-3{grid-column:span 2}.login-story{padding:40px}.story-content h1{font-size:44px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:15px 0 40px rgba(0,0,0,.2)}main{margin:0}.menu-toggle{display:block;margin-right:12px}.topbar,.page{padding-left:18px;padding-right:18px}.page-head{align-items:flex-start;flex-direction:column}.metrics,.dashboard-grid,.profile-grid,.report-grid,.kanban{grid-template-columns:1fr}.span-2,.span-3,.profile-grid .span-3{grid-column:span 1}.form-section{grid-template-columns:1fr;gap:20px}.form-grid,.detail-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{padding:28px 20px}.chart{gap:7px}.clock-banner,.payroll-hero,.performance-banner{align-items:flex-start;gap:25px;flex-direction:column}.profile-main{align-items:flex-start;flex-wrap:wrap}.profile-main .btn{margin-left:0}.filters{flex-wrap:wrap}.search-field{max-width:none;width:100%}}
.brand>span:last-child strong,.brand>span:last-child small{display:block}.brand>span:last-child small{font:500 9px "DM Sans";color:#8792ac;margin-top:2px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-switch{text-align:center;font-size:12px}.auth-switch a,.public-nav a{color:var(--violet);font-weight:700}.register-page{min-height:100vh;background:linear-gradient(150deg,#f4f1ff,#f8fafc 45%,#eef8f5)}.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid rgba(102,87,217,.12);background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}.public-nav .brand{color:var(--ink);padding:0}.public-nav>span{font-size:12px;color:var(--muted)}.register-wrap{max-width:1180px;margin:0 auto;padding:60px 30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.register-intro{position:sticky;top:130px}.register-intro h1{font-size:49px;line-height:1.1;margin:18px 0}.register-intro>p{font-size:17px;line-height:1.7;max-width:460px}.trust-list{display:grid;gap:14px;margin-top:30px;color:#4d5870}.trust-list span{display:flex;gap:9px}.trust-list span::first-letter{color:var(--green)}.signup-card{background:#fff;border:1px solid #e3e0f5;border-radius:18px;padding:30px;display:grid;gap:20px;box-shadow:0 18px 60px rgba(47,42,91,.1)}.signup-card h2{font-size:25px}.signup-card>label{display:grid;gap:7px;font-weight:700;font-size:12px}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan-option{cursor:pointer}.plan-option input{position:absolute;opacity:0}.plan-option span{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;height:100%}.plan-option strong,.plan-option small{display:block}.plan-option small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.4}.plan-option input:checked+span{border:2px solid var(--violet);background:#f7f5ff;padding:11px}.legal{text-align:center;color:var(--muted)}.platform-body{min-height:100vh;background:#f3f5f9}.platform-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#11192b;color:#c8d0e0;padding:24px 16px;display:flex;flex-direction:column}.platform-sidebar nav{display:grid;gap:4px;margin-top:20px}.platform-sidebar nav a{padding:12px 14px;border-radius:9px;color:#9ea9bf;font-weight:600}.platform-sidebar nav a.active,.platform-sidebar nav a:hover{color:#fff;background:#25304a}.platform-sidebar .sidebar-foot{margin-top:auto}.platform-main{margin-left:250px}.platform-top{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between}.platform-badge{background:#e7f7f1;color:#128061;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800;letter-spacing:.12em}.saas-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:18px}.tenant-search input{border:1px solid var(--line);border-radius:9px;padding:9px 12px}.tenant-cell{display:flex;align-items:center;gap:10px}.tenant-cell>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--tenant);color:#fff;font-weight:800}.tenant-cell strong,.tenant-cell small,.block{display:block}.tenant-cell small{color:var(--muted);font-size:10px}.table-action{border:0;background:transparent;font-weight:700;font-size:11px;cursor:pointer}.danger-text{color:var(--red)}.success-text{color:var(--green)}.plan-list{display:grid;margin-bottom:18px}.plan-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.plan-list strong,.plan-list small{display:block}.plan-list small{color:var(--muted);font-size:10px}.plan-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eeebff;color:var(--violet);font-weight:800}.settings-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.settings-form{display:grid;gap:18px}.settings-form>label{display:grid;gap:7px;font-weight:700;font-size:12px}.color-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:6px 10px}.color-field input{width:36px;height:30px;padding:0;border:0}.color-field span{color:var(--muted)}.subscription-card{align-self:start}.current-plan{background:linear-gradient(145deg,#f2f0ff,#fafaff);border:1px solid #e1ddff;border-radius:12px;padding:20px;margin-bottom:14px}.current-plan h2{font-size:24px;margin:6px 0}.current-plan>strong{font:800 30px Manrope}.current-plan>strong small{font:500 11px "DM Sans";color:var(--muted)}.current-plan p{font-size:11px;margin:17px 0 7px}.trial-note{background:#fff5e6;color:#9b641a;border-radius:9px;padding:11px;margin:14px 0;font-size:11px}
@media(max-width:900px){.register-wrap{grid-template-columns:1fr;gap:35px}.register-intro{position:static}.register-intro h1{font-size:38px}.platform-sidebar{width:210px}.platform-main{margin-left:210px}.saas-grid,.settings-grid{grid-template-columns:1fr}.plan-options{grid-template-columns:1fr}}
@media(max-width:650px){.public-nav{padding:0 18px}.public-nav>span{display:none}.register-wrap{padding:38px 18px}.signup-card{padding:20px}.platform-sidebar{position:static;width:auto}.platform-sidebar nav,.platform-sidebar .sidebar-foot{display:none}.platform-main{margin:0}.platform-top{padding:0 18px}.platform-main .page{padding:24px 18px}.saas-grid{display:block}.saas-grid>.card{margin-bottom:16px}}
.page-actions{display:flex;gap:9px}.document-metrics{grid-template-columns:repeat(3,1fr)}.document-layout{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}.folder-panel{padding:16px;position:sticky;top:90px}.folder-link{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;color:#59647b;font-size:12px;margin:2px 0}.folder-link:hover,.folder-link.active{background:#f0edff;color:var(--violet)}.folder-link strong{flex:1}.folder-link small{background:#eef0f4;border-radius:15px;padding:2px 7px;font-size:9px}.folder-icon{color:var(--folder)}.folder-icon.all{color:var(--violet)}.folder-divider{border-top:1px solid var(--line);margin:12px 5px}.document-library{padding:0;overflow:hidden}.document-filters{padding:18px;margin:0;border-bottom:1px solid var(--line)}.document-head,.document-row{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(160px,1fr) 115px 95px 120px;gap:12px;align-items:center}.document-head{padding:10px 18px;background:#fafbfc;color:#8b94a7;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.document-row{padding:14px 18px;border-top:1px solid #f0f1f4}.document-row:hover{background:#fcfcfe}.document-name{display:flex;align-items:center;gap:11px;min-width:0}.document-name>div{min-width:0}.document-name strong,.document-name small,.document-row>div>strong,.document-row>div>small{display:block}.document-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-name small,.document-row>div>small{font-size:10px;color:var(--muted);margin-top:3px}.file-icon{width:39px;height:45px;border-radius:7px;background:#eef0f4;color:#5d677b;display:grid;place-items:center;font-size:8px;font-weight:800;text-transform:uppercase;clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%)}.file-icon.pdf{background:#fdebed;color:#d84c58}.file-icon.doc,.file-icon.docx{background:#e9f2ff;color:#2872c8}.file-icon.xls,.file-icon.xlsx,.file-icon.csv{background:#e4f7f0;color:#128262}.file-icon.png,.file-icon.jpg,.file-icon.jpeg{background:#fff0e2;color:#c77722}.document-access{display:grid;justify-items:start;gap:5px}.visibility{font-size:9px;font-weight:700;border-radius:18px;padding:4px 7px}.visibility.company{background:#e6f7f1;color:#128262}.visibility.employee{background:#e9f2ff;color:#2872c8}.visibility.private{background:#eeebff;color:var(--violet)}.expiry{color:var(--red)!important;font-weight:600}.document-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end}.document-actions a,.document-actions button{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#6e788d;display:grid;place-items:center;cursor:pointer}.document-actions form{margin:0}.document-empty{text-align:center;padding:65px 20px}.document-empty>span{width:60px;height:60px;border-radius:16px;background:#eeebff;color:var(--violet);display:grid;place-items:center;margin:0 auto 12px;font-size:25px}.document-empty p{font-size:12px}.upload-form{max-height:90vh;overflow:auto}.drop-zone{border:2px dashed #d4d0ee;border-radius:12px;padding:22px!important;text-align:center;display:grid!important;place-items:center;background:#faf9ff;cursor:pointer}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9e5ff;color:var(--violet);font-size:20px;margin-bottom:6px}.drop-zone small{color:var(--muted);font-weight:400}.dialog-form label>small{color:var(--muted);font-weight:400}.document-library>.pagination{padding:12px 18px}
@media(max-width:1100px){.document-layout{grid-template-columns:190px 1fr}.document-head,.document-row{grid-template-columns:minmax(220px,1.7fr) minmax(130px,1fr) 100px 90px}.document-head span:nth-child(4),.document-row>div:nth-child(4){display:none}}
@media(max-width:800px){.document-layout{grid-template-columns:1fr}.folder-panel{position:static;display:flex;overflow:auto;gap:5px}.folder-panel .card-head,.folder-divider{display:none}.folder-link{white-space:nowrap;min-width:max-content}.document-metrics{grid-template-columns:1fr}.document-head{display:none}.document-row{grid-template-columns:1fr auto;padding:14px}.document-row>div:nth-child(2),.document-row>div:nth-child(3),.document-row>div:nth-child(4){display:none}.document-actions{grid-column:2}.page-actions{width:100%}.page-actions .btn{flex:1}}
.landing{background:#fff;color:#17213a}.landing-nav{height:76px;display:flex;align-items:center;gap:42px;padding:0 max(5vw,24px);position:absolute;top:0;left:0;right:0;z-index:20}.landing-logo{display:flex;align-items:center;gap:10px;font:800 18px Manrope}.landing-nav nav{display:flex;gap:28px;margin:auto}.landing-nav nav a{font-size:12px;color:#59647b;font-weight:600}.landing-nav nav a:hover{color:var(--violet)}.landing-nav-actions{display:flex;align-items:center;gap:18px}.nav-login{font-size:12px;font-weight:700}.landing-menu{display:none;border:0;background:transparent;font-size:22px}.landing-hero{min-height:820px;padding:155px max(6vw,30px) 85px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#fbfaff,#fff 53%,#f3f1ff)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.hero-glow.one{width:450px;height:450px;background:radial-gradient(circle,rgba(108,92,231,.15),transparent 67%);left:-180px;top:80px}.hero-glow.two{width:620px;height:620px;background:radial-gradient(circle,rgba(65,200,165,.12),transparent 67%);right:-210px;bottom:-220px}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ded9ff;background:#f8f6ff;border-radius:20px;color:#5347b9;font-size:10px;font-weight:700}.hero-pill i{width:7px;height:7px;background:#24b386;border-radius:50%;box-shadow:0 0 0 4px #daf5ec}.hero-copy h1{font-size:clamp(45px,5.3vw,76px);line-height:1.06;letter-spacing:-.065em;margin:25px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#6657d9,#8f68d8);background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.75;max-width:590px}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0}.hero-btn{padding:15px 22px}.watch-link{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.watch-link span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe1e8;border-radius:50%;font-size:9px;color:var(--violet)}.hero-proof{display:flex;align-items:center;gap:13px}.proof-faces{display:flex}.proof-faces span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#6657d9;color:#fff;font-size:8px;font-weight:800;border:2px solid #fff;margin-left:-6px}.proof-faces span:nth-child(2){background:#12a47a}.proof-faces span:nth-child(3){background:#ef6c75}.proof-faces span:last-child{background:#eff1f5;color:#59647b}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#8a93a6;margin-top:2px}.product-stage{position:relative;z-index:2;perspective:1200px}.stage-shadow{position:absolute;inset:16% 3% -5%;background:rgba(73,62,156,.2);filter:blur(35px);border-radius:35px}.product-window{position:relative;background:#fff;border:1px solid #ddddeb;border-radius:15px;overflow:hidden;box-shadow:0 30px 70px rgba(36,34,78,.18);transform:rotateY(-3deg) rotateX(1deg)}.window-top{height:34px;background:#f3f4f7;border-bottom:1px solid #e4e6eb;display:flex;align-items:center;gap:5px;padding:0 11px}.window-top>span{width:7px;height:7px;border-radius:50%;background:#ff766d}.window-top>span:nth-child(2){background:#f3c65f}.window-top>span:nth-child(3){background:#54c98a}.window-top small{margin:auto;color:#9ba3b1;font-size:7px;background:#fff;padding:4px 55px;border-radius:5px}.window-body{height:420px;display:flex}.mock-sidebar{width:55px;background:#18213a;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.mock-brand{width:25px;height:25px;border-radius:7px;background:#7263e0;color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:10px}.mock-sidebar i{font-style:normal;color:#78849f;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;font-size:11px}.mock-sidebar i.active{background:#303b58;color:#fff}.mock-main{background:#f6f7fa;flex:1;padding:24px;min-width:0}.mock-header{display:flex;justify-content:space-between}.mock-header small,.mock-header strong,.mock-header span{display:block}.mock-header small{font-size:6px;color:#6c5ce7;letter-spacing:.1em;font-weight:800}.mock-header strong{font:800 16px Manrope;margin:5px 0}.mock-header span{font-size:7px;color:#8e96a6}.mock-header button{border:0;border-radius:6px;background:#6657d9;color:#fff;font-size:7px;padding:7px 9px;height:25px}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:19px 0}.mock-metrics article{padding:12px;background:#fff;border:1px solid #e8e9ef;border-radius:8px;display:flex;gap:8px}.mock-metrics i{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-style:normal}.mock-metrics i.violet{background:#eeebff;color:#6657d9}.mock-metrics i.green{background:#e5f8f2;color:#12a47a}.mock-metrics i.orange{background:#fff2df;color:#ee9b38}.mock-metrics span{font-size:6px;color:#8a93a4}.mock-metrics strong,.mock-metrics small{display:block}.mock-metrics strong{font:800 14px Manrope;color:#17213a;margin:1px 0}.mock-metrics small{font-size:5px;color:#12a47a}.mock-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:9px}.mock-grid>article{background:#fff;border:1px solid #e8e9ef;border-radius:8px;padding:12px}.mock-grid strong,.mock-grid small{display:block}.mock-grid>article>small,.mock-chart>div small{font-size:6px;color:#9ba3b0}.mock-chart section{height:145px;display:flex;align-items:end;gap:7px;padding-top:16px}.mock-chart section i{flex:1;background:#dcd7ff;border-radius:4px 4px 1px 1px}.mock-chart section i:nth-child(5){background:#6657d9}.mock-people>div{display:flex;align-items:center;gap:6px;padding:9px 0;border-top:1px solid #f0f1f4}.mock-people>div i{width:24px;height:24px;border-radius:7px;background:#6657d9;color:#fff;display:grid;place-items:center;font-size:6px;font-style:normal}.mock-people>div:nth-of-type(2) i{background:#12a47a}.mock-people>div:nth-of-type(3) i{background:#ef6c75}.mock-people b{font-size:7px}.mock-people div small{font-size:5px;color:#8d96a7;margin-top:2px}.floating-card{position:absolute;background:#fff;border:1px solid #e6e5ef;border-radius:10px;padding:10px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px rgba(36,34,78,.15);z-index:4}.floating-card>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e3f7f0;color:#12a47a;font-weight:800}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:8px}.floating-card small{font-size:6px;color:#8c94a5}.leave-float{left:-35px;bottom:60px}.payroll-float{right:-25px;top:80px}.payroll-float>span{background:#fff2df;color:#da8929}.logo-strip{padding:27px max(6vw,30px);border-top:1px solid #eeedf3;border-bottom:1px solid #eeedf3;text-align:center}.logo-strip p{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.logo-strip div{display:flex;justify-content:center;gap:8vw;margin-top:18px;color:#8e96a6;font:800 13px Manrope;letter-spacing:.06em}.landing-section{max-width:1240px;margin:0 auto;padding:100px 30px;text-align:center}.section-kicker{color:#6657d9;font-size:9px;font-weight:800;letter-spacing:.17em}.section-kicker.light{color:#bcb6ff}.landing-section>h2,.security-band h2,.landing-cta h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;margin:12px 0}.landing-section>p{font-size:15px;line-height:1.7;max-width:620px;margin:0 auto 44px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}.feature-card{border:1px solid #e7e7ef;border-radius:16px;padding:25px;background:#fff;position:relative;overflow:hidden;min-height:245px}.feature-card:nth-child(-n+4){min-height:430px}.feature-card h3{font-size:20px;margin:16px 0 7px}.feature-card>p{line-height:1.6;font-size:12px;max-width:480px}.feature-card>a{display:inline-block;color:#6657d9;font-weight:700;font-size:11px;margin-top:18px}.feature-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#eeebff;color:#6657d9;font-size:18px}.mini-directory,.docs-visual,.payroll-visual,.leave-calendar{margin-top:22px;background:#f8f9fb;border:1px solid #eceef2;border-radius:10px;padding:10px}.mini-directory>div,.docs-visual>div{display:flex;align-items:center;gap:9px;padding:9px;background:#fff;border-radius:8px;margin:5px}.mini-directory i{width:28px;height:28px;border-radius:8px;background:#6657d9;color:#fff;display:grid;place-items:center;font-size:7px;font-style:normal}.mini-directory span,.docs-visual span{flex:1}.mini-directory strong,.mini-directory small,.docs-visual strong,.docs-visual small{display:block}.mini-directory strong,.docs-visual strong{font-size:9px}.mini-directory small,.docs-visual small{font-size:7px;color:#929aaa}.mini-directory b,.docs-visual b{color:#a0a6b2;font-size:8px}.leave-calendar>div{display:flex;justify-content:space-between;padding:7px}.leave-calendar section{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.leave-calendar section small,.leave-calendar section i{display:grid;place-items:center;height:25px;font-size:7px;font-style:normal}.leave-calendar section small{color:#8e96a6}.leave-calendar section i.away{background:#ddd8ff;color:#6657d9}.leave-calendar section i.today{background:#6657d9;color:#fff;border-radius:50%}.payroll-visual{padding:18px}.payroll-visual>span{font-size:8px;color:#8f97a6}.payroll-visual>span strong{font:800 22px Manrope;color:#17213a;display:block;margin:4px 0}.payroll-visual>span small{display:block}.payroll-visual>div{height:7px;background:#e6e8ed;border-radius:7px;margin:15px 0}.payroll-visual>div i{height:100%;display:block;background:#12a47a;border-radius:7px}.payroll-visual p{font-size:8px}.payroll-visual p b{color:#12a47a}.docs-visual i{width:33px;height:38px;background:#fdebed;color:#dc5561;display:grid;place-items:center;font-size:6px;font-style:normal;clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%)}.docs-visual>div:nth-child(2) i{background:#e9f2ff;color:#2872c8}.docs-visual>div:nth-child(3) i{background:#e4f7f0;color:#128262}.security-band{background:#19223a;color:#fff;padding:90px max(8vw,30px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;overflow:hidden}.security-band>div:first-child{max-width:610px}.security-band p{color:#b1bacd;line-height:1.7}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;color:#dce1eb;font-size:12px}.security-points i{width:22px;height:22px;display:inline-grid;place-items:center;background:#263c48;color:#48d3a7;border-radius:6px;font-style:normal;margin-right:8px}.security-orbit{height:350px;position:relative;display:grid;place-items:center}.shield{width:115px;height:115px;border-radius:30px;background:linear-gradient(145deg,#7a6be6,#5144bd);display:grid;place-content:center;text-align:center;font-size:35px;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.3)}.shield small{display:block;font-size:8px;margin-top:7px}.orbit{position:absolute;border:1px solid #3a4561;border-radius:50%}.orbit.one{width:240px;height:240px}.orbit.two{width:340px;height:340px}.node{position:absolute;width:42px;height:42px;border:1px solid #46506a;background:#252f48;border-radius:12px;display:grid;place-items:center;font-size:8px}.n1{top:32px;left:26%}.n2{right:19%;top:46%}.n3{bottom:30px;left:31%}.pricing-section{max-width:1120px}.landing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:left;align-items:stretch}.landing-plans article{border:1px solid #e4e5eb;border-radius:15px;padding:25px;display:flex;flex-direction:column;position:relative}.landing-plans article.popular{border:2px solid #6657d9;box-shadow:0 15px 40px rgba(102,87,217,.12)}.popular-label{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#6657d9;color:#fff;border-radius:20px;padding:5px 11px;font-size:7px;font-weight:800;letter-spacing:.1em}.landing-plans h3{font-size:19px}.landing-plans article>div>p{font-size:10px}.plan-price{display:flex;align-items:baseline;margin:24px 0}.plan-price sup{font-weight:800}.plan-price strong{font:800 35px Manrope}.plan-price span{font-size:9px;color:#8f97a6}.landing-plans ul{list-style:none;padding:0;margin:0 0 25px;flex:1}.landing-plans li{padding:7px 0;font-size:11px;color:#59647b}.landing-plans li::first-letter{color:#12a47a}.landing-cta{margin:25px;min-height:430px;border-radius:22px;background:linear-gradient(135deg,#5c4dc8,#7769df);color:#fff;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.landing-cta:before,.landing-cta:after{content:"";position:absolute;width:370px;height:370px;border:70px solid rgba(255,255,255,.06);border-radius:50%}.landing-cta:before{left:-180px;top:-160px}.landing-cta:after{right:-170px;bottom:-190px}.landing-cta>div{z-index:1}.landing-cta p{color:#ddd9ff}.cta-btn{background:#fff;color:#5144bd;padding:15px 24px;margin:20px}.landing-cta small{display:block;color:#cbc6f5;font-size:8px}.landing-footer{padding:45px max(6vw,30px);display:flex;align-items:center;gap:28px;border-top:1px solid #ececf1}.landing-footer p{font-size:10px}.landing-footer nav{display:flex;gap:20px;margin-left:auto}.landing-footer nav a{font-size:10px;font-weight:600}.landing-footer>small{color:#9ba3b1;font-size:8px}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:750px}.product-stage{max-width:760px;margin:auto;width:100%}.security-band{gap:20px}.feature-card:nth-child(-n+4){min-height:400px}}
@media(max-width:760px){.landing-nav{position:absolute;padding:0 18px}.landing-nav nav{display:none;position:absolute;top:68px;left:18px;right:18px;background:#fff;border:1px solid #e7e7ef;border-radius:12px;padding:12px;box-shadow:var(--shadow)}.landing-nav nav.open{display:grid}.landing-nav-actions .btn{display:none}.landing-menu{display:block;margin-left:auto}.landing-hero{padding:125px 20px 65px;min-height:auto}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.product-window{transform:none}.window-body{height:330px}.mock-sidebar{width:42px}.mock-main{padding:14px}.mock-grid{grid-template-columns:1fr}.mock-people{display:none}.floating-card{display:none}.logo-strip div{gap:25px;overflow:hidden;justify-content:flex-start}.feature-grid,.security-band,.landing-plans{grid-template-columns:1fr}.feature-card:nth-child(-n+4){min-height:auto}.security-band{padding:70px 25px}.security-orbit{height:310px}.landing-section{padding:75px 18px}.landing-cta{margin:12px;padding:60px 18px}.landing-footer{align-items:flex-start;flex-wrap:wrap}.landing-footer nav{order:3;width:100%;margin:0}.landing-footer>small{margin-left:auto}}

/* Crew marketing experience */
html{scroll-behavior:smooth;scroll-padding-top:92px}
.pc-landing{--pc-violet:#6557dc;--pc-violet-2:#8879ef;--pc-ink:#15203a;--pc-soft:#f7f7fc;--pc-mint:#23b58a;background:#fff;overflow-x:hidden}
.pc-landing::selection{background:#dad5ff;color:#322695}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;background:transparent}
.scroll-progress span{display:block;width:calc(var(--scroll-progress,0) * 100%);height:100%;background:linear-gradient(90deg,#23b58a,#6557dc,#a570e7);box-shadow:0 0 12px rgba(101,87,220,.45)}

.pc-nav{height:78px;position:fixed;inset:0 0 auto;z-index:50;padding:0 max(5vw,24px);transition:height .35s ease,background .35s ease,box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
.pc-nav.scrolled{height:68px;background:rgba(255,255,255,.84);border-color:rgba(224,223,237,.78);box-shadow:0 10px 40px rgba(31,26,76,.07);backdrop-filter:blur(18px) saturate(160%)}
.pc-nav .landing-logo{font-size:16px;letter-spacing:-.02em}
.crew-image-logo{display:flex;align-items:center;overflow:hidden;width:132px;height:66px}
.crew-image-logo img{display:block;width:100%;height:100%;object-fit:contain}
.pc-nav .crew-image-logo{height:64px;width:122px}
.footer-image-logo{width:145px;height:92px;margin:-16px 0 -10px}
.pc-nav .brand-mark{width:31px;height:31px;border-radius:10px;box-shadow:0 8px 20px rgba(75,63,192,.28),inset 0 1px rgba(255,255,255,.4);transition:transform .3s ease}
.pc-nav .landing-logo:hover .brand-mark{transform:rotate(-7deg) scale(1.06)}
.pc-nav nav{display:flex;align-items:center;gap:6px;margin:auto;padding:5px;background:rgba(255,255,255,.48);border:1px solid rgba(227,226,238,.65);border-radius:13px}
.pc-nav nav a{position:relative;padding:8px 13px;border-radius:9px;color:#687187;font-size:11px;transition:color .25s ease,background .25s ease}
.pc-nav nav a:hover,.pc-nav nav a.active{color:#4d40bd;background:#f2f0ff}
.pc-nav nav a::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:#6557dc;transform:translateX(-50%) scale(0);transition:transform .25s ease}
.pc-nav nav a.active::after{transform:translateX(-50%) scale(1)}
.pc-nav .nav-cta{gap:8px;padding:10px 15px;transition:transform .25s ease,box-shadow .25s ease}
.pc-nav .nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(102,87,217,.27)}
.pc-nav .nav-cta span{transition:transform .25s ease}.pc-nav .nav-cta:hover span{transform:translate(2px,-2px)}
.pc-nav .nav-login{padding:9px 4px;transition:color .2s}.pc-nav .nav-login:hover{color:#6557dc}

.pc-hero{min-height:900px;padding:145px max(6vw,30px) 110px;grid-template-columns:minmax(390px,.82fr) minmax(540px,1.18fr);gap:5vw;background:linear-gradient(150deg,#fbfaff 0%,#fff 48%,#f0f5ff 100%);isolation:isolate}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,86,215,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,86,215,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.pc-hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(to bottom,transparent,#fff);z-index:-1}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none;transition:transform .35s ease-out}
.orb-one{width:12px;height:12px;left:47%;top:18%;background:#23b58a;box-shadow:0 0 0 7px rgba(35,181,138,.1),0 0 28px rgba(35,181,138,.5)}
.orb-two{width:9px;height:9px;right:8%;top:28%;background:#8d7eea;box-shadow:0 0 0 6px rgba(101,87,220,.1)}
.pc-hero .hero-copy{max-width:610px}
.pc-hero .hero-pill{padding:8px 13px;background:rgba(248,246,255,.78);backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(84,70,179,.06)}
.pc-hero .hero-pill i{animation:pill-pulse 2.4s ease-in-out infinite}
.pc-hero .hero-copy h1{font-size:clamp(54px,5.45vw,82px);line-height:1.02;margin:26px 0;max-width:730px}
.pc-hero .hero-copy h1 em{display:inline;background-image:linear-gradient(110deg,#6657d9 0%,#8d67dd 52%,#6557dc 100%);background-size:200% auto;animation:gradient-shift 6s linear infinite}
.pc-hero .hero-copy>p{font-size:17px;line-height:1.75;max-width:580px;color:#68748b}
.hero-enter{opacity:0;transform:translateY(24px);animation:hero-enter .85s cubic-bezier(.2,.8,.2,1) forwards}
.hero-enter.delay-1{animation-delay:.12s}.hero-enter.delay-2{animation-delay:.24s}.hero-enter.delay-3{animation-delay:.36s}.hero-enter.delay-4{animation-delay:.48s}
.pc-hero .hero-actions{margin:34px 0 29px}.pc-hero .hero-btn{gap:12px;padding:16px 22px;border-radius:12px;box-shadow:0 12px 30px rgba(91,74,203,.27);transition:transform .3s ease,box-shadow .3s ease}
.pc-hero .hero-btn:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(91,74,203,.34)}
.pc-hero .hero-btn span{transition:transform .25s}.pc-hero .hero-btn:hover span{transform:translateX(4px)}
.pc-hero .watch-link{padding:7px 0;transition:color .25s}.pc-hero .watch-link:hover{color:#6557dc}
.play-icon{position:relative;overflow:hidden;transition:transform .3s ease,background .3s ease!important}.watch-link:hover .play-icon{transform:scale(1.1);background:#f3f1ff}
.pc-hero .proof-faces span{transition:transform .25s}.pc-hero .proof-faces:hover span{transform:translateX(calc(var(--face-index, 0) * 2px))}
.pc-hero .hero-proof strong{font-size:11px}.pc-hero .hero-proof small{font-size:9px}

.pc-hero .product-stage{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease-out;will-change:transform}
.pc-hero .stage-shadow{inset:20% 1% -3%;background:linear-gradient(130deg,rgba(85,69,189,.25),rgba(65,190,164,.18));filter:blur(42px);animation:shadow-breathe 5s ease-in-out infinite}
.pc-hero .product-window{border-color:rgba(219,218,234,.9);box-shadow:0 45px 90px rgba(36,34,78,.18),0 2px 0 rgba(255,255,255,.8) inset;transform:none;transition:box-shadow .3s ease}
.pc-hero .product-stage:hover .product-window{box-shadow:0 52px 105px rgba(36,34,78,.23),0 2px 0 rgba(255,255,255,.8) inset}
.pc-hero .window-top{height:38px}.pc-hero .window-top small{display:flex;align-items:center;justify-content:center;gap:5px;max-width:210px;padding:5px 35px}.pc-hero .window-top small i{font-style:normal;font-size:6px}.pc-hero .window-top b{font-size:7px;color:#9ca3b1}
.pc-hero .window-body{height:445px}.pc-hero .mock-sidebar{width:58px;padding-top:16px}.pc-hero .mock-sidebar i{transition:background .25s,color .25s,transform .25s}.pc-hero .mock-sidebar i:hover{background:#303b58;color:#fff;transform:translateX(2px)}
.mock-avatar{margin-top:auto;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#e66878;font-size:6px;font-weight:800}
.pc-hero .mock-main{padding:26px}.pc-hero .mock-header button{transition:transform .25s,box-shadow .25s}.pc-hero .mock-header button:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(101,87,220,.24)}
.pc-hero .mock-metrics article{transition:transform .25s,box-shadow .25s}.pc-hero .mock-metrics article:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(45,42,90,.07)}
.pc-hero .mock-chart section i{height:0;transform-origin:center bottom;will-change:height,transform;animation:bar-grow .9s cubic-bezier(.2,.8,.2,1) forwards,bar-live calc(2.6s + var(--bar-order,0)*.14s) ease-in-out calc(1.35s + var(--bar-order,0)*.11s) infinite;animation-delay:calc(.35s + var(--bar-order,0)*.08s),calc(1.35s + var(--bar-order,0)*.11s)}
.pc-hero .mock-chart section i:nth-child(1){--bar-order:1}.pc-hero .mock-chart section i:nth-child(2){--bar-order:2}.pc-hero .mock-chart section i:nth-child(3){--bar-order:3}.pc-hero .mock-chart section i:nth-child(4){--bar-order:4}.pc-hero .mock-chart section i:nth-child(5){--bar-order:5}.pc-hero .mock-chart section i:nth-child(6){--bar-order:6}.pc-hero .mock-chart section i:nth-child(7){--bar-order:7}
.pc-hero .mock-chart footer{display:flex;justify-content:space-around;color:#a2a8b5;font-size:5px;padding-top:5px}
.pc-hero .mock-people>div{transition:transform .22s,background .22s}.pc-hero .mock-people>div:hover{transform:translateX(3px);background:#faf9ff}
.pc-hero .floating-card{backdrop-filter:blur(10px);background:rgba(255,255,255,.92)}.pc-hero .leave-float{animation:float-card 4s ease-in-out infinite}.pc-hero .payroll-float{animation:float-card 4.6s ease-in-out .7s infinite}.hire-float{left:34%;bottom:-28px;animation:float-card 5s ease-in-out 1.2s infinite}.hire-float>span{background:#eeeaff;color:#6557dc}
.scroll-cue{position:absolute;bottom:28px;left:50%;display:flex;align-items:center;gap:9px;color:#8b93a5;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;z-index:3}
.scroll-cue span{width:21px;height:34px;border:1px solid #cdd0db;border-radius:13px;position:relative}.scroll-cue span::after{content:"";position:absolute;width:3px;height:6px;border-radius:4px;background:#6557dc;left:8px;top:6px;animation:scroll-dot 1.8s ease-in-out infinite}

.pc-landing .logo-strip{padding:23px 0 28px;overflow:hidden;background:#fff}.pc-landing .logo-strip p{letter-spacing:.17em}
.logo-marquee{overflow:hidden;margin-top:18px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pc-landing .logo-strip .logo-marquee>div{display:flex;width:max-content;gap:7vw;margin:0;animation:logo-scroll 28s linear infinite}
.pc-landing .logo-strip .logo-marquee span{min-width:120px;text-align:center}

.pc-landing .landing-section{padding:115px 30px}.section-heading{max-width:720px;margin:0 auto 48px;text-align:center}
.pc-landing .section-heading h2,.workflow-copy h2{font-size:clamp(36px,4.4vw,58px);line-height:1.08;letter-spacing:-.055em;margin:12px 0}
.pc-landing .section-heading h2 em,.workflow-copy h2 em{font-style:normal;color:#6557dc}.pc-landing .section-heading>p{font-size:15px;line-height:1.75;max-width:620px;margin:0 auto}
.reveal{opacity:1;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}
.reveal.visible{opacity:1;transform:translateY(0)}.delay-card-1{transition-delay:.12s}
.pc-landing .feature-grid{gap:20px}.pc-landing .feature-card{border-color:#e8e8f0;border-radius:20px;padding:28px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.pc-landing .feature-card::before,.pc-landing .landing-plans article::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mouse-x,-200px) var(--mouse-y,-200px),rgba(104,88,222,.105),transparent 42%);opacity:0;transition:opacity .3s;pointer-events:none}
.pc-landing .feature-card:hover::before,.pc-landing .landing-plans article:hover::before{opacity:1}
.pc-landing .feature-card:hover{transform:translateY(-7px);border-color:#d8d4f5;box-shadow:0 24px 55px rgba(34,31,73,.09)}
.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-top>span{font:700 10px Manrope;color:#c4c6d0}
.pc-landing .feature-icon{transition:transform .35s,box-shadow .35s}.pc-landing .feature-card:hover .feature-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 8px 16px rgba(101,87,220,.16)}
.pc-landing .feature-card h3{font-size:21px}.pc-landing .feature-card>a{position:relative;z-index:1}.pc-landing .feature-card>a span{display:inline-block;transition:transform .25s}.pc-landing .feature-card>a:hover span{transform:translateX(4px)}
.pc-landing .mini-directory>div,.pc-landing .docs-visual>div{border:1px solid transparent;transition:transform .25s,border-color .25s,box-shadow .25s}.pc-landing .mini-directory>div:hover,.pc-landing .docs-visual>div:hover{transform:translateX(4px);border-color:#e6e3f8;box-shadow:0 5px 13px rgba(35,31,76,.05)}
.pc-landing .leave-calendar .today{box-shadow:0 4px 10px rgba(101,87,220,.25)}.pc-landing .leave-calendar .away{transition:background .2s}.pc-landing .leave-calendar:hover .away{background:#cec7ff}
.pc-landing .payroll-visual>div i{width:0!important;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.pc-landing .payroll-feature.visible .payroll-visual>div i{width:88%!important}
.compact-card{min-height:295px!important}.candidate-pipeline{display:flex;align-items:center;gap:8px;margin-top:26px;background:#f8f9fb;border:1px solid #eceef2;border-radius:11px;padding:15px 13px}.candidate-pipeline span{font-size:8px;color:#7f889a}.candidate-pipeline b{display:block;color:#17213a;font:800 17px Manrope;margin-top:3px}.candidate-pipeline i{height:1px;flex:1;background:linear-gradient(90deg,#d8d4fb,#aaa0ed);position:relative}.candidate-pipeline i::after{content:"";position:absolute;right:0;top:-2px;border-left:4px solid #aaa0ed;border-top:2px solid transparent;border-bottom:2px solid transparent}
.goal-progress{margin-top:26px;background:#f8f9fb;border:1px solid #eceef2;border-radius:11px;padding:17px}.goal-progress>span{display:flex;justify-content:space-between;font-size:9px}.goal-progress>span strong{font:800 17px Manrope;color:#6557dc}.goal-progress>div{height:7px;background:#e4e5eb;border-radius:10px;margin:13px 0 8px}.goal-progress>div i{display:block;width:78%;height:100%;border-radius:10px;background:linear-gradient(90deg,#6557dc,#8c7dea)}.goal-progress small{font-size:8px;color:#8b94a5}

.workflow-section{max-width:1280px;margin:0 auto;padding:105px 40px 125px;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}
.workflow-copy>p{font-size:15px;line-height:1.75;max-width:500px}.workflow-tabs{display:grid;gap:5px;margin-top:35px}
.workflow-tabs button{border:0;background:transparent;text-align:left;border-radius:14px;padding:16px;display:flex;align-items:flex-start;gap:15px;cursor:pointer;transition:background .3s,transform .3s}
.workflow-tabs button:hover{transform:translateX(4px)}.workflow-tabs button.active{background:#f5f3ff}
.workflow-tabs button>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f0eff5;color:#8e95a6;font-style:normal;font-size:9px;font-weight:800;transition:background .3s,color .3s,box-shadow .3s}
.workflow-tabs button.active>i{background:#6557dc;color:#fff;box-shadow:0 7px 15px rgba(101,87,220,.22)}.workflow-tabs span,.workflow-tabs b,.workflow-tabs small{display:block}.workflow-tabs b{font-size:13px}.workflow-tabs small{font-size:11px;color:#8790a3;margin-top:4px}
.workflow-visual{min-height:525px;padding:30px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#f1efff,#f8f9fc 48%,#edf8f5);position:relative;overflow:hidden}
.workflow-visual::before{content:"";position:absolute;width:250px;height:250px;border:55px solid rgba(101,87,220,.06);border-radius:50%;right:-100px;top:-90px}
.workflow-panel{grid-area:1/1;width:min(510px,100%);padding:25px;background:rgba(255,255,255,.94);border:1px solid rgba(218,217,232,.9);border-radius:17px;box-shadow:0 25px 65px rgba(39,34,86,.14);opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;transition:opacity .4s,transform .45s cubic-bezier(.2,.8,.2,1);z-index:1}
.workflow-panel.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.workflow-panel>header{display:flex;justify-content:space-between;font-size:9px;color:#7e8799;margin-bottom:19px}.workflow-panel>header b{color:#6557dc}
.workflow-panel.refreshing{opacity:.35;transform:translateY(8px) scale(.985)}
.new-hire{display:flex;align-items:center;gap:12px;background:#f7f6ff;border:1px solid #e6e2ff;border-radius:12px;padding:14px}.new-hire>i{width:42px;height:42px;border-radius:12px;background:#6557dc;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.new-hire>span{flex:1}.new-hire strong,.new-hire small{display:block}.new-hire strong{font-size:11px}.new-hire small{font-size:8px;color:#8992a4;margin-top:3px}.new-hire em{font-style:normal;font-size:7px;color:#128262;background:#e2f6ee;border-radius:20px;padding:5px 7px}
.workflow-panel ul{padding:8px 0 0;margin:0;list-style:none}.workflow-panel li{display:flex;align-items:center;gap:11px;padding:13px 3px;border-bottom:1px solid #eff0f4}.workflow-panel li>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f1f2f5;color:#8790a2;font-style:normal;font-size:8px;font-weight:800}.workflow-panel li.done>i{background:#e3f6ef;color:#13906c}.workflow-panel li.current>i{background:#eeeaff;color:#6557dc}.workflow-panel li>span{flex:1}.workflow-panel li b,.workflow-panel li small{display:block}.workflow-panel li b{font-size:9px}.workflow-panel li small{font-size:7px;color:#9098a7;margin-top:2px}.workflow-panel li>em{font-style:normal;font-size:7px;color:#8b94a4}
.automation-line{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e8e8f0;border-radius:12px;box-shadow:0 6px 16px rgba(35,31,74,.04)}.automation-line>i{width:36px;height:36px;border-radius:10px;background:#eeeaff;color:#6557dc;display:grid;place-items:center;font-style:normal}.automation-line>span{flex:1}.automation-line strong,.automation-line small{display:block}.automation-line strong{font-size:10px}.automation-line small{font-size:8px;color:#8b94a5;margin-top:3px}.automation-line>b{font-size:7px;background:#f1efff;color:#6557dc;padding:5px 7px;border-radius:20px}.automation-line.success>i{background:#e3f6ef;color:#13906c}.automation-line.success>b{background:#e3f6ef;color:#13906c}.connector{width:1px;height:28px;background:repeating-linear-gradient(to bottom,#bcb5ec 0 4px,transparent 4px 8px);margin:auto}
.insight-score{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8f7ff;border-radius:13px}.insight-score span>*{display:block}.insight-score small{font-size:8px;color:#8992a4}.insight-score strong{font:800 48px Manrope;letter-spacing:-.06em}.insight-score em{font-size:7px;color:#138565;font-style:normal}.score-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6557dc 0 86%,#dfdcef 86%);position:relative}.score-ring::before{content:"";position:absolute;inset:9px;background:#f8f7ff;border-radius:50%}.score-ring i{position:relative;font:800 11px Manrope;color:#6557dc;font-style:normal}.insight-bars{display:grid;gap:18px;margin-top:25px}.insight-bars span{display:grid;grid-template-columns:90px 1fr 35px;align-items:center;gap:9px;font-size:8px}.insight-bars span>i{height:7px;background:#eef0f4;border-radius:10px}.insight-bars span>i em{display:block;width:var(--value);height:100%;border-radius:10px;background:linear-gradient(90deg,#6557dc,#8d7ee9)}.insight-bars span>strong{text-align:right}

.pc-landing .security-band{min-height:640px;padding:100px max(9vw,35px);background:radial-gradient(circle at 76% 44%,#252f50 0,#19223a 38%,#151d32 75%);position:relative}
.pc-landing .security-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}
.security-copy{position:relative;z-index:1}.security-copy h2{line-height:1.12}.security-copy>a{display:inline-flex;gap:8px;margin-top:30px;color:#bcb6ff;font-size:11px;font-weight:700}.security-copy>a span{transition:transform .2s}.security-copy>a:hover span{transform:translateX(4px)}
.pc-landing .security-orbit{height:410px}.orbit-glow{position:absolute;width:190px;height:190px;background:rgba(104,88,224,.2);filter:blur(55px);border-radius:50%;animation:shadow-breathe 4s ease-in-out infinite}
.pc-landing .shield{animation:shield-float 4s ease-in-out infinite}.pc-landing .shield i{font-style:normal}.pc-landing .orbit{animation:orbit-spin 24s linear infinite}.pc-landing .orbit.two{animation-direction:reverse;animation-duration:32s}.pc-landing .orbit.three{width:390px;height:390px;animation-duration:42s}
.pc-landing .node{z-index:3;box-shadow:0 10px 25px rgba(0,0,0,.16);animation:node-float 3s ease-in-out infinite}.pc-landing .n1{top:27px;left:29%}.pc-landing .n2{right:13%;top:45%;animation-delay:.7s}.pc-landing .n3{bottom:25px;left:31%;animation-delay:1.2s}.pc-landing .n4{left:12%;top:46%;animation-delay:1.8s}

.billing-note{display:inline-flex;gap:10px;align-items:center;padding:6px;background:#f3f2f8;border-radius:30px;margin-top:25px;font-size:9px}.billing-note span{background:#fff;padding:7px 10px;border-radius:20px;box-shadow:0 2px 8px rgba(36,31,76,.08);font-weight:700}.billing-note b{color:#138565;padding-right:8px}
.pc-landing .landing-plans{gap:20px}.pc-landing .landing-plans article{border-radius:20px;padding:29px;overflow:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}.pc-landing .landing-plans article:hover{transform:translateY(-9px);box-shadow:0 25px 60px rgba(37,33,78,.1);border-color:#d5d2ed}.pc-landing .landing-plans article.popular{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#6557dc,#9c73e8) border-box;border:2px solid transparent;box-shadow:0 20px 55px rgba(102,87,217,.14)}
.pc-landing .popular-label{padding:6px 13px}.pc-landing .plan-price strong{font-size:39px}.pc-landing .landing-plans li{display:flex;gap:8px}.pc-landing .landing-plans li i{font-style:normal;color:#12a47a;font-weight:800}.pc-landing .landing-plans .btn{gap:10px;border-radius:11px;transition:transform .25s,box-shadow .25s}.pc-landing .landing-plans .btn:hover{transform:translateY(-2px)}.pc-landing .landing-plans .btn span{transition:transform .25s}.pc-landing .landing-plans .btn:hover span{transform:translateX(4px)}
.pricing-footnote{font-size:10px!important;margin:35px auto 0!important}.pricing-footnote a{color:#6557dc;font-weight:700}

.testimonial-section{padding:30px 30px 105px}.testimonial-card{max-width:980px;margin:auto;padding:55px 65px;border-radius:24px;background:linear-gradient(145deg,#f7f5ff,#fff);border:1px solid #e5e2f7;box-shadow:0 25px 70px rgba(38,33,86,.08);position:relative}.quote-mark{font:800 70px Georgia;color:#d4cdf9;position:absolute;top:24px;left:32px;line-height:1}.testimonial-card blockquote{font:700 clamp(22px,2.8vw,34px) Manrope;line-height:1.45;letter-spacing:-.035em;margin:0 0 35px;color:#26304a}.testimonial-card footer{display:flex;align-items:center;gap:12px}.testimonial-card footer>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#6557dc;color:#fff;font-size:9px;font-weight:800}.testimonial-card footer>div strong,.testimonial-card footer>div small{display:block}.testimonial-card footer>div strong{font-size:11px}.testimonial-card footer>div small{font-size:9px;color:#8992a5;margin-top:3px}.quote-stat{margin-left:auto;text-align:right}.quote-stat strong{font:800 25px Manrope!important;color:#6557dc}

.pc-landing .landing-cta{min-height:490px;margin:25px max(2vw,20px);border-radius:28px;background:linear-gradient(125deg,#4e40bb,#6d5bd7 50%,#826add);box-shadow:0 30px 75px rgba(79,64,186,.24)}
.cta-noise{position:absolute;inset:0;opacity:.17;background-image:radial-gradient(rgba(255,255,255,.7) .6px,transparent .6px);background-size:13px 13px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
.pc-landing .landing-cta h2{font-size:clamp(40px,5vw,64px);line-height:1.08}.pc-landing .landing-cta p{font-size:14px}.pc-landing .cta-btn{display:inline-flex;gap:12px;border-radius:12px;transition:transform .3s,box-shadow .3s}.pc-landing .cta-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(36,26,107,.25)}.pc-landing .cta-btn span{transition:transform .25s}.pc-landing .cta-btn:hover span{transform:translateX(4px)}
.cta-ring{position:absolute;border:55px solid rgba(255,255,255,.055);border-radius:50%;width:390px;height:390px;animation:ring-drift 7s ease-in-out infinite}.ring-one{left:-160px;top:-190px}.ring-two{right:-140px;bottom:-220px;animation-delay:-3s}

.pc-landing .landing-footer{padding:65px max(6vw,30px) 35px;display:grid;grid-template-columns:1.6fr .7fr .7fr 1.2fr;align-items:start;gap:55px;background:#fff}.footer-brand p{margin-top:13px}.pc-landing .landing-footer nav{display:grid;gap:11px;margin:0}.pc-landing .landing-footer nav strong{font-size:10px;margin-bottom:3px}.pc-landing .landing-footer nav a{color:#70798d;transition:color .2s,transform .2s}.pc-landing .landing-footer nav a:hover{color:#6557dc;transform:translateX(2px)}
.footer-status{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e7e8ed;border-radius:12px}.footer-status>i{width:8px;height:8px;border-radius:50%;background:#20ae82;box-shadow:0 0 0 5px #e1f6ef}.footer-status strong,.footer-status small{display:block}.footer-status strong{font-size:9px}.footer-status small{font-size:8px;color:#9098a7;margin-top:3px}.footer-copy{grid-column:1/-1;border-top:1px solid #ececf1;padding-top:22px;color:#9ba3b1!important}

@keyframes hero-enter{to{opacity:1;transform:translateY(0)}}
@keyframes gradient-shift{to{background-position:200% center}}
@keyframes pill-pulse{50%{box-shadow:0 0 0 7px rgba(36,179,134,.08)}}
@keyframes shadow-breathe{50%{opacity:.72;transform:scale(1.05)}}
@keyframes float-card{50%{transform:translateY(-10px) rotate(.5deg)}}
@keyframes bar-grow{to{height:var(--bar-height)}}
@keyframes bar-live{0%,100%{transform:scaleY(1)}35%{transform:scaleY(.76)}68%{transform:scaleY(1.08)}}
@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@keyframes logo-scroll{to{transform:translateX(calc(-50% - 3.5vw))}}
@keyframes shield-float{50%{transform:translateY(-9px) scale(1.02)}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes node-float{50%{transform:translateY(-7px)}}
@keyframes ring-drift{50%{transform:translate(18px,12px) scale(1.04)}}

.mock-live{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:8px;padding:4px 7px;border-radius:20px;background:#e8f8f2;color:#128262;font-size:6px;font-weight:800}.mock-live i{width:5px;height:5px;border-radius:50%;background:#18ad7d;box-shadow:0 0 0 0 rgba(24,173,125,.45);animation:live-pulse 1.8s ease-out infinite}.mock-live span{display:block!important;color:inherit!important;font-size:6px!important}.hero-live-stats span:last-child i,.footer-status>i{animation:status-pulse 2.2s ease-in-out infinite}.pc-landing .feature-card:nth-child(odd){animation:card-breathe 7s ease-in-out infinite}.pc-landing .feature-card:nth-child(even){animation:card-breathe 7s ease-in-out -3.5s infinite}
@keyframes live-pulse{70%{box-shadow:0 0 0 6px rgba(24,173,125,0)}100%{box-shadow:0 0 0 0 rgba(24,173,125,0)}}
@keyframes status-pulse{50%{filter:brightness(1.12);transform:scale(1.16)}}
@keyframes card-breathe{0%,100%{box-shadow:0 0 0 rgba(34,31,73,0)}50%{box-shadow:0 10px 35px rgba(34,31,73,.045)}}

@media(prefers-reduced-motion:reduce){.pc-landing *,.pc-landing *::before,.pc-landing *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.pc-hero .mock-chart section i{height:var(--bar-height)}}

@media(max-width:1120px){
    .pc-hero{grid-template-columns:1fr;padding-top:135px;min-height:auto}.pc-hero .hero-copy{max-width:760px}.pc-hero .product-stage{width:min(820px,95%);margin:45px auto 20px}.scroll-cue{display:none}
    .workflow-section{gap:45px}.pc-landing .security-band{gap:30px}.pc-nav nav{gap:2px}.pc-nav nav a{padding:8px 9px}
}
@media(max-width:820px){
    .pc-nav{padding:0 20px}.pc-nav .landing-menu{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;border:1px solid #e4e3eb;background:rgba(255,255,255,.9);border-radius:11px;cursor:pointer;z-index:2}.pc-nav .landing-menu span{width:17px;height:1.5px;background:#24304a;border-radius:3px;transition:transform .25s,opacity .25s}.pc-nav .landing-menu.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.pc-nav .landing-menu.open span:nth-child(2){opacity:0}.pc-nav .landing-menu.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
    .pc-nav nav{display:flex;position:fixed;inset:74px 14px auto;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:rgba(255,255,255,.96);border:1px solid #e5e3ef;border-radius:16px;box-shadow:0 24px 60px rgba(27,23,65,.16);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.98);transition:opacity .25s,transform .25s,visibility .25s}.pc-nav nav.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.pc-nav nav a{padding:12px 14px;font-size:12px}.pc-nav nav a::after{display:none}.pc-nav .landing-nav-actions .btn{display:none}
    .workflow-section{grid-template-columns:1fr;padding:85px 24px;gap:45px}.workflow-copy{max-width:650px}.workflow-visual{min-height:490px}
    .pc-landing .security-band{grid-template-columns:1fr;padding:85px 28px}.pc-landing .security-orbit{height:390px}.pc-landing .landing-plans{grid-template-columns:1fr;max-width:560px;margin:auto}.pc-landing .landing-plans article{min-height:auto}
    .pc-landing .landing-footer{grid-template-columns:1.4fr 1fr 1fr}.footer-status{grid-column:1/-1}.footer-copy{grid-column:1/-1}
}
@media(max-width:620px){
    html{scroll-padding-top:75px}.pc-nav{height:70px;padding:0 16px}.pc-nav.scrolled{height:62px}.pc-nav .landing-nav-actions{display:none}.pc-nav nav{inset:68px 12px auto}.pc-hero{padding:112px 18px 72px}.pc-hero .hero-copy h1{font-size:clamp(43px,13.5vw,58px);line-height:1.03}.pc-hero .hero-copy>p{font-size:15px}.pc-hero .hero-actions{gap:18px}.pc-hero .hero-btn{width:100%}.pc-hero .product-stage{width:108%;margin-left:-4%;margin-top:38px}.pc-hero .window-body{height:320px}.pc-hero .mock-main{padding:14px}.pc-hero .mock-header span{display:none}.pc-hero .mock-header button{display:none}.pc-hero .mock-metrics article{padding:8px;gap:5px}.pc-hero .mock-metrics i{width:22px;height:22px}.pc-hero .mock-grid{grid-template-columns:1fr}.pc-hero .mock-chart section{height:115px}.pc-hero .mock-people{display:none}.pc-hero .floating-card{display:none}.pc-hero .mock-sidebar{width:42px}.pc-hero .window-top small{padding:5px 16px}.pc-landing .logo-strip .logo-marquee>div{gap:35px}
    .pc-landing .landing-section{padding:82px 17px}.pc-landing .section-heading{margin-bottom:35px}.pc-landing .section-heading h2,.workflow-copy h2{font-size:37px}.pc-landing .feature-grid{grid-template-columns:1fr}.pc-landing .feature-card{padding:22px}.pc-landing .feature-card:nth-child(-n+4){min-height:auto}.compact-card{min-height:auto!important}
    .workflow-section{padding:82px 17px}.workflow-tabs button{padding:13px 10px}.workflow-visual{min-height:455px;padding:14px;border-radius:20px}.workflow-panel{padding:17px}.workflow-panel li{padding:11px 2px}.new-hire em,.workflow-panel li>em{display:none}.insight-score{padding:15px}
    .pc-landing .security-band{padding:78px 20px}.pc-landing .security-points{grid-template-columns:1fr}.pc-landing .security-orbit{height:310px;transform:scale(.85);margin:-20px}.pc-landing .orbit.three{width:350px;height:350px}
    .testimonial-section{padding:10px 17px 80px}.testimonial-card{padding:48px 24px 28px}.testimonial-card blockquote{font-size:21px}.testimonial-card footer{flex-wrap:wrap}.quote-stat{width:100%;text-align:left;margin:15px 0 0;padding-top:15px;border-top:1px solid #e5e2f4}
    .pc-landing .landing-cta{margin:10px;min-height:470px;padding:55px 18px}.pc-landing .landing-cta h2{font-size:40px}.pc-landing .landing-footer{grid-template-columns:1fr 1fr;padding:50px 22px 28px;gap:35px}.footer-brand,.footer-status,.footer-copy{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}.pc-landing *,.pc-landing *::before,.pc-landing *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-enter,.reveal{opacity:1;transform:none}.pc-hero .mock-chart section i{height:var(--bar-height)}
}

/* Landing page motion and responsive refinements */
.pc-landing{overflow-x:hidden}.pc-landing main{overflow:hidden}.pc-landing .landing-hero{isolation:isolate}.pc-landing .landing-nav{transition:height .28s ease,background .28s ease,box-shadow .28s ease}.pc-landing .landing-nav.scrolled{position:fixed;height:64px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 5px 22px rgba(28,32,59,.08)}
.hero-live-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-live-stats>span{min-width:112px;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline;padding:10px 12px;border:1px solid rgba(103,89,213,.12);border-radius:12px;background:rgba(255,255,255,.58);box-shadow:0 12px 25px rgba(42,38,88,.04);backdrop-filter:blur(10px)}.hero-live-stats b{font:800 13px Manrope;color:#27234d}.hero-live-stats small{grid-column:1/-1;font-size:8px;color:#778096;margin-top:3px}.hero-live-stats i{width:7px;height:7px;border-radius:50%;background:#16b981;box-shadow:0 0 0 5px rgba(22,185,129,.12);animation:live-pulse 2.2s infinite}
.pc-landing .product-window{transform-origin:54% 55%;animation:dashboard-float 8s ease-in-out infinite}.pc-landing .product-stage::after{content:"";position:absolute;z-index:-1;width:65%;height:32%;right:8%;bottom:5%;filter:blur(40px);background:rgba(70,203,186,.27);border-radius:50%;animation:shadow-breathe 5s ease-in-out infinite}.pc-landing .floating-card{transition:transform .3s ease,box-shadow .3s ease}.pc-landing .floating-card:hover{transform:translateY(-7px) rotate(-1deg)!important;box-shadow:0 25px 45px rgba(35,29,83,.18)}
.pc-landing .landing-section,.pc-landing .workflow-section,.pc-landing .security-band,.pc-landing .testimonial-section,.pc-landing .landing-cta{opacity:.001;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.pc-landing .landing-section.visible,.pc-landing .workflow-section.visible,.pc-landing .security-band.visible,.pc-landing .testimonial-section.visible,.pc-landing .landing-cta.visible{opacity:1;transform:none}.pc-landing .feature-card:nth-child(2n){transition-delay:.06s}.pc-landing .feature-card:nth-child(3n){transition-delay:.12s}
.pc-landing .logo-marquee{overflow:hidden;width:100%}.pc-landing .logo-marquee>div{will-change:transform}.pc-landing .landing-nav nav a{position:relative}.pc-landing .landing-nav nav a::after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:2px;border-radius:3px;background:#6557dc;transform:scaleX(0);transform-origin:right;transition:transform .25s}.pc-landing .landing-nav nav a:hover::after{transform:scaleX(1);transform-origin:left}
.mobile-trial-bar{display:none}.pc-landing .hero-btn,.pc-landing .nav-cta{box-shadow:0 10px 22px rgba(101,87,220,.2)}.pc-landing .hero-btn:hover,.pc-landing .nav-cta:hover{box-shadow:0 16px 30px rgba(101,87,220,.3)}
@keyframes dashboard-float{0%,100%{transform:perspective(1300px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-2deg) rotateX(1deg) translateY(-10px)}}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 5px rgba(22,185,129,.12)}50%{box-shadow:0 0 0 9px rgba(22,185,129,0)}}
@media(max-width:820px){.pc-landing .product-window{animation:none}.pc-landing .landing-section,.pc-landing .workflow-section,.pc-landing .security-band,.pc-landing .testimonial-section,.pc-landing .landing-cta{opacity:1;transform:none}.hero-live-stats{margin-top:22px}.pc-landing .logo-marquee>div{animation-duration:20s}.mobile-trial-bar{position:fixed;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;left:12px;right:12px;bottom:12px;padding:10px 10px 10px 14px;background:rgba(21,26,50,.94);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:15px;box-shadow:0 16px 42px rgba(15,18,38,.28);backdrop-filter:blur(16px)}.mobile-trial-bar b,.mobile-trial-bar small{display:block}.mobile-trial-bar b{font-size:11px}.mobile-trial-bar small{font-size:8px;color:#bbc2d7;margin-top:2px}.mobile-trial-bar a{padding:10px 13px;border-radius:10px;background:#fff;color:#5545d2;font-size:10px;font-weight:800;white-space:nowrap}}
@media(max-width:480px){.hero-live-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-live-stats>span{min-width:0;padding:9px 10px}.hero-live-stats>span:last-child{grid-column:1/-1}.pc-landing .logo-strip{padding-bottom:35px}.pc-landing .landing-footer{padding-bottom:92px}.pc-landing .section-heading h2,.workflow-copy h2{letter-spacing:-.06em}.pc-landing .product-stage::after{display:none}}
@media(prefers-reduced-motion:reduce){.pc-landing .product-window,.pc-landing .hero-live-stats i{animation:none!important}.pc-landing .landing-section,.pc-landing .workflow-section,.pc-landing .security-band,.pc-landing .testimonial-section,.pc-landing .landing-cta{opacity:1;transform:none;transition:none}}

/* Crew HCM workspace */
.crew-shell{grid-template-columns:264px 1fr;background:#f4f6fa}.crew-sidebar{width:264px;padding:22px 14px;background:linear-gradient(180deg,#18213a 0%,#121a2e 100%)}
.crew-brand{padding:0 11px 18px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.075)}.crew-brand .brand-mark{width:35px;height:35px}.crew-brand strong{font-size:19px}.crew-nav{overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#36405b transparent}.crew-nav .nav-label{margin:19px 11px 7px}.crew-nav a,.crew-nav .nav-preview{min-height:39px;padding:9px 11px;border-radius:9px;display:flex;align-items:center;gap:11px;margin:2px 0;color:#aeb7cc;font-size:12px;font-weight:600}.crew-nav a:hover,.crew-nav a.active{color:#fff;background:#2a3450}.crew-nav a.active{box-shadow:inset 3px 0 #8b7df0}.crew-nav .nav-primary{margin-top:10px;color:#dfe4ef}.crew-nav .nav-icon{width:20px;text-align:center;font-size:15px}.crew-nav .nav-preview{opacity:.52;cursor:default}.crew-nav .nav-preview small{margin-left:auto;padding:2px 5px;border-radius:5px;background:#303a55;color:#9ba6bd;font-size:7px;text-transform:uppercase;letter-spacing:.07em}.crew-nav a b{margin-left:auto;background:#e96a75;color:#fff;font-size:9px;border-radius:20px;padding:2px 6px}.crew-sidebar .sidebar-foot{padding:15px 7px 0}.crew-topbar{height:74px;padding:0 32px}.crew-topbar .top-search{max-width:560px}.top-search kbd{font:600 9px "DM Sans";color:#9da5b5;background:#f4f5f8;border:1px solid #e5e7ed;border-radius:6px;padding:4px 7px}.top-context{margin-left:auto;padding-right:16px;color:#8790a2;font-size:11px}.top-avatar{margin-left:3px}.crew-page{max-width:1560px;padding:30px 32px 64px}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn.ghost{background:transparent;color:var(--muted)}.btn.glass{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}
.notification-panel{position:absolute;right:52px;top:56px;width:360px;background:#fff;border:1px solid #e5e7ee;border-radius:16px;box-shadow:0 25px 70px rgba(25,31,55,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:60}.notification-panel.open{opacity:1;visibility:visible;transform:none}.notification-panel header{display:flex;align-items:center;padding:12px 12px 14px;border-bottom:1px solid #eef0f4}.notification-panel header div{flex:1}.notification-panel header strong,.notification-panel header small{display:block}.notification-panel header small{color:var(--muted);font-size:9px;margin-top:3px}.notification-panel header button{border:0;background:#f2f3f6;border-radius:8px;width:28px;height:28px}.notice-item{display:flex;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #f1f2f5}.notice-item>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:800}.notice-item>i.violet{background:#eeebff;color:var(--violet)}.notice-item>i.green{background:#e5f8f2;color:var(--green)}.notice-item>i.orange{background:#fff2df;color:var(--orange)}.notice-item strong,.notice-item small{display:block}.notice-item strong{font-size:11px}.notice-item small{font-size:9px;color:var(--muted);margin-top:3px}.notification-panel>a{display:block;text-align:center;padding:11px;color:var(--violet);font-size:10px;font-weight:700}
.dashboard-head{align-items:center}.dashboard-head .wave{display:inline-block;font-size:.72em;animation:crew-wave 2.4s ease-in-out infinite;transform-origin:70% 70%}.metric-grid{display:grid;gap:13px}.metric-grid-8{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e7e9ef;border-radius:15px;padding:16px;min-height:145px;box-shadow:0 2px 4px rgba(23,33,58,.015);transition:.25s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(23,33,58,.07)}.stat-card>span{display:block;color:#7d879b;font-size:10px;margin-top:13px}.stat-card>strong{display:block;font:800 26px Manrope;margin:3px 0}.stat-card>small{color:#929aab;font-size:9px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-top .metric-icon{width:36px;height:36px}.metric-icon.red{background:#fdebed;color:var(--red)}.metric-icon.pink{background:#fceaf3;color:#d15e91}.trend{border-radius:20px;background:#f1f2f5;color:#737d91;padding:4px 7px;font-size:8px!important;margin:0!important}.trend.up{background:#e5f8f2;color:#128262}.trend.warn{background:#fff2df;color:#ac6b17}.dashboard-analytics{grid-template-columns:1.55fr .75fr .7fr}.analytics-card{min-height:330px}.chart-modern{height:230px}.chart-modern .bar{background:linear-gradient(180deg,#7e70e7,#6253d2)}.payroll-summary{grid-row:span 1}.payroll-ring{width:125px;height:125px;margin:2px auto 15px;border-radius:50%;background:conic-gradient(var(--violet) var(--progress),#eceaf6 0);display:grid;place-items:center;position:relative}.payroll-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.payroll-ring div{position:relative;text-align:center}.payroll-ring strong,.payroll-ring small{display:block}.payroll-ring strong{font:800 22px Manrope}.payroll-ring small{font-size:8px;color:var(--muted)}.summary-lines{display:grid;gap:9px}.summary-lines>div{display:flex;justify-content:space-between;font-size:9px}.summary-lines span{color:var(--muted)}.growth-card{position:relative;overflow:hidden}.growth-badge{background:#e5f8f2;color:#128262;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.spark-bars{height:140px;display:flex;align-items:end;gap:7px}.spark-bars i{flex:1;background:linear-gradient(#dcd7ff,#7668df);border-radius:5px 5px 2px 2px}.growth-total{margin-top:15px}.growth-total strong,.growth-total span{display:block}.growth-total strong{font:800 27px Manrope}.growth-total span{font-size:9px;color:var(--muted)}.department-card{grid-column:span 2}.department-visual{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:25px}.department-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6758d9 0 calc(var(--slice)*1%),#13a47a calc(var(--slice)*1%) 48%,#3282d8 48% 70%,#ee9b38 70% 86%,#df5a66 86%);position:relative}.department-donut:before{content:"";position:absolute;inset:20px;background:#fff;border-radius:50%}.department-donut div{position:relative;text-align:center}.department-donut strong,.department-donut small{display:block}.department-donut strong{font:800 25px Manrope}.department-donut small{font-size:8px;color:var(--muted)}.department-list{display:grid;gap:11px}.department-list>div{display:grid;grid-template-columns:10px 1fr 28px 34px;gap:8px;align-items:center;font-size:10px}.department-list i{width:8px;height:8px;border-radius:50%;background:var(--dept-color)}.department-list small{color:var(--muted);text-align:right}.dashboard-lists{margin-top:18px}.quick-grid-v2 a{padding:16px 8px}.activity-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid #eff1f4}.activity-row:first-of-type{border-top:0}.activity-row>i{width:31px;height:31px;border-radius:9px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-style:normal}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:10px}.activity-row small{font-size:8px;color:var(--muted);margin-top:3px}
.directory-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.directory-summary>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px}.directory-summary p,.directory-summary strong,.directory-summary small{display:block;margin:0}.directory-summary strong{font:800 19px Manrope}.directory-summary small{font-size:9px;color:var(--muted)}.directory-filters{padding-bottom:18px;border-bottom:1px solid #eef0f3}.directory-filters .search-field{max-width:none}.directory-card{padding:18px}.employee-table th{white-space:nowrap}.employee-table td{font-size:11px}.employee-id{font-family:monospace;background:#f4f5f8;border-radius:6px;padding:4px 7px;color:#5e687c}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}.row-action{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f4f5f8;color:var(--violet);font-size:20px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 0;color:var(--muted);font-size:10px}.table-footer .pagination{padding:0}
.profile-hero-v2{padding:0;background:#fff;overflow:hidden;border-color:#e1e3eb;box-shadow:0 12px 35px rgba(25,31,61,.06)}.profile-cover{height:115px;padding:20px 23px;background:linear-gradient(120deg,#4e43b8,#7163dc 55%,#3e9f92);display:flex;justify-content:space-between;align-items:flex-start;position:relative}.profile-cover:after{content:"";position:absolute;right:-70px;top:-150px;width:380px;height:380px;border:65px solid rgba(255,255,255,.08);border-radius:50%}.profile-cover .back{color:#fff;position:relative;z-index:1}.cover-actions{display:flex;gap:7px;position:relative;z-index:1}.profile-hero-v2 .profile-main{padding:0 24px 20px;margin-top:-38px;position:relative;z-index:2;align-items:flex-end}.profile-avatar{border:5px solid #fff;box-shadow:0 10px 25px rgba(35,31,76,.18)}.profile-identity{flex:1;padding-bottom:3px}.profile-name-line{display:flex;align-items:center;gap:10px}.profile-name-line h1{margin:0}.profile-identity>p{margin:3px 0 13px}.profile-meta{display:flex;gap:30px;flex-wrap:wrap}.profile-meta span small,.profile-meta span strong{display:block}.profile-meta span small{font-size:7px;letter-spacing:.1em;color:#929bad}.profile-meta span strong{font-size:10px;margin-top:3px}.profile-tabs{display:flex;overflow-x:auto;border-top:1px solid #eceef3;padding:0 20px}.profile-tabs button{white-space:nowrap;border:0;background:transparent;padding:14px 12px;color:#7e879a;font-size:9px;font-weight:700;border-bottom:2px solid transparent;cursor:pointer}.profile-tabs button.active{color:var(--violet);border-color:var(--violet)}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.profile-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.profile-stat-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;gap:12px;align-items:center}.profile-stat-grid small,.profile-stat-grid strong,.profile-stat-grid p{display:block;margin:0}.profile-stat-grid small{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#8d96a8}.profile-stat-grid strong{font:800 16px Manrope;margin:3px 0}.profile-stat-grid p{font-size:8px}.profile-overview-grid{margin-top:0}.detail-grid-v2>div{padding:13px;background:#f8f9fb;border-radius:10px}.employee-timeline{display:grid}.employee-timeline>div{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff1f4}.employee-timeline>div:first-child{border-top:0}.timeline-icon{width:32px;height:32px;border-radius:9px;background:#eeebff;color:var(--violet);display:grid;place-items:center}.timeline-icon.present,.timeline-icon.approved{background:#e5f8f2;color:var(--green)}.timeline-icon.late{background:#fff2df;color:var(--orange)}.employee-timeline>div>div{flex:1}.employee-timeline strong,.employee-timeline small{display:block}.employee-timeline strong{font-size:10px}.employee-timeline small,.employee-timeline time{font-size:8px;color:var(--muted)}.document-mini{display:flex;align-items:center;gap:11px;padding:12px;border-top:1px solid #eff1f4}.document-mini>span:first-child{width:32px;height:36px;background:#eeeaff;color:var(--violet);display:grid;place-items:center;border-radius:8px}.document-mini>div{flex:1}.document-mini strong,.document-mini small{display:block}.document-mini small{font-size:8px;color:var(--muted);margin-top:3px}.empty-state{text-align:center;padding:55px 20px}.empty-state>span{width:55px;height:55px;border-radius:16px;background:#eeebff;color:var(--violet);display:grid;place-items:center;margin:0 auto 15px;font-size:22px}.empty-state p{margin:6px 0 20px}
@keyframes crew-wave{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(12deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(8deg)}}
@media(max-width:1250px){.metric-grid-8{grid-template-columns:repeat(2,1fr)}.dashboard-analytics{grid-template-columns:1fr 1fr}.dashboard-analytics .span-2{grid-column:span 2}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.crew-shell{display:block}.crew-sidebar{transform:translateX(-100%);transition:.2s}.crew-sidebar.open{transform:none}.crew-topbar,.crew-page{padding-left:18px;padding-right:18px}.top-context,.top-search kbd{display:none}.directory-summary{grid-template-columns:1fr 1fr}.profile-meta{gap:15px}.profile-hero-v2 .profile-main{align-items:flex-start;flex-wrap:wrap}.profile-hero-v2 .profile-main>.btn{margin-left:98px}.notification-panel{position:fixed;top:70px;left:12px;right:12px;width:auto}}
@media(max-width:620px){.metric-grid-8,.dashboard-analytics,.profile-stat-grid,.directory-summary{grid-template-columns:1fr}.dashboard-analytics .span-2,.department-card{grid-column:span 1}.department-visual{grid-template-columns:1fr;justify-items:center}.department-list{width:100%}.head-actions{width:100%}.head-actions .btn{flex:1}.profile-cover{height:95px}.profile-hero-v2 .profile-main{margin-top:-28px;padding:0 16px 16px}.profile-avatar{width:70px;height:70px}.profile-identity{width:calc(100% - 90px)}.profile-name-line{align-items:flex-start;flex-direction:column;gap:4px}.profile-name-line h1{font-size:23px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:12px}.profile-hero-v2 .profile-main>.btn{margin-left:0}.profile-tabs{padding:0 8px}.print-button{display:none}}
@media print{.crew-sidebar,.crew-topbar,.page-head,.directory-summary,.directory-filters{display:none!important}.crew-shell{display:block}.crew-page{padding:0}.directory-card{border:0;box-shadow:none}.employee-table th:last-child,.employee-table td:last-child{display:none}}
[hidden]{display:none!important}.crew-sidebar-close,.crew-sidebar-backdrop{display:none}
@media(max-width:900px){.crew-sidebar{z-index:70;width:min(300px,86vw)}.crew-sidebar-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:29px;line-height:1;cursor:pointer;z-index:2}.company-switcher{padding-right:45px}.crew-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:65;border:0;background:rgba(8,15,29,.52);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s}.crew-nav-open .crew-sidebar-backdrop{opacity:1;visibility:visible}.crew-nav-open{overflow:hidden}}
.attendance-metrics{grid-template-columns:repeat(5,1fr);margin-bottom:18px}.attendance-metrics .stat-card{min-height:135px}.attendance-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--metric-color) 13%,white);color:var(--metric-color);font-weight:800}.attendance-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;margin-bottom:18px}.calendar-key{display:flex;gap:9px;font-size:8px;color:var(--muted)}.calendar-key i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.calendar-key .present{background:var(--green)}.calendar-key .late{background:var(--orange)}.calendar-key .absent{background:var(--red)}.attendance-calendar header,.attendance-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.attendance-calendar header span{text-align:center;color:var(--muted);font-size:8px;padding:7px}.attendance-calendar>div span{aspect-ratio:1.25;border-radius:8px;background:#e5f8f2;color:#168464;display:grid;place-items:center;font-size:9px}.attendance-calendar>div span.late{background:#fff2df;color:#a76b1b}.attendance-calendar>div span.absent{background:#fdebed;color:#bf4c56}.attendance-calendar>div span.muted{background:#f5f6f8}.heat-map{display:grid;gap:14px}.heat-map>div{display:grid;grid-template-columns:48px repeat(5,1fr);gap:5px;align-items:center}.heat-map strong{font-size:8px;color:var(--muted)}.heat-map i{aspect-ratio:1;border-radius:5px;background:color-mix(in srgb,var(--violet) var(--heat),#f0eff8)}.heat-scale{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:20px;color:var(--muted);font-size:7px}.heat-scale i{width:12px;height:12px;background:#eeeafa;border-radius:3px}.heat-scale i:nth-of-type(2){background:#d7d0f7}.heat-scale i:nth-of-type(3){background:#a99de9}.heat-scale i:nth-of-type(4){background:#6657d9}
.approval-flow{display:flex;align-items:center;justify-content:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;margin:0 0 18px}.approval-flow>div{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.approval-flow>div>span{grid-row:1/3;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eeebff;color:var(--violet);font-weight:800}.approval-flow>div.complete>span{background:#e5f8f2;color:var(--green)}.approval-flow strong{font-size:9px}.approval-flow small{font-size:7px;color:var(--muted)}.approval-flow>i{font-style:normal;color:#b7bdc9}
.payroll-hero-v2{min-height:190px}.payroll-actions{display:flex;gap:7px;margin-top:17px;position:relative;z-index:2}.payroll-actions button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:8px 10px;font-size:8px}.payroll-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.payroll-breakdown article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.breakdown-dot{display:block;width:8px;height:8px;border-radius:50%;margin-bottom:12px}.breakdown-dot.violet{background:var(--violet)}.breakdown-dot.green{background:var(--green)}.breakdown-dot.orange{background:var(--orange)}.breakdown-dot.red{background:var(--red)}.breakdown-dot.blue{background:var(--blue)}.payroll-breakdown small,.payroll-breakdown strong{display:block}.payroll-breakdown small{font-size:8px;color:var(--muted)}.payroll-breakdown strong{font:800 16px Manrope;margin:4px 0 12px}.payroll-breakdown article>div{height:5px;background:#eef0f4;border-radius:5px}.payroll-breakdown article>div i{display:block;height:100%;border-radius:5px;background:var(--violet)}.payroll-workspace{display:grid;grid-template-columns:2fr .65fr;gap:18px}.payroll-checklist{align-self:start}.check-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #eff1f4;font-size:9px}.check-row i{width:22px;height:22px;border-radius:7px;background:#f0f1f4;color:#9aa2b1;display:grid;place-items:center;font-style:normal}.check-row.done i{background:#e5f8f2;color:var(--green)}.payroll-note{margin-top:14px;padding:13px;border-radius:10px;background:#f2f0ff}.payroll-note strong{font-size:9px;color:var(--violet)}.payroll-note p{font-size:8px;line-height:1.5;margin-top:5px}
.recruitment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.recruitment-summary article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.recruitment-summary span,.recruitment-summary strong,.recruitment-summary small{display:block}.recruitment-summary span{font-size:9px;color:var(--muted)}.recruitment-summary strong{font:800 24px Manrope;margin:5px 0}.recruitment-summary small{font-size:8px;color:var(--muted)}.pipeline-steps{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:16px}.pipeline-steps span{display:flex;align-items:center;gap:6px;color:#8f97a7;font-size:8px;font-weight:700}.pipeline-steps span i{width:23px;height:23px;border-radius:50%;background:#f0f1f4;display:grid;place-items:center;font-style:normal}.pipeline-steps span.active{color:var(--violet)}.pipeline-steps span.active i{background:#eeebff}.pipeline-steps b{color:#c2c6cf}.recruitment-summary+.pipeline-steps+.kanban{grid-template-columns:repeat(5,1fr)}
.report-library{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.report-library>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-library button{border:1px solid #e7e9ef;background:#fff;border-radius:11px;padding:13px;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.report-library button:hover{border-color:#cfc9f5;background:#faf9ff}.report-library button>i{width:34px;height:34px;border-radius:9px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-style:normal}.report-library button>span{flex:1}.report-library strong,.report-library small{display:block}.report-library strong{font-size:9px}.report-library small{font-size:7px;color:var(--muted);margin-top:3px}.report-library button>b{color:var(--violet)}
@media(max-width:1150px){.attendance-metrics,.payroll-breakdown{grid-template-columns:repeat(3,1fr)}.recruitment-summary+.pipeline-steps+.kanban{grid-template-columns:repeat(3,1fr)}.payroll-workspace{grid-template-columns:1fr}.report-library>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.attendance-metrics,.payroll-breakdown,.recruitment-summary{grid-template-columns:1fr 1fr}.attendance-grid{grid-template-columns:1fr}.approval-flow{align-items:stretch;flex-direction:column}.approval-flow>i{transform:rotate(90deg);text-align:center}.pipeline-steps{justify-content:flex-start;overflow:auto}.report-library>div:last-child{grid-template-columns:1fr}}

/* NewKipp Crew refinement */
:root{--violet:#5b4bff;--violet-dark:#4938e8;--green:#10b981;--red:#ef4444;--orange:#f59e0b;--blue:#3b82f6;--muted:#64748b;--sidebar:#172036}
.brand-mark{background:linear-gradient(145deg,#766aff,#5b4bff)}.company-switcher{position:relative;margin-bottom:6px}.company-switcher>button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0 9px 18px;color:#fff;text-align:left;border-bottom:1px solid rgba(255,255,255,.075);cursor:pointer}.company-switcher>button>span:nth-child(2){min-width:0;flex:1}.company-switcher>button strong,.company-switcher>button small{display:block}.company-switcher>button strong{font:800 19px Manrope}.company-switcher>button small{font-size:8px;color:#919cb5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.company-switcher>button>i{font-style:normal;color:#8995ae}.company-menu{position:absolute;left:5px;right:5px;top:55px;background:#fff;border:1px solid #e5e7ef;border-radius:13px;padding:8px;box-shadow:0 22px 60px rgba(8,14,31,.28);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:90;color:#17213a}.company-menu.open{opacity:1;visibility:visible;transform:none}.company-menu>small{display:block;padding:7px 9px 5px;font-size:7px;letter-spacing:.1em;color:#9098a8}.company-menu button{width:100%;border:0;background:transparent;border-radius:9px;padding:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.company-menu button:hover,.company-menu button.current{background:#f6f5ff}.company-menu button>span{width:30px;height:30px;border-radius:8px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-weight:800;font-size:9px}.company-menu button>div{flex:1}.company-menu button strong,.company-menu button small{display:block}.company-menu button strong{font-size:9px}.company-menu button small{font-size:7px;color:var(--muted);margin-top:2px}.company-menu button>i{color:var(--green);font-style:normal}.company-menu hr{border:0;border-top:1px solid #edf0f3;margin:5px}
.spotlight-trigger{height:39px;border:1px solid #e3e6ec;background:#f8f9fb;border-radius:10px;padding:0 11px;text-align:left;cursor:pointer}.spotlight-trigger>span:nth-child(2){flex:1;color:#9098a8}.notification-trigger{height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:5px;padding:0 8px;color:var(--muted);cursor:pointer}.notification-trigger b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:8px}.notice-item time{font-size:7px;color:#a0a7b5}.notice-item>i.blue{background:#e8f2ff;color:var(--blue)}.notice-item>i.red{background:#fdeaea;color:var(--red)}
.spotlight-backdrop{position:fixed;inset:0;background:rgba(14,20,37,.45);backdrop-filter:blur(5px);display:grid;place-items:start center;padding-top:10vh;opacity:0;visibility:hidden;transition:.2s;z-index:200}.spotlight-backdrop.open{opacity:1;visibility:visible}.spotlight-dialog{width:min(680px,calc(100vw - 30px));max-height:75vh;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 35px 100px rgba(8,14,31,.3);overflow:hidden;transform:translateY(-12px) scale(.985);transition:.2s}.spotlight-backdrop.open .spotlight-dialog{transform:none}.spotlight-dialog>header{height:64px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9ebf0}.spotlight-dialog>header>span{font-size:20px;color:var(--violet)}.spotlight-dialog input{flex:1;border:0;outline:0;font-size:15px;color:#1d2941}.spotlight-dialog kbd{font:700 8px "DM Sans";padding:4px 6px;border:1px solid #dfe2e8;border-radius:5px;background:#f6f7f9;color:#8b94a5}.spotlight-content{padding:12px;overflow:auto;max-height:55vh}.spotlight-content>small{display:block;padding:6px 9px;font-size:7px;color:#949cab;letter-spacing:.1em}.spotlight-content a,.spotlight-content button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;text-align:left;color:#17213a;cursor:pointer}.spotlight-content a:hover,.spotlight-content button:hover{background:#f4f2ff}.spotlight-content>a>i,.spotlight-content>button>i{width:36px;height:36px;border-radius:10px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-style:normal}.spotlight-content span{flex:1}.spotlight-content strong,.spotlight-content small{display:block}.spotlight-content strong{font-size:10px}.spotlight-content small{font-size:8px;color:var(--muted);margin-top:3px}.spotlight-dialog>footer{display:flex;align-items:center;gap:13px;padding:10px 17px;background:#f8f9fb;border-top:1px solid #eaecf0;color:#8b94a5;font-size:7px}.spotlight-dialog>footer span:last-child{margin-left:auto}
.crew-ai-fab{position:fixed;right:25px;bottom:24px;height:48px;border:0;border-radius:24px;background:linear-gradient(135deg,#5b4bff,#785fff);color:#fff;padding:0 17px 0 10px;display:flex;align-items:center;gap:8px;box-shadow:0 14px 36px rgba(91,75,255,.38);z-index:80;cursor:pointer}.crew-ai-fab>span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:16px}.crew-ai-fab b{font-size:10px}.crew-ai-panel{position:fixed;right:24px;bottom:82px;width:380px;max-height:620px;background:#fff;border:1px solid #e3e5ed;border-radius:18px;box-shadow:0 30px 90px rgba(16,22,44,.25);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:.22s;z-index:100}.crew-ai-panel.open{opacity:1;visibility:visible;transform:none}.crew-ai-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#5142e8,#6e57ff);color:#fff}.crew-ai-panel>header>div{display:flex;align-items:center;gap:10px}.crew-ai-panel>header>div>span{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:17px}.crew-ai-panel header strong,.crew-ai-panel header small{display:block}.crew-ai-panel header strong{font-size:11px}.crew-ai-panel header small{font-size:7px;color:#d8d4ff;margin-top:2px}.crew-ai-panel header button{border:0;background:rgba(255,255,255,.12);color:#fff;width:28px;height:28px;border-radius:8px}.ai-conversation{padding:17px;max-height:470px;overflow:auto}.ai-greeting{text-align:center;padding:14px 0}.ai-greeting>span{font-size:27px}.ai-greeting h3{font-size:18px;margin:8px 0 3px}.ai-greeting p{font-size:9px}.ai-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-suggestions button{border:1px solid #e4e5ed;background:#fff;border-radius:9px;padding:9px;text-align:left;font-size:8px;color:#4d5870;cursor:pointer}.ai-suggestions button:hover{border-color:#c9c3ff;background:#f8f7ff;color:var(--violet)}.ai-answer{margin-top:13px;border-radius:10px;background:#f4f2ff;padding:12px;font-size:9px}.ai-answer:empty{display:none}.ai-answer p{font-size:8px;line-height:1.5;margin-top:5px}.crew-ai-panel>form{display:flex;gap:7px;padding:11px;border-top:1px solid #e9ebf0}.crew-ai-panel>form input{flex:1;border:1px solid #dde0e8;border-radius:10px;padding:10px;outline:0;font-size:9px}.crew-ai-panel>form input:focus{border-color:#a9a0ff}.crew-ai-panel>form button{width:36px;border:0;border-radius:10px;background:var(--violet);color:#fff}
@media(max-width:620px){.crew-ai-fab{right:14px;bottom:14px}.crew-ai-fab b{display:none}.crew-ai-fab{width:48px;padding:9px}.crew-ai-panel{left:10px;right:10px;bottom:72px;width:auto}.spotlight-backdrop{padding-top:5vh}.spotlight-dialog>footer span:last-child{display:none}}
.today-events{margin-top:18px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.event-grid article{border:1px solid #e8e9ef;border-radius:11px;padding:12px;display:grid;grid-template-columns:40px 34px 1fr;gap:9px;align-items:center;position:relative}.event-grid time{font-size:8px;color:var(--muted)}.event-grid article>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-style:normal}.event-grid article>i.violet{background:#eeebff;color:var(--violet)}.event-grid article>i.green{background:#e5f8f2;color:var(--green)}.event-grid article>i.orange{background:#fff2df;color:var(--orange)}.event-grid article>i.blue{background:#e8f2ff;color:var(--blue)}.event-grid strong,.event-grid small{display:block}.event-grid strong{font-size:9px}.event-grid small{font-size:7px;color:var(--muted);margin-top:3px}.event-grid article>span{position:absolute;right:9px;top:8px;font-size:6px;text-transform:uppercase;color:#9098a8}
.employee-dashboard-head{align-items:center}.employee-date{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 14px;text-align:right}.employee-date strong,.employee-date small{display:block}.employee-date strong{font-size:10px}.employee-date small{font-size:8px;color:var(--muted);margin-top:2px}.employee-action-hero{min-height:175px;border-radius:17px;padding:27px 30px;background:linear-gradient(125deg,#4f40e6,#6f5cff 60%,#8a74ff);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(91,75,255,.2)}.employee-action-hero:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.07);border-radius:50%;right:-100px;top:-150px}.employee-action-hero h2{font-size:26px;margin:7px 0}.employee-action-hero p{color:#dbd7ff}.employee-action-hero form{z-index:1}.employee-action-hero button{border:0;background:#fff;color:var(--violet);border-radius:11px;padding:13px 20px;font-weight:800;cursor:pointer}.employee-self-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0}.employee-self-grid>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.2s}.employee-self-grid>a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,34,62,.07)}.employee-self-grid small,.employee-self-grid strong,.employee-self-grid p{display:block}.employee-self-grid small{font-size:8px;color:var(--muted);margin-top:13px}.employee-self-grid strong{font:800 18px Manrope;margin:3px 0}.employee-self-grid p{font-size:8px;color:var(--violet)}.employee-dashboard-grid{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:17px}.employee-quick-links{display:grid}.employee-quick-links a{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #eff1f4;font-size:9px;font-weight:700}.employee-quick-links a:first-child{border:0}.employee-quick-links i{width:28px;height:28px;border-radius:8px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-style:normal}.employee-quick-links span{margin-left:auto;color:#a1a8b6}
.wizard-save{font-size:8px;color:var(--green);background:#e5f8f2;padding:6px 9px;border-radius:20px}.employee-wizard{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}.wizard-steps{display:grid;padding:5px;position:sticky;top:96px}.wizard-steps button{border:0;background:transparent;display:flex;gap:10px;align-items:center;text-align:left;padding:9px;border-radius:9px;cursor:pointer;color:#7e8799}.wizard-steps button.active{background:#fff;box-shadow:0 5px 18px rgba(31,38,70,.06);color:#17213a}.wizard-steps button>i{width:30px;height:30px;border-radius:50%;background:#e9ebf0;color:#8a93a5;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.wizard-steps button.active>i{background:var(--violet);color:#fff;box-shadow:0 5px 13px rgba(91,75,255,.24)}.wizard-steps button.complete>i{background:#e5f8f2;color:var(--green)}.wizard-steps button.complete>i:after{content:"\2713"}.wizard-steps button.complete>i{font-size:0}.wizard-steps strong,.wizard-steps small{display:block}.wizard-steps strong{font-size:9px}.wizard-steps small{font-size:7px;margin-top:3px;color:#9aa2b2}.wizard-steps>b{height:14px;width:1px;background:#dfe2e8;margin-left:24px}.wizard-card{background:#fff;border:1px solid #e5e7ed;border-radius:16px;box-shadow:0 12px 40px rgba(25,31,62,.05);overflow:hidden}.wizard-panel{display:none;min-height:470px;padding:30px}.wizard-panel.active{display:block}.wizard-panel>header{margin-bottom:26px}.wizard-panel>header h2{font-size:24px;margin:7px 0 3px}.wizard-panel>header p{font-size:11px}.wizard-panel .form-grid{gap:20px}.wizard-panel label{display:grid;gap:7px;font-size:9px;font-weight:700}.wizard-panel input,.wizard-panel select{width:100%;border:1px solid #dfe2e9;border-radius:9px;padding:12px;outline:0}.wizard-panel input:focus,.wizard-panel select:focus{border-color:#a9a0ff;box-shadow:0 0 0 3px #f1efff}.avatar-upload{display:flex;align-items:center;gap:13px;padding:14px;border:1px dashed #d8dbe3;border-radius:12px;margin-bottom:24px}.avatar-upload>span{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#766aff,#5b4bff);color:#fff;display:grid;place-items:center;font-weight:800}.avatar-upload>div{flex:1}.avatar-upload strong,.avatar-upload small{display:block}.avatar-upload strong{font-size:9px}.avatar-upload small{font-size:7px;color:var(--muted);margin:3px 0 7px}.avatar-upload button{border:0;background:#eeebff;color:var(--violet);border-radius:7px;padding:6px 8px;font-size:7px;font-weight:700}.salary-callout{display:flex;align-items:center;gap:12px;padding:14px;background:#f3f1ff;border-radius:11px;margin-bottom:23px}.salary-callout>span{width:36px;height:36px;border-radius:10px;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:800}.salary-callout strong,.salary-callout small{display:block}.salary-callout strong{font-size:9px}.salary-callout small{font-size:7px;color:var(--muted);margin-top:3px}.document-drop{text-align:center;border:1px dashed #cbcfe0;border-radius:14px;padding:45px 25px;background:#fafbfc}.document-drop>span{width:55px;height:55px;border-radius:15px;background:#eeebff;color:var(--violet);display:grid;place-items:center;margin:auto;font-size:20px}.document-drop h3{margin:14px 0 4px}.document-drop p{font-size:9px;max-width:500px;margin:auto}.document-drop>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}.document-drop>div span{padding:6px 9px;border-radius:20px;background:#fff;border:1px solid #e4e6eb;font-size:7px}.review-profile{display:flex;align-items:center;gap:12px;padding:15px;background:#f8f9fb;border-radius:12px;margin-bottom:17px}.review-profile>span:first-child{width:48px;height:48px;border-radius:14px;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:800}.review-profile>div{flex:1}.review-profile h3{margin:0}.review-profile p{font-size:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-grid>div{padding:13px;border:1px solid #e7e9ee;border-radius:9px}.review-grid small,.review-grid strong{display:block}.review-grid small{font-size:7px;color:#929aaa}.review-grid strong{font-size:9px;margin-top:5px;text-transform:capitalize}.wizard-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid #e9ebef;background:#fafbfc}.wizard-actions>.ghost{margin-right:auto}
@media(max-width:1100px){.event-grid{grid-template-columns:1fr 1fr}.employee-dashboard-grid{grid-template-columns:1fr 1fr}.employee-dashboard-grid>section:last-child{grid-column:span 2}.employee-wizard{grid-template-columns:190px 1fr}.employee-self-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.event-grid,.employee-dashboard-grid{grid-template-columns:1fr}.employee-dashboard-grid>section:last-child{grid-column:span 1}.employee-action-hero{align-items:flex-start;gap:20px;flex-direction:column}.employee-wizard{grid-template-columns:1fr}.wizard-steps{position:static;display:flex;overflow-x:auto}.wizard-steps button{min-width:115px}.wizard-steps button small,.wizard-steps>b{display:none}.wizard-panel{padding:20px;min-height:520px}.wizard-panel .form-grid,.review-grid{grid-template-columns:1fr}.wizard-save{display:none}}

/* Dashboard inspired by the NewKipp operations workspace */
.axis-hero{min-height:350px;border-radius:13px;background:radial-gradient(circle at 100% 0,rgba(76,155,112,.58),transparent 42%),linear-gradient(120deg,#101b31 0%,#123c4e 58%,#116175 100%);color:#fff;padding:34px 30px;display:grid;grid-template-columns:1fr 330px;gap:38px;align-items:stretch;box-shadow:0 24px 55px rgba(22,35,55,.15);overflow:hidden;position:relative}.axis-hero:after{content:"";position:absolute;width:490px;height:490px;border:80px solid rgba(255,255,255,.025);border-radius:50%;right:170px;bottom:-360px}.axis-hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.axis-date{font-size:9px;letter-spacing:.07em;font-weight:800;color:#ffe674}.axis-hero h1{font-size:clamp(37px,4vw,58px);line-height:1.02;letter-spacing:-.05em;max-width:760px;margin:15px 0 10px}.axis-hero-copy>p{max-width:720px;color:#c5d0da;font-size:13px;line-height:1.75}.axis-hero-actions{display:flex;gap:8px;margin-top:15px}.axis-hero-actions form{display:flex}.axis-btn{border:0;border-radius:7px;padding:10px 14px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.axis-btn.light{background:#fff;color:#1b2638}.axis-btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.axis-btn.success{background:#15965f;color:#fff}.axis-btn.primary{background:#2675f7;color:#fff}.axis-hero-totals{padding:15px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:10px;backdrop-filter:blur(10px);display:grid;gap:10px;position:relative;z-index:1}.axis-hero-totals article{padding:17px 14px;background:rgba(9,26,42,.42);border-radius:9px;display:flex;flex-direction:column;justify-content:center}.axis-hero-totals small{font-size:8px;font-weight:800;color:#c6d1db}.axis-hero-totals strong{font:800 21px Manrope;margin-top:7px}.employee-axis-hero{background:radial-gradient(circle at 100% 0,rgba(113,91,255,.65),transparent 45%),linear-gradient(120deg,#111a31,#34326d 58%,#5b4bff)}
.axis-link-strip{margin:20px 0;background:#fff;border:1px solid #e2e5ec;border-radius:10px;min-height:78px;padding:15px 17px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;box-shadow:0 8px 22px rgba(30,39,65,.04)}.axis-link-strip>div:first-child small,.axis-link-value small{display:block;font-size:8px;font-weight:800;color:#5d6676}.axis-link-strip p{font-size:10px;margin-top:6px}.axis-link-value{justify-self:end;min-width:370px}.axis-link-value span{display:block;margin-top:5px;border:1px solid #dfe3e9;background:#fbfcfd;border-radius:6px;padding:8px 10px;font-size:9px;color:#556074}
.axis-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.axis-kpi-grid article{min-height:135px;border:1px solid #e0e4eb;border-radius:10px;background:#fff;padding:17px;display:flex;justify-content:space-between;box-shadow:0 7px 20px rgba(28,37,64,.035)}.axis-kpi-grid small,.axis-kpi-grid strong,.axis-kpi-grid p{display:block}.axis-kpi-grid small{font-size:8px;color:#657084;font-weight:800}.axis-kpi-grid strong{font:800 23px Manrope;margin:7px 0 3px}.axis-kpi-grid p{font-size:9px}.axis-kpi-grid i{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:17px}.axis-kpi-grid i.blue{background:#e3f3ff;color:#1482c1}.axis-kpi-grid i.green{background:#e7f9f0;color:#159a70}.axis-kpi-grid i.orange{background:#fff7df;color:#e08013}.axis-kpi-grid i.violet{background:#eeefff;color:#5b4bff}
.axis-section{background:#fff;border:1px solid #dfe3ea;border-radius:10px;padding:17px;margin-bottom:18px;box-shadow:0 7px 22px rgba(28,37,64,.035)}.axis-section>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.axis-section>header small{font-size:8px;font-weight:800;letter-spacing:.06em;color:#607087}.axis-section>header h2{font-size:16px;margin:5px 0 3px}.axis-section>header p{font-size:10px}.axis-badge{border-radius:20px;padding:7px 10px;background:#fff7df;color:#a75a0d;font-size:8px;font-weight:800}.axis-badge.orange{background:#fff4dc;color:#a2540a}.axis-tabs{display:flex;align-items:center;gap:4px;padding:5px;background:#f7f9fc;border:1px solid #e2e6ed;border-radius:8px;margin-bottom:14px;overflow-x:auto}.axis-tabs button{border:0;background:transparent;border-radius:7px;padding:9px 12px;color:#536073;font-size:9px;font-weight:800;white-space:nowrap;cursor:pointer}.axis-tabs button.active{background:#108d82;color:#fff;box-shadow:0 4px 10px rgba(16,141,130,.18)}.axis-tabs button b{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:#e7eaf0;color:#667083;font-size:7px;margin-left:4px}.axis-tabs button.active b{background:rgba(255,255,255,.2);color:#fff}.axis-panel{display:none;grid-template-columns:1.25fr .75fr .75fr;gap:12px}.axis-panel.active{display:grid}.axis-panel>article{min-height:125px;border:1px solid #e2e6ed;background:#f8fafc;border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:center}.axis-panel small,.axis-panel strong{display:block}.axis-panel small{font-size:8px;color:#627087;font-weight:800}.axis-panel strong{font:800 18px Manrope;margin:7px 0}.axis-panel p{font-size:9px}.axis-panel a{font-size:9px;color:var(--violet);font-weight:800;margin-top:8px}.axis-progress-card>div{height:9px;background:#dff2fa;border-radius:10px;margin:12px 0 5px;overflow:hidden}.axis-progress-card>div i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#12b5a4,#12857e)}
.axis-operations{padding-bottom:20px}.axis-queue-tabs{flex-wrap:wrap;justify-content:flex-start}.axis-operation-panel{display:none}.axis-operation-panel.active{display:block}.axis-focus-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.axis-focus-title small{font-size:8px;color:#617189;font-weight:800}.axis-focus-title h3{font-size:14px;margin:5px 0}.axis-focus-icon{width:40px;height:40px;border-radius:50%;background:#e4fbf3;color:#128b79;display:grid;place-items:center;font-weight:800}.axis-queue{display:grid;gap:8px}.axis-queue article{min-height:66px;border:1px solid #e2e6ed;background:#f8fafc;border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.axis-queue strong,.axis-queue small{display:block}.axis-queue strong{font-size:10px}.axis-queue small{font-size:9px;color:#748197;margin-top:4px}.axis-queue article>a{font-size:8px;color:var(--violet);font-weight:800;white-space:nowrap}.axis-queue time{font-size:8px;color:#7d8798}
@media(max-width:1150px){.axis-hero{grid-template-columns:1fr 280px}.axis-link-strip{grid-template-columns:1fr auto}.axis-link-value{grid-column:1;grid-row:2;justify-self:stretch;min-width:0}.axis-link-strip>.axis-btn.primary{grid-column:2;grid-row:2}.axis-panel{grid-template-columns:1fr 1fr}.axis-progress-card{grid-column:span 2}}
@media(max-width:820px){.axis-hero{grid-template-columns:1fr;padding:25px 20px}.axis-hero-totals{grid-template-columns:repeat(3,1fr)}.axis-kpi-grid{grid-template-columns:1fr 1fr}.axis-link-strip{grid-template-columns:1fr auto}.axis-link-strip>div:first-child{grid-column:1/-1}.axis-link-value{min-width:0}.axis-tabs{justify-content:flex-start}}
@media(max-width:560px){.axis-hero-totals,.axis-kpi-grid,.axis-panel{grid-template-columns:1fr}.axis-progress-card{grid-column:span 1}.axis-hero h1{font-size:38px}.axis-link-strip{grid-template-columns:1fr}.axis-link-strip>*{grid-column:1!important;grid-row:auto!important}.axis-link-strip .axis-btn{width:100%}.axis-hero-totals strong{font-size:17px}.axis-section{padding:13px}.axis-queue article{align-items:flex-start;flex-direction:column}}

/* Expense advances and claims */
.nav-expense-group{margin:3px 0}.nav-expense-group summary{padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;color:#aeb7cd;font-weight:500;cursor:pointer;list-style:none}.nav-expense-group summary::-webkit-details-marker{display:none}.nav-expense-group summary:hover,.nav-expense-group summary.active{color:#fff;background:#2a3450}.nav-expense-group summary.active{box-shadow:inset 3px 0 #8d80ff}.nav-expense-group summary .nav-icon{width:18px;text-align:center;font-size:17px}.nav-expense-group summary>span:nth-child(2){flex:1}.nav-expense-group summary i{font-style:normal;font-size:19px;transition:transform .2s}.nav-expense-group[open] summary i{transform:rotate(90deg)}.nav-expense-group>div{display:grid;padding:3px 0 6px 43px}.sidebar nav .nav-expense-group>div a{min-height:31px;margin:1px 0;padding:7px 9px;font-size:10px;gap:8px}.sidebar nav .nav-expense-group>div a span{width:6px;height:6px;border-radius:50%;background:#536078}.sidebar nav .nav-expense-group>div a.active{background:rgba(91,75,255,.18);box-shadow:none}.sidebar nav .nav-expense-group>div a.active span{background:#9c91ff}
.expense-head{align-items:center}.expense-hero{min-height:230px;border-radius:16px;padding:31px 34px;color:#fff;display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;overflow:hidden;position:relative;margin-bottom:17px;box-shadow:0 18px 42px rgba(26,35,58,.12)}.expense-hero:after{content:"";position:absolute;width:380px;height:380px;border:65px solid rgba(255,255,255,.055);border-radius:50%;right:170px;bottom:-310px}.advance-hero{background:radial-gradient(circle at 100% 0,rgba(91,75,255,.62),transparent 44%),linear-gradient(120deg,#131e36,#283963 62%,#4e45b8)}.claim-hero{background:radial-gradient(circle at 100% 0,rgba(38,171,139,.6),transparent 44%),linear-gradient(120deg,#10243a,#11505c 62%,#138776)}.expense-hero>div{position:relative;z-index:1}.expense-hero h2{font-size:31px;letter-spacing:-.04em;margin:9px 0 7px}.expense-hero>div>p{max-width:690px;color:#d2d9e6;font-size:12px;line-height:1.65}.expense-hero aside{position:relative;z-index:1;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(8,22,42,.35);backdrop-filter:blur(9px)}.expense-hero aside small,.expense-hero aside strong,.expense-hero aside p{display:block}.expense-hero aside small{font-size:8px;color:#bdc8d7;font-weight:800;letter-spacing:.07em}.expense-hero aside strong{font:800 26px Manrope;margin:9px 0 5px}.expense-hero aside p{font-size:9px;color:#cbd5df}.expense-flow{display:flex;align-items:center;gap:9px;margin-top:20px;flex-wrap:wrap}.expense-flow span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.expense-flow span i{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal}.expense-flow b{color:rgba(255,255,255,.45)}
.expense-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.expense-stat-grid article{min-height:105px;background:#fff;border:1px solid #e1e4eb;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 6px 18px rgba(25,34,60,.035)}.expense-stat-grid small,.expense-stat-grid strong,.expense-stat-grid p{display:block}.expense-stat-grid small{font-size:8px;color:#737f92;font-weight:700}.expense-stat-grid strong{font:800 17px Manrope;margin:5px 0 2px}.expense-stat-grid p{font-size:8px}.expense-stat-icon{width:40px;height:40px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:16px;font-weight:800}.expense-stat-icon.violet{background:#eeebff;color:var(--violet)}.expense-stat-icon.green{background:#e5f8f2;color:var(--green)}.expense-stat-icon.blue{background:#e8f3ff;color:var(--blue)}.expense-stat-icon.orange{background:#fff2df;color:var(--orange)}
.expense-table-card{padding:0;overflow:hidden}.expense-table-card>.card-head{padding:19px 20px;margin:0;border-bottom:1px solid #eaecf1;align-items:center}.expense-filters{display:flex;gap:4px;padding:4px;background:#f5f6f9;border-radius:8px}.expense-filters button,.expense-filters a{border:0;background:transparent;color:#727d91;border-radius:6px;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}.expense-filters button.active,.expense-filters a.active{background:#fff;color:var(--violet);box-shadow:0 3px 10px rgba(30,39,65,.08)}.expense-table{min-width:1050px}.expense-table td{font-size:10px}.expense-reference{font:700 9px monospace;color:#5b4bff;background:#f2f0ff;border-radius:6px;padding:5px 7px}.expense-purpose{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-purpose strong,.expense-purpose small{display:block;overflow:hidden;text-overflow:ellipsis}.expense-purpose small{max-width:210px;margin-top:3px;color:var(--muted);font-size:8px}.expense-category{font-size:8px;text-transform:capitalize;padding:5px 8px;border-radius:18px;background:#edf1f6;color:#657085;font-weight:800}.expense-category.travel,.expense-category.transport{background:#e8f3ff;color:#2872c8}.expense-category.meals,.expense-category.accommodation{background:#fff2df;color:#b57218}.expense-category.office,.expense-category.training{background:#eeebff;color:#5b4bff}.expense-category.medical{background:#fdebed;color:#c64e59}.receipt-ready{color:#168464;font-size:8px;font-weight:800}.receipt-missing,.reviewed-by{color:#929bad;font-size:8px}.expense-table-card>.pagination{padding:14px 20px}.expense-empty{text-align:center;padding:50px 20px}.expense-empty>span{width:52px;height:52px;border-radius:15px;background:#eeebff;color:var(--violet);display:grid;place-items:center;margin:0 auto 12px;font-size:19px}.expense-empty h3{margin:0}.expense-empty p{font-size:10px;margin:5px 0 15px}
.expense-dialog{width:min(610px,94vw)}.expense-dialog .dialog-form{padding:28px;gap:19px}.expense-dialog .dialog-head h2{font-size:22px;margin:6px 0 3px}.expense-dialog .dialog-head p{font-size:9px}.expense-dialog label{gap:8px}.expense-dialog input,.expense-dialog select,.expense-dialog textarea{width:100%;border:1px solid #dfe3eb;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);outline:none;resize:vertical}.expense-dialog input:focus,.expense-dialog select:focus,.expense-dialog textarea:focus{border-color:#a9a0ff;box-shadow:0 0 0 3px #f1efff}.money-input{display:flex;border:1px solid #dfe3eb;border-radius:9px;overflow:hidden}.money-input:focus-within{border-color:#a9a0ff;box-shadow:0 0 0 3px #f1efff}.money-input span{display:grid;place-items:center;padding:0 12px;background:#f5f6f9;color:#697489;font-size:9px;font-weight:800;border-right:1px solid #dfe3eb}.money-input input{border:0!important;border-radius:0;box-shadow:none!important}.dialog-note{display:flex;align-items:center;gap:11px;background:#f4f2ff;border-radius:10px;padding:12px}.dialog-note>i{width:34px;height:34px;border-radius:9px;background:#ded9ff;color:var(--violet);display:grid;place-items:center;font-style:normal}.dialog-note p{margin:0}.dialog-note strong,.dialog-note span{display:block}.dialog-note strong{font-size:9px}.dialog-note span{font-size:8px;color:#747e91;margin-top:3px}.receipt-upload{position:relative;display:grid!important;grid-template-columns:38px 1fr auto;align-items:center;padding:13px!important;border:1px dashed #c9cde0!important;border-radius:11px!important;background:#faf9ff!important;cursor:pointer}.receipt-upload input{position:absolute;opacity:0;pointer-events:none}.receipt-upload>span{width:36px;height:36px;border-radius:9px;background:#e9e5ff;color:var(--violet);display:grid;place-items:center}.receipt-upload strong,.receipt-upload small{display:block}.receipt-upload small{color:var(--muted);font-size:8px;font-weight:400;margin-top:3px}.receipt-upload b{font-size:8px;color:var(--violet);padding:7px 9px;background:#fff;border:1px solid #dedbef;border-radius:7px}
@media(max-width:1050px){.expense-hero{grid-template-columns:1fr 240px}.expense-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.expense-head{align-items:flex-start;flex-direction:column}.head-actions{display:flex;flex-wrap:wrap}.expense-hero{grid-template-columns:1fr;padding:24px 20px}.expense-hero h2{font-size:26px}.expense-stat-grid{grid-template-columns:1fr}.expense-table-card>.card-head{align-items:flex-start;gap:14px;flex-direction:column}.expense-filters{max-width:100%;overflow:auto}.expense-dialog .form-grid{grid-template-columns:1fr}}

@media(min-width:901px){.expense-table-card .table-wrap{overflow-x:hidden}.expense-table{width:100%;min-width:0;table-layout:fixed}.expense-table th,.expense-table td{padding:12px 7px;white-space:normal;overflow:hidden;text-overflow:ellipsis}.expense-table th{font-size:8px}.expense-table td{font-size:9px}.expense-table .employee-cell{min-width:0}.expense-table .employee-cell>span:last-child{min-width:0;overflow:hidden}.expense-table .employee-cell strong,.expense-table .employee-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-table .expense-purpose{max-width:100%}.expense-table .expense-purpose strong,.expense-table .expense-purpose small{max-width:100%}.expense-table .inline-actions{justify-content:center}.expense-table .reviewed-by{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.spent-note{display:block;color:#7d8798;font-size:7px;margin-top:3px}.retirement-state{display:block;width:max-content;max-width:100%;margin-top:5px;padding:3px 6px;border-radius:12px;font-size:7px;font-weight:800;white-space:nowrap}.retirement-state.submitted{background:#fff2dd;color:#a96b16}.retirement-state.approved{background:#e4f7f0;color:#168464}.retirement-state.rejected{background:#fdebed;color:#c64e59}.expense-action-menu{position:relative;display:inline-block;overflow:visible}.expense-action-menu>summary{list-style:none;min-width:76px;border:1px solid #dfe3eb;background:#fff;border-radius:7px;padding:7px 8px;color:#566176;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.expense-action-menu>summary::-webkit-details-marker{display:none}.expense-action-menu[open]>summary{border-color:#aaa2ff;color:var(--violet);box-shadow:0 0 0 3px #f1efff}.expense-action-menu>div{display:none;position:absolute;right:0;top:calc(100% + 5px);width:185px;padding:6px;background:#fff;border:1px solid #e0e3ea;border-radius:10px;box-shadow:0 16px 40px rgba(19,27,48,.18);z-index:60}.expense-action-menu[open]>div{display:grid}.expense-action-menu form{margin:0}.expense-action-menu button,.expense-action-menu a{width:100%;border:0;background:transparent;border-radius:7px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;color:#354057;font-size:8px;font-weight:700;cursor:pointer}.expense-action-menu button:hover,.expense-action-menu a:hover{background:#f5f4ff;color:var(--violet)}.expense-action-menu i{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:11px}.expense-action-menu i.green{background:#e5f8f2;color:var(--green)}.expense-action-menu i.red{background:#fdebed;color:var(--red)}.expense-action-menu i.violet{background:#eeebff;color:var(--violet)}.expense-action-menu i.blue{background:#e8f3ff;color:var(--blue)}.menu-note{display:block;padding:9px;color:#8790a2;font-size:8px}.menu-note.success{color:var(--green)}
.retirement-dialog{width:min(650px,94vw)}.retirement-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:linear-gradient(120deg,#151f39,#4d43bb);border-radius:11px;color:#fff}.retirement-summary>div{padding:5px 8px}.retirement-summary small,.retirement-summary strong{display:block}.retirement-summary small{font-size:7px;color:#bac2d5;letter-spacing:.08em}.retirement-summary strong{font:800 16px Manrope;margin-top:5px}.retirement-balance{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:12px 14px}.retirement-balance span{font-size:8px;font-weight:700}.retirement-balance strong{font:800 14px Manrope}.retirement-balance.neutral{background:#f4f5f8;color:#7a8496}.retirement-balance.refund{background:#e5f8f2;color:#168464}.retirement-balance.additional{background:#fff2dd;color:#a96b16}.dialog-note.returned{background:#fff0f1}.dialog-note.returned>i{background:#f8d9dd;color:var(--red)}
@media(min-width:901px){.expense-table-card{overflow:visible}.expense-table-card .table-wrap{overflow:visible}.expense-table td{overflow:visible}.expense-table td:not(:last-child)>*{max-width:100%}}
@media(max-width:720px){.retirement-summary{grid-template-columns:1fr}.expense-action-menu>div{right:auto;left:0}}
.payment-state{display:block;width:max-content;max-width:100%;margin-top:5px;padding:3px 6px;border-radius:12px;background:#e8f3ff;color:#2872c8;font-size:7px;font-weight:800;white-space:nowrap}
.payment-dialog{width:min(650px,94vw)}.payment-summary{grid-template-columns:repeat(3,1fr);background:linear-gradient(120deg,#10243a,#13766b)}.dialog-note.payment-warning{background:#e9f8f3}.dialog-note.payment-warning>i{background:#ccefe3;color:var(--green)}@media(max-width:720px){.payment-summary{grid-template-columns:1fr}}
.approved-note{display:block;color:var(--green);font-size:7px;margin-top:3px}.approval-dialog{width:min(620px,94vw)}.approval-summary{background:linear-gradient(120deg,#2b3561,#5b4bff)}.approval-request{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e4e6ed;border-radius:10px;background:#fafbfc}.approval-request>div{min-width:0}.approval-request small,.approval-request strong{display:block}.approval-request small{font-size:7px;color:#8e97a8;letter-spacing:.07em}.approval-request strong{font-size:10px;margin:3px 0}.approval-request p{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advance-view-dialog{width:min(760px,95vw);max-height:92vh}.advance-view-content{max-height:90vh;overflow:auto}.advance-view-person{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e3e6ec;border-radius:11px;background:#fafbfc}.advance-view-person>div{flex:1;min-width:0}.advance-view-person strong,.advance-view-person small{display:block}.advance-view-person>div>strong{font-size:11px}.advance-view-person small{font-size:8px;color:var(--muted);margin-top:3px}.advance-view-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.advance-view-metrics article{padding:13px;background:#f4f5f8;border-radius:9px}.advance-view-metrics small,.advance-view-metrics strong{display:block}.advance-view-metrics small{font-size:7px;color:#7f899b}.advance-view-metrics strong{font:800 13px Manrope;margin-top:5px}.advance-view-section{padding:15px;border:1px solid #e3e6ec;border-radius:11px}.advance-view-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.advance-view-section header small{font-size:7px;color:#8b94a6;letter-spacing:.08em}.advance-view-section h3{font-size:12px;margin:3px 0 0}.advance-view-section>p{font-size:9px;line-height:1.6;color:#525e73}.advance-view-section time,.advance-view-section>header>strong{font-size:9px;color:#687387}.view-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf0f3;margin-top:12px;padding-top:10px;color:#858fa1;font-size:8px}.view-note{margin-top:9px;padding:9px;background:#f4f2ff;border-radius:8px;color:#6559b5;font-size:8px}.payment-history{display:grid;gap:7px}.payment-history article{display:flex;align-items:center;gap:9px;padding:10px;background:#f8f9fb;border-radius:8px}.payment-history article>i{width:30px;height:30px;border-radius:8px;background:#e8f3ff;color:#2872c8;display:grid;place-items:center;font-style:normal}.payment-history article>div{flex:1;min-width:0}.payment-history strong,.payment-history small{display:block}.payment-history article>span{text-align:right}.payment-history small{font-size:7px;color:#818b9d;margin-top:3px}.view-empty{padding:18px;text-align:center;background:#f7f8fa;border-radius:8px;color:#8b94a5;font-size:8px}.retirement-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.retirement-view-grid>div{padding:11px;background:#f7f8fa;border-radius:8px}.retirement-view-grid small,.retirement-view-grid strong{display:block}.retirement-view-grid small{font-size:7px;color:#858fa1}.retirement-view-grid strong{font-size:10px;margin-top:4px}@media(max-width:720px){.advance-view-metrics,.retirement-view-grid{grid-template-columns:1fr 1fr}.advance-view-content{padding:20px}}
.view-payment-actions{display:flex;align-items:center;gap:9px}.view-payment-actions>strong{font-size:9px;color:#687387}.view-pay-button{border:0;border-radius:8px;background:var(--violet);color:#fff;padding:8px 11px;font-size:8px;font-weight:800;cursor:pointer;box-shadow:0 5px 13px rgba(91,75,255,.2)}.view-pay-button:hover{background:var(--violet-dark)}
.advance-view-metrics .awaiting-metric{background:#fff7e8}.advance-view-metrics .awaiting-metric strong{font-size:10px;color:#a96b16}
.advance-view-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.advance-view-split>.advance-view-section{height:100%;min-width:0}.advance-view-split .payment-history{max-height:190px;overflow:auto}@media(max-width:760px){.advance-view-split{grid-template-columns:1fr}.advance-view-split .payment-history{max-height:none}}
.view-detail-footer{display:flex;justify-content:flex-end;gap:9px}.view-detail-footer .btn{min-width:160px}.view-detail-footer .view-approve-button{margin-right:auto}@media(max-width:560px){.view-detail-footer{flex-direction:column}.view-detail-footer .btn{width:100%}}
.field-spacer{visibility:hidden}
.payment-head-actions{display:flex;align-items:center;gap:8px}.dialog-form .top-attachment-button{max-width:180px;display:flex!important;align-items:center;justify-content:center;border:1px solid #d9d5ff;border-radius:9px;padding:9px 11px;background:#f6f4ff;color:var(--violet);font-size:8px;font-weight:800;cursor:pointer}.top-attachment-button input{position:absolute;opacity:0;pointer-events:none}.top-attachment-button span{display:block;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-attachment{display:inline-block;margin-top:4px;padding:3px 6px;border-radius:6px;background:#eeebff;color:var(--violet);font-size:7px;font-weight:800}@media(max-width:560px){.payment-head-actions{align-items:flex-end;flex-direction:column-reverse}.dialog-form .top-attachment-button{max-width:145px}}
.accounting-fields{padding:14px;border:1px solid #dfe6ed;border-radius:11px;background:#f8fafc}.accounting-fields label small{color:#7f899b;font-weight:500}.settings-divider{height:1px;background:#e8eaf0;margin:2px 0}.settings-section-head{display:flex;align-items:center;gap:11px}.settings-section-head>span{width:38px;height:38px;border-radius:10px;background:#e8f3ff;color:#2872c8;display:grid;place-items:center;font-weight:800}.settings-section-head h3{font-size:13px;margin:0}.settings-section-head p{font-size:9px;margin-top:3px}.accounting-defaults label{display:grid;gap:7px;font-size:10px;font-weight:700}.accounting-defaults small{color:var(--muted);font-size:8px;font-weight:400}.accounting-route{color:#59667b!important;font-weight:700}

/* Compact advance-payment attachment picker */
.compact-attach-button{width:auto!important;height:32px;flex:0 0 auto;border:1px solid #d8d3ff!important;background:#f6f4ff!important;color:var(--violet);border-radius:8px;padding:0 11px!important;font-size:8px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}.compact-attach-button:hover{background:#eeebff!important;border-color:#bdb5ff!important}.payment-head-actions{flex:0 0 auto;gap:10px}.payment-head-actions>button:last-child{flex:0 0 32px}.payment-dialog .dialog-head>div:first-child,.retirement-dialog .dialog-head>div:first-child{min-width:0;padding-right:18px}.attachment-dialog{width:min(450px,92vw)}.attachment-dialog-content{padding:24px;display:grid;gap:17px}.attachment-dialog .dialog-head{align-items:flex-start}.attachment-dialog .dialog-head h3{font-size:17px;margin:4px 0}.attachment-dialog .dialog-head p{font-size:9px}.attachment-picker{position:relative;display:grid!important;place-items:center;text-align:center;gap:5px;padding:26px!important;border:1.5px dashed #c9c3f3!important;border-radius:13px!important;background:#faf9ff!important;cursor:pointer}.attachment-picker:hover{border-color:#958aff!important;background:#f6f4ff!important}.attachment-picker input{display:none!important}.attachment-picker>span{width:38px;height:38px;border-radius:10px;background:#e9e5ff;color:var(--violet);display:grid;place-items:center;font-size:17px}.attachment-picker strong{font-size:10px;margin-top:3px}.attachment-picker small{font-size:8px;color:var(--muted);font-weight:400}.attachment-picker b{margin-top:7px;padding:7px 10px;border:1px solid #ddd9f5;border-radius:7px;background:#fff;color:var(--violet);font-size:8px}.selected-attachment-name{padding:10px 12px;border-radius:8px;background:#f5f6f9;color:#748095;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.payment-head-actions{align-items:center;flex-direction:row}.attachment-dialog-content{padding:19px}}

/* Company chart of accounts */
.chart-account-card{grid-column:1/-1}.coa-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.coa-list article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e8ee;border-radius:10px;background:#fafbfc}.coa-list article>span{min-width:43px;padding:6px 7px;border-radius:7px;background:#eeebff;color:var(--violet);font:800 8px Manrope;text-align:center}.coa-list article>div{min-width:0}.coa-list strong,.coa-list small{display:block}.coa-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coa-list small{font-size:7px;color:var(--muted);margin-top:3px}.coa-add-form{padding-top:17px;border-top:1px solid #e8eaf0;display:grid;gap:12px}.coa-add-form label{display:grid;gap:7px;font-size:10px;font-weight:700}.accounting-fields select,.accounting-defaults select{min-width:0}@media(max-width:850px){.coa-list{grid-template-columns:1fr 1fr}}@media(max-width:560px){.coa-list{grid-template-columns:1fr}}

.accounting-collapse{border:1px solid #dfe6ed;border-radius:11px;background:#f8fafc;overflow:hidden}.accounting-collapse>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.accounting-collapse>summary::-webkit-details-marker{display:none}.accounting-collapse>summary>span{width:31px;height:31px;flex:0 0 auto;border-radius:8px;background:#e8f3ff;color:#2872c8;display:grid;place-items:center}.accounting-collapse>summary>div{min-width:0;flex:1}.accounting-collapse>summary strong,.accounting-collapse>summary small{display:block}.accounting-collapse>summary strong{font-size:9px}.accounting-collapse>summary small{font-size:7px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounting-collapse>summary>i{font-style:normal;color:#788397;transition:transform .2s}.accounting-collapse[open]>summary>i{transform:rotate(180deg)}.accounting-collapse[open]>summary{border-bottom:1px solid #e4e8ee}.accounting-collapse .accounting-fields{border:0;border-radius:0;background:#fff;padding:14px}

.payment-history button.payment-attachment{border:0;cursor:pointer}.attachment-preview-dialog{width:min(920px,95vw);height:min(760px,92vh);max-height:92vh;background:#fff}.attachment-preview-content{height:100%;display:grid;grid-template-rows:auto 1fr auto}.attachment-preview-content>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid #e6e9ef}.attachment-preview-content>header>div{min-width:0}.attachment-preview-content>header span,.attachment-preview-content>header strong{display:block}.attachment-preview-content>header span{font-size:7px;letter-spacing:.12em;color:var(--violet);font-weight:800}.attachment-preview-content>header strong{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-preview-content>header button{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:8px;background:#f0f1f4;cursor:pointer}.attachment-preview-content iframe{width:100%;height:100%;border:0;background:#f3f5f8}.attachment-preview-content>footer{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid #e6e9ef}.attachment-preview-content>footer small{color:var(--muted);font-size:8px;margin-right:auto}.attachment-preview-content>footer a{color:var(--violet);font-size:9px;font-weight:800;padding:8px 10px}@media(max-width:560px){.attachment-preview-dialog{height:88vh}.attachment-preview-content>footer small{display:none}.attachment-preview-content>footer a{margin-right:auto}}
.view-detail-footer .view-retire-button{margin-right:auto}
.retirement-ledger-field{padding:14px;background:#fff}.retirement-ledger-field label{display:grid;gap:7px;font-size:10px;font-weight:700}.retirement-ledger-field small{font-size:8px;color:var(--muted);font-weight:400}.retirement-ledger-route{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 11px;border-radius:8px;background:#f4f2ff}.retirement-ledger-route span{font-size:7px;color:#776bb8;text-transform:uppercase;letter-spacing:.08em}.retirement-ledger-route strong{font-size:8px;color:#5145a7;text-align:right}
.settlement-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:10px 12px;border-radius:8px}.settlement-state.pending{background:#fff2dd;color:#9f6312}.settlement-state.settled{background:#e5f8f2;color:#168464}.settlement-state span{font-size:8px}.settlement-state strong{font-size:8px}.view-detail-footer .view-settlement-button{margin-right:auto}.settlement-dialog{width:min(600px,94vw)}.settlement-summary{position:relative;padding:18px;border-radius:11px;color:#fff}.settlement-summary.reimbursement{background:linear-gradient(120deg,#123354,#3275ba)}.settlement-summary.refund{background:linear-gradient(120deg,#123e38,#168a72)}.settlement-summary small,.settlement-summary strong,.settlement-summary span{display:block}.settlement-summary small{font-size:7px;letter-spacing:.1em;color:#d5e2ef}.settlement-summary strong{font:800 22px Manrope;margin:6px 0}.settlement-summary span{position:absolute;right:18px;top:18px;font-size:8px;color:#d5e2ef}
.selected-attachment-name.error{background:#fff0f1;color:#b63f4b;border:1px solid #f2cbd0;font-weight:700}
.settings-form>label.policy-toggle{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e1e5ec;border-radius:10px;background:#f8fafc;cursor:pointer}.policy-toggle>input[type=checkbox]{width:18px;height:18px;accent-color:var(--violet);flex:0 0 auto}.policy-toggle span,.policy-toggle strong,.policy-toggle small{display:block}.policy-toggle strong{font-size:10px}.policy-toggle small{font-size:8px;color:var(--muted);font-weight:400;margin-top:3px}
.payroll-month-field>span{display:block;margin-bottom:8px}.payroll-month-picker{position:relative}.payroll-month-trigger{width:100%;min-height:48px;border:1px solid #dfe3ec;border-radius:11px;background:#fff;padding:0 15px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;text-align:left;color:#13203f;cursor:pointer}.payroll-month-trigger:hover,.payroll-month-trigger:focus{border-color:#7a6bdf;box-shadow:0 0 0 3px rgba(108,92,231,.1);outline:none}.payroll-month-trigger strong{font-size:11px}.payroll-calendar-icon{width:30px;height:30px;border-radius:8px;background:#eeeaff;color:var(--violet);display:grid!important;place-items:center;margin:0!important}.payroll-month-calendar{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(390px,100%);padding:15px;background:#fff;border:1px solid #dedfea;border-radius:14px;box-shadow:0 18px 45px rgba(22,31,57,.18)}.payroll-month-calendar header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:12px}.payroll-month-calendar header strong{text-align:center;font-size:13px}.payroll-month-calendar button{border:0;cursor:pointer}.payroll-month-calendar header button{height:34px;border-radius:8px;background:#f4f3fb;color:#4538a8;font-size:15px}.payroll-calendar-months{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payroll-calendar-months button{height:38px;border-radius:8px;background:#f7f8fb;color:#4d5870;font-weight:700}.payroll-calendar-months button:hover{background:#eeebff;color:var(--violet)}.payroll-calendar-months button.selected{background:var(--violet);color:#fff;box-shadow:0 5px 14px rgba(108,92,231,.25)}.payroll-calendar-current{width:100%;margin-top:10px;padding:9px;border-radius:8px;background:#eef8f4;color:#087b56;font-weight:800}

/* Expense reports */
.expense-report-filters{display:grid;grid-template-columns:repeat(4,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.expense-report-filters label{display:grid;gap:6px;font-size:8px;font-weight:800;color:#59657a}.expense-report-filters input,.expense-report-filters select{width:100%;border:1px solid #dfe3eb;border-radius:8px;background:#fff;padding:9px 10px;outline:none}.expense-report-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:16px}.expense-report-metrics article{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;background:#fff;border:1px solid #e2e5eb;border-radius:12px}.expense-report-metrics article>div{min-width:0}.expense-report-metrics small,.expense-report-metrics strong,.expense-report-metrics p{display:block}.expense-report-metrics small{font-size:7px;color:#7a8598;letter-spacing:.06em}.expense-report-metrics strong{font:800 14px Manrope;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-report-metrics p{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-stat-icon.teal{background:#e3f7f4;color:#168a72}.expense-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}.report-breakdown-card{min-height:300px}.report-bars{display:grid;gap:13px}.report-bars article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.report-bars strong,.report-bars span{font-size:8px}.report-bars span{color:#69758a;font-weight:700}.report-bars article>div:last-child{height:7px;border-radius:7px;background:#eef0f4;overflow:hidden}.report-bars i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#5b4bff,#8b7dff)}.employee-spend-list{display:grid}.employee-spend-list article{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf0f3}.employee-spend-list article:first-child{border-top:0}.employee-spend-list article>div{min-width:0;flex:1}.employee-spend-list strong,.employee-spend-list small{display:block}.employee-spend-list strong{font-size:9px}.employee-spend-list small{font-size:7px;color:var(--muted);margin-top:3px}.employee-spend-list b{font-size:9px;white-space:nowrap}.report-table-card{margin-bottom:25px}@media(max-width:1100px){.expense-report-filters{grid-template-columns:1fr 1fr 1fr 1fr}.expense-report-filters .btn{width:100%}.expense-report-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.expense-report-filters,.expense-report-metrics,.expense-report-grid{grid-template-columns:1fr}.report-breakdown-card{min-height:0}}
.report-type{display:inline-block;padding:5px 8px;border-radius:16px;font-size:7px;font-weight:800}.report-type.claim{background:#e8f3ff;color:#2872c8}.report-type.advance{background:#eeebff;color:var(--violet)}

/* Retirement review controls inside advance details */
.view-detail-footer form{display:flex;margin:0}.view-detail-footer .view-retirement-form{margin-left:auto}.view-detail-footer .view-retirement-approve-button{min-width:170px}.view-detail-footer .danger-outline{min-width:160px;border-color:#f2c9ce;background:#fff7f8;color:#c63e4a}.view-detail-footer .danger-outline:hover{border-color:#ef9ea7;background:#ffedef}@media(max-width:560px){.view-detail-footer form{width:100%}.view-detail-footer .view-retirement-form{margin-left:0}.view-detail-footer form .btn{width:100%}}

/* Focused workspace settings tabs */
.settings-tabs{display:flex;gap:8px;margin-bottom:18px;padding:6px;background:#e9ecf3;border-radius:13px}.settings-tabs button{flex:1;min-width:0;border:0;border-radius:9px;background:transparent;padding:10px 13px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;color:#667287;cursor:pointer}.settings-tabs button>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#f5f6f9;display:grid;place-items:center;font-weight:800}.settings-tabs b{font-size:10px;align-self:end}.settings-tabs small{font-size:7px;margin-top:2px}.settings-tabs button.active{background:#fff;color:var(--violet);box-shadow:0 5px 18px rgba(29,38,65,.08)}.settings-tabs button.active>span{background:#eeebff}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.settings-focused-card{width:min(820px,100%);margin:0 auto}.expense-settings-stack{display:grid;gap:17px}.expense-category-card{padding-bottom:18px}.expense-category-list{display:grid;gap:8px}.expense-category-list article{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #e3e7ed;border-radius:10px;background:#fafbfc}.expense-category-list article.hidden-category{opacity:.62;background:#f2f3f6}.category-edit-form{display:grid;grid-template-columns:36px minmax(150px,.75fr) minmax(210px,1.25fr) auto;gap:9px;align-items:end}.category-icon{width:36px;height:36px;border-radius:9px;background:#eeebff;color:var(--violet);display:grid;place-items:center;font-size:14px}.category-edit-form label,.category-create-form label{display:grid;gap:4px}.category-edit-form label small{font-size:7px;color:#7d8799;font-weight:700}.category-edit-form input,.category-edit-form select,.category-create-form input,.category-create-form select{width:100%;height:36px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;padding:0 9px;outline:none}.category-save,.category-actions button{height:36px;border:1px solid #ddd9f5;border-radius:8px;background:#fff;color:var(--violet);padding:0 10px;font-size:8px;font-weight:800;cursor:pointer}.category-actions{display:flex;gap:6px}.category-actions form{margin:0}.category-actions button.delete{border-color:#f0d1d5;color:#c74753}.category-create-form{display:grid;grid-template-columns:1.2fr 90px 1fr 1.25fr auto;gap:10px;align-items:end;margin-top:15px;padding:15px;border-radius:11px;background:#f5f3ff}.category-create-form h3{font-size:12px;margin:3px 0}.category-create-form p{font-size:8px}.category-create-form .btn{height:36px;white-space:nowrap}@media(max-width:900px){.category-edit-form{grid-template-columns:36px 1fr 1fr}.category-edit-form .category-save{grid-column:2/4}.expense-category-list article{grid-template-columns:1fr}.category-actions{justify-content:flex-end}.category-create-form{grid-template-columns:1fr 90px 1fr}.category-create-form>div{grid-column:1/-1}.category-create-form .btn{grid-column:1/-1}}@media(max-width:620px){.settings-tabs button{display:flex;justify-content:center;padding:9px}.settings-tabs button>span{width:28px;height:28px}.settings-tabs button small{display:none}.category-edit-form,.category-create-form{grid-template-columns:1fr}.category-icon{display:none}.category-edit-form .category-save,.category-create-form>div,.category-create-form .btn{grid-column:auto}.category-actions{justify-content:stretch}.category-actions form,.category-actions button{flex:1}}

/* Accounting under Reports */
.accounting-tabs{display:flex;margin-bottom:16px}.accounting-tabs button{border:1px solid #ddd9ff;background:#fff;color:var(--violet);border-radius:11px;padding:10px 14px;display:grid;grid-template-columns:32px auto;grid-template-rows:auto auto;column-gap:9px;text-align:left}.accounting-tabs button>span{grid-row:1/3;width:32px;height:32px;border-radius:8px;background:#eeebff;display:grid;place-items:center}.accounting-tabs b{font-size:9px}.accounting-tabs small{font-size:7px;color:#7e8798;margin-top:2px}.accounting-page-card{margin-bottom:16px}.accounting-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:18px}.accounting-summary article{padding:12px;border:1px solid #e5e8ed;border-radius:10px;background:#fafbfc}.accounting-summary small,.accounting-summary strong,.accounting-summary span{display:block}.accounting-summary small{font-size:7px;color:#7b8698}.accounting-summary strong{font:800 20px Manrope;margin:4px 0}.accounting-summary span{font-size:7px;color:#929bac}.accounting-coa-list article{grid-template-columns:auto 1fr auto}.accounting-coa-list article>b{font-size:7px;color:var(--green);padding:4px 7px;border-radius:10px;background:#e5f8f2}.accounting-create-card{margin-bottom:24px}@media(max-width:850px){.accounting-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.accounting-summary{grid-template-columns:1fr 1fr}}

/* Balanced combined expense report columns */
.report-table-card{overflow:hidden}.report-table-card .table-wrap{overflow-x:auto}.report-table-card .expense-table{width:100%;min-width:1120px;table-layout:fixed}.report-table-card .report-col-type{width:9%}.report-table-card .report-col-reference{width:11%}.report-table-card .report-col-employee{width:15%}.report-table-card .report-col-category{width:12%}.report-table-card .report-col-description{width:14%}.report-table-card .report-col-date{width:10%}.report-table-card .report-col-amount{width:10%}.report-table-card .report-col-attachment{width:9%}.report-table-card .report-col-status{width:10%}.report-table-card th,.report-table-card td{padding:12px 10px;overflow:hidden!important;vertical-align:middle}.report-table-card td>*{max-width:100%}.report-table-card .employee-cell{min-width:0}.report-table-card .employee-cell>span:last-child{min-width:0}.report-table-card .employee-cell strong,.report-table-card .employee-cell small,.report-table-card .expense-purpose{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-table-card .expense-reference,.report-table-card .expense-category,.report-table-card .status{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-table-card td:nth-child(7) strong{white-space:nowrap}.report-table-card td:last-child{padding-right:14px}.report-table-card td:last-child .status{font-size:8px;padding:5px 8px}

/* Collapsible sidebar module groups */
.nav-module-group{margin:4px 0}.nav-expense-group>div .nav-sub-preview{min-height:31px;margin:1px 0;padding:7px 9px;border-radius:7px;display:flex;align-items:center;gap:8px;color:#77839d;font-size:10px;font-weight:600;cursor:default}.nav-expense-group>div .nav-sub-preview>span{width:6px;height:6px;border-radius:50%;background:#46516a}.nav-expense-group>div .nav-sub-preview small{margin-left:auto;padding:2px 5px;border-radius:5px;background:#29334d;color:#7f8ba4;font-size:6px;text-transform:uppercase;letter-spacing:.06em}.nav-expense-group>div a b{margin-left:auto;min-width:17px;text-align:center;background:#e96a75;color:#fff;font-size:7px;border-radius:10px;padding:2px 5px}
/* Crew structure, tasks, wallets and compact administration */
.people-metrics,.accounting-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.people-metrics article,.accounting-kpis article{background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:5px}.people-metrics strong,.accounting-kpis strong{font:800 28px Manrope;color:#101a35}.people-metrics span,.accounting-kpis small{color:#71809d;font-weight:700}.people-metrics small,.accounting-kpis span{color:#8a97ae}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.department-card{padding:22px}.department-card header,.department-card footer{display:flex;justify-content:space-between;align-items:center}.department-code{background:#eeebff;color:#5b4bff;padding:7px 10px;border-radius:9px;font-weight:800;font-size:12px}.department-card h2{margin:20px 0 6px}.department-card>p{color:#74829d;min-height:44px}.department-meta{display:flex;gap:14px;color:#63718d;font-size:13px;margin:18px 0}.department-card footer{border-top:1px solid #e9edf4;padding-top:16px}.department-card footer>div{display:flex;align-items:center;gap:10px}.department-card footer span span{display:flex;flex-direction:column}.department-card details,.category-compact-list details{position:relative}.department-card summary,.category-compact-list summary{list-style:none;border:1px solid #dfe5ef;border-radius:10px;padding:8px 12px;cursor:pointer}.department-card details[open]>:not(summary),.category-compact-list details[open]>:not(summary){display:block;background:#fff;border:0;width:100%;padding:9px 12px;text-align:left}.crew-dialog{border:0;border-radius:22px;padding:0;width:min(680px,calc(100vw - 30px));box-shadow:0 30px 90px #11193655}.crew-dialog::backdrop{background:#10182eaa;backdrop-filter:blur(4px)}.crew-dialog>form{padding:28px;display:grid;gap:18px}.crew-dialog header{display:flex;justify-content:space-between;align-items:flex-start}.crew-dialog header button{border:0;border-radius:12px;width:44px;height:44px;font-size:20px}.wide-dialog{width:min(900px,calc(100vw - 30px))}.org-controls{display:flex;gap:10px}.org-chart-shell{padding:24px;overflow:auto}.org-legend{display:flex;justify-content:space-between;color:#71809d;margin-bottom:30px}.org-tree{display:flex;gap:30px;align-items:flex-start;min-width:max-content;padding:12px}.org-branch{position:relative;display:flex;flex-direction:column;align-items:center}.org-node{width:250px;border:1px solid #dfe5ef;border-radius:16px;background:#fff;padding:14px;display:flex;align-items:center;gap:12px;color:#13203d;text-decoration:none;box-shadow:0 8px 24px #17213d0b}.org-node div{display:flex;flex-direction:column}.org-node small{color:#677590}.org-node em{font-size:11px;color:#5b4bff;font-style:normal;margin-top:3px}.org-node>b{margin-left:auto;background:#eef0ff;padding:4px 7px;border-radius:8px;font-size:10px}.org-children{display:flex;gap:18px;padding-top:36px;position:relative}.org-children:before{content:"";position:absolute;top:0;left:50%;height:27px;border-left:1px solid #cbd4e2}.org-hidden{opacity:.12;filter:grayscale(1)}.compact-tabs{display:flex;gap:6px;background:#e9edf5;padding:6px;border-radius:14px;margin:0 0 20px;overflow:auto}.compact-tabs a,.compact-tabs button{white-space:nowrap;text-decoration:none;border:0;background:transparent;color:#63718b;padding:11px 16px;border-radius:10px;font-weight:700}.compact-tabs .active{background:#fff;color:#5b4bff;box-shadow:0 2px 10px #12213c10}.compact-tabs b{background:#e8e5ff;color:#5b4bff;padding:2px 7px;border-radius:10px}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.task-card{padding:20px}.task-card header,.task-card footer{display:flex;justify-content:space-between;align-items:center}.priority{padding:5px 9px;border-radius:9px;font-size:11px;text-transform:uppercase;font-weight:800}.priority.low{background:#e7f8f1;color:#06875e}.priority.medium{background:#edf4ff;color:#2772d8}.priority.high{background:#fff2d8;color:#b36a00}.priority.urgent{background:#ffe7e7;color:#d33}.task-card>p{color:#71809a;min-height:48px}.task-card footer>div{display:flex;gap:9px;align-items:center}.task-card footer>div>span:last-child{display:flex;flex-direction:column}.wallet-hero{border-radius:24px;padding:28px;background:linear-gradient(120deg,#101b38,#145e66 70%,#168677);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:20px}.wallet-hero>div{display:flex;flex-direction:column;gap:8px}.wallet-hero strong{font:800 34px Manrope}.virtual-account{background:#ffffff15;border:1px solid #ffffff25;border-radius:16px;padding:18px}.virtual-account button{align-self:flex-start;background:white;color:#17203b;border:0;padding:8px 12px;border-radius:9px;font-weight:700}.wallet-panel{display:none;padding:24px}.wallet-panel.active{display:block}.wallet-transactions article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f5}.tx-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900}.tx-icon.credit{background:#e1f8ef;color:#07966d}.tx-icon.debit{background:#fff0e3;color:#da6d13}.wallet-transactions article div{display:flex;flex-direction:column}.wallet-transactions article p{font-weight:800;text-align:right}.wallet-transactions article p.credit{color:#07966d}.wallet-transactions article p.debit{color:#dc4c4c}.wallet-transactions article p small{display:block;color:#8b97aa;font-weight:500}.money-input{display:flex;border:1px solid #dbe2ed;border-radius:12px;overflow:hidden}.money-input span{padding:14px;background:#f2f5fa}.money-input input{border:0!important;border-radius:0!important}.category-compact-list{display:grid;gap:10px}.category-compact-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;border:1px solid #e2e7ef;padding:13px;border-radius:14px}.category-compact-list article>div{display:flex;flex-direction:column}.integration-note{background:#f3f1ff;color:#5144d9;padding:13px;border-radius:12px}.journal-line{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:10px}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:14px;text-align:left;border-bottom:1px solid #e8edf4;white-space:nowrap}.responsive-table th{font-size:11px;color:#7986a0;text-transform:uppercase}.good{color:#0a9b70!important}.bad{color:#df4545!important}.muted{opacity:.55}
@media(max-width:1000px){.department-grid,.task-board{grid-template-columns:1fr 1fr}.settings-tabs{grid-template-columns:repeat(2,1fr)}.wallet-hero{grid-template-columns:1fr}}@media(max-width:700px){.people-metrics,.accounting-kpis,.department-grid,.task-board{grid-template-columns:1fr}.org-controls{flex-direction:column}.journal-line{grid-template-columns:1fr}.category-compact-list article{grid-template-columns:auto 1fr}.wallet-hero{padding:20px}.wallet-hero strong{font-size:26px}}
.settings-tabs{overflow-x:auto}.settings-tabs>a{flex:1;min-width:155px;border:0;border-radius:9px;background:transparent;padding:10px 13px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;color:#667287;text-decoration:none}.settings-tabs>a>span{grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#f5f6f9;display:grid;place-items:center;font-weight:800}.settings-tabs>a.active{background:#fff;color:var(--violet);box-shadow:0 5px 18px rgba(29,38,65,.08)}.settings-tabs>a.active>span{background:#eeebff}
.page-head-actions{display:flex;gap:10px;align-items:center}
.income-entry-dialog{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:0;border-radius:26px;box-shadow:0 32px 100px #07112666}.income-entry-dialog>form{padding:34px;display:grid;gap:18px}.income-entry-dialog header{padding:0 0 22px;border-bottom:1px solid #e8ecf3}.income-entry-dialog header>div{position:relative;padding-left:56px}.income-entry-dialog header>div:before{content:"₦";position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#5b4bff,#8a69ff);color:#fff;font:800 22px Manrope;box-shadow:0 10px 22px #5b4bff33}.income-entry-dialog header h2{margin:4px 0 0;font:800 29px Manrope;color:#101a35}.income-entry-dialog header button{background:#f2f4f8;color:#18223c;transition:.2s}.income-entry-dialog header button:hover{background:#e8e4ff;color:#5b4bff}.income-entry-dialog label{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;color:#17223d;font-weight:800;font-size:13px}.income-entry-dialog input,.income-entry-dialog select{width:100%;height:54px;border:1px solid #dce3ee;border-radius:13px;background:#fff;color:#17223d;padding:0 15px;font:700 15px Manrope;box-sizing:border-box}.income-entry-dialog input:focus,.income-entry-dialog select:focus{outline:0;border-color:#786bff;box-shadow:0 0 0 4px #5b4bff15}.income-entry-dialog .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}.income-entry-dialog .money-input{height:58px;border:1px solid #dce3ee;border-radius:13px;background:#fff}.income-entry-dialog .money-input span{display:flex;align-items:center;padding:0 17px;background:#f5f6fb;border-right:1px solid #dce3ee;color:#66748f;font-weight:900;font-size:12px}.income-entry-dialog .money-input input{height:56px;border:0!important;box-shadow:none!important}.income-entry-dialog .integration-note{position:relative;padding:16px 18px 16px 51px;border:1px solid #ddd9ff;border-radius:14px;background:#f5f3ff;color:#4d40d6;font-weight:700;line-height:1.55}.income-entry-dialog .integration-note:before{content:"✓";position:absolute;left:16px;top:17px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dedaff;color:#5547e4;font-weight:900}.income-entry-dialog .btn.primary.wide{min-height:54px;border-radius:14px;font-size:15px;box-shadow:0 12px 22px #5b4bff2e}.income-entry-dialog::backdrop{background:#0b1530b8;backdrop-filter:blur(5px)}
.income-entry-dialog header p{margin:5px 0 0;color:#77849d;font-size:13px;font-weight:600}.income-entry-dialog label small{color:#8994a9;font-size:11px;font-weight:700}.income-entry-dialog .income-amount .money-input{width:100%}.income-entry-dialog .money-input input{flex:1;min-width:0;width:100%;font-size:18px;font-weight:800}.accounting-actions .btn{min-width:106px;justify-content:center;text-decoration:none}.wallet-panel .money-input{width:100%;min-height:60px;background:#fff;border:1px solid #dce3ee;border-radius:14px}.wallet-panel .money-input span{display:flex;align-items:center;padding:0 18px;background:#f4f6fb;color:#62708b;border-right:1px solid #dce3ee;font-size:12px}.wallet-panel .money-input input{flex:1;min-width:0;width:100%;height:58px;padding:0 18px!important;font-size:18px;font-weight:800;background:#fff}.wallet-panel .money-input:focus-within{border-color:#786bff;box-shadow:0 0 0 4px #5b4bff15}
.invoice-paper{max-width:900px;margin:auto;padding:42px;border:1px solid #e5e8f1;box-shadow:0 24px 70px #1b24420f;border-radius:26px;background:#fff}.invoice-paper>header{background:linear-gradient(120deg,#121d3b,#5b4bff);color:#fff;margin:-42px -42px 28px;padding:30px 42px;border-radius:26px 26px 0 0}.invoice-paper>header h1,.invoice-paper>header h2{color:#fff;margin:0}.invoice-paper>header p{color:#d7dcff}.invoice-paper>header,.invoice-customer{display:flex;justify-content:space-between;gap:30px}.invoice-paper table{width:100%;border-collapse:collapse;margin:30px 0}.invoice-paper th,.invoice-paper td{padding:15px;border-bottom:1px solid #e5eaf1;text-align:left}.invoice-paper th{font-size:11px;color:#75829a;text-transform:uppercase}.invoice-customer{background:#f6f8fb;border-radius:14px;padding:20px;margin:25px 0}.invoice-customer div{display:flex;flex-direction:column;gap:5px}.invoice-customer small{color:#7b87a0;font-weight:800;font-size:10px}.invoice-total{display:flex;justify-content:flex-end;gap:60px;text-align:right;line-height:2;color:#6f7c93;background:#f7f6ff;padding:20px;border-radius:15px}.invoice-total b{color:#17223e}.invoice-total strong{display:block;font-size:24px;color:#5b4bff}.public-invoice{background:linear-gradient(135deg,#edf1fa,#f8f7ff);padding:40px 15px;min-height:100vh}.public-invoice .invoice-paper{background:#fff;border-radius:26px}.public-invoice h1{font-family:Manrope}.invoice-line{grid-template-columns:2fr 1fr 1fr}.form-hint{color:#74809a;font-size:13px}
.axis-approval-list{display:grid;gap:12px}.axis-approval-list article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid #e2e7f0;border-radius:15px;background:#fbfcfe}.axis-approval-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#18233f;min-width:0}.axis-approval-link strong{font-size:15px}.axis-approval-link small{color:#71809a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}.axis-approval-type{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5b4bff;font-weight:900}.axis-approval-actions{display:flex;gap:8px;flex:none}.axis-approval-actions form{margin:0}.axis-approval-actions button{border:1px solid #dce3ee;border-radius:9px;background:#fff;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer}.axis-approval-actions .approval-approve{color:#078c67;background:#effbf6;border-color:#ccefe2}.axis-approval-actions .approval-reject{color:#d24b4b;background:#fff6f6;border-color:#f2d4d4}.axis-approval-actions button:hover{transform:translateY(-1px)}
.invoice-builder-dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto}.invoice-builder-dialog>form{padding:34px}.invoice-builder-dialog header{padding-bottom:24px;border-bottom:1px solid #e8ecf3}.invoice-builder-dialog header h2{margin:5px 0 6px;font:800 30px Manrope;color:#111b35}.invoice-builder-dialog header p,.invoice-items-heading p{margin:0;color:#74819a;font-size:13px}.invoice-items-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6px}.invoice-items-heading h3{margin:4px 0}.invoice-items-badge{background:#eeebff;color:#5849e9;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.invoice-items-table-head{display:grid;grid-template-columns:2fr 1fr 1fr 42px;gap:10px;color:#8792a8;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.06em;margin-top:-4px}.invoice-items-table-head span:nth-child(2),.invoice-items-table-head span:nth-child(3){text-align:left}.invoice-line{display:grid;grid-template-columns:2fr 1fr 1fr 42px;gap:10px;margin-bottom:10px;align-items:center}.invoice-line input{min-width:0}.invoice-remove-line{width:42px;height:42px;border:1px solid #f0cccc;border-radius:11px;background:#fff6f6;color:#d74949;font-size:20px;cursor:pointer}.invoice-remove-line:hover{background:#ffe9e9}.invoice-add-line{width:100%;border-style:dashed}.invoice-adjustments{margin-top:2px}.invoice-builder-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ee;border-radius:13px;padding:14px;font:600 14px Manrope;resize:vertical}.invoice-builder-dialog textarea:focus{outline:0;border-color:#786bff;box-shadow:0 0 0 4px #5b4bff15}@media(max-width:640px){.invoice-items-table-head{display:none}.invoice-line{grid-template-columns:1fr 1fr 42px}.invoice-line input:first-child{grid-column:1/-1}.invoice-items-heading{align-items:flex-start;gap:10px;flex-direction:column}}
.axis-hero-totals .axis-expense-today{display:block;margin-top:7px;color:#83e6c1;font-size:12px;font-style:normal;font-weight:800}
#manualJournal{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:0;border-radius:26px;box-shadow:0 32px 100px #07112666}#manualJournal>form{padding:34px;display:grid;gap:18px}#manualJournal header{padding-bottom:22px;border-bottom:1px solid #e8ecf3}#manualJournal label{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;color:#17223d;font-size:13px;font-weight:800}#manualJournal input,#manualJournal select{box-sizing:border-box;width:100%;height:54px;border:1px solid #dce3ee;border-radius:13px;background:#fff;padding:0 15px;color:#17223d;font:700 15px Manrope}#manualJournal input:focus,#manualJournal select:focus{outline:0;border-color:#786bff;box-shadow:0 0 0 4px #5b4bff15}#manualJournal .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}#journalLines{display:grid;gap:10px;padding:12px;border:1px solid #e2e7f0;border-radius:16px;background:#f7f9fc}#journalLines .journal-line{display:grid;grid-template-columns:2fr 1fr 1fr 42px;gap:10px;align-items:center;margin:0;padding:10px;border:1px solid #e4e8f0;border-radius:13px;background:#fff}#journalLines .journal-line[data-required="true"]{grid-template-columns:2fr 1fr 1fr}.journal-remove-line{width:42px;height:42px;border:1px solid #f0cccc;border-radius:11px;background:#fff6f6;color:#d74949;font-size:20px;cursor:pointer}.journal-remove-line:hover{background:#ffe9e9}#manualJournal .btn.secondary{width:100%;border-style:dashed}#manualJournal::backdrop{background:#0b1530b8;backdrop-filter:blur(5px)}@media(max-width:640px){#manualJournal .form-grid{grid-template-columns:1fr!important}#journalLines .journal-line,#journalLines .journal-line[data-required="true"]{grid-template-columns:1fr 1fr 42px}#journalLines .journal-line select{grid-column:1/-1}}
.location-capture{display:flex;flex-direction:column;gap:8px;padding:13px 15px;border:1px solid #dce3ee;border-radius:13px;background:#f8faff}.location-capture strong{font-size:13px;color:#17223d}.location-capture span{color:#64748b;font-size:12px;font-weight:700}.location-capture .btn{align-self:flex-start;padding:7px 10px;font-size:12px}.crew-dialog label small{color:#72809a;font-size:12px;font-weight:600}

/* Employee access and profile actions */
.wizard-card #loginDetails{display:grid;gap:18px;margin-top:18px}.wizard-card #loginDetails .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}.wizard-card #loginDetails label{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;color:#17223d;font-size:13px;font-weight:800}.wizard-card #loginDetails select{box-sizing:border-box;width:100%;height:54px;border:1px solid #dce3ee;border-radius:13px;background:#fff;padding:0 15px;color:#17223d;font:700 15px Manrope}.login-access-toggle{display:flex!important;align-items:flex-start;gap:14px!important;padding:18px 20px;border:1px solid #dedbff;border-radius:16px;background:#f7f6ff;cursor:pointer}.login-access-toggle input{width:20px!important;height:20px!important;accent-color:var(--violet);margin:2px 0 0}.login-access-toggle span{display:grid;gap:4px}.login-access-toggle strong{font-size:14px;color:#17223d}.login-access-toggle small{font-size:12px;color:#71809a;font-weight:600}.login-work-email,.default-password-card{display:grid;gap:6px;padding:16px 18px;border:1px solid #e0e6f0;border-radius:14px;background:#fafbfe}.login-work-email small,.default-password-card small{color:#74819a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.login-work-email strong,.default-password-card strong{color:#17223d;font:800 16px Manrope}.login-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.login-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.login-actions form{margin:0}.login-help{margin:14px 0 0!important;color:#71809a;font-size:12px}.login-help strong{color:#5648e7}@media(max-width:640px){.wizard-card #loginDetails .form-grid,.login-detail-grid{grid-template-columns:1fr!important}.login-actions{flex-direction:column;align-items:stretch}.login-actions .btn{width:100%}}
.change-password-form{display:grid;gap:13px;margin-top:20px;padding:18px;border:1px solid #dedbff;border-radius:15px;background:#f8f7ff}.change-password-form h3{margin:0;font-size:15px}.change-password-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.change-password-form label{display:grid;gap:6px;font-size:11px;font-weight:800}.change-password-form input{height:42px;border:1px solid #dce3ee;border-radius:10px;padding:0 11px;font:700 13px Manrope}.change-password-form .btn{justify-self:start}@media(max-width:640px){.change-password-form .form-grid{grid-template-columns:1fr}.change-password-form .btn{justify-self:stretch}}

/* Public interactive product demo */
.demo-page{margin:0;min-height:100vh;background:#f4f6fb;color:#132342;font-family:"DM Sans",sans-serif}.demo-topbar{height:78px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e8edf6;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:22px}.demo-topbar>div{display:flex;align-items:center;gap:20px}.demo-link{font-weight:700;color:#526684;text-decoration:none}.demo-badge{font-size:11px;font-weight:800;letter-spacing:.13em;color:#6855f5;background:#f0eeff;border-radius:999px;padding:9px 13px}.demo-shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1440px;min-height:calc(100vh - 78px);margin:auto}.demo-sidebar{background:#15223f;color:#c6d0e4;padding:30px 20px;display:flex;flex-direction:column}.demo-company{display:flex;align-items:center;gap:11px;padding:0 10px 28px;border-bottom:1px solid rgba(255,255,255,.11)}.demo-company>span,.demo-sidebar-foot i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#6352ed;color:#fff;font-style:normal;font-weight:800}.demo-company strong,.demo-sidebar-foot strong{display:block;color:#fff;font-size:14px}.demo-company small,.demo-sidebar-foot small{font-size:11px;color:#91a1c3}.demo-sidebar nav{display:grid;gap:7px;margin-top:25px}.demo-sidebar nav button{width:100%;border:0;background:transparent;color:#c6d0e4;text-align:left;padding:13px 12px;border-radius:10px;font:600 14px "DM Sans",sans-serif;cursor:pointer}.demo-sidebar nav button:hover,.demo-sidebar nav button.active{background:#2b3858;color:#fff;box-shadow:inset 3px 0 #826eff}.demo-sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.11);padding:22px 10px 0;display:flex;gap:10px;align-items:center}.demo-sidebar-foot i{width:34px;height:34px;font-size:12px}.demo-content{padding:44px clamp(24px,5vw,72px);overflow:hidden}.demo-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:32px}.demo-head span,.demo-module>span,.demo-grid header span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#7563ff}.demo-head h1,.demo-module h2{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.1;margin:7px 0 9px}.demo-head p,.demo-module>p{margin:0;color:#6680a4;font-size:15px}.demo-actions{display:flex;align-items:center;gap:10px}.demo-actions button{border:1px solid #dce4f1;border-radius:11px;background:#fff;padding:11px 14px;color:#60718e;font:600 13px "DM Sans",sans-serif}.demo-actions button b{background:#6352ed;color:#fff;border-radius:999px;padding:2px 6px;margin-left:3px}.demo-actions>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#6758e9;color:#fff;font-style:normal;font-weight:800;font-size:13px}.demo-panel{display:none}.demo-panel.active{display:block}.demo-hero{border-radius:22px;min-height:262px;padding:36px 42px;box-sizing:border-box;background:linear-gradient(115deg,#102843,#126674);color:#fff;display:flex;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.demo-hero:after{content:"";position:absolute;width:430px;height:430px;border:48px solid rgba(255,255,255,.04);border-radius:50%;right:14%;top:-238px}.demo-hero>div{position:relative;z-index:1}.demo-hero>div>span{font-size:10px;letter-spacing:.12em;color:#f8db71;font-weight:800}.demo-hero h2{font:800 clamp(30px,3vw,42px)/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0}.demo-hero p{max-width:470px;line-height:1.55;color:#d7e5ea}.demo-hero button{border:0;border-radius:10px;background:#fff;color:#18294a;font:700 13px "DM Sans",sans-serif;padding:12px 16px}.demo-hero article{position:relative;z-index:1;align-self:center;width:250px;box-sizing:border-box;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(9,36,60,.3)}.demo-hero article small{font-size:10px;font-weight:800;color:#c6d6e4}.demo-hero article strong{display:block;font:800 43px Manrope,sans-serif;margin:5px 0}.demo-hero article p{font-size:12px;margin:0}.demo-hero article hr{border:0;border-top:1px solid rgba(255,255,255,.14);margin:17px 0}.demo-hero article span{font-size:12px;color:#b8cbd9}.demo-hero article b{color:#7de3ba;margin-left:7px}.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.demo-stats article,.demo-grid>article,.demo-module{background:#fff;border:1px solid #e0e7f1;border-radius:18px;padding:24px;box-sizing:border-box}.demo-stats small{display:block;font-size:10px;font-weight:800;color:#657895}.demo-stats strong{display:block;font:800 clamp(23px,2.3vw,32px) Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 5px}.demo-stats span{font-size:12px;color:#5e7da2}.demo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.demo-grid header{display:flex;align-items:start;justify-content:space-between;margin-bottom:17px}.demo-grid h3{font:800 20px Manrope,sans-serif;letter-spacing:-.035em;margin:5px 0}.demo-grid header button{border:0;background:none;color:#6758eb;font:700 12px "DM Sans",sans-serif}.demo-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0f5}.demo-row>i{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:11px;background:#eeeaff;color:#6654e9;font-style:normal;font-weight:800;font-size:11px}.demo-row>i.amber{background:#fff1d8;color:#be7315}.demo-row>i.green{background:#e4f8ef;color:#12976d}.demo-row>div{min-width:0;flex:1}.demo-row strong{display:block;font-size:13px}.demo-row small{font-size:11px;color:#71829f}.pending,.approved{font-size:11px;border-radius:999px;padding:6px 9px;white-space:nowrap}.pending{background:#fff1d9;color:#b66c07}.approved{background:#e3f8ef;color:#07865e}.demo-progress{padding:8px 0 18px}.demo-progress div{display:flex;justify-content:space-between;font-size:13px}.demo-progress i{display:block;height:10px;border-radius:999px;background:#e9eef6;margin:10px 0}.demo-progress i em{display:block;height:100%;background:#16a38d;border-radius:inherit}.demo-progress small{font-size:11px;color:#7284a0}.demo-events{border-top:1px solid #edf0f5;padding-top:8px}.demo-events p{font-size:12px;color:#6b7f9c}.demo-events b{display:inline-block;width:48px;color:#273958}.demo-module{min-height:420px;padding:38px}.demo-module h2{margin-top:10px}.demo-list{margin-top:30px;display:grid;gap:10px}.demo-list>div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e5eaf3;border-radius:13px}.demo-list i{display:grid;place-items:center;width:37px;height:37px;background:#eeebff;color:#6758eb;border-radius:11px;font-style:normal;font-size:11px;font-weight:800}.demo-list span{flex:1}.demo-list b,.demo-list small{display:block;font-size:13px}.demo-list small{font-size:11px;color:#7385a2;margin-top:3px}.demo-list em{font-style:normal;color:#6858f2;font-size:12px;font-weight:700}.demo-workforce{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.demo-workforce article{border-radius:14px;padding:23px;background:#f3f6fb}.demo-workforce b,.demo-workforce small{display:block;color:#7284a0;font-size:11px}.demo-workforce strong{display:block;font:800 34px Manrope,sans-serif;margin:11px 0}.demo-expense-card{margin-top:30px;display:flex;align-items:center;gap:20px;padding:24px;border-radius:15px;background:#f3f1ff}.demo-expense-card>div{flex:1}.demo-expense-card small{color:#7665ef;font-weight:700;font-size:11px}.demo-expense-card h3{margin:7px 0 4px;font:800 20px Manrope,sans-serif}.demo-expense-card p{margin:0;color:#7687a2;font-size:12px}.demo-expense-card>strong{font:800 25px Manrope,sans-serif}.demo-report-bars{margin-top:34px;display:grid;gap:20px}.demo-report-bars>div{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:13px;font-size:13px;font-weight:700}.demo-report-bars i{height:12px;background:#eaf0f7;border-radius:999px;overflow:hidden}.demo-report-bars b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6652ed,#2c9b92)}.demo-report-bars em{font-style:normal;color:#667b98}@media(max-width:860px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-topbar{padding:0 20px}.demo-badge{display:none}.demo-content{padding:28px 18px}.demo-head{display:block}.demo-actions{margin-top:18px}.demo-hero{padding:28px;display:block}.demo-hero article{width:auto;margin-top:20px}.demo-stats,.demo-workforce,.demo-grid{grid-template-columns:1fr 1fr}.demo-grid>article{grid-column:span 2}}@media(max-width:560px){.demo-topbar .demo-link{display:none}.demo-stats,.demo-workforce,.demo-grid{grid-template-columns:1fr}.demo-grid>article{grid-column:auto}.demo-hero h2{font-size:30px}.demo-expense-card{display:block}.demo-expense-card>strong,.demo-expense-card>b{display:inline-block;margin-top:14px;margin-right:10px}.demo-report-bars>div{grid-template-columns:1fr 50px}.demo-report-bars i{grid-row:2;grid-column:1/3}}
/* Public Android app download */
.mobile-download-page{min-height:100vh;background:linear-gradient(145deg,#f8f6ff,#fff 55%,#ebfaf5);color:#17213a;font-family:"DM Sans",sans-serif}.mobile-download-page>header,.mobile-download-page>footer{max-width:1180px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between}.mobile-download-page>header>a:last-child,.mobile-download-page>footer a{font-weight:700;color:#5b4bff}.mobile-download-page>main{max-width:1180px;margin:auto;min-height:720px;padding:70px 24px 100px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.mobile-download-copy h1{font:800 clamp(46px,6vw,76px)/1.04 Manrope;margin:20px 0;letter-spacing:-.06em}.mobile-download-copy>p{max-width:650px;font-size:17px;line-height:1.75;color:#667087}.mobile-apk-button{display:inline-flex;margin:26px 0 12px;padding:16px 22px;gap:25px}.mobile-download-copy>small{display:block;color:#7a8497}.mobile-unavailable{margin:25px 0;padding:18px;border:1px solid #ded9ff;border-radius:14px;background:#f7f5ff}.mobile-unavailable strong,.mobile-unavailable span{display:block}.mobile-unavailable span{margin-top:4px;color:#70798d}.mobile-trust{display:grid;gap:10px;margin-top:30px;font-size:12px;font-weight:600;color:#556079}.mobile-phone{display:grid;place-items:center}.mobile-phone>div{width:min(350px,85vw);min-height:620px;border:12px solid #19223a;border-radius:48px;background:linear-gradient(180deg,#211c4a,#6657d9);box-shadow:0 38px 80px rgba(50,42,122,.3);padding:42px 30px;color:#fff}.mobile-phone header{display:flex;align-items:center;gap:10px}.mobile-phone header i{width:38px;height:38px;display:grid;place-items:center;background:#fff;color:#5b4bff;border-radius:12px;font-style:normal;font-weight:800}.mobile-phone>div>small{display:block;margin-top:100px;color:#cdc7ff;letter-spacing:.12em}.mobile-phone h2{font:800 35px Manrope;margin:10px 0}.mobile-phone p{color:#ddd9ff;line-height:1.6}.mobile-phone button{width:100%;height:58px;margin-top:35px;border:0;border-radius:15px;background:#fff;color:#5043bd;font-weight:800;font-size:16px}.mobile-phone footer{display:grid;gap:8px;margin-top:105px;color:#d8d3ff;font-size:11px}@media(max-width:800px){.mobile-download-page>main{grid-template-columns:1fr;gap:45px;padding-top:45px}.mobile-download-copy{text-align:center}.mobile-download-copy>p{margin-inline:auto}.mobile-trust{justify-content:center}.mobile-download-page>footer{padding-bottom:35px}}

/* Mobile workspace optimisation */
@media(max-width:620px){
    .crew-topbar{height:70px;padding:0 14px;gap:8px}.crew-topbar .menu-toggle{margin-right:4px;flex:0 0 38px}.crew-topbar .top-search{min-width:0}.crew-topbar .spotlight-trigger{min-width:0;padding:0 9px}.crew-topbar .spotlight-trigger>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-topbar .top-actions{gap:5px}.crew-topbar .notification-trigger{padding:0 7px}.crew-page{padding:22px 14px 50px}.crew-page>.page-head:first-child{margin-top:0}.page-head{gap:12px;margin-bottom:20px}.page-head h1{font-size:28px;line-height:1.1}.page-head p{font-size:13px;line-height:1.5}.card{padding:17px;border-radius:13px}.card-head{gap:12px;margin-bottom:16px}.card-head p{line-height:1.45}
    .axis-hero{min-height:0;padding:26px 20px;gap:20px;border-radius:16px}.axis-hero h1{font-size:clamp(34px,10vw,43px);margin:12px 0 9px}.axis-hero-copy>p{font-size:12px;line-height:1.6}.axis-hero-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}.axis-hero-totals article{min-width:0;padding:13px 9px}.axis-hero-totals small{font-size:7px}.axis-hero-totals strong{font-size:16px;overflow-wrap:anywhere}.axis-hero-totals .axis-expense-today{font-size:8px;margin-top:4px}.axis-link-strip{margin:14px 0;padding:16px;gap:10px}.axis-link-value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axis-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.axis-kpi-grid article{min-height:105px;padding:14px;gap:8px}.axis-kpi-grid i{width:36px;height:36px}.axis-kpi-grid strong{font-size:20px}.axis-section{padding:16px;margin-bottom:14px}.axis-section>header{gap:12px}.axis-section>header h2{font-size:19px;line-height:1.25}.axis-tabs,.axis-queue-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.axis-tabs::-webkit-scrollbar,.axis-queue-tabs::-webkit-scrollbar{display:none}.axis-tabs button{flex:0 0 auto}.axis-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.axis-panel>article{min-height:96px;padding:13px}.axis-progress-card{grid-column:1/-1}.axis-queue article{min-height:0}.axis-queue-tabs{justify-content:flex-start}
    .attendance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attendance-metrics .stat-card{min-height:120px;padding:15px}.attendance-metrics .stat-card:last-child{grid-column:1/-1;min-height:105px}.stat-card:hover{transform:none}.clock-banner{padding:22px 20px;gap:15px}.clock-banner h2{font-size:22px}.live-time{font-size:clamp(34px,11vw,46px);white-space:nowrap}.device-lock-card{padding:18px}.attendance-location-list,.attendance-exit-list{display:grid;gap:10px}.attendance-location-list article,.attendance-exit-list article{padding:14px;border:1px solid #e3e7ee;border-radius:12px}.attendance-location-list article{display:grid;gap:13px}.attendance-location-list article>.btn{width:100%}.attendance-exit-card .card-head,.device-history-card .card-head{align-items:flex-start}.device-history-card .card-head .btn{flex:0 0 auto;max-width:145px;padding-inline:12px}.attendance-location-card,.attendance-exit-card,.device-history-card{overflow:hidden}.attendance-location-card .table-wrap,.attendance-exit-card .table-wrap,.device-history-card .table-wrap,.crew-page>.card>.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.attendance-location-card table,.attendance-exit-card table,.device-history-card table,.crew-page>.card>.table-wrap table{min-width:680px}.table-wrap{scrollbar-width:thin}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:14px}.table-wrap th:last-child,.table-wrap td:last-child{padding-right:14px}
    .settings-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button,.settings-tabs>a{flex:0 0 150px;min-width:150px;justify-content:flex-start}.settings-focused-card{padding:18px}.settings-form{gap:17px}.settings-form .form-grid{grid-template-columns:1fr}.office-location-picker{min-width:0}
    .mobile-download-page>header{padding:20px 18px}.mobile-download-page>header>a:last-child{font-size:12px}.mobile-download-page>main{min-height:0;padding:35px 18px 65px;gap:34px}.mobile-download-copy h1{font-size:clamp(38px,12vw,52px);line-height:1.02;margin:15px 0}.mobile-download-copy>p{font-size:15px;line-height:1.65}.mobile-unavailable{margin:20px 0;padding:16px}.mobile-trust{margin-top:23px}.mobile-phone>div{min-height:540px;padding:34px 24px;border-width:9px;border-radius:38px}.mobile-phone>div>small{margin-top:65px}.mobile-phone footer{margin-top:70px}
}
@media(max-width:390px){.crew-topbar{padding-inline:10px}.crew-topbar .spotlight-trigger{padding-inline:7px}.crew-topbar .notification-trigger>span{display:none}.crew-page{padding-inline:11px}.axis-hero-totals article{padding:11px 7px}.attendance-metrics{grid-template-columns:1fr 1fr}.settings-tabs button,.settings-tabs>a{flex-basis:138px;min-width:138px}}

/* Platform administration console */
.platform-console{--platform-nav:280px;background:#f5f7fb}.platform-console .platform-sidebar{width:var(--platform-nav);box-sizing:border-box;padding:25px 20px 20px;background:linear-gradient(180deg,#10192c,#121c31);z-index:50;box-shadow:12px 0 45px rgba(13,22,43,.08)}
.platform-sidebar-head{display:flex;align-items:center;justify-content:space-between}.platform-sidebar-head .brand{padding:0;color:#fff}.platform-sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:26px}.platform-console .platform-sidebar nav{gap:5px;margin-top:34px}.platform-console .platform-sidebar nav>small{margin:18px 13px 7px;color:#66738e;font-size:8px;font-weight:800;letter-spacing:.16em}.platform-console .platform-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;border-radius:11px;transition:.22s ease}.platform-console .platform-sidebar nav a i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.045);font-style:normal;color:#8f9cb8}.platform-console .platform-sidebar nav a:hover{transform:translateX(3px)}.platform-console .platform-sidebar nav a.active{background:linear-gradient(90deg,#2a3653,#24304a);border-color:rgba(255,255,255,.055);box-shadow:0 10px 25px rgba(0,0,0,.12)}.platform-console .platform-sidebar nav a.active i{color:#fff;background:#6657dc}.platform-health{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}.platform-health>i{width:8px;height:8px;border-radius:50%;background:#30ca95;box-shadow:0 0 0 5px rgba(48,202,149,.1);animation:status-pulse 2.2s infinite}.platform-health strong,.platform-health small{display:block}.platform-health strong{color:#dce3f0;font-size:10px}.platform-health small{color:#76839e;font-size:8px;margin-top:2px}
.platform-console .sidebar-foot{margin-top:12px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}.platform-console .mini-profile{min-width:0;padding:5px 3px}.platform-console .mini-profile>div{min-width:0;flex:1}.platform-console .mini-profile strong,.platform-console .mini-profile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-signout{width:100%;height:42px;margin-top:11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);color:#dbe2ef;font:700 11px "DM Sans";cursor:pointer;transition:.2s}.platform-signout:hover{background:#312b4a;border-color:#6258a0;color:#fff}.platform-signout span{margin-right:7px}
.platform-console .platform-main{margin-left:var(--platform-nav)}.platform-console .platform-top{position:sticky;top:0;z-index:35;height:76px;padding:0 30px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);box-shadow:0 1px 0 #e9edf4}.platform-top-start,.platform-top-actions{display:flex;align-items:center;gap:13px}.platform-menu-button{display:none;width:40px;height:40px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;color:#20304d;font-size:18px}.platform-console .platform-badge{display:flex;align-items:center;gap:7px;padding:7px 11px}.platform-console .platform-badge i{width:6px;height:6px;border-radius:50%;background:#19ad7d;box-shadow:0 0 0 4px rgba(25,173,125,.11)}.platform-site-link{font-size:11px;font-weight:700;color:#596982}.platform-profile-menu{position:relative}.platform-profile-menu summary{display:flex;align-items:center;gap:9px;min-width:210px;padding:7px 9px;border:1px solid #e2e7ef;border-radius:12px;background:#fff;cursor:pointer;list-style:none}.platform-profile-menu summary::-webkit-details-marker{display:none}.platform-profile-menu summary>span:nth-child(2){min-width:0;flex:1}.platform-profile-menu summary strong,.platform-profile-menu summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-profile-menu summary strong{font-size:10px}.platform-profile-menu summary small{font-size:8px;color:#8590a3;margin-top:2px}.platform-profile-menu summary>i{font-style:normal;color:#7a8599}.platform-profile-menu>div{position:absolute;right:0;top:calc(100% + 9px);width:245px;padding:12px;border:1px solid #e1e5ee;border-radius:13px;background:#fff;box-shadow:0 22px 55px rgba(26,34,59,.16)}.platform-profile-menu>div>span{display:block;padding:7px}.platform-profile-menu>div strong,.platform-profile-menu>div small{display:block}.platform-profile-menu>div strong{font-size:9px;color:#768299}.platform-profile-menu>div small{margin-top:3px;overflow-wrap:anywhere}.platform-profile-menu>div form{margin:9px 0 0;padding-top:9px;border-top:1px solid #edf0f4}.platform-profile-menu>div button{width:100%;height:39px;border:0;border-radius:9px;background:#fff0f1;color:#bc3946;font-weight:800;cursor:pointer}.platform-profile-menu>div button:hover{background:#ffe5e7}
.platform-console .platform-main>.page{max-width:1500px;margin:auto;padding:45px 34px 70px}.platform-console .page-head{padding:28px 30px;border-radius:22px;background:linear-gradient(120deg,#17243e,#203d56 60%,#176e70);color:#fff;box-shadow:0 20px 50px rgba(24,40,67,.13)}.platform-console .page-head h1{color:#fff;font-size:38px}.platform-console .page-head p{color:#c6d4df}.platform-console .page-head .btn{box-shadow:0 12px 28px rgba(58,42,180,.3)}.platform-console .metrics{gap:14px;margin:18px 0}.platform-console .metrics article{min-height:142px;padding:21px;border:1px solid #e2e7ef;border-radius:17px;box-shadow:0 9px 25px rgba(34,45,70,.045);transition:transform .25s,box-shadow .25s}.platform-console .metrics article:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(34,45,70,.085)}.platform-console .metrics strong{font-size:28px}.platform-console .card{border-color:#e2e7ef;border-radius:18px;box-shadow:0 8px 30px rgba(34,45,70,.035)}.platform-console .card-head h2{font-size:19px}.platform-console table tbody tr{transition:background .2s}.platform-console table tbody tr:hover{background:#fafbff}.platform-console .tenant-controls summary{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px;background:#f3f1ff}.platform-console .tenant-controls summary::before{content:'⌄';font-size:9px}.platform-console .tenant-controls[open] summary::before{transform:rotate(180deg)}.platform-console section[id]{scroll-margin-top:95px}.platform-sidebar-backdrop{display:none}
@media(max-width:1050px){.platform-console{--platform-nav:235px}.platform-console .platform-main>.page{padding-inline:24px}.platform-profile-menu summary{min-width:0}.platform-profile-menu summary>span:nth-child(2){display:none}}
@media(max-width:760px){.platform-console{--platform-nav:0px}.platform-console .platform-sidebar{position:fixed;width:min(300px,88vw);transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.platform-nav-open .platform-sidebar{transform:translateX(0)}.platform-sidebar-close,.platform-menu-button{display:block}.platform-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:45;background:rgba(8,15,29,.52);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s}.platform-nav-open .platform-sidebar-backdrop{opacity:1;visibility:visible}.platform-console .platform-sidebar nav,.platform-console .platform-sidebar .sidebar-foot{display:grid}.platform-console .platform-main{margin-left:0}.platform-console .platform-top{height:67px;padding:0 14px}.platform-site-link{display:none}.platform-profile-menu summary .avatar{width:34px;height:34px}.platform-console .platform-main>.page{padding:22px 13px 55px}.platform-console .page-head{padding:24px 20px;align-items:flex-start}.platform-console .page-head h1{font-size:29px}.platform-console .page-head .btn{width:100%;margin-top:8px}.platform-console .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-console .metrics article{min-width:0}.platform-console .saas-grid{display:grid}.platform-console .card{padding:17px}.platform-console .card-head{align-items:flex-start}.storage-filters{width:100%}.storage-filters input{width:100%}.storage-filters select{flex:1}.platform-console .table-wrap{overflow-x:auto}.platform-console .table-wrap table{min-width:860px}}
@media(max-width:420px){.platform-console .metrics{grid-template-columns:1fr}.platform-profile-menu>div{position:fixed;top:61px;left:12px;right:12px;width:auto}.platform-console .platform-badge{font-size:8px}}

/* Cross-browser critical brand sizing. Keep last so generic image rules cannot override it. */
img.brand-icon,.landing-logo>img.brand-icon,.landing-nav .landing-logo>img.brand-icon,.landing-footer .landing-logo>img.brand-icon{display:block!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;object-fit:contain!important;flex:0 0 42px!important}