@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182230;--muted:#8490a1;--line:#edf0f4;--blue:#356ff1;--pale:#f5f7fb;--green:#18856b;--red:#d85458;--shadow:0 2px 7px rgba(25,42,70,.035)}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:14px/1.45 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}h1,h2,h3,.brand{font-family:Manrope,'DM Sans',sans-serif}a{color:inherit}.app{min-height:100vh;display:flex}.sidebar{width:235px;background:#fff;border-right:1px solid var(--line);padding:23px 14px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;text-decoration:none;font-weight:800;font-size:16px;letter-spacing:-.5px}.brand i{color:var(--blue);font-style:normal}.brandmark{height:31px;width:31px;border-radius:10px;background:linear-gradient(145deg,#498eff,#3158dc);display:grid;place-items:center;color:white;font-size:16px;box-shadow:0 5px 13px #246bfd3a}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#a1aaba;font-weight:700;padding:0 11px 10px}.sidebar nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;color:#758093;text-decoration:none;font-size:12.5px;font-weight:600;transition:.15s}.nav-link:hover{background:#f7f9fc;color:#44536a}.nav-link.active{background:#eef4ff;color:#2e6cf0;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:15px}.side-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin-top:16px;padding:15px 5px 2px;display:flex;align-items:center;gap:9px}.avatar{height:33px;width:33px;border-radius:50%;background:#e9efff;color:#3a65d5;display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.avatar.small{height:30px;width:30px}.profile-copy{min-width:0}.profile-copy b,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy b{font-size:11.5px}.profile-copy small{font-size:10px;color:var(--muted);margin-top:2px}.main{min-width:0;flex:1}.topbar{height:65px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;gap:16px}.search{width:min(380px,43vw);height:35px;border:1px solid #eef0f4;background:#fafbfd;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#9aa4b3;font-size:12px}.search:first-letter{font-size:18px}.top-actions{display:flex;align-items:center;gap:11px;color:#677487}.top-name{font-size:11.5px;font-weight:650;color:#445064}.date-pill,.role-badge{font-size:10px;border:1px solid #e8edf3;border-radius:20px;padding:5px 9px;color:#748094;background:#fff}.role-badge{border:0;background:#eff4ff;color:#386ce0;font-weight:700}.mobile-brand{display:none}.content{max-width:1500px;margin:0 auto;padding:29px 31px 45px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#8d98a8;font-weight:750;margin-bottom:5px}.page-head h1{font-size:23px;letter-spacing:-.7px;margin:0 0 4px}.page-head p{font-size:12px;color:#8a95a5;margin:0}.muted{color:var(--muted)}.btn{border:1px solid #e3e9f1;background:white;padding:9px 13px;border-radius:7px;color:#536074;font:600 11px 'DM Sans',sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}.btn:hover{filter:brightness(.98)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 9px #246bfd2b}.btn.full{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat,.panel{background:#fff;border:1px solid #edf0f5;border-radius:11px;box-shadow:var(--shadow)}.stat{padding:15px 17px;min-height:109px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7e8999;font-size:11px;font-weight:650}.stat-top i{font-style:normal;height:28px;width:28px;border-radius:9px;background:#f0f5ff;color:#3972ef;display:grid;place-items:center;font-size:15px}.stat-value{display:block;font:800 23px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 0}.stat-note{font-size:10.5px;color:#929cac}.dash-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:14px;margin-top:15px}.dash-grid.lower{grid-template-columns:minmax(0,1.4fr) minmax(250px,.7fr)}.panel{padding:19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{font-size:13px;margin:0;letter-spacing:-.15px}.panel-heading p{font-size:10.5px;color:#919bac;margin:3px 0 0}.text-link{color:#3872ed;text-decoration:none;font-size:10.5px;font-weight:700;white-space:nowrap}.chart{height:218px;display:flex;align-items:stretch;justify-content:space-around;gap:15px;padding:15px 15px 22px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#f1f3f6 52px,#f1f3f6 53px)}.chart-col{height:100%;min-width:25px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.chart-col>b{font-size:9px;color:#8590a0;margin-bottom:4px}.chart-bar{width:min(31px,55%);min-height:7px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#66a0ff,#3471ed)}.chart-col small{position:absolute;top:calc(100% + 8px);font-size:9px;color:#98a2b1}.chart-legend{display:flex;justify-content:center;gap:6px;margin-top:13px;color:#8290a2;font-size:10px}.chart-legend i{width:7px;height:7px;border-radius:2px;background:#3471ed;margin-top:3px}.quick-links{display:grid}.quick-links>a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:13px 0;border-bottom:1px solid #f0f2f6}.quick-links>a:last-child{border:0;padding-bottom:0}.quick-links>a>span{height:33px;width:33px;border-radius:9px;background:#f1f5ff;color:#3d76ed;display:grid;place-items:center}.quick-links div{min-width:0;flex:1}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:11px}.quick-links small{font-size:10px;color:#909aab;margin-top:3px}.quick-links strong{color:#8b96a5;font-size:14px}.person-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f1f3f6}.person-row:last-child{border:0}.person-copy{flex:1}.person-copy b,.person-copy small{display:block}.person-copy b{font-size:11px}.person-copy small{font-size:10px;color:#919bac;margin-top:2px}.avatar.tint1{background:#fff2e5;color:#ca8127}.avatar.tint2{background:#e7f7f1;color:#208468}.avatar.tint3{background:#f2eaff;color:#8955c4}.status{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:750;white-space:nowrap}.status.active,.status.approved,.status.paid{background:#e8f7f1;color:#18846b}.status.pending,.status.processing{background:#fff5df;color:#ba7a18}.status.declined,.status.inactive{background:#fff0ef;color:#c45555}.metric-panel{display:flex;flex-direction:column;align-items:flex-start}.quality-number{font:800 42px Manrope,sans-serif;letter-spacing:-2px;margin:10px 0 2px}.quality-number small{font-size:17px;color:#8a95a5}.progress{height:7px;width:100%;background:#eef1f6;border-radius:9px;overflow:hidden;margin:7px 0}.progress i{height:100%;display:block;background:linear-gradient(90deg,#5988f5,#32b797);border-radius:9px}.metric-panel>p{font-size:10px}.metric-panel .text-link{margin-top:auto}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;color:#929dad;font-size:9px;letter-spacing:.7px;font-weight:750;padding:11px 12px;border-bottom:1px solid var(--line);background:#fcfcfd}td{padding:12px;border-bottom:1px solid #f0f2f5;color:#596578}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td b{color:#263247;font-weight:650}.block{display:block;margin-top:3px;font-size:9px}.table-person{display:flex;align-items:center;gap:8px;color:#253146}.table-person .avatar{height:27px;width:27px}.filter{font:11px 'DM Sans',sans-serif;border:1px solid #e6eaf0;border-radius:6px;padding:8px 10px;outline:none}.form-panel{margin-top:14px}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:10px}.inline-form label,.stack-form label,.login-card label{font-size:10px;color:#677487;font-weight:650;display:grid;gap:5px}.inline-form input,.inline-form select,.stack-form input,.stack-form select,.stack-form textarea,.login-card input{width:100%;padding:9px 10px;border:1px solid #e5e9ef;background:#fff;border-radius:6px;color:#293548;font:11px 'DM Sans',sans-serif;outline:none}.inline-form input:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.login-card input:focus{border-color:#91b2ff;box-shadow:0 0 0 3px #eaf1ff}.form-panel .tiny{margin:11px 0 0}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:14px;align-items:start}.stack-form{display:grid;gap:12px}.stack-form label{font-size:10.5px}.stack-form input,.stack-form select,.stack-form textarea{font-size:12px}.stack-form textarea{resize:vertical}.action-inline{display:flex;gap:7px}.mini-approve,.mini-decline{border:0;background:#e9f7f1;color:#18846b;border-radius:5px;padding:6px 8px;font:700 9px 'DM Sans',sans-serif;cursor:pointer}.mini-decline{background:#fff0ef;color:#c45555}.wage-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#f8faff;border:1px solid #edf1f8;border-radius:8px;margin-bottom:14px}.wage-summary div{padding:12px 15px;border-right:1px solid #e9edf4}.wage-summary div:last-child{border:0}.wage-summary small,.wage-summary b{display:block}.wage-summary small{font-size:9px;color:#8490a1}.wage-summary b{font:700 15px Manrope,sans-serif;margin-top:3px}.score{background:#edf8f3;color:#18846b;padding:5px 7px;border-radius:5px;font-weight:750;font-size:10px}.alert{padding:11px 13px;border-radius:7px;background:#fff1f0;color:#b54e4e;margin:0 0 14px;font-size:11px}.alert.success{background:#eaf8f2;color:#17785f;display:flex;justify-content:space-between}.alert button{border:0;background:none;color:inherit;font-size:17px;cursor:pointer}.empty-state{text-align:center;padding:44px 20px;color:#7f8b9c}.empty-state>span{font-size:30px;color:#7195ed}.empty-state h3{font-size:14px;color:#344056}.empty-state p{font-size:11px;max-width:420px;margin:0 auto}.tiny{font-size:9px}.danger{color:#bd5555}.login-page,.setup{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 15%,#edf3ff,transparent 38%),#f5f7fb}.login-card,.setup-card{background:#fff;width:min(100%,420px);padding:30px;border:1px solid #edf0f5;border-radius:14px;box-shadow:0 16px 50px #243a5b12}.login-card .brand{padding:0 0 24px}.login-card .eyebrow{margin-bottom:7px}.login-card h1,.setup-card h1{font-size:24px;letter-spacing:-.8px;margin:0 0 5px}.login-card>p{font-size:11px}.login-card form{display:grid;gap:13px;margin-top:19px}.login-card label{font-size:10.5px}.login-card input{font-size:12px;padding:11px}.demo-box{margin-top:19px;background:#f7f9fc;border-radius:8px;padding:12px}.demo-box>b,.demo-box>span{display:block}.demo-box>b{font-size:10.5px}.demo-box>span{font-size:9.5px;color:#798599;margin-top:3px}.demo-box code{color:#315fc8}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.demo-grid a{background:white;border:1px solid #edf0f5;border-radius:5px;text-align:center;text-decoration:none;color:#4e5b70;padding:6px 2px;font-size:9px;font-weight:650}.login-card .tiny{line-height:1.55}.setup-card{width:min(100%,560px)}.setup-card .brandmark{margin-bottom:14px}.cred-list{background:#f8faff;padding:10px 13px;border-radius:8px;margin:12px 0 17px;display:grid;grid-template-columns:1fr 1.5fr;gap:7px;font-size:10px}.cred-list span{color:#637086}.setup-card pre{white-space:pre-wrap;background:#fff5f4;color:#a84646;padding:10px;border-radius:6px;font-size:10px}.tall{height:280px;margin-top:8px}
@media(max-width:1100px){.sidebar{width:210px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:repeat(2,minmax(130px,1fr))}.inline-form .btn{min-height:37px}.dash-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}}@media(max-width:820px){.dash-grid,.dash-grid.lower,.split{grid-template-columns:1fr}.content{padding:24px 20px}.topbar{padding:0 20px}.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.sidebar{width:59px;padding:17px 7px}.brand{padding:0 7px 22px}.brand span,.nav-label,.nav-link>span:not(.nav-icon),.profile-copy{display:none}.nav-link{justify-content:center;padding:11px 2px}.nav-icon{font-size:17px}.profile{justify-content:center;padding:13px 0 0}.topbar{height:58px;padding:0 13px}.search{width:32px;border:0;background:none;padding:0;justify-content:center;font-size:0}.search:after{content:'⌕';font-size:21px}.mobile-brand{display:block;font-size:11px;font-weight:800;color:#394862;white-space:nowrap}.top-actions{gap:7px}.top-name,.date-pill{display:none}.content{padding:20px 12px}.page-head{align-items:flex-start}.page-head h1{font-size:20px}.page-head>.btn{padding:8px;font-size:10px}.stats{gap:8px}.stat{padding:12px;min-height:98px}.stat-value{font-size:20px}.stat-note{font-size:9px}.panel{padding:14px}.dash-grid{gap:9px;margin-top:10px}.chart{height:188px;padding-left:3px;padding-right:3px;gap:5px}.chart-col{min-width:19px}.chart-col small{font-size:8px}.panel-heading{align-items:flex-start}.panel-heading .text-link{font-size:9px}.table-wrap{margin:0 -3px;width:calc(100% + 6px)}th,td{padding:10px 8px}.inline-form{grid-template-columns:1fr 1fr}.wage-summary b{font-size:12px}.wage-summary div{padding:10px 8px}.wage-summary small{font-size:8px}.page-head p{font-size:10px}}@media(max-width:390px){.stats{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.demo-grid{grid-template-columns:repeat(3,1fr)}.login-card,.setup-card{padding:23px}}