.header{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:32px;border-bottom:1px solid #d7dee8;min-height:80px;background:#f8f8f7;padding:16px 48px}.header-brand,.header-nav a,.header-signup{color:#171717;text-decoration:none}.header-brand{display:inline-flex;align-items:center;gap:12px;justify-self:start;font-size:1.35rem;font-weight:800}.header-brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#047857;color:#fff;font-size:1rem;font-weight:900}.header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,42px)}.header-nav a{font-size:1rem;font-weight:600}.header-actions{display:flex;align-items:center;justify-content:end;gap:22px}.header-signup{min-width:148px;border:1px solid #737373;border-radius:999px;padding:14px 28px;text-align:center;font-size:1rem;font-weight:700}.header-notifications{position:relative;display:inline-grid;width:44px;height:44px;place-items:center;border:0;background:transparent;cursor:pointer}.header-bell{position:relative;width:20px;height:22px;border:2px solid #171717;border-bottom:0;border-radius:12px 12px 6px 6px}.header-bell:before{position:absolute;top:-6px;left:50%;width:6px;height:6px;border-radius:999px;background:#171717;content:"";transform:translate(-50%)}.header-bell:after{position:absolute;bottom:-7px;left:50%;width:10px;height:2px;border-radius:999px;background:#171717;content:"";transform:translate(-50%)}.header-badge{position:absolute;top:3px;right:3px;display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#e11d48;color:#fff;font-size:.75rem;font-weight:800}@media (max-width: 860px){.header{grid-template-columns:1fr auto;gap:18px;padding:16px 22px}.header-nav{grid-column:1/-1;grid-row:2;justify-content:start;gap:18px;overflow-x:auto}.header-actions{gap:12px}.header-signup{min-width:104px;padding:10px 18px}}.app-shell{min-height:100vh}.app-main{width:min(100%,1120px);margin:0 auto;padding:32px}@media (max-width: 760px){.app-main{padding:22px}}.worknest-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:end;margin-bottom:24px}.worknest-hero h2{margin:0 0 10px;color:#111827;font-size:2.2rem;line-height:1.05}.worknest-hero p{max-width:720px;margin:0;color:#475467;line-height:1.6}.activation-card,.panel{border:1px solid #d7dee8;border-radius:8px;background:#fff;box-shadow:0 12px 30px #0f172a0f}.activation-card{display:grid;gap:6px;padding:18px}.activation-card span{color:#667085;font-size:.9rem}.activation-card strong{color:#047857;font-size:1.25rem}.notice{margin-bottom:20px;border-radius:8px;padding:12px 14px}.notice.success{border:1px solid #a7f3d0;background:#ecfdf3;color:#047857}.notice.error{border:1px solid #fecaca;background:#fff1f2;color:#b42318}.notice.info{border:1px solid #bfdbfe;background:#eff6ff;color:#175cd3}.worknest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{display:grid;gap:16px;margin-bottom:20px;padding:20px}.panel-heading h3{margin:0;color:#111827;font-size:1.2rem}.panel label{display:grid;gap:7px;color:#344054;font-size:.92rem;font-weight:700}.panel input,.panel select{width:100%;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;padding:10px 12px}.inline-fields,.employee-login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan-card{display:grid;width:100%;gap:6px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#111827;padding:14px;text-align:left}.plan-card.selected{border-color:#047857;background:#ecfdf3}.plan-card span{font-weight:800}.plan-card strong{font-size:1.35rem}.plan-card small{color:#475467;line-height:1.4}.primary-action,.secondary-action{min-height:42px;border:0;border-radius:6px;padding:10px 14px;font-weight:800;cursor:pointer}.primary-action{background:#047857;color:#fff}.secondary-action{background:#e0f2fe;color:#075985}.primary-action:disabled{background:#98a2b3;cursor:not-allowed}.mapping-grid,.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics span{display:grid;gap:8px;border-radius:8px;background:#f8fafc;padding:14px;color:#475467}.metrics strong{color:#111827;font-size:1.4rem}.exception-list{margin:0;border-radius:8px;background:#fff7ed;color:#9a3412;padding:14px 14px 14px 32px}.payslip-list{display:grid;gap:10px}.payslip-download{width:100%;border:0;border-radius:6px;background:#f8fafc;color:#075985;padding:12px;text-align:left;cursor:pointer}@media (max-width: 860px){.worknest-hero,.worknest-grid,.mapping-grid,.inline-fields,.employee-login,.metrics{grid-template-columns:1fr}}:root{color:#1f2937;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.muted{color:#667085}.error{color:#b42318}