:root{--ink:#142126;--muted:#62717c;--line:#d9e1df;--surface:#fff;--soft:#f5f7f4;--teal:#0f766e;--teal-dark:#0b4f4b;--amber:#b7791f;--coral:#c65b4a;--green:#1f7a4f;--red:#b42318;--shadow:0 18px 48px #1421261f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--soft);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-height:1.05}h1{margin-bottom:1rem;font-size:clamp(2.4rem,6vw,5.6rem)}h2{margin-bottom:.75rem;font-size:clamp(1.7rem,3vw,2.6rem)}h3{margin-bottom:.5rem;font-size:1.05rem}img{max-width:100%}.public-hero{isolation:isolate;color:#fff;grid-template-rows:auto 1fr;min-height:92vh;display:grid;position:relative;overflow:hidden}.hero-image{z-index:-2;position:absolute;inset:0}.hero-img{object-fit:cover;object-position:center}.public-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#091417db,#0914178f 44%,#09141733),linear-gradient(#0000 66%,#0914177a);position:absolute;inset:0}.public-nav{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0;display:flex}.brand-lockup{flex:none;align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:190px;height:auto;display:block}.brand-logo-public{width:220px}.brand-logo-portal{width:172px}.brand-logo-document{width:190px}.brand-logo-surface{background:#101f24;border-radius:8px;padding:7px 10px}.nav-actions,.hero-actions,.approval-actions,.doc-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nav-link{color:#ffffffdb;font-weight:700}.button,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button{padding:0 16px}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button-primary{background:var(--teal);color:#fff;box-shadow:0 10px 24px #0f766e3d}.button-secondary{color:var(--teal-dark);background:#eef7f3;border:1px solid #c9e3dc}.button-danger{color:#9b2c2c;background:#fff5f5;border:1px solid #efcaca}.button-danger:hover{background:#ffe8e8}.button-light{color:var(--ink);background:#fff}.button-ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff57}.full-width{width:100%}.hero-content{align-items:center;width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 96px;display:flex}.hero-content>div{max-width:690px}.hero-copy{color:#ffffffdb;max-width:650px;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;font-size:.74rem;font-weight:900}.public-hero .eyebrow{color:#f4c06a}.section-band{background:var(--soft);padding:72px 0}.intro-band,.split-band{background:#fff}.container{width:min(1180px,100% - 32px);margin:0 auto}.intro-grid,.split-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:48px;display:grid}.theme-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.theme-list span,.workflow-row{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px;font-weight:800}.section-heading{max-width:760px;margin-bottom:28px}.capability-grid,.metric-grid,.document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.metric-card,.panel,.auth-card,.verify-card,.certificate,.badge-card,.document-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px #14212608}.feature-card{min-height:210px;padding:24px}.feature-card svg,.metric-card svg,.workflow-row svg{color:var(--teal)}.feature-card p,.split-grid p,.muted{color:var(--muted);line-height:1.6}.workflow-panel{gap:12px;display:grid}.workflow-row{align-items:center;gap:12px;display:flex}.auth-page,.verify-page,.public-document-page,.center-page{background:linear-gradient(#f5f7f4eb,#f5f7f4eb),url(/assets/arthasoft-hero.png) 50%/cover;align-content:center;justify-items:center;gap:24px;min-height:100vh;padding:32px;display:grid}.auth-card,.verify-card{width:min(480px,100%);box-shadow:var(--shadow);padding:32px}.auth-icon,.verify-icon{width:56px;height:56px;color:var(--teal);background:#e8f5f1;border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.warning{color:var(--amber);background:#fff7e6}.back-link{color:var(--ink);align-items:center;gap:8px;font-weight:800;display:inline-flex}.stack-form,.grid-form{gap:14px;display:grid}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-end}.report-range-shortcuts{gap:8px;margin-bottom:16px;display:grid}.report-range-shortcuts>span{color:var(--muted);font-size:.9rem;font-weight:800}.report-range-shortcuts>div{flex-wrap:wrap;gap:8px;display:flex}.quick-range-button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;gap:2px;min-width:154px;padding:9px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-grid}.quick-range-button:hover{border-color:#c9e3dc;transform:translateY(-1px);box-shadow:0 10px 24px #14212614}.quick-range-button.is-active{border-color:var(--teal);background:#eef7f3;box-shadow:0 10px 24px #0f766e1f}.quick-range-button strong{font-size:.9rem}.quick-range-button small{color:var(--muted);white-space:nowrap;font-size:.78rem;font-weight:800}.stack-form label,.grid-form label{color:var(--muted);gap:7px;font-size:.9rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}input[aria-invalid=true]{border-color:var(--red)}.field-error{color:var(--red);font-weight:800}.span-2{grid-column:1/-1}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.notice{border-radius:8px;margin-bottom:18px;padding:12px 14px;font-weight:800}.notice.success{color:var(--green);background:#e9f7ef}.notice.error{color:var(--red);background:#fff0ed}.portal-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.skip-link{z-index:100;color:#fff;background:var(--teal-dark);border-radius:8px;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.portal-mobile-bar{display:none}.sidebar{color:#fff;background:#101f24;grid-template-rows:auto 1fr auto;gap:28px;height:100vh;padding:24px;display:grid;position:sticky;top:0}.side-nav{scrollbar-width:thin;align-content:start;gap:22px;display:grid;overflow-y:auto}.side-nav-group{gap:6px;display:grid}.side-nav-label{color:#ffffff73;letter-spacing:.11em;text-transform:uppercase;padding:0 12px;font-size:.68rem;font-weight:900}.side-nav a,.logout-form button{color:#ffffffc7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:800;display:flex}.side-nav a.active,.side-nav a:hover,.logout-form button:hover{color:#fff;background:#ffffff1a}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-close{display:none}.sidebar-account{border-top:1px solid #ffffff1f;gap:8px;padding-top:16px;display:grid}.sidebar-user{border-radius:8px;align-items:center;gap:10px;min-width:0;padding:9px;display:flex}.sidebar-user:hover,.sidebar-user.active{background:#ffffff1a}.sidebar-user>span:last-child{gap:2px;min-width:0;display:grid}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user small{color:#ffffff94;text-transform:capitalize;font-size:.72rem}.sidebar-avatar{color:#fff;background:#ffffff1f;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.logout-form button{width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f4c06ae6}.portal-main,.record-page{align-content:start;gap:24px;padding:32px;display:grid}.portal-header,.record-header,.panel-heading,.certificate-top,.certificate-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.portal-header h1,.record-header h1,.auth-card h1,.verify-card h1,.certificate h1{font-size:clamp(2rem,4vw,3.6rem)}.role-chip,.status-pill,.verified-line{text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:.78rem;font-weight:900;display:inline-flex}.role-chip{color:#7a4a0a;background:#fff7e6;padding:9px 12px}.status-pill{padding:7px 10px}.status-pending{color:#7a4a0a;background:#fff7e6}.status-approved,.status-active,.status-public{color:var(--green);background:#e9f7ef}.status-rejected,.status-inactive,.status-private{color:var(--muted);background:#f1f3f3}.metric-card{gap:8px;padding:18px;display:grid}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-size:2rem}.portal-grid,.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel{padding:22px}.list-stack,.approval-list,.employee-list,.timeline{gap:10px;display:grid}.list-row,.approval-row,.employee-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.list-row div,.approval-row div,.employee-row .employee-copy{gap:4px;display:grid}.employee-row .employee-copy{flex:auto;min-width:0}.list-row span,.approval-row span,.employee-row small{color:var(--muted)}.approval-row p{color:var(--muted);margin:6px 0 0}.icon-button{width:42px;height:42px}.success-button{color:var(--green);background:#e9f7ef}.danger-button{color:var(--red);background:#fff0ed}.avatar{width:42px;height:42px;color:var(--teal-dark);background:#e8f5f1;border-radius:8px;flex:none;place-items:center;font-weight:900;display:inline-grid}.avatar.large{width:64px;height:64px;font-size:1.2rem}.avatar.badge{border-radius:14px;width:104px;height:104px;font-size:1.6rem}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin:0;padding:18px}.record-title{align-items:center;gap:16px;display:flex}.badge-card{align-content:start;gap:18px;padding:24px;display:grid}.badge-card .badge-qr{border:1px solid var(--line);background:#fff;border-radius:8px;width:220px;padding:10px}.badge-identity{align-items:center;gap:18px;display:flex}.badge-identity h2,.badge-identity p{margin:0}.timeline article{border-left:3px solid var(--teal);padding:8px 0 8px 14px}.timeline p{color:var(--ink);margin:6px 0}.timeline span,.document-card small{color:var(--muted);font-size:.85rem}.document-card{align-content:start;gap:10px;padding:18px;display:grid}.document-card p{color:var(--muted);white-space:pre-wrap}.doc-links a{color:var(--teal-dark);align-items:center;gap:5px;font-weight:900;display:inline-flex}.public-document-page{align-content:start;padding-top:48px}.certificate{width:min(920px,100%);box-shadow:var(--shadow);padding:40px}.certificate-body{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;margin:28px 0;padding:28px}.certificate-body svg{color:var(--teal)}.certificate pre{white-space:pre-wrap;color:var(--ink);font-family:inherit;line-height:1.65}.verify-card{text-align:center}.verify-card .verify-icon{margin-inline:auto}.verify-facts{gap:10px;margin:24px 0;display:grid}.verify-facts span{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:12px;display:flex}.verified-line{color:var(--green)}.quick-link-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.quick-link-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:flex-start;gap:14px;min-height:118px;padding:18px;display:flex}.quick-link-card svg,.profile-picture-frame svg{color:var(--teal)}.quick-link-card span{gap:6px;display:grid}.quick-link-card small{color:var(--muted);line-height:1.4}.profile-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.profile-picture-panel{align-content:start;gap:18px;display:grid}.profile-picture-frame{border:1px solid var(--line);background:#e8f5f1;border-radius:8px;place-items:center;width:180px;height:180px;display:grid;overflow:hidden}.profile-picture-frame img{object-fit:cover;width:100%;height:100%}.leave-balance-strip{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px;display:flex}.balance-warning{color:var(--amber);font-weight:900}.allocation-table{gap:10px;display:grid}.allocation-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(120px,1fr)) auto;align-items:center;gap:14px;padding:14px;display:grid}.allocation-row div{gap:4px;display:grid}.allocation-row span,.allocation-row small{color:var(--muted)}.allocation-row .allocation-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-table-shell{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;min-width:780px}.report-table th,.report-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.report-table th{z-index:1;color:var(--muted);text-transform:uppercase;background:#f1f5f2;font-size:.78rem;position:sticky;top:0}.filter-panel{padding:16px 18px}.list-toolbar{grid-template-columns:minmax(240px,1fr) minmax(150px,220px) auto auto;align-items:end;gap:10px;display:grid}.list-toolbar label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:900;display:grid}.pagination{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;padding:16px 22px;display:flex}.pagination span{color:var(--muted);font-size:.84rem;font-weight:800}.is-disabled{opacity:.45;pointer-events:none}.create-record-panel{border-color:#c9e3dc;scroll-margin-top:88px}.employee-row>.status-pill{flex:none}.table-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.template-name{min-width:0;color:var(--teal-dark);align-items:center;gap:9px;display:inline-flex}.template-name strong{overflow-wrap:anywhere}.template-table{min-width:880px}.workflow-steps{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.workflow-steps li{color:var(--muted);background:#fff;align-items:center;gap:9px;padding:12px 14px;font-size:.85rem;font-weight:900;display:flex}.workflow-steps li span{background:#eef1f0;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.75rem;display:inline-grid}.workflow-steps li.complete{color:var(--green)}.workflow-steps li.complete span{color:#fff;background:var(--green)}.workflow-steps li.active{color:var(--teal-dark);background:#eef7f3}.workflow-steps li.active span{color:#fff;background:var(--teal)}.invoice-preview-total{border-top:1px solid var(--line);color:var(--teal-dark);justify-content:space-between;align-items:center;gap:12px;padding:15px 12px 0;display:flex}.invoice-preview-total strong{font-size:1.15rem}.payroll-action-groups{justify-items:end;gap:10px;display:grid}.leave-report-table{min-width:1180px}.leave-report-reason{white-space:normal;min-width:220px;max-width:360px}.entry-summary-list,.entry-day-list,.entry-module-list,.entry-task-list{gap:14px;display:grid}.entry-employee,.entry-day,.entry-module,.entry-task{border:1px solid var(--line);background:#fff;border-radius:8px}.entry-employee{padding:16px}.entry-employee-header,.entry-day-header,.entry-module-header,.entry-task-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.entry-employee-header{margin-bottom:16px}summary.entry-employee-header{cursor:pointer;list-style:none}summary.entry-employee-header::-webkit-details-marker{display:none}.entry-employee:not([open]) .entry-employee-header{margin-bottom:0}.entry-employee-header div{gap:4px;display:grid}.entry-employee-header span,.entry-day-header span,.entry-module-header span,.entry-task-header span{color:var(--muted);font-weight:900}.entry-day{overflow:hidden}.entry-day-header{background:#f1f5f2;padding:12px 14px}.entry-module-list{padding:12px}.entry-module{background:#fbfcfa;padding:12px}.entry-module-header{margin-bottom:10px}.entry-task{padding:12px}.entry-comments{gap:8px;margin-top:10px;display:grid}.entry-comments p{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.55}.entry-comments a{color:var(--teal-dark);text-underline-offset:3px;font-weight:900;text-decoration:underline}.support-comment-list{gap:10px;margin-top:12px;display:grid}.support-comment-block{background:#eef7f3;border:1px solid #c9e3dc;border-radius:8px;padding:12px}.support-comment-block h4{margin:0 0 8px}.support-comment-block article{border-top:1px solid #c9e3dc;margin-top:10px;padding-top:10px}.support-comment-block p{color:var(--ink);white-space:pre-wrap;margin:0;line-height:1.55}.support-comment-block small{color:var(--muted);margin-top:6px;font-weight:800;display:block}.support-comment-html{color:var(--ink);background:#fff7dd;border:1px solid #e4c56e;border-radius:8px;padding:10px;line-height:1.55}.support-comment-html p,.support-comment-html div{white-space:normal;margin:0 0 .75rem}.support-comment-html p:last-child,.support-comment-html div:last-child{margin-bottom:0}.support-comment-html ul,.support-comment-html ol{margin:.5rem 0 .5rem 1.25rem;padding:0}.support-comment-html li{margin:.25rem 0}.support-comment-html table{border-collapse:collapse;width:100%;margin:.5rem 0}.support-comment-html th,.support-comment-html td{text-align:left;vertical-align:top;border:1px solid #efd88d;padding:6px 8px}.support-comment-html a{color:var(--teal-dark);text-underline-offset:3px;font-weight:900;text-decoration:underline}.support-comment-html pre{white-space:pre-wrap;overflow-x:auto}.staff-chip-list{flex-wrap:wrap;gap:10px;display:flex}.staff-chip-list span,.staff-chip-list a{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:9px 12px;font-weight:800}.calendar-controls{align-items:center;gap:12px;display:inline-flex}.calendar-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:.82rem;font-weight:800;display:flex}.calendar-legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{border:1px solid #14212614;border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.status-approved{background:#e9f7ef}.legend-dot.status-pending{background:#fff7e6}.legend-dot.status-rejected{background:#f1f3f3}.legend-dot.weekend{background:#f7f1e6}.calendar-month-title{text-align:center;min-width:150px;display:grid}.calendar-month-title small,.calendar-leave-metrics small{color:var(--muted);font-weight:800}.calendar-panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays span{border-right:1px solid var(--line);color:var(--muted);background:#f1f5f2;padding:12px;font-weight:900}.calendar-day{border-top:1px solid var(--line);border-right:1px solid var(--line);align-content:start;gap:7px;min-height:132px;padding:10px 10px 30px;display:grid;position:relative}.nepali-calendar-day{color:var(--teal-dark);font-size:.86rem;font-weight:900;position:absolute;bottom:8px;right:10px}.muted-day .nepali-calendar-day{color:var(--muted)}.calendar-day strong{font-size:.95rem}.calendar-day small,.muted-day{color:var(--muted)}.weekend-day{background:#f7f1e6}.calendar-events{gap:5px;display:grid}.calendar-event{border-radius:6px;padding:5px 7px;font-size:.75rem;font-weight:900;line-height:1.25}.leave-workflow{gap:24px;display:grid}.leave-approval-panel{border-color:#c9e3dc;order:-1}.record-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.record-tabs a{min-height:42px;color:var(--muted);border-bottom:3px solid #0000;align-items:center;padding:0 10px;font-weight:900;display:inline-flex}.record-tabs a.active{color:var(--teal-dark);border-bottom-color:var(--teal)}.customer-site{background:#fff}.customer-hero{min-height:90vh}.customer-hero-content{grid-template-columns:minmax(0,1fr) 360px;align-items:flex-end;gap:42px;display:grid}.customer-hero-content>div:first-child{max-width:720px}.hero-proof{gap:12px;width:100%;display:grid}.hero-proof div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1c1f94;border:1px solid #ffffff3d;border-radius:8px;gap:8px;padding:18px;display:grid}.hero-proof svg{color:#f4c06a}.hero-proof span{color:#ffffffc7;line-height:1.5}.customer-heading p{max-width:720px;color:var(--muted);line-height:1.6}.services-section{background:#f8faf8}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:12px;min-height:260px;padding:24px;display:grid}.service-icon{width:48px;height:48px;color:var(--teal-dark);background:#e8f5f1;border-radius:8px;place-items:center;display:inline-grid}.service-card strong{color:var(--teal-dark)}.service-card p,.customer-process p,.contact-copy p{color:var(--muted);line-height:1.65}.customer-process{background:#fff}.process-list{gap:12px;display:grid}.process-list span{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;align-items:center;min-height:58px;padding:16px;font-weight:850;display:flex}.contact-section{background:#f5f7f4}.contact-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:32px;display:grid}.contact-copy{gap:18px;display:grid}.contact-cards{gap:12px;display:grid}.contact-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:14px;min-height:74px;padding:16px;display:flex}.contact-card svg{color:var(--teal);flex:none}.contact-card span{gap:4px;display:grid}.contact-card small{color:var(--muted);font-weight:850}.contact-card strong{line-height:1.3}.contact-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:14px;padding:24px;display:grid}.contact-form h3{font-size:1.45rem}.contact-form label{color:var(--muted);gap:7px;font-size:.9rem;font-weight:800;display:grid}.map-shell{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:32px;overflow:hidden;box-shadow:0 1px #14212608}.map-shell iframe{border:0;width:100%;height:380px;display:block}.location-banner{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:116px;margin-top:32px;padding:24px;display:grid;box-shadow:0 12px 32px #1421260f}.location-banner>span:nth-child(2){gap:5px;display:grid}.location-banner small,.location-banner>span:nth-child(2)>span{color:var(--muted);font-weight:800}.location-banner strong{font-size:1.25rem}.location-icon{width:54px;height:54px;color:var(--teal-dark);background:#e8f5f1;border-radius:50%;place-items:center;display:inline-grid}.form-section-heading{border-top:1px solid var(--line);margin-top:8px;padding-top:22px}.form-section-heading h3,.form-section-heading p{margin-bottom:0}.check-field{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;min-height:46px;padding:10px 12px;gap:10px!important;display:flex!important}.check-field input{width:18px;height:18px}.payroll-command{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.payroll-period-form,.payroll-generate-form{align-items:flex-end;gap:10px;display:flex}.payroll-period-form label,.payroll-generate-form label,.compact-form label,.leave-input-row label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:900;display:grid}.payroll-period-form input{width:112px}.payroll-period-form select{width:145px}.payroll-generate-form label{width:150px}.payroll-metrics .metric-card:first-child{color:#fff;background:var(--teal-dark);border-color:var(--teal-dark)}.payroll-metrics .metric-card:first-child span,.payroll-metrics .metric-card:first-child svg{color:#c9e3dc}.payroll-metrics strong{font-size:clamp(1.35rem,2.3vw,2rem)}.table-panel{padding:0;overflow:hidden}.table-panel .panel-heading{padding:22px 22px 8px}.table-panel .report-table-shell{border:0;border-radius:0}.payroll-table{min-width:980px}.payroll-table td:first-child{gap:4px;display:grid}.payroll-table td small{color:var(--muted)}.table-link{color:var(--teal-dark);font-weight:900}.leave-input-grid,.rate-list{gap:9px;display:grid}.deduction-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;margin-top:18px;display:grid}.leave-input-row{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;grid-template-columns:minmax(180px,1.4fr) repeat(3,90px) auto;align-items:end;gap:12px;padding:12px;display:grid}.invoice-workspace{grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);align-items:start;gap:24px;display:grid}.invoice-estimate{min-height:66px;color:var(--teal-dark);background:#eef7f3;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.invoice-estimate strong{font-size:1.15rem}.billing-settings{gap:18px;display:grid}.compact-form{grid-template-columns:1fr 120px;align-items:end;gap:10px;display:grid}.compact-form .button{grid-column:1/-1}.extra-form{border-top:1px solid var(--line);padding-top:18px}.rate-row{background:#f5f7f4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.rate-row span{gap:3px;display:grid}.rate-row small{color:var(--muted)}.document-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pay-document{border:1px solid var(--line);width:min(980px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;margin:0 auto;padding:clamp(28px,5vw,56px)}.document-brand,.document-brand>div,.document-title,.document-foot{justify-content:space-between;align-items:center;gap:14px;display:flex}.document-brand-company{justify-items:start;gap:6px!important;display:grid!important}.document-brand small,.document-title small,.document-facts small,.document-summary small,.invoice-parties small,.invoice-notes small{color:var(--muted);font-weight:800}.document-title{align-items:end;margin:48px 0 28px}.document-title h1{margin:0;font-size:clamp(2rem,5vw,4rem)}.document-title>div:last-child{text-align:right;gap:5px;display:grid}.document-title>div:last-child strong{font-size:1.25rem}.document-facts,.document-summary{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.document-facts>div,.document-summary>div{border-right:1px solid var(--line);gap:6px;padding:16px;display:grid}.document-facts>div:last-child,.document-summary>div:last-child{border-right:0}.document-facts span{color:var(--muted);overflow-wrap:anywhere}.pay-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:32px 0;display:grid}.pay-breakdown section{gap:2px;display:grid}.pay-breakdown h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:1rem}.money-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.money-row.total{border-bottom:0;font-size:1.05rem}.net-pay{color:#fff;background:var(--teal-dark);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:22px;display:flex}.net-pay div{gap:4px;display:grid}.net-pay small{color:#c9e3dc;font-weight:800}.net-pay strong{font-size:clamp(1.7rem,4vw,2.6rem)}.document-summary{background:#fbfcfa;grid-template-columns:repeat(4,minmax(0,1fr))}.document-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-start;margin-top:34px;padding-top:18px}.invoice-parties{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}.invoice-parties>div:first-child{gap:6px;display:grid}.invoice-parties>div:last-child{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.invoice-parties>div:last-child>div{gap:6px;display:grid}.invoice-lines{margin:24px 0}.invoice-lines .report-table{min-width:640px}.invoice-lines th:not(:first-child),.invoice-lines td:not(:first-child){text-align:right}.invoice-lines tfoot td{background:#fbfcfa}.invoice-total td{color:var(--teal-dark);font-size:1.15rem}.invoice-notes{background:#f5f7f4;border-radius:8px;padding:16px}.invoice-notes p{white-space:pre-wrap;margin:7px 0 0}.section-nav{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:5px;display:flex}.section-nav a{color:var(--muted);border-radius:7px;padding:9px 13px;font-size:.9rem;font-weight:800}.section-nav a.active{color:#fff;background:var(--teal-dark)}.fiscal-year-nav{justify-content:center;align-items:center;gap:14px;margin:0 0 22px;display:flex}.fiscal-year-nav span{text-align:center;min-width:130px;display:grid}.fiscal-year-nav small{color:var(--muted);font-weight:800}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--teal-dark);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:inline-grid}.management-list{gap:10px;display:grid}.management-row{border:1px solid var(--line);background:#fbfcfa;border-radius:9px;grid-template-columns:minmax(180px,1.25fr) repeat(3,minmax(130px,1fr)) auto auto;align-items:end;gap:12px;padding:14px;display:grid}.management-row>span{align-self:center;gap:3px;display:grid}.management-row small{color:var(--muted)}.management-row label{gap:5px;display:grid}.management-row label span{color:var(--muted);font-size:.78rem;font-weight:800}.management-row input:not([type=checkbox]),.management-row select{width:100%}.management-row .check-label{align-self:center;align-items:center;gap:7px;display:flex}.extra-management-row{grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto}.salary-management-row{grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(160px,1fr)) auto}.client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.payslip-verification{justify-content:space-between}.payslip-verification>div{align-items:center;gap:10px;display:flex}.payslip-verification>div:last-child span{gap:3px;max-width:170px;display:grid}.payslip-verification img{border:1px solid var(--line);border-radius:6px}.verify-facts{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;margin:24px 0;display:grid;overflow:hidden}.verify-facts div{background:#fff;gap:5px;padding:14px;display:grid}.verify-facts dt{color:var(--muted);font-size:.8rem;font-weight:800}.verify-facts dd{margin:0;font-weight:800}.verify-icon{border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:16px;display:inline-grid}.verify-icon.success{color:#127052;background:#e3f4ed}.verify-icon.error{color:#a13b3b;background:#fdeaea}.template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.template-card-grid>*{min-width:0}.template-card{align-content:start;gap:18px;min-width:0;display:grid}.template-card>header{align-items:center;gap:12px;min-width:0;display:flex}.template-card>header>div{min-width:0}.template-card h2{overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:clamp(1.2rem,2vw,1.75rem)}.template-card p{margin:4px 0 0}.template-card .compact-form{grid-template-columns:minmax(0,1fr)}.template-card label,.template-card input{min-width:0;max-width:100%}.payroll-report-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.payroll-report-actions h2{margin:2px 0 5px}@media (max-width:900px){.intro-grid,.split-grid,.portal-grid,.record-grid,.capability-grid,.metric-grid,.document-grid,.quick-link-grid,.profile-grid,.customer-hero-content,.service-grid,.contact-layout,.invoice-workspace,.client-card-grid,.template-card-grid{grid-template-columns:1fr}.payroll-report-actions{flex-direction:column;align-items:flex-start}.management-row,.extra-management-row,.salary-management-row{grid-template-columns:1fr 1fr}.payroll-command{flex-direction:column;align-items:stretch}.list-toolbar{grid-template-columns:1fr 1fr}.portal-shell{grid-template-columns:1fr;padding-top:70px}.sidebar{z-index:80;width:min(340px,88vw);height:100dvh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:24px 0 60px #04121647}.sidebar.is-open{transform:translate(0)}.sidebar-close{color:#fff;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.portal-mobile-bar{z-index:60;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.portal-menu-button{border:1px solid var(--line);width:42px;height:42px;color:var(--teal-dark);background:#fff;border-radius:8px;place-items:center;display:inline-grid}.sidebar-scrim{z-index:70;background:#05141885;border:0;position:fixed;inset:0}.allocation-row,.leave-input-row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.public-nav,.portal-header,.record-header,.panel-heading,.certificate-top,.certificate-footer{flex-direction:column;align-items:flex-start}.hero-actions,.nav-actions,.button,.grid-form,.inline-fields,.theme-list,.contact-layout{width:100%}.payroll-period-form,.payroll-generate-form,.document-title,.invoice-estimate{flex-direction:column;align-items:stretch}.payroll-period-form label,.payroll-period-form input,.payroll-period-form select,.payroll-generate-form label{width:100%}.leave-input-row,.compact-form,.document-facts,.document-summary,.pay-breakdown,.invoice-parties,.invoice-parties>div:last-child{grid-template-columns:1fr}.document-facts>div,.document-summary>div{border-right:0;border-bottom:1px solid var(--line)}.document-title>div:last-child{text-align:left}.management-row,.extra-management-row,.salary-management-row{grid-template-columns:1fr}.payslip-verification{flex-direction:column;align-items:flex-start}.list-toolbar{grid-template-columns:1fr}.pagination{justify-content:space-between;padding:14px}.pagination span{text-align:center}.workflow-steps{grid-template-columns:1fr}.payroll-action-groups{justify-items:stretch;width:100%}.payroll-action-groups .document-actions{grid-template-columns:1fr;width:100%;display:grid}.employee-row{flex-wrap:wrap;align-items:flex-start}.employee-row>.status-pill{margin-left:52px}.grid-form,.inline-fields,.theme-list,.allocation-row,.service-grid{grid-template-columns:1fr}.report-range-shortcuts>div{grid-template-columns:1fr;display:grid}.quick-range-button{min-width:0}.button{justify-content:center}.portal-main,.record-page,.auth-page,.verify-page,.public-document-page{padding:20px}.public-hero{min-height:88vh}.hero-content{padding-bottom:58px}.contact-form,.certificate,.auth-card,.verify-card{padding:22px}.map-shell iframe{height:300px}.location-banner{grid-template-columns:auto 1fr}.location-banner>svg,.calendar-weekdays{display:none}.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto;padding:14px 46px 14px 14px}.calendar-day.muted-day{display:none}.calendar-events{margin-top:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.portal-mobile-bar,.no-print{display:none!important}.portal-shell{display:block}.portal-main{padding:0}.pay-document{width:100%;box-shadow:none;border:0;padding:24px}body{background:#fff}}.form-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.permission-fields{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin:0;padding:1rem;display:grid}