*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b2348;background:#f6f8fb;font-synthesis:none}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb}button,input{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.login-shell{width:min(100%,440px);padding:10px 4px}.brand{text-align:center;margin-bottom:18px}.logo{width:176px;max-width:48vw;height:auto;object-fit:contain}.hr-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.hr-label span{width:32px;height:2px;border-radius:999px;background:linear-gradient(90deg,#159447,#1479d7)}.hr-label strong{font-size:11px;letter-spacing:.24em;color:#67758b}.welcome{text-align:center;margin:20px 0 26px}.welcome h1{font-size:38px;line-height:1;margin:0 0 10px;letter-spacing:-.045em}.welcome p{margin:0;color:#6b7890;font-size:17px}.login-form{display:grid;gap:15px}.login-form label>span{display:block;margin-bottom:7px;color:#10264b;font-weight:700;font-size:14px}.login-form input[type=text],.login-form input[type=password]{width:100%;height:48px;border:1px solid #cfd9e7;border-radius:10px;background:#fff;color:#213149;padding:0 14px;outline:none}.login-form input:focus{border-color:#1479d7;box-shadow:0 0 0 3px #1479d71a}.password-field{position:relative}.password-field input{padding-right:48px!important}.eye{position:absolute;inset:0 8px 0 auto;width:38px;border:0;background:transparent;cursor:pointer;color:#2b3340;font-size:18px}.remember{display:flex!important;align-items:center;gap:9px;margin-top:-2px;color:#536176;font-weight:600;font-size:13px}.remember input{width:18px;height:18px;margin:0}.remember span{margin:0!important;font-weight:600!important;color:#536176!important}.submit{width:100%;min-height:48px;border:0;border-radius:10px;background:#1479d7;color:#fff;font-size:16px;font-weight:750;cursor:pointer}.submit:hover{background:#106fc8}.submit:disabled{opacity:.65}.error{margin:0;color:#b42318;font-size:13px;font-weight:600}.solution{display:flex;align-items:center;gap:10px;margin:24px 0 14px}.solution span{height:1px;background:#dfe7f0;flex:1}.solution p{margin:0;max-width:305px;text-align:center;color:#6b7890;font-size:12px;line-height:1.4}footer{text-align:center;color:#758198;font-size:10px;letter-spacing:.15em}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:#f6f8fb}.sidebar{position:sticky;top:0;height:100vh;background:#0b2348;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;flex-direction:column;align-items:center;padding:4px 10px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{width:138px;background:#fff;border-radius:8px;padding:5px}.sidebar-brand span{margin-top:10px;font-size:10px;letter-spacing:.22em;color:#b7c3d5}.sidebar nav{display:grid;gap:5px;margin-top:18px}.sidebar nav button{border:0;background:transparent;color:#cbd5e4;text-align:left;padding:11px 13px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:650}.sidebar nav button:hover,.sidebar nav button.active{background:#1479d7;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.user-card{display:grid;gap:3px;margin-bottom:12px}.user-card small{color:#9fb0c6}.signout-link{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;width:100%;padding:9px;border-radius:8px;cursor:pointer}.workspace{min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid #e4e9f0;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.topbar h1{font-size:22px;margin:0 0 3px}.topbar p{margin:0;color:#7b8799;font-size:13px}.topbar-badge{background:#eef5ff;color:#0d65ba;border:1px solid #d4e7fb;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700}.content{padding:28px 30px;max-width:1400px}.hero-card{background:linear-gradient(135deg,#0b2348,#123d73);color:#fff;padding:28px;border-radius:16px;box-shadow:0 12px 32px #0b23481f}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;color:#7fa9d4}.hero-card .eyebrow{color:#a9c8ea}.hero-card h2{margin:8px 0;font-size:28px}.hero-card p{margin:0;color:#d5e1ef}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.metric-grid article,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 24px #2437500a}.metric-grid article{padding:20px;display:grid;gap:7px}.metric-grid span{font-size:12px;color:#718096;font-weight:700}.metric-grid strong{font-size:28px}.metric-grid small{color:#8995a7}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-title h3{margin:0;font-size:18px}.panel-title p{margin:5px 0 0;color:#7b8799;font-size:13px}.panel-title button{border:1px solid #d6dee9;background:#fff;color:#23405f;padding:8px 12px;border-radius:8px;cursor:pointer}.status-list{display:grid}.status-list>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #edf1f5}.status-list>div:first-child{border-top:0}.done{color:#12844b;font-weight:700}.pending{color:#a56500;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#66758a;background:#f8fafc;padding:11px;border-bottom:1px solid #e4e9ef}td{padding:12px 11px;border-bottom:1px solid #edf1f5;color:#26384e}.empty{text-align:center;color:#7d8898;padding:28px}.module-placeholder{max-width:760px}.module-placeholder h2{font-size:26px;margin:10px 0}.module-placeholder p{color:#67758b;line-height:1.6}.migration-note{margin-top:20px;background:#f5f8fc;border:1px solid #e0e8f2;border-radius:10px;padding:14px;color:#4c5c72;font-size:13px}.notice{margin:18px 30px 0;padding:12px 14px;border-radius:10px}.error-notice{background:#fff1f0;border:1px solid #ffd5d2;color:#a12620}@media(max-width:900px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px}.sidebar-brand img{width:52px}.sidebar-brand span,.sidebar nav button span,.user-card,.signout-link{font-size:0}.sidebar nav button{height:42px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.app-shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar nav button span{font-size:11px}.sidebar-brand span,.user-card,.signout-link{font-size:inherit}.topbar{padding:0 16px}.content{padding:18px 14px}.metric-grid{grid-template-columns:1fr}.page-shell{padding:18px 14px}.login-shell{max-width:380px}.logo{width:150px}.welcome h1{font-size:32px}}.sidebar{width:245px;padding:18px 14px}.sidebar nav{overflow-y:auto;padding-right:2px;margin-top:12px}.nav-group{margin:8px 0 3px}.nav-group-title{padding:8px 11px 5px;color:#8398b5;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar nav button{padding:8px 11px;font-size:12.5px}.home-nav{margin-bottom:4px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-grid button{display:grid;gap:5px;text-align:left;border:1px solid #e1e8f0;background:#fbfcfe;border-radius:11px;padding:16px;cursor:pointer;color:#173253}.quick-grid button:hover{border-color:#b9d4ef;background:#f4f9ff}.quick-grid b{font-size:14px}.quick-grid span{font-size:12px;color:#718096}@media(max-width:900px){.nav-group-title{display:none}.sidebar nav{overflow:visible}.quick-grid{grid-template-columns:1fr}}.slots-admin-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:#f5f7fa;color:#162c4a}.slots-admin-side{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#071a38,#0b2449);color:#fff;padding:20px 14px;display:flex;flex-direction:column}.slots-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px}.slots-mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#159447,#1479d7);font-weight:900;font-size:22px}.slots-brand b{display:block;font-size:20px;letter-spacing:.03em}.slots-brand span{display:block;color:#9cb0ca;font-size:11px;margin-top:2px}.slots-section-label{color:#7188a7;font-size:10px;font-weight:800;letter-spacing:.12em;padding:12px 10px 8px}.slots-admin-side nav{display:grid;gap:4px}.slots-admin-side nav button{border:0;background:transparent;color:#cbd6e5;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;font-size:13px;font-weight:650}.slots-admin-side nav button.active,.slots-admin-side nav button:hover{background:#16416e;color:#fff}.nav-icon{display:inline-block;width:27px;color:#8db1d6}.slots-admin-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:16px 8px 0;display:grid;gap:3px}.slots-admin-bottom span{font-size:11px;color:#91a6c1}.slots-admin-bottom button{margin-top:9px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:7px;padding:8px;cursor:pointer}.slots-main{min-width:0}.slots-topbar{height:62px;background:#fff;border-bottom:1px solid #e1e6ed;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;font-size:12px;color:#52647b}.menu-icon{font-size:20px;margin-right:18px;color:#172f50}.slots-top-search{background:#f4f6f9;border:1px solid #e6e9ee;border-radius:5px;padding:8px 80px;color:#8a96a6}.platform-owner{justify-self:end;text-align:right}.platform-owner b,.platform-owner span{display:block}.platform-owner span{font-size:10px;color:#8995a5}.slots-content{padding:22px 28px;max-width:1500px}.slots-banner{background:linear-gradient(105deg,#083564,#061c3b);color:#fff;border-radius:6px;padding:22px 25px}.slots-banner>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#9eb9d7}.slots-banner h1{margin:7px 0 5px;font-size:26px}.slots-banner p{margin:0;color:#c7d5e5;font-size:12px}.slots-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0}.slots-kpis article{background:#fff;border:1px solid #e0e5eb;border-radius:6px;padding:17px 19px;box-shadow:0 2px 7px #1528440a}.slots-kpis span{display:block;font-size:10px;color:#617289;font-weight:800;letter-spacing:.04em}.slots-kpis b{display:block;font-size:27px;margin-top:7px;color:#122b4d}.slots-quick,.table-card,.form-card,.info-card{background:#fff;border:1px solid #e0e5eb;border-radius:6px;box-shadow:0 2px 7px #1528440a}.slots-quick{padding:18px 20px}.slots-quick h3{margin:0 0 3px;font-size:15px}.slots-quick p{margin:0 0 16px;color:#718096;font-size:11px}.slots-quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slots-quick button,.primary-action{border:1px solid #dce3ea;background:#fff;color:#173658;border-radius:5px;padding:10px 13px;cursor:pointer;font-weight:650}.slots-quick button:hover{background:#f7f9fc}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-head h1{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:#77869a;font-size:12px}.primary-action{background:#0d5ca8;color:#fff;border-color:#0d5ca8}.form-card{padding:18px;margin-bottom:16px}.form-card h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.form-grid input,.form-grid select{height:40px;border:1px solid #d6dee8;border-radius:5px;padding:0 10px;background:#fff}.table-card{overflow:auto}.table-card table{min-width:760px}.status-pill{display:inline-block;border-radius:999px;padding:4px 8px;background:#eaf7ef;color:#167446;text-transform:capitalize;font-size:11px;font-weight:700}.info-card{padding:14px 16px;margin-bottom:14px;color:#53657c;font-size:12px}@media(max-width:850px){.slots-admin-shell{grid-template-columns:190px 1fr}.slots-top-search{display:none}.slots-topbar{grid-template-columns:1fr 1fr}.slots-kpis{grid-template-columns:repeat(2,1fr)}.slots-quick>div,.form-grid{grid-template-columns:1fr}}.client-shell{min-height:100vh;background:#f7f8fc;color:#17233d;display:grid;grid-template-columns:260px 1fr;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.client-side{background:#fff;border-right:1px solid #e7e9f1;position:fixed;inset:0 auto 0 0;width:260px;overflow-y:auto;z-index:5;padding-bottom:110px}.client-brand{height:92px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #eef0f5}.client-brand-icon{width:36px;height:36px;border-radius:11px;background:#7348ed;color:#fff;display:grid;place-items:center;font-size:20px}.client-brand b{display:block;font-size:20px}.client-brand span{display:block;color:#69748c;font-size:12px}.collapse-btn{margin-left:auto;border:0;background:none;color:#7348ed;font-size:24px}.client-nav{padding:12px 14px}.client-nav button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:8px;color:#17233d;cursor:pointer}.client-nav button:hover,.client-nav button.active{background:#f1edff;color:#6237e6}.client-dashboard-btn{font-weight:700}.client-nav-group{border-top:1px solid #eef0f5;margin-top:12px;padding-top:12px}.client-nav-group-title{color:#683be9;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.08em;padding:8px 8px 6px;display:flex;justify-content:space-between}.client-icon{width:18px;text-align:center}.nav-copy{display:flex;flex-direction:column;gap:2px;flex:1}.nav-copy b{font-size:13px}.nav-copy small{font-size:10px;color:#8b94a8;font-weight:500}.chev{color:#77829a}.client-side-bottom{position:fixed;bottom:0;width:260px;background:#fff;border-top:1px solid #e8eaf1;padding:14px 18px;display:flex;flex-direction:column}.client-side-bottom span{font-size:11px;color:#7b859b}.client-side-bottom button{margin-top:8px;border:1px solid #dfe3ec;background:#fff;border-radius:7px;padding:8px}.client-main{grid-column:2;min-width:0}.client-topbar{height:54px;background:#fff;border-bottom:1px solid #e8eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}.crumb{font-size:12px;color:#64708a}.client-top-actions button{border:0;background:none;margin-left:12px}.client-content{padding:22px 28px 40px;max-width:1500px;margin:auto}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-head h1{font-size:24px;margin:0 0 5px}.dash-head p{margin:0;color:#7a8498;font-size:13px}.quick-action{background:#fff;border:1px solid #dfe3ec;border-radius:8px;padding:10px 34px;color:#657087}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.dash-kpis article,.dash-panel{background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 1px 2px #141e3c05}.dash-kpis article{padding:16px}.kpi-top{display:flex;align-items:center;gap:9px;font-size:11px}.kpi-icon{width:28px;height:28px;border-radius:8px;background:#f0eaff;color:#7447eb;display:grid;place-items:center}.dash-kpis strong{display:block;font-size:21px;margin:10px 0 5px}.dash-kpis small{font-size:10px;color:#8993a8}.dash-grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-bottom:12px}.dash-panel{padding:15px}.dash-panel h3,.quick-links h3{font-size:13px;margin:0 0 14px}.attendance-wrap{display:flex;align-items:center;gap:36px}.donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#36c58c 0,#36c58c 70%,#ff6975 70%,#ff6975 88%,#f3b940 88%);position:relative;margin:8px 10px}.donut:after{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;background:#fff;border-radius:50%}.legend{flex:1}.legend>div,.leave-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef0f4;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.present{background:#36c58c}.absent{background:#ff6975}.leave{background:#f3b940}.green{color:#18a86a}.amber{color:#d98c0b}.red{color:#e34b5b}.recruitment-panel{margin-bottom:12px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pipe{border-radius:10px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:7px}.pipe b,.pipe span{font-size:10px}.pipe strong{font-size:18px}.sourcing{background:#f0eaff;color:#6c42df}.screening{background:#eaf5ff;color:#1673b9}.shortlisted{background:#e9faf7;color:#118b7a}.processing{background:#fff5e5;color:#c5790b}.deployed{background:#edf9ef;color:#18823c}.bottom-grid{align-items:start}.payroll-card>small{color:#8b95a8;font-size:10px}.pay-amount{font-size:20px;font-weight:800;margin:12px 0}.bars{height:62px;display:flex;align-items:end;gap:8px}.bars i{display:block;flex:1;background:#ccefe1;border-radius:5px 5px 0 0}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:40%}.bars i:nth-child(3){height:56%}.bars i:nth-child(4){height:48%}.bars i:nth-child(5){height:67%}.bars i:nth-child(6){height:60%}.bars i:nth-child(7){height:82%}.pay-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.pay-mini>div{border:1px solid #e5e8ef;border-radius:7px;padding:8px;display:flex;flex-direction:column}.pay-mini small{font-size:9px;color:#8791a6}.pay-mini b{font-size:10px;margin-top:5px}.quick-links{padding:3px 0}.quick-links>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-links button{border:1px solid #dfe3ec;background:#fff;border-radius:8px;padding:10px;color:#657087}.recent>div{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding:10px 0;font-size:10px}.module-work{min-height:160px}.module-work p{color:#6f7b92}@media(max-width:1100px){.client-shell{grid-template-columns:220px 1fr}.client-side,.client-side-bottom{width:220px}.dash-kpis,.pipeline{grid-template-columns:repeat(2,1fr)}}