@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&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.active{color:#fff;background:#536dfe}.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 strong,.contact strong{color:#333b48;font-size:12px;font-weight:600}.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{margin:auto 0 31px}.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{height:44px;margin-top:3px}.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}}