@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{color:#202633;font-synthesis:none;--ink:#202633;--muted:#737b89;--line:#e5e8ed;--nav:#111b2b;--blue:#536dfe;--blue-dark:#4058dc;--green:#2e9d71;background:#f5f6f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.loading-screen{place-items:center;height:100vh;display:grid}.brand-mark{color:#fff;background:linear-gradient(145deg,#6d7dff,#485bdc);border-radius:14px;place-items:center;width:48px;height:48px;font:700 22px Manrope;display:grid;box-shadow:0 10px 24px #5668e944}.brand-mark.small{width:34px;height:34px;box-shadow:none;border-radius:10px;font-size:16px}.app-shell{min-height:100vh}.sidebar{background:var(--nav);color:#dce3ef;z-index:20;flex-direction:column;width:248px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;height:42px;margin-bottom:28px;padding:0 8px;font:700 18px Manrope;display:flex}.sidebar-close{color:#fff;background:0 0;border:0;margin-left:auto;display:none}.workspace-switch{background:#1b2738;border:1px solid #2c394b;border-radius:11px;align-items:center;gap:9px;margin-bottom:25px;padding:10px;display:flex}.workspace-icon{color:#9cafff;background:#2a3850;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.workspace-switch div:nth-child(2){flex-direction:column;flex:1;display:flex}.workspace-switch span{color:#8d99aa;font-size:10px}.workspace-switch strong{color:#f3f5f8;margin-top:2px;font-size:13px}.main-nav p{letter-spacing:.11em;color:#728095;margin:0 0 9px;padding:0 12px;font-size:10px}.nav-item{color:#aeb8c6;border-radius:9px;align-items:center;gap:12px;height:44px;margin:3px 0;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.nav-item.disabled{opacity:.52;cursor:default}.nav-item em{text-transform:uppercase;background:#2b3747;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:9px;font-style:normal}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #2a3545;align-items:center;gap:9px;margin-top:8px;padding:17px 4px 0;display:flex}.avatar{color:#fff;background:#6579e9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.profile strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile span{color:#818da0;margin-top:2px;font-size:10px}.profile button{color:#8e9aab;cursor:pointer;background:0 0;border:0;padding:6px}.main-content{min-height:100vh;margin-left:248px}.mobile-menu{display:none}.page{max-width:1510px;margin:auto;padding:42px 48px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.breadcrumb{color:#8b92a0;font-size:11px}.page h1{letter-spacing:-.035em;color:#202633;margin:8px 0 5px;font:700 28px Manrope}.page-header p{color:var(--muted);margin:0;font-size:14px}.primary-button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 5px 13px #5067eb2e}.primary-button:hover{background:var(--blue-dark)}.overview-card,.table-card,.placeholder-card{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 2px 7px #16233a08}.overview-card{grid-template-columns:repeat(3,1fr) 1.5fr;min-height:142px;margin-bottom:20px;display:grid;overflow:hidden}.overview-card>div{border-right:1px solid var(--line);padding:22px 24px;position:relative}.overview-card>div:last-child{border:0}.overview-card p{color:#687180;margin:0 0 8px;font-size:12px}.overview-card strong{margin-right:8px;font:700 25px Manrope;display:inline-block}.overview-card small{color:#8e95a1;font-size:10px}.metric-icon{float:right;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.metric-icon.blue{color:#536dfe;background:#edf0ff}.metric-icon.green{color:#28956b;background:#e7f6ef}.metric-icon.gray{color:#78808b;background:#eff1f4}.overview-note{background:linear-gradient(140deg,#f7f8ff,#eef1ff);flex-direction:column;justify-content:center;display:flex}.overview-note span{color:#586ced;letter-spacing:.12em;font-size:9px;font-weight:700}.overview-note p{color:#586174;max-width:270px;margin:9px 0 0;font-size:13px;line-height:1.5}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.search-box{color:#949aa5;background:#fafbfc;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:9px;width:min(390px,100%);height:40px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#7c8dff;box-shadow:0 0 0 3px #6478f014}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filter-wrap{color:#717985;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex;position:relative}.filter-wrap select{appearance:none;color:#48505d;background:0 0;border:0;outline:0;padding-right:13px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;color:#828996;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);background:#fafbfc;padding:11px 17px;font-size:10px;font-weight:600}td{color:#59616e;border-bottom:1px solid #eceef1;height:69px;padding:10px 17px;font-size:12px}.sort{text-transform:uppercase;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.sort.active{color:#5268eb}.employee-name{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.employee-name:hover strong{color:#5268eb}.employee-avatar{color:#405168;border-radius:9px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.employee-name>span:last-child,.contact{flex-direction:column;gap:3px;display:flex}.employee-name small,.contact small{color:#9299a4;font-size:10px}.department-pill{color:#606976;background:#f1f3f6;border-radius:5px;padding:5px 8px;font-size:10px}.status{border-radius:12px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.active{color:#23875f;background:#e9f7f0}.status.inactive{color:#7a818d;background:#eef0f3}.menu-cell{text-align:right;position:relative}.icon-button{color:#808793;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px}.icon-button:hover{background:#f1f3f6}.row-menu{z-index:5;border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;width:158px;padding:5px;position:absolute;top:50px;right:18px;box-shadow:0 10px 30px #1e293b20}.row-menu a,.row-menu button{color:#424a57;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;padding:8px 9px;font-size:11px;text-decoration:none;display:block}.row-menu a:hover,.row-menu button:hover{background:#f3f5f8}.table-footer{color:#8c939e;justify-content:space-between;padding:13px 18px;font-size:10px;display:flex}.empty-state{color:#8a929e;flex-direction:column;align-items:center;gap:7px;padding:55px;display:flex}.empty-state strong{color:#4b5360}.empty-state span{font-size:12px}.back-link{color:#68717f;align-items:center;gap:7px;margin-bottom:22px;font-size:12px;text-decoration:none;display:flex}.placeholder-card{text-align:center;max-width:680px;margin:50px auto;padding:55px}.placeholder-card .metric-icon{float:none;margin:0 auto 18px}.metric-icon.large{width:54px;height:54px}.eyebrow{letter-spacing:.13em;color:#6679ed;font-size:10px;font-weight:700}.placeholder-card p{color:#727b89;max-width:500px;margin:0 auto 25px;line-height:1.7}.login-page{background:#fff;grid-template-columns:minmax(430px,46%) 1fr;height:100vh;min-height:650px;display:grid}.login-panel{flex-direction:column;padding:45px clamp(45px,7vw,110px);display:flex}.login-brand{align-items:center;gap:12px;font:700 20px Manrope;display:flex}.login-copy h1{letter-spacing:-.04em;margin:12px 0 8px;font:700 31px Manrope}.login-copy p{color:#7a8290;font-size:13px}.login-form{flex-direction:column;gap:17px;display:flex}.login-form label{color:#4b5361;font-size:11px;font-weight:600}.input-wrap{color:#9ba1aa;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:9px;height:44px;margin-top:7px;padding:0 12px;display:flex}.input-wrap:focus-within{border-color:#788aff;box-shadow:0 0 0 3px #6679f012}.input-wrap input{border:0;outline:0;flex:1;min-width:0}.input-wrap button{color:#8c939d;background:0;border:0;place-items:center;display:grid}.login-button:disabled{opacity:.7}.form-error{color:#ae4040;background:#fff0f0;border-radius:7px;padding:10px 12px;font-size:11px}.login-footnote{color:#a2a7af;text-align:center;margin:28px 0 0;font-size:10px}.login-visual{color:#fff;background:linear-gradient(145deg,#18284a,#465cc6);align-items:flex-end;padding:clamp(50px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background:radial-gradient(circle at 78% 15%,#7586e988,#0000 35%),linear-gradient(135deg,#0000 40%,#172b6666);position:absolute;inset:0}.visual-orb{border:1px solid #ffffff20;border-radius:50%;position:absolute}.visual-orb.one{width:500px;height:500px;top:-110px;right:-160px}.visual-orb.two{width:620px;height:620px;top:-65px;right:-120px}.quote{z-index:1;position:relative}.quote span{letter-spacing:.15em;color:#aebaff;font-size:10px}.quote h2{letter-spacing:-.05em;margin:16px 0;font:700 clamp(32px,4vw,55px)/1.12 Manrope}.quote p{color:#cbd2ee;max-width:370px;font-size:14px;line-height:1.6}@media (width<=900px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:10px 0 35px #0b132560}.sidebar-close{display:block}.sidebar-backdrop{z-index:19;background:#10182866;border:0;position:fixed;inset:0}.main-content{margin-left:0}.mobile-menu{z-index:10;border:1px solid var(--line);color:#3e4653;background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;position:fixed;top:18px;right:20px;box-shadow:0 3px 10px #1e293b14}.page{padding:75px 24px 35px}.overview-card{grid-template-columns:repeat(3,1fr)}.overview-note{display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{width:100%;max-width:570px;margin:auto;padding:45px}.login-copy{margin-top:auto}.login-form{margin-bottom:auto}}@media (width<=620px){.page{padding-left:16px;padding-right:16px}.page-header{flex-direction:column;align-items:flex-start;gap:22px}.page-header .primary-button{width:100%}.overview-card{grid-template-columns:1fr}.overview-card>div{border:0;border-bottom:1px solid var(--line);min-height:105px;padding:19px 20px}.table-tools{flex-direction:column}.search-box,.filter-wrap{width:100%}.filter-wrap select{flex:1}.table-footer span:last-child{display:none}.login-page{min-height:100vh}.login-panel{padding:28px 24px}.login-copy h1{font-size:27px}.placeholder-card{padding:35px 20px}}:root{--blue:#006af5;--blue-dark:#005bd2;--nav:#fff;--ink:#08092d;--muted:#828b96;--line:#eef0f4;font-family:Nunito,sans-serif}body{color:var(--ink);background:#f8f9fc}.sidebar{width:218px;color:var(--ink);background:#fff;border-right:1px solid #f3f4f7;padding:31px 0 25px}.sidebar-brand{height:23px;margin:0 0 38px;padding:0 20px}.sidebar-brand img{width:177px;height:auto}.main-nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:#828b96;border-radius:0;height:46px;margin:0;padding:0 29px;font-size:15px;font-weight:600;position:relative}.nav-item.disabled{opacity:1}.nav-item.active{color:#006af5;background:linear-gradient(90deg,#dbeaff 0,#fff 90%)}.nav-item.active:before{content:"";background:#006af5;width:3px;position:absolute;top:0;bottom:0;left:0}.sidebar-bottom{padding:0 30px}.profile{border:0;margin:0;padding:0}.profile button{color:#828b96}.avatar{color:#253044;background:#ffe0e8}.main-content{margin-left:218px}.page{max-width:none;padding:30px}.page h1{letter-spacing:-.02em;color:#090a30;margin:4px 0;font-family:Nunito,sans-serif;font-size:25px}.page-header{align-items:center;margin-bottom:30px}.personnel-actions{gap:20px;display:flex}.personnel-actions .search-box{width:230px;height:40px;box-shadow:none;background:#fff;border:0;flex-direction:row-reverse}.primary-button{box-shadow:none;background:#006af5;border-radius:10px;height:40px;padding:0 18px;font-size:13px}.personnel-grid{grid-template-columns:minmax(0,1fr) 274px;align-items:start;gap:30px;display:grid}.personnel-grid .table-card{box-shadow:none;background:0 0;border:0;border-radius:0}.personnel-grid .overview-card{min-height:178px;box-shadow:none;background:#fff;border:0;border-radius:10px;grid-area:1/2;margin:35px 0 0;padding:22px;display:block}.personnel-grid .overview-card:before{content:"Overblik";margin-bottom:22px;font-size:17px;font-weight:700;display:block}.personnel-grid .overview-card>div{text-align:center;border:0;flex-direction:column;width:50%;padding:0;display:inline-flex}.personnel-grid .overview-card>div:first-child{width:100%;margin-bottom:14px}.personnel-grid .overview-card .metric-icon{display:none}.personnel-grid .overview-card p{color:#828b96;order:2;margin:0}.personnel-grid .overview-card strong{margin:0;font-size:22px}.table-tools{background:0 0;border:0;justify-content:flex-end;height:35px;padding:0}.filter-wrap{display:none}.table-scroll{overflow:visible}.personnel-grid table{border-collapse:separate;border-spacing:0 10px;min-width:780px}.personnel-grid thead th{text-transform:none;letter-spacing:0;color:#585b6e;background:0 0;border:0;padding:0 20px 4px;font-size:11px;font-weight:500}.personnel-grid tbody tr{background:#fff;box-shadow:0 12px 22px #2228420a}.personnel-grid td{color:#111334;border:0;height:60px;padding:10px 20px;font-size:13px}.personnel-grid td:first-child{border-radius:10px 0 0 10px}.personnel-grid td:last-child{border-radius:0 10px 10px 0}.employee-avatar{border-radius:50%;width:30px;height:30px;font-size:9px}.employee-name strong,.contact strong{color:#111334;font-size:12px;font-weight:600}.status{font-size:9px}.icon-button{color:#5864ff}.row-menu{top:55px}.login-page{background:#fff;grid-template-columns:43% 57%}.login-panel{max-width:480px;padding:20vh 50px 10vh}.login-brand{margin-bottom:45px}.login-brand img{width:305px;height:auto}.login-copy{margin:0 0 52px}.login-copy .eyebrow{color:#006af5;font-size:9px}.login-copy h1{margin:9px 0 5px;font-family:Nunito;font-size:25px}.login-copy p{color:#6f7182}.login-copy:after{content:"";border-bottom:1px solid #e7e8eb;width:313px;margin-top:55px;display:block}.login-form{gap:26px}.login-form label{color:#111334;font-size:14px}.input-wrap{background:#f7f7f9;border:0;border-radius:10px;height:50px;margin-top:9px;padding:0 14px}.login-options{color:#111334;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px;display:flex}.login-options label{align-items:center;gap:8px;display:flex}.login-options span{color:#006af5}.login-button{height:51px;margin-top:24px}.login-visual{background:#fff;justify-content:center;align-items:center;padding:0}.login-visual:before{display:none}.login-art{background:#fbfbfc;border-radius:50%;width:560px;height:470px;position:relative}.art-desk{background:#ff8065;height:14px;position:absolute;bottom:95px;left:60px;right:55px}.art-screen{border:12px solid #26303a;border-bottom:0;width:120px;height:155px;position:absolute;bottom:110px;left:90px;transform:skew(-10deg)}.art-person{color:#ff8a6e;text-align:center;background:#6258ff;border-radius:60px 60px 20px 20px;width:120px;height:220px;font-size:85px;position:absolute;top:115px;right:150px}.art-clock{color:#36323c;border:8px solid #f05238;border-radius:50%;place-items:center;width:82px;height:82px;font-size:40px;display:grid;position:absolute;top:20px;left:175px}.art-plant{color:#329c4c;font-size:80px;position:absolute;bottom:80px;right:65px}.detail-page .placeholder-card{border:0;border-radius:10px}@media (width<=1000px){.personnel-grid{grid-template-columns:1fr}.personnel-grid .overview-card{grid-area:1/1;max-width:none;margin:0;display:flex}.personnel-grid .table-card{grid-row:2}.login-visual{display:none}.login-page{grid-template-columns:1fr}.login-panel{max-width:500px;padding:90px 40px}}@media (width<=900px){.main-content{margin-left:0}.sidebar{width:218px}.page{padding:75px 20px 30px}}@media (width<=620px){.personnel-actions{flex-direction:column;gap:10px;width:100%}.personnel-actions .search-box{width:100%}.personnel-grid{gap:18px}.personnel-grid .overview-card{grid-template-columns:repeat(3,1fr);display:grid}.personnel-grid .overview-card:before{grid-column:1/-1}.personnel-grid .overview-card>div,.personnel-grid .overview-card>div:first-child{width:auto;margin:0}.login-panel{padding:60px 24px}.login-brand img{width:230px}.login-copy:after{width:100%}}.personnel-grid{grid-template-columns:minmax(680px,860px) 274px;justify-content:space-between}.personnel-grid .overview-card{min-height:178px;margin-top:35px;padding:22px;display:block;position:relative}.personnel-grid .overview-card:before{display:none}.overview-card h2{margin:0;font-size:17px;font-weight:700}.overview-menu{color:#5e64ff;cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:18px}.overview-total{text-align:center;margin:27px 0 22px}.personnel-grid .overview-card .overview-total{flex-direction:column;width:auto;display:flex}.overview-total strong{font-size:25px;line-height:1}.overview-total span{color:#828b96;margin-top:3px;font-size:12px}.personnel-grid .overview-card .overview-legend{flex-direction:row;justify-content:center;gap:35px;width:auto;display:flex}.overview-legend span{color:#4d5067;align-items:center;gap:8px;font-size:13px;display:flex}.overview-legend i{border-radius:5px;width:14px;height:14px}.legend-blue{background:#5593ff}.legend-yellow{background:#ffd364}.personnel-grid table{table-layout:fixed}.personnel-grid th:first-child{width:22%}.personnel-grid th:nth-child(2){width:29%}.personnel-grid th:nth-child(3),.personnel-grid th:nth-child(4){width:22%}.personnel-grid td{font-weight:500}.login-options{order:3}.login-button{order:4;width:100%;margin-top:48px}.login-art{opacity:.28}.art-person,.art-screen,.art-plant{filter:grayscale(.25)}@media (width>=1450px){.personnel-grid{grid-template-columns:minmax(800px,1fr) 274px}.personnel-grid .table-card{max-width:1100px}.page{padding-left:30px;padding-right:30px}}@media (width<=1200px){.personnel-grid{grid-template-columns:minmax(0,1fr) 250px}.personnel-grid table{min-width:680px}}@media (width<=1000px){.personnel-grid{grid-template-columns:1fr}.personnel-grid .overview-card{grid-area:1/1;max-width:none;margin:0}.personnel-grid .table-card{grid-row:2}}.login-page{background:#fafafa}.login-panel{background:#fff}.login-visual{background:#fafafa;place-items:center;min-width:0;padding:clamp(30px,5vw,80px);display:grid}.login-illustration{object-fit:contain;object-position:center;width:min(100%,819px);height:auto;max-height:72vh;margin:auto;display:block}.input-wrap input{color:#111334;background:0 0}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#111334;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #f7f7f9}.input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#111334;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #f7f7f9}.input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#111334;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #f7f7f9}.input-wrap input::placeholder{color:#8a8e98;opacity:1}.login-page{grid-template-columns:minmax(430px,480px) minmax(0,1fr)}.login-panel{align-items:stretch;width:100%;max-width:480px}.login-panel>*,.login-brand{width:auto}@media (width<=1000px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{max-width:500px;margin:auto}}.nav-item.active{background:linear-gradient(90deg,#006af52e 0,#006af514 17%,#006af500 23%)}.nav-item.active:before{display:none}.profile strong{color:#111334}.profile span{color:#828b96}.personnel-grid{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.personnel-grid table{border-spacing:0 15px}.personnel-grid .overview-card{min-height:240px;margin-top:78px;padding:25px}.overview-total strong{font-family:Nunito,sans-serif;font-weight:800}.overview-legend{align-items:flex-start;padding:0 12px;flex-direction:column!important;gap:12px!important}.overview-legend span{width:100%}.overview-legend b{color:#111334;margin-right:-3px;font-weight:800}.personnel-grid tbody tr{cursor:pointer;transition:transform .18s,box-shadow .18s,background-color .18s}.personnel-grid tbody tr:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1d274a1a}.employee-preview{text-align:center;flex-direction:column;align-items:center;padding-top:18px;display:flex}.preview-avatar{color:#42516b;border-radius:50%;place-items:center;width:55px;height:55px;margin-bottom:10px;font-weight:800;display:grid}.employee-preview>strong{font-size:16px}.employee-preview>span{color:#828b96;margin-top:2px;font-size:12px}.employee-preview dl{text-align:left;width:100%;margin:20px 0 16px}.employee-preview dl div{border-top:1px solid #eef0f4;padding:9px 0}.employee-preview dt{color:#828b96;font-size:10px}.employee-preview dd{color:#111334;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.employee-preview button{color:#fff;cursor:pointer;background:#006af5;border:0;border-radius:8px;padding:9px 16px}.page-transition{animation:.32s cubic-bezier(.22,.72,.25,1) both cloudburst-page-in}@keyframes cloudburst-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}.personnel-grid tbody tr{transition:none}}@media (width<=1200px){.personnel-grid{grid-template-columns:minmax(0,1fr) 285px}}@media (width<=1000px){.personnel-grid{grid-template-columns:1fr}.personnel-grid .overview-card{margin-top:0}}.nav-item:hover{color:#006af5;background:linear-gradient(90deg,#006af52e 0,#006af514 17%,#006af500 23%)}.personnel-grid tbody tr.is-selected{background:#f4f8ff;box-shadow:0 14px 30px #1d274a14}.personnel-grid .overview-card .employee-preview{width:100%;display:flex}.employee-preview dl,.employee-preview button{max-width:none}.clear-search{color:#828b96;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}.clear-search:hover{color:#006af5}.personnel-grid th:last-child{width:7%}.personnel-grid td:last-child{padding-right:32px}.menu-cell .icon-button{transform:translate(-3px)}.personnel-grid .overview-card .employee-preview>strong{letter-spacing:0;color:#111334;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;line-height:1.3}html,body,#root{max-width:100%;overflow-x:hidden}button,a{touch-action:manipulation}.sidebar:not(.is-open){visibility:hidden}.sidebar.is-open{visibility:visible}@media (width>=901px){.sidebar{visibility:visible!important}}@media (width<=620px){.page.personnel-page{width:100%;padding:76px 16px 32px;overflow:hidden}.personnel-page .page-header{gap:20px;margin-bottom:22px}.personnel-page .page-header h1{text-align:left;font-size:25px}.personnel-actions{grid-template-columns:1fr;width:100%;display:grid}.personnel-actions .search-box,.personnel-actions .primary-button{width:100%}.personnel-grid{flex-direction:column;gap:20px;width:100%;display:flex}.personnel-grid .overview-card{border-radius:10px;order:1;width:100%;min-height:0;margin:0;padding:20px;display:block!important}.personnel-grid .table-card{order:2;width:100%;min-width:0}.personnel-grid .table-tools{display:none}.table-scroll{width:100%;overflow:visible}.personnel-grid table,.personnel-grid tbody{width:100%;min-width:0;display:block}.personnel-grid thead{display:none}.personnel-grid tbody{flex-direction:column;gap:15px;display:flex}.personnel-grid tbody tr{background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:14px 18px;width:100%;padding:17px 18px;display:grid;position:relative;box-shadow:0 8px 20px #1d274a0f}.personnel-grid tbody tr:hover{transform:none}.personnel-grid tbody tr.is-selected{background:#f4f8ff;box-shadow:0 8px 20px #1d274a0f}.personnel-grid td{flex-direction:column;gap:3px;min-width:0;height:auto;font-size:12px;display:flex;border:0!important;border-radius:0!important;width:auto!important;padding:0!important}.personnel-grid td:before{content:attr(data-label);color:#9299a4;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600}.personnel-grid td:first-child{grid-column:1/-1;padding-right:35px!important}.personnel-grid td:first-child:before,.personnel-grid .menu-cell:before{display:none}.personnel-grid td:nth-child(4){grid-column:1/-1}.employee-name strong,.contact strong{overflow-wrap:anywhere;font-size:12px}.employee-avatar{width:38px;height:38px}.menu-cell{top:14px;right:12px;position:absolute!important}.menu-cell .icon-button{transform:none}.row-menu{top:34px;right:0}.overview-card h2{font-size:16px}.overview-total{margin:18px 0}.overview-legend{padding:0;gap:8px!important}.employee-preview{padding-top:10px}.employee-preview dl{margin:14px 0 12px}.employee-preview dl div{padding:7px 0}.employee-preview button{width:100%}}.empty-module{text-align:center;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:30px;padding:30px;display:flex}.empty-module>span{color:#006af5;background:#eaf2ff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.empty-module h2{margin:15px 0 5px;font-size:18px}.empty-module p{color:#828b96;max-width:430px;font-size:13px}.employee-title-row{justify-content:space-between;align-items:end;display:flex}.employee-title-row .back-link{margin:0 0 5px}.employee-title-row select{color:#111334;background:#fff;border:0;border-radius:10px;padding:12px 35px 12px 15px}.detail-tabs{background:#fff;border-radius:10px;margin:28px 0 30px;display:inline-flex;overflow:hidden}.detail-tabs button{color:#33364d;cursor:pointer;background:#fff;border:0;min-width:112px;height:40px;font-weight:700}.detail-tabs button.active{color:#fff;background:#006af5;border-radius:10px}.results-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:30px;display:grid}.result-metrics{grid-template-columns:1fr 1fr;gap:30px;display:grid}.result-metrics article,.clients-card,.results-side section,.master-data{background:#fff;border-radius:10px}.result-metrics article{align-items:flex-start;gap:15px;min-height:180px;padding:28px;display:flex;position:relative;overflow:hidden}.result-icon{border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.result-icon.blue{color:#5593ff;background:#edf4ff}.result-icon.yellow{color:#f3b82c;background:#fff7df}.result-metrics small{color:#72788b;margin:4px 0 7px;display:block}.result-metrics strong{font:800 24px Nunito,sans-serif}.sparkline{border-bottom:3px solid;border-radius:50%;height:45px;position:absolute;bottom:20px;left:0;right:0}.blue-line{border-color:#5593ff;transform:skewY(-3deg)}.yellow-line{border-color:#ffc64b;transform:skewY(2deg)}.clients-card{margin-top:30px;padding:28px}.clients-card h2,.results-side h2{margin:0 0 25px;font-size:17px}.clients-head,.client-row{grid-template-columns:1.5fr 1fr 1fr;align-items:center;padding:10px 16px;display:grid}.clients-head{color:#828b96;font-size:10px}.client-row{min-height:52px;font-size:12px}.client-row:nth-child(odd){background:#fafafd}.client-row>span:first-child{color:#006af5;align-items:center;gap:12px;display:flex}.client-row i{color:#59657b;background:#eef3ff;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.client-row strong{color:#26a458}.results-side{flex-direction:column;gap:30px;display:flex}.results-side section{padding:28px}.bar-row{color:#62697b;grid-template-columns:25px 1fr 70px;align-items:center;gap:10px;margin:15px 0;font-size:10px;display:grid}.bar-row>i{background:#f1f3f7;border-radius:3px;height:10px;overflow:hidden}.bar-row b{background:#5c91f6;border-radius:3px;height:100%;display:block}.bar-row:nth-child(odd) b{background:#ff866a}.donut{background:conic-gradient(#5593ff 0 58%,#ff866a 58% 78%,#ffd364 78%);border-radius:50%;place-items:center;width:175px;height:175px;margin:10px auto 25px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:120px;height:120px}.donut span{z-index:1;text-align:center;flex-direction:column;grid-area:1/1;font:800 25px Nunito;display:flex}.donut small{color:#828b96;font-size:10px}.donut-legend{gap:15px;font-size:10px;display:flex}.donut-legend span{align-items:center;gap:5px;display:flex}.donut-legend i{background:#5593ff;border-radius:3px;width:8px;height:8px}.donut-legend span:nth-child(2) i{background:#ffd364}.donut-legend span:nth-child(3) i{background:#ff866a}.master-data{max-width:980px;padding:30px}.master-data header{border-bottom:1px solid #eef0f4;align-items:center;gap:15px;padding-bottom:25px;display:flex}.master-avatar{background:#e8f0ff;border-radius:50%;place-items:center;width:55px;height:55px;font-weight:800;display:grid}.master-data h2{margin:0;font-size:18px}.master-data header p{color:#828b96;margin:4px 0 0;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:20px 25px;margin:28px 0;display:grid}.form-grid label{color:#50576a;font-size:11px;font-weight:700}.form-grid input,.form-grid select{color:#111334;background:#fafbfc;border:1px solid #e1e5eb;border-radius:8px;outline:0;width:100%;height:44px;margin-top:7px;padding:0 12px;display:block}.form-grid input:focus,.form-grid select:focus{border-color:#006af5;box-shadow:0 0 0 3px #006af51a}.draft-notice{color:#315c99;background:#eef5ff;border-radius:8px;padding:10px 12px;font-size:11px}.master-data>.primary-button{margin-left:auto}.employee-detail-page{padding-bottom:50px}@media (width<=1000px){.results-layout{grid-template-columns:1fr}.results-side{grid-template-columns:1fr 1fr;display:grid}}@media (width<=620px){.empty-page{padding-top:76px}.empty-module{min-height:300px}.employee-title-row{align-items:flex-start;gap:12px}.employee-title-row select{max-width:140px;font-size:11px}.detail-tabs{width:100%;margin:20px 0;display:flex}.detail-tabs button{flex:1}.result-metrics{grid-template-columns:1fr;gap:15px}.result-metrics article{min-height:145px}.clients-card{margin-top:15px;padding:20px 15px;overflow:hidden}.clients-head,.client-row{grid-template-columns:1.3fr .8fr 1fr;padding:9px 5px;font-size:10px}.results-side{gap:15px;display:flex}.results-side section{padding:20px}.form-grid{grid-template-columns:1fr}.master-data{padding:20px}.master-data header{align-items:flex-start}.master-data>.primary-button{width:100%}}.form-grid label small{float:right;color:#828b96;font-weight:500}.form-grid input[readonly]{color:#7c8490;cursor:not-allowed;background:#f0f2f5}.software-access{border-top:1px solid #eef0f4;margin:0 0 25px;padding-top:24px}.software-access h3{margin:0;font-size:16px}.software-access>p{color:#828b96;margin:4px 0 15px;font-size:11px}.software-access>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.software-access>div>label{cursor:pointer;border:1px solid #e5e8ed;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.software-access input{accent-color:#006af5}.software-access span{flex-direction:column;display:flex}.software-access strong{font-size:12px}.software-access small{color:#828b96;font-size:9px}.settings-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:30px;margin-top:30px;display:grid}.software-catalog,.software-form{background:#fff;border-radius:10px;padding:28px}.software-catalog>header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.software-catalog h2,.software-form h2{margin:0;font-size:18px}.software-catalog header p{color:#828b96;margin:4px 0 0;font-size:11px}.software-list-head,.software-item{grid-template-columns:1.5fr 1fr 100px;align-items:center;padding:12px;display:grid}.software-list-head{color:#828b96;border-bottom:1px solid #eef0f4;font-size:10px}.software-item{border-bottom:1px solid #f0f2f5;min-height:55px}.software-item strong,.software-item>span{font-size:12px}.software-item>div{text-align:right}.software-item button,.software-form header button{color:#828b96;cursor:pointer;background:0 0;border:0;padding:7px}.software-item button:hover{color:#006af5}.software-form{height:max-content}.software-form header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.software-form label{margin:15px 0;font-size:11px;font-weight:700;display:block}.software-form input{border:1px solid #e1e5eb;border-radius:8px;outline:0;width:100%;height:44px;margin-top:7px;padding:0 12px}.software-form input:focus{border-color:#006af5;box-shadow:0 0 0 3px #006af51a}.software-form>p{color:#315c99;background:#eef5ff;border-radius:7px;padding:9px;font-size:11px}.software-form>.primary-button{width:100%;margin-top:8px}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.software-access>div{grid-template-columns:1fr 1fr}}@media (width<=620px){.software-access>div{grid-template-columns:1fr}.software-catalog,.software-form{padding:20px}.software-catalog>header{flex-direction:column;align-items:flex-start;gap:15px}.software-catalog>header .primary-button{width:100%}.software-list-head,.software-item{grid-template-columns:1fr .8fr 70px;padding:10px 4px}.settings-page{padding-top:76px}}