@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#dceaf2;font-synthesis:none;--green:#19c99a;--blue:#1d77ff;--ink:#04142a;--surface:#0a2038;--surface-soft:#0e2942;--surface-deep:#06182c;--border:#1d405a;--muted:#92adbd;--text:#f4fbff;--shadow:0 18px 55px #00051247;background:#04142a;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 88% -12%,#19c99a2b,#0000 34rem),#04142a;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:17.25rem minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.sidebar{z-index:30;border-right:1px solid var(--border);background:linear-gradient(#061d38,#030b18);flex-direction:column;height:100vh;padding:1.1rem .9rem;display:flex;position:sticky;top:0;overflow:hidden}.brand-row{align-items:center;gap:.5rem;min-height:3.2rem;margin-bottom:.8rem;display:flex}.brand{flex:1;align-items:center;min-width:0;display:flex}.brand-full{object-fit:contain;object-position:left center;width:9.4rem;height:2.5rem}.light-logo,.brand-mark{display:none}.brand-mark{object-fit:cover;border-radius:.78rem;width:2.55rem;height:2.55rem}.icon-button{border:1px solid var(--border);width:2.35rem;height:2.35rem;color:var(--muted);background:#ffffff08;border-radius:.7rem;flex:none;place-items:center;padding:0;display:grid}.icon-button:hover{color:#fff;background:#19c99a14;border-color:#19c99a66}.product-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:.82rem;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.72rem;display:flex}.product-chip>span,.avatar{aspect-ratio:1;color:#fff;background:linear-gradient(135deg, var(--green), var(--blue));border-radius:.7rem;flex:none;place-items:center;width:2.25rem;font-size:.72rem;font-weight:800;display:grid}.product-chip div,.sidebar-user div{gap:.1rem;min-width:0;display:grid}.product-chip small,.sidebar-user small{color:var(--muted);font-size:.64rem}.product-chip strong,.sidebar-user strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.nav-search{border:1px solid var(--border);min-height:2.7rem;color:var(--muted);background:#00000021;border-radius:.72rem;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;margin-bottom:.9rem;padding:0 .7rem;display:grid}.nav-search:focus-within{border-color:#19c99a8c;box-shadow:0 0 0 3px #19c99a1a}.nav-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:.75rem}.nav-search input::placeholder{color:#68889b}.sidebar nav{scrollbar-width:thin;gap:.8rem;display:grid;overflow-y:auto}.nav-section{gap:.22rem;display:grid}.nav-section>small{color:#66879c;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .7rem;font-size:.6rem;font-weight:800}.nav-section a{color:#a9bfcc;border:1px solid #0000;border-radius:.72rem;align-items:center;gap:.9rem;min-height:2.65rem;padding:.28rem .55rem;font-size:.8rem;font-weight:650;display:flex;position:relative}.nav-section a:hover{color:#fff;background:#19c99a12}.nav-section a.active{color:#fff;background:linear-gradient(90deg,#19c99a24,#1d77ff14);border-color:#19c99a38}.nav-section a.active:before{background:var(--green);content:"";border-radius:99px;width:.18rem;height:1.15rem;position:absolute;left:-.45rem}.nav-icon{color:#7294a8;border-radius:.6rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.nav-section a.active .nav-icon{color:var(--green);background:#19c99a17}.sidebar-user{border-top:1px solid #1d405aa6;align-items:center;gap:.7rem;margin-top:auto;padding:1rem .45rem .2rem;display:flex}.avatar{border-radius:50%}.avatar.small{width:2.1rem;font-size:.72rem}.workspace{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#04142ad6;align-items:center;gap:1rem;min-height:4.4rem;padding:.65rem clamp(1rem,3vw,2.2rem);display:flex;position:sticky;top:0}.topbar>div:nth-child(2){gap:.08rem;display:grid}.topbar small{color:var(--muted);font-size:.64rem}.topbar strong{color:var(--text);font-size:.88rem}.top-actions{align-items:center;gap:.65rem;margin-left:auto;display:flex}.system-status{color:var(--muted);align-items:center;gap:.45rem;font-size:.7rem;display:inline-flex}.system-status i{aspect-ratio:1;background:var(--green);border-radius:50%;width:.45rem;box-shadow:0 0 0 4px #19c99a1a}.mobile-menu{display:none}.content{flex:1;width:min(1280px,100%);margin:0 auto;padding:clamp(1.35rem,3.2vw,2.65rem)}.page-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.6rem;display:flex}.page-heading>div{min-width:0}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.66rem;font-weight:800}.page-heading h1{color:var(--text);letter-spacing:-.045em;margin-bottom:.5rem;font-size:clamp(1.8rem,3.6vw,2.5rem);line-height:1.08}.page-heading p:last-child{max-width:43rem;color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.primary-button{color:#fff;background:linear-gradient(135deg, var(--green), var(--blue));border:0;border-radius:.72rem;min-height:2.7rem;padding:.72rem 1rem;font-weight:750;box-shadow:0 10px 28px #19c99a33}.primary-button:disabled{cursor:wait;opacity:.58}.button-link{justify-content:center;align-items:center;display:inline-flex}.card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:linear-gradient(145deg,#0e2942f5,#06182cf7);border-radius:1rem}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric{align-items:center;gap:.9rem;min-height:7.3rem;padding:1rem;display:flex}.metric-icon,.quick-action>span,.empty-icon{aspect-ratio:1;width:2.5rem;color:var(--green);background:#19c99a17;border-radius:.75rem;flex:none;place-items:center;display:grid}.metric>div{gap:.15rem;min-width:0;display:grid}.metric strong{color:var(--text);font-size:1.65rem;line-height:1}.metric span:not(.metric-icon){color:#d9e8ef;font-size:.78rem;font-weight:700}.metric small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.75fr);gap:1rem;margin-top:1rem;display:grid}.section-card{padding:1.2rem}.section-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-card h2{color:var(--text);margin:0;font-size:1.1rem}.soft-badge{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:.3rem .55rem;font-size:.65rem}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:17rem;padding:2rem;display:grid}.empty-state h3{color:var(--text);margin:.9rem 0 .35rem;font-size:1rem}.empty-state p{max-width:28rem;color:var(--muted);margin:0;font-size:.78rem;line-height:1.55}.quick-panel{flex-direction:column;display:flex}.quick-panel header{margin-bottom:1rem}.quick-action{border:0;border-top:1px solid var(--border);width:100%;color:var(--muted);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.quick-action strong{color:#dceaf2;font-size:.74rem}.quick-action>span{width:2.1rem}.quick-action:hover strong{color:#fff}.module-card{text-align:center;place-content:center;justify-items:center;min-height:25rem;padding:3rem 1.5rem;display:grid}.module-mark{aspect-ratio:1;color:#fff;background:linear-gradient(135deg, var(--green), var(--blue));border-radius:1.15rem;place-items:center;width:4rem;display:grid;box-shadow:0 16px 38px #19c99a38}.module-card h2{color:var(--text);margin:1.2rem 0 .45rem}.module-card>p{max-width:36rem;color:var(--muted);margin:0;font-size:.84rem;line-height:1.65}.module-features{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.3rem;display:flex}.module-features span{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:.35rem .6rem;font-size:.65rem}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.35rem,3.2vw,2.65rem);font-size:.7rem;display:flex}.boot-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:1rem;font-size:.82rem;display:grid}.boot-screen img{border-radius:1rem;width:4rem;animation:1.3s ease-in-out infinite alternate breathe}@keyframes breathe{to{filter:drop-shadow(0 12px 15px #19c99a40);transform:translateY(-4px)}}.login-page{grid-template-columns:minmax(20rem,.85fr) minmax(25rem,1.15fr);min-height:100vh;display:grid}.login-card{place-self:center;gap:2rem;width:min(29rem,100% - 2.4rem);padding:2rem;display:grid}.login-brand img{object-fit:contain;object-position:left;width:10.5rem;height:2.7rem}.login-card h1{color:var(--text);letter-spacing:-.05em;margin-bottom:.55rem;font-size:clamp(2rem,4vw,2.7rem)}.login-card p:not(.eyebrow):not(.form-error){color:var(--muted);font-size:.86rem;line-height:1.6}.login-card form,.password-card form{gap:1rem;display:grid}.login-card label,.form-grid label,.password-card label{color:var(--text);gap:.42rem;font-size:.72rem;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select,.password-card input{border:1px solid var(--border);width:100%;min-height:2.85rem;color:var(--text);background:var(--surface-deep);border-radius:.7rem;outline:0;padding:.65rem .8rem;font-size:.78rem}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.password-card input:focus{border-color:#19c99ab3;box-shadow:0 0 0 3px #19c99a1a}.login-help{color:var(--muted);text-align:center}.login-visual{border-left:1px solid var(--border);background:radial-gradient(circle at 65% 25%,#19c99a47,#0000 20rem),radial-gradient(circle at 80% 70%,#1d77ff47,#0000 25rem),#06182c;align-items:end;min-height:100vh;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}.login-visual:before{opacity:.19;content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.visual-copy{max-width:39rem;position:relative}.visual-mark{border-radius:1.15rem;place-items:center;width:4.2rem;margin-bottom:1.5rem;display:grid;overflow:hidden;box-shadow:0 20px 55px #00000059}.visual-mark img{width:100%}.visual-copy h2{color:#fff;letter-spacing:-.055em;margin-bottom:.8rem;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.04}.visual-copy>p:last-child{color:#a9c0ce;max-width:35rem;line-height:1.7}.form-error,.notice.error{color:#ff9b9b}.notice{color:#7be4c7;background:#19c99a12;border:1px solid #19c99a40;border-radius:.7rem;grid-column:1/-1;margin:0 0 1rem;padding:.7rem .85rem;font-size:.74rem}.notice.error{background:#ff5a5a12;border-color:#ff5a5a40}.data-card{overflow:hidden}.data-summary{border-bottom:1px solid var(--border);align-items:baseline;gap:.5rem;padding:1.1rem 1.25rem;display:flex}.data-summary strong{color:var(--text);font-size:1.4rem}.data-summary span{color:var(--muted);font-size:.72rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);color:var(--muted);text-align:left;white-space:nowrap;padding:.9rem 1.15rem;font-size:.72rem}th{color:#7392a5;letter-spacing:.08em;text-transform:uppercase;background:#00000014;font-size:.61rem}td strong,td small{display:block}td strong{color:var(--text)}td small{color:var(--muted);margin-top:.18rem}tbody tr:last-child td{border-bottom:0}.status{border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .52rem;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.38rem;height:.38rem}.status.active{color:#5be0ba;background:#19c99a17}.status.inactive{color:#ff9b9b;background:#ff5a5a17}.text-button,.logout-button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:.5rem;padding:.4rem .55rem;font-size:.66rem}.text-button:hover,.logout-button:hover{color:var(--text);border-color:var(--green)}.logout-button{margin-left:auto}.collapsed .logout-button{display:none}.table-empty{color:var(--muted);text-align:center;padding:3rem;font-size:.78rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000712c2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);width:min(44rem,100%);max-height:calc(100vh - 2rem);color:var(--text);background:var(--surface);border-radius:1rem;padding:1.35rem;overflow-y:auto;box-shadow:0 30px 90px #00000073}.modal-card>header{justify-content:space-between;gap:1rem;margin-bottom:1.3rem;display:flex}.modal-card h2{margin-bottom:.3rem;font-size:1.15rem}.modal-card header p{color:var(--muted);margin:0;font-size:.74rem}.modal-close{border:1px solid var(--border);width:2.2rem;height:2.2rem;color:var(--muted);background:0 0;border-radius:.6rem;font-size:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full{grid-column:1/-1}.form-grid label small{color:var(--muted);font-weight:500}.form-actions{justify-content:flex-end;gap:.7rem;margin-top:1.1rem;display:flex}.secondary-button{border:1px solid var(--border);min-height:2.7rem;color:var(--text);background:0 0;border-radius:.72rem;padding:.65rem 1rem}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.role-card{padding:1.15rem}.role-card header{justify-content:space-between;gap:.7rem;display:flex}.role-card h2{margin-bottom:.35rem;font-size:.95rem}.role-card header p{min-height:2.5rem;color:var(--muted);margin:0;font-size:.7rem;line-height:1.45}.role-meta{border-block:1px solid var(--border);gap:.5rem;margin:.9rem 0;padding:.7rem 0;display:flex}.role-meta span{color:var(--muted);font-size:.65rem}.permission-preview{flex-wrap:wrap;gap:.35rem;display:flex}.permission-preview span{color:#90b1c2;background:#ffffff0a;border-radius:.4rem;padding:.27rem .45rem;font-size:.6rem}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-height:22rem;margin-top:1rem;display:grid;overflow-y:auto}.permission-groups fieldset{border:1px solid var(--border);border-radius:.7rem;gap:.55rem;padding:.8rem;display:grid}.permission-groups legend{color:var(--green);text-transform:uppercase;padding:0 .35rem;font-size:.66rem;font-weight:800}.permission-groups label{color:var(--muted);align-items:flex-start;gap:.5rem;font-size:.67rem;line-height:1.35;display:flex}.permission-groups input{accent-color:var(--green)}.settings-grid{grid-template-columns:minmax(15rem,.7fr) minmax(20rem,1.3fr);gap:1rem;display:grid}.profile-card,.password-card{padding:1.4rem}.profile-avatar{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,var(--green),var(--blue));border-radius:1.1rem;place-items:center;width:4rem;margin-bottom:1rem;font-size:1.15rem;font-weight:800;display:grid}.profile-card h2,.password-card h2{margin-bottom:.25rem}.profile-card>p,.password-card>p{color:var(--muted);font-size:.74rem}.profile-card dl{margin:1.3rem 0 0}.profile-card dl div{border-top:1px solid var(--border);padding:.65rem 0}.profile-card dt{color:var(--muted);font-size:.62rem}.profile-card dd{color:var(--text);margin:.2rem 0 0;font-size:.74rem}.employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.employee-stats article{gap:.3rem;padding:1rem 1.15rem;display:grid}.employee-stats span{color:var(--muted);font-size:.68rem}.employee-stats strong{color:var(--text);font-size:1.45rem}.employee-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(15rem,1fr) minmax(11rem,.25fr);gap:.7rem;padding:1rem;display:grid}.employee-toolbar input,.employee-toolbar select{border:1px solid var(--border);min-height:2.65rem;color:var(--text);background:var(--surface-deep);border-radius:.65rem;outline:0;padding:.6rem .75rem;font-size:.72rem}.employee-toolbar input:focus,.employee-toolbar select:focus{border-color:var(--green)}.status.pending{color:#f8cb72;background:#f8cb7217}.table-empty{gap:.4rem;display:grid}.table-empty strong{color:var(--text)}.table-empty span{color:var(--muted)}.employee-modal{width:min(58rem,100%)}.employee-tabs{border:1px solid var(--border);background:var(--surface-deep);border-radius:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:1.2rem;padding:.35rem;display:grid}.employee-tabs button{min-height:2.5rem;color:var(--muted);background:0 0;border:0;border-radius:.58rem;justify-content:center;align-items:center;gap:.45rem;padding:.4rem;font-size:.68rem;font-weight:700;display:flex}.employee-tabs button i{border:1px solid var(--border);border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.58rem;font-style:normal;display:grid}.employee-tabs button.active{color:var(--text);background:#19c99a1a}.employee-tabs button.active i{border-color:var(--green);color:#04142a;background:var(--green)}.employee-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.9rem;min-height:18rem;display:grid}.employee-fields>label{color:var(--text);align-content:start;gap:.4rem;font-size:.68rem;font-weight:700;display:grid}.employee-fields label>span b{color:var(--green)}.employee-fields label>small{color:var(--muted);font-size:.58rem;font-weight:500}.employee-fields .wide{grid-column:span 2}.employee-fields input,.employee-fields select,.employee-fields textarea{border:1px solid var(--border);width:100%;min-height:2.65rem;color:var(--text);background:var(--surface-deep);border-radius:.65rem;outline:0;padding:.6rem .7rem;font-size:.72rem}.employee-fields textarea{resize:vertical}.employee-fields input:focus,.employee-fields select:focus,.employee-fields textarea:focus{border-color:#19c99ab3;box-shadow:0 0 0 3px #19c99a17}.check-field{border:1px solid var(--border);background:var(--surface-deep);border-radius:.65rem;align-items:center;min-height:2.65rem;padding:.55rem .7rem;gap:.55rem!important;display:flex!important}.check-field input{width:1rem;min-height:auto;accent-color:var(--green)}.employee-actions{border-top:1px solid var(--border);padding-top:1rem}.generated-code{background:#19c99a0f;border:1px dashed #19c99a6b;border-radius:.7rem;align-content:center;gap:.25rem;min-height:4.6rem;padding:.7rem .85rem;display:grid}.generated-code>span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-weight:800}.generated-code strong{color:var(--text);font-size:.82rem}.generated-code small{color:var(--muted);font-size:.58rem}.engagement-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.engagement-choice button{border:1px solid var(--border);color:var(--muted);text-align:left;background:var(--surface-deep);border-radius:.7rem;gap:.28rem;padding:.8rem;display:grid}.engagement-choice button strong{color:var(--text);font-size:.75rem}.engagement-choice button span{font-size:.6rem;line-height:1.4}.engagement-choice button.active{border-color:var(--green);background:#19c99a17;box-shadow:0 0 0 3px #19c99a12}.legal-warning{color:#d9bd81;background:#f8cb7212;border:1px solid #f8cb724d;border-radius:.7rem;gap:.3rem;padding:.75rem .85rem;font-size:.63rem;line-height:1.45;display:grid}.legal-warning strong{color:#f8cb72}.engagement-badge{border-radius:99px;padding:.3rem .5rem;font-size:.62rem;font-weight:750;display:inline-flex}.engagement-badge.payroll{color:#5be0ba;background:#19c99a17}.engagement-badge.independent{color:#80b5ff;background:#1d77ff1a}.collapsed.app-shell{grid-template-columns:5.2rem minmax(0,1fr)}.collapsed .sidebar{padding-inline:.65rem}.collapsed .brand-full,.collapsed .product-chip div,.collapsed .nav-search,.collapsed .nav-section>small,.collapsed .nav-label,.collapsed .sidebar-user div{display:none}.collapsed .brand-mark{display:block}.collapsed .brand-row{flex-direction:column}.collapsed .brand{flex:none;justify-content:center}.collapsed .product-chip,.collapsed .nav-section a,.collapsed .sidebar-user{justify-content:center;padding-inline:.3rem}.collapsed .product-chip>span{width:2.55rem}.collapsed .nav-section a.active:before{left:-.65rem}[data-theme=light]{--surface:#fff;--surface-soft:#f4f8fb;--surface-deep:#edf4f8;--border:#d6e2e9;--muted:#647d8b;--text:#102033;--shadow:0 12px 34px #10203314;color:#314858;background:#f5f8fb}[data-theme=light] body{background:radial-gradient(circle at 88% -15%,#1d77ff1a,#0000 34rem),#f5f8fb}[data-theme=light] .sidebar{background:linear-gradient(#fff,#f2f7fa)}[data-theme=light] .dark-logo{display:none}[data-theme=light] .light-logo{display:block}[data-theme=light] .topbar{background:#ffffffe0}[data-theme=light] .card{background:#fff}[data-theme=light] .nav-section a{color:#617584}[data-theme=light] .nav-section a:hover,[data-theme=light] .nav-section a.active{color:#102033}[data-theme=light] .product-chip,[data-theme=light] .nav-search{background:#f5f8fb}[data-theme=light] .quick-action strong,[data-theme=light] .metric span:not(.metric-icon){color:#304859}[data-theme=light] .icon-button:hover{color:#102033}[data-theme=light] .login-visual{border-color:#0000}[data-theme=light] .permission-preview span{background:#f2f7fa}@media (width<=1050px){.metrics,.role-grid{grid-template-columns:repeat(2,1fr)}.employee-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-shell,.collapsed.app-shell{grid-template-columns:1fr}.sidebar,.collapsed .sidebar{width:min(17.25rem,88vw);padding:1.1rem .9rem;transition:transform .2s;position:fixed;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.collapsed .brand-row{flex-direction:row}.collapsed .brand{flex:1;justify-content:flex-start}.collapsed .brand-full,.collapsed .product-chip div,.collapsed .nav-search,.collapsed .nav-section>small,.collapsed .nav-label,.collapsed .sidebar-user div{display:initial}.collapsed .brand-full{display:block}.collapsed .brand-mark{display:none}.collapsed .product-chip,.collapsed .nav-section a,.collapsed .sidebar-user{justify-content:initial;padding-inline:initial}.collapse-button{display:none}.mobile-menu{display:grid}.scrim{z-index:25;background:#0005129e;border:0;position:fixed;inset:0}.dashboard-grid{grid-template-columns:1fr}}@media (width<=620px){.system-status{display:none}.page-heading{flex-direction:column;align-items:stretch}.primary-button{width:100%}.metrics{grid-template-columns:1fr;gap:.7rem}.metric{min-height:6.4rem}.footer{flex-direction:column;align-items:flex-start}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:1rem}.form-grid,.permission-groups,.settings-grid,.role-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.employee-stats{grid-template-columns:repeat(2,1fr)}.employee-toolbar,.employee-fields{grid-template-columns:1fr}.employee-fields .wide{grid-column:auto}.employee-tabs{grid-template-columns:repeat(2,1fr)}.engagement-choice{grid-template-columns:1fr}.modal-card{padding:1rem}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}