:root{--bg:#f4f7f5;--surface:#ffffff;--surface-2:#eef3f0;--surface-3:#e6ece8;--text:#10211d;--muted:#6a7974;--line:#d7e0db;--brand:#24c7a4;--brand-2:#102b27;--brand-3:#d9fff5;--cyan:#43bfe2;--amber:#e9a23b;--red:#de6d6d;--green:#2ab992;--shadow:0 24px 70px rgba(16,43,39,.08);--radius:28px;--radius-sm:18px}.dark{--bg:#0d1513;--surface:#121e1b;--surface-2:#172520;--surface-3:#1d2f29;--text:#eef8f4;--muted:#9eb0aa;--line:#294039;--brand:#45e0ba;--brand-2:#07110f;--brand-3:#12372e;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#29e8c0,#17b999);color:#08241e;font-weight:900;box-shadow:0 0 0 6px rgba(36,199,164,.09)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{letter-spacing:.04em;font-size:15px}.brand-copy small{margin-top:5px;font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:800}.public-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.header-inner{height:78px;display:flex;align-items:center;gap:24px}.desktop-nav{margin-left:auto;display:flex;gap:28px;font-size:14px;font-weight:700;color:var(--muted)}.desktop-nav a:hover{color:var(--text)}.header-actions,.controls{display:flex;align-items:center;gap:8px}.header-portal{padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:800}.icon-control{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}.icon-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}.dark .theme-moon{display:none}.dark .theme-sun{display:block}.lang-control{position:relative}.language-popover{position:absolute;right:0;top:50px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);display:none;gap:4px;z-index:100}.language-popover.open{display:flex}.flag-choice{border:0;background:transparent;width:38px;height:38px;border-radius:11px;font-size:20px;cursor:pointer}.flag-choice:hover{background:var(--surface-2)}.menu-btn{display:none}.mobile-menu{display:none}.people-hero{padding:78px 0 54px;overflow:hidden}.people-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:900;text-transform:uppercase;color:#159a7e}.hero-copy h1,.page-hero h1,.dashboard-head h1,.employee-hero h1{font-size:clamp(44px,7vw,88px);line-height:.96;letter-spacing:-.06em;margin:16px 0 22px}.hero-copy p,.page-hero p{font-size:18px;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:15px;border:1px solid var(--line);font-weight:800;font-size:13px;cursor:pointer}.btn-primary{background:var(--brand-2);color:#fff;border-color:var(--brand-2);box-shadow:0 10px 25px rgba(16,43,39,.15)}.dark .btn-primary{background:var(--brand);border-color:var(--brand);color:#06221b}.btn-secondary{background:var(--surface);color:var(--text)}.text-link{font-weight:800;font-size:13px;margin-left:4px}.hero-stats{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.hero-stats>div{padding:20px 12px 0 0}.hero-stats b{display:block;font-size:28px;letter-spacing:-.04em}.hero-stats span{display:block;color:var(--muted);font-size:11px}.people-board{position:relative;min-height:570px;border-radius:36px;background:linear-gradient(145deg,#0c2822,#153d34 60%,#0e241f);color:#effffb;padding:28px;overflow:hidden;box-shadow:0 40px 90px rgba(14,45,38,.22)}.people-board:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.board-head{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9ec6bc}.signal-dot{width:8px;height:8px;border-radius:50%;background:#39e4b9;box-shadow:0 0 0 7px rgba(57,228,185,.11)}.people-board h2{position:relative;font-size:40px;line-height:1;letter-spacing:-.05em;margin:18px 0 24px}.lifecycle{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lifecycle div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.lifecycle b{display:block;color:#45e0ba;font-size:10px}.lifecycle span{font-size:11px;font-weight:800}.board-radar{position:absolute;left:50%;bottom:-110px;transform:translateX(-50%);width:390px;height:390px;border-radius:50%;border:1px solid rgba(86,232,194,.18)}.radar-ring{position:absolute;border:1px solid rgba(86,232,194,.18);border-radius:50%;inset:45px}.radar-ring.r2{inset:105px}.radar-core{position:absolute;inset:145px;border-radius:50%;display:grid;place-items:center;background:#43dfb9;color:#05241d;font-size:28px;font-weight:900;line-height:1}.radar-core span{display:block;font-size:9px;letter-spacing:.16em}.radar-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08)}.n1{top:40px;left:120px}.n2{right:42px;top:170px}.n3{left:62px;bottom:92px}.section{padding:82px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:34px}.section-heading h2,.pulse-grid h2,.cta-panel h2{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.055em;margin:14px 0}.section-heading p,.pulse-grid p,.cta-panel p{color:var(--muted);max-width:600px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;min-height:190px;transition:.22s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-code{display:inline-flex;padding:8px 10px;border-radius:10px;background:var(--brand-3);color:#08765f;font-size:10px;font-weight:900;letter-spacing:.12em}.feature-card h3{font-size:20px;margin:28px 0 8px}.feature-card p{font-size:13px;color:var(--muted)}.pulse-section{background:var(--brand-2);color:#f1fffb}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.pulse-grid p{color:#a7c3bb}.pulse-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:26px}.pulse-top,.pulse-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pulse-top span{font-size:9px;letter-spacing:.16em;color:#8fb6ab;text-align:center}.pulse-bars{height:190px;align-items:end;margin-top:20px}.pulse-bars i{display:block;height:var(--h);background:linear-gradient(#4be0b9,#1a846e);border-radius:15px 15px 5px 5px}.pulse-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.pulse-kpis div{background:rgba(255,255,255,.06);border-radius:14px;padding:13px}.pulse-kpis b{display:block;font-size:20px}.pulse-kpis span{font-size:9px;color:#8fb6ab}.cta-panel{display:flex;justify-content:space-between;align-items:end;gap:30px;background:var(--surface);border:1px solid var(--line);border-radius:32px;padding:36px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.public-footer{border-top:1px solid var(--line);padding:36px 0 44px}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center}.footer-grid p,.footer-copy{color:var(--muted);font-size:11px}.footer-links{display:flex;gap:20px;font-size:12px}.page-hero{padding:90px 0 36px}.page-hero.compact{padding-bottom:10px}.page-hero h1{max-width:900px}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.job-card,.premium-form,.login-card,.data-card,.chart-card,.payslip-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:24px}.job-card h2{font-size:26px;letter-spacing:-.035em}.job-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.muted{color:var(--muted)}.form-shell{max-width:780px}.premium-form label,.stack-form label,.login-card label{display:grid;gap:7px;margin-bottom:14px}.premium-form label>span,.stack-form label>span,.login-card label>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-section{padding:72px 0}.login-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.login-intro h1{font-size:clamp(42px,6vw,74px);line-height:.97;letter-spacing:-.055em;margin:16px 0}.login-intro p{color:var(--muted);max-width:500px}.identity-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.identity-stack div{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.identity-stack b{display:block}.identity-stack span{font-size:10px;color:var(--muted)}.login-card{box-shadow:var(--shadow)}.full{width:100%}.demo-accounts{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:8px}.demo-head{display:flex;justify-content:space-between;gap:10px;font-size:11px}.demo-head small{color:var(--muted)}.demo-chip{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;text-align:left;gap:0 10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);cursor:pointer}.demo-chip>span{grid-row:1/3;width:34px;height:34px;border-radius:11px;background:var(--brand-3);display:grid;place-items:center;font-size:10px;font-weight:900}.demo-chip small{color:var(--muted);font-size:10px}.flash,.alert{margin-top:14px;padding:13px 16px;border-radius:14px;font-size:12px;font-weight:700}.success,.alert-success{background:#dff9ef;color:#0b6a53}.alert-error{background:#fff0f0;color:#a64242}.empty-state{padding:28px;text-align:center;color:var(--muted)}
/* admin */.admin-body{background:var(--bg)}.admin-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#0b211c;color:#dff8f0;padding:20px 13px;overflow:auto}.brand-inverse .brand-copy small{color:#80a99e}.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.live-pulse{width:7px;height:7px;border-radius:50%;background:#3ce6bb;box-shadow:0 0 0 6px rgba(60,230,187,.09)}.sidebar-section{padding:20px 10px 8px;font-size:9px;letter-spacing:.18em;color:#73a397;font-weight:900}.side-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:13px;color:#afd3c9;font-size:12px;font-weight:750;margin:2px 0}.side-link:hover,.side-link.active{background:rgba(255,255,255,.07);color:#fff}.side-link.active{box-shadow:inset 3px 0 0 #36d9b2}.side-ico{width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:9px;font-weight:900;color:#38dbb3}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:12px}.sidebar-button{width:100%;border:0;background:transparent;cursor:pointer}.admin-main{min-width:0}.admin-top{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.admin-top-left,.admin-top-actions,.admin-user{display:flex;align-items:center;gap:12px}.admin-kicker{font-size:8px;letter-spacing:.18em;color:var(--muted);font-weight:900}.admin-title{font-size:14px;font-weight:900}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--brand);color:#05231c;font-size:11px;font-weight:900}.user-copy{display:flex;flex-direction:column;font-size:11px}.user-copy span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.admin-content{padding:30px;max-width:1540px;margin:auto}.dashboard-head,.employee-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.dashboard-head h1,.employee-hero h1{font-size:clamp(34px,4vw,54px);margin:8px 0}.dashboard-head p,.employee-hero p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:20px;min-height:130px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--brand)}.metric-card.blue:after{background:var(--cyan)}.metric-card.amber:after{background:var(--amber)}.metric-card.coral:after{background:var(--red)}.metric-card span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:850}.metric-card b{display:block;font-size:32px;letter-spacing:-.04em;margin-top:14px}.metric-card small{color:var(--muted);font-size:9px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.span-2{grid-column:span 2}.chart-card,.data-card{min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.card-head h3,.data-card h3{margin:0;font-size:16px}.legend{font-size:9px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}.dot.amber{background:var(--amber)}.chart-canvas{display:block;width:100%;height:230px}.chart-canvas.tall{height:260px}.payroll-spark{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payroll-spark>div{background:var(--surface-2);padding:13px;border-radius:14px}.payroll-spark span,.payroll-spark b{display:block}.payroll-spark span{font-size:9px;color:var(--muted)}.payroll-spark b{font-size:15px;margin:4px 0}.status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:var(--surface-2);font-size:8px;letter-spacing:.08em;font-weight:900}.status.approved,.status.active,.status.present,.status.locked,.status.completed,.status.paid{background:#daf7ed;color:#08745b}.status.submitted,.status.review,.status.late,.status.probation,.status.screening{background:#fff0d7;color:#9b6508}.status.rejected,.status.terminated,.status.cancelled,.status.absent{background:#ffe5e5;color:#9e3d3d}.data-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.data-row:last-child{border-bottom:0}.data-row div{min-width:0}.data-row b,.data-row span{overflow-wrap:anywhere}.data-row small{display:block;color:var(--muted);font-size:9px}.positive{color:#0a8c6b}.negative{color:#bf5555}.data-row.total,.data-row.grand{font-size:13px}.data-row.grand{background:var(--surface-2);padding:14px;border-radius:14px;margin-top:8px}.spaced{margin-top:12px}.search-form{display:flex;gap:8px}.search-form input{min-width:240px}.data-table-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.table-scroll{overflow:auto}.ops-table{width:100%;border-collapse:collapse;font-size:11px}.ops-table th,.ops-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.ops-table th{font-size:8px;letter-spacing:.11em;color:var(--muted);background:var(--surface-2);white-space:nowrap}.row-actions{display:flex;gap:6px}.mini-btn{border:0;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}.mini-btn.good{background:#daf7ed;color:#08745b}.mini-btn.bad{background:#ffe5e5;color:#9e3d3d}.pagination-wrap{padding:12px 14px}.stack-form{display:grid;gap:5px}.pay-breakdown.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.link-row:hover{background:var(--surface-2)}.bottom-nav{display:none}.admin-overlay{display:none}.mobile-admin-btn{display:none}
/* employee */.employee-body{background:var(--bg)}.employee-top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.employee-top-inner{height:72px;display:flex;align-items:center;justify-content:space-between}.employee-actions{display:flex;gap:8px}.employee-shell{width:min(1180px,calc(100% - 32px));margin:24px auto 90px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}.employee-nav{display:flex;flex-direction:column;gap:5px}.employee-nav-link{display:flex;align-items:center;gap:10px;padding:11px;border-radius:13px;color:var(--muted);font-size:11px;font-weight:800}.employee-nav-link b{width:31px;height:31px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:8px}.employee-nav-link.active{background:var(--brand-2);color:#fff}.employee-content{min-width:0}.employee-no{padding:9px 12px;background:var(--brand-3);color:#08745b;border-radius:12px;font-size:10px;font-weight:900}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.employee-bottom{display:none}.payslip-card{max-width:900px;margin:auto}.payslip-head{display:flex;justify-content:space-between}.payslip-head h2{font-size:34px;margin:8px 0}.payslip-link{display:block}
@media(max-width:1050px){.people-hero-grid,.pulse-grid{grid-template-columns:1fr}.people-board{min-height:500px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.user-copy{display:none}}
@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}.desktop-nav,.header-portal{display:none}.menu-btn{display:grid}.mobile-menu{position:fixed;left:12px;right:12px;top:72px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);z-index:60}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-radius:11px;font-size:13px;font-weight:800}.people-hero{padding-top:48px}.hero-copy h1,.page-hero h1{font-size:52px}.hero-stats{grid-template-columns:repeat(2,1fr)}.people-board{min-height:470px;padding:22px}.people-board h2{font-size:34px}.lifecycle{grid-template-columns:repeat(2,1fr)}.feature-grid,.job-grid{grid-template-columns:1fr}.section{padding:58px 0}.cta-panel{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.form-grid.two{grid-template-columns:1fr}.login-grid{grid-template-columns:1fr;gap:30px}.identity-stack{grid-template-columns:1fr 1fr 1fr}.admin-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(86vw,290px);transform:translateX(-102%);transition:.2s;z-index:80}.sidebar.open{transform:none}.admin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:70}.admin-overlay.open{display:block}.mobile-admin-btn{display:grid}.admin-top{padding:0 14px}.admin-content{padding:18px 12px 92px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.chart-canvas{height:210px}.payroll-spark{grid-template-columns:1fr}.search-form{width:100%}.search-form input{min-width:0}.dashboard-head{align-items:flex-start;flex-direction:column}.data-table-card{background:transparent;border:0;overflow:visible}.ops-table,.ops-table tbody,.ops-table tr,.ops-table td{display:block;width:100%}.ops-table thead{display:none}.ops-table tr{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:10px}.ops-table td{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px}.ops-table td:before{content:attr(data-label);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:900}.row-actions{justify-content:flex-end!important}.bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);background:#0b211c;color:#cbe7df;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:7px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.bottom-nav a{display:grid;place-items:center;gap:3px;font-size:8px}.bottom-nav b{font-size:9px;color:#3ce6bb}.employee-shell{display:block;width:min(100% - 24px,1180px);margin-top:16px}.employee-nav{display:none}.employee-content{padding-bottom:76px}.employee-bottom{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);background:#0b211c;color:#b8d9d0;border-radius:18px;padding:7px}.employee-bottom a{display:grid;place-items:center;gap:3px;font-size:7px}.employee-bottom b{color:#3ce6bb;font-size:8px}.employee-bottom a.active{color:#fff}.employee-hero{align-items:flex-start;flex-direction:column}.employee-hero h1{font-size:40px}.pay-breakdown.columns{grid-template-columns:1fr}.admin-user .avatar{display:none}}
@media(max-width:420px){.hero-copy h1,.page-hero h1{font-size:44px}.metric-grid{grid-template-columns:1fr}.identity-stack{grid-template-columns:1fr}.header-inner{height:70px}.brand-copy b{font-size:13px}.people-board{border-radius:26px}.lifecycle div{padding:10px}.cta-panel{padding:24px}.footer-links{display:grid;grid-template-columns:1fr 1fr}.admin-top-actions .controls{gap:4px}.admin-top-actions .icon-control{width:38px;height:38px}.dashboard-head h1{font-size:38px}}
@media print{.no-print,.employee-top,.employee-nav,.employee-bottom{display:none!important}.payslip-card{border:0;box-shadow:none}}
.create-panel{margin-bottom:12px}.create-panel summary{cursor:pointer;font-weight:900;font-size:13px;list-style:none}.create-panel summary::-webkit-details-marker{display:none}.create-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}