@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182438;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;background:#f5f7fb;color:#1b293d;display:flex}.sidebar{width:248px;background:#101b2d;color:#d6dfeb;display:flex;flex-direction:column;padding:25px 15px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 34px}.brand-mark{width:36px;height:36px;border-radius:11px;background:#f36c21;color:#fff;display:grid;place-items:center;font:800 21px Manrope}.brand b{display:block;font:800 13px Manrope;letter-spacing:1.2px;color:#fff}.brand span{display:block;font-size:9px;letter-spacing:1.5px;color:#8fa0b7;margin-top:3px}.workspace-label{font-size:10px;letter-spacing:1.4px;color:#73849c;padding:0 11px 10px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9eacc0;display:flex;align-items:center;gap:12px;padding:12px 11px;border-radius:8px;text-align:left;font:500 13px DM Sans;cursor:pointer;width:100%}.nav-item:hover,.nav-item.active{background:#22334c;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #f36c21}.sidebar-bottom{margin-top:auto}.profile-mini{display:flex;align-items:center;gap:10px;border-top:1px solid #29374b;margin-top:16px;padding:18px 6px 0}.profile-mini b,.profile-mini span{display:block}.profile-mini b{font-size:12px;color:#fff}.profile-mini span{font-size:11px;color:#91a1b6;margin-top:3px}.profile-mini>svg{margin-left:auto;color:#8292a8}.main{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.top-left,.top-actions{display:flex;align-items:center;gap:17px}.crumb{font-size:12px;color:#69788d}.crumb span{color:#bdc6d1;margin:0 7px}.icon-btn{border:0;background:transparent;color:#627187;display:grid;place-items:center;padding:7px;border-radius:8px;cursor:pointer}.icon-btn:hover{background:#f0f3f8}.top-actions select,.toolbar select{border:1px solid #e1e7ef;background:#fff;color:#35445a;padding:9px 30px 9px 11px;border-radius:8px;font:500 12px DM Sans}.demo-tag{font-size:9px;letter-spacing:1px;font-weight:700;color:#a45a16;background:#fff3df;border:1px solid #f9e2bc;padding:6px 8px;border-radius:5px}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef7b42;right:5px;top:5px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8edf7;color:#425a80;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar.small{width:30px;height:30px}.content{max-width:1510px;margin:auto;padding:32px 36px 22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#8b98a9;margin-bottom:8px}.page-heading h1{font:800 27px Manrope;margin:0;color:#17253a;letter-spacing:-.7px}.page-heading p{font-size:13px;color:#7a8799;margin:7px 0 0}.heading-actions{display:flex;gap:9px}.btn{border:1px solid #e0e6ee;background:#fff;color:#425168;padding:10px 13px;border-radius:8px;font:600 12px DM Sans;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.primary{background:#f36c21;border-color:#f36c21;color:#fff}.btn.primary:hover{background:#df5d17}.btn.secondary:hover{background:#f7f9fc}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid #e8edf3;border-radius:11px;box-shadow:0 2px 8px #1a2c4605}.stat-card{padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#69788c;font-size:12px;font-weight:600}.stat-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center}.stat-icon.green{background:#e9f8ef;color:#22965a}.stat-icon.blue{background:#eaf2ff;color:#3b75c9}.stat-icon.amber{background:#fff5df;color:#c78a20}.stat-icon.gray{background:#f0f2f5;color:#7d8998}.stat-icon.rose{background:#fff0ef;color:#cf6259}.stat-icon.violet{background:#f2edff;color:#7959be}.stat-icon.slate{background:#eef1f5;color:#66758b}.stat-number{font:800 27px Manrope;color:#1b293d;margin-top:11px}.stat-sub{font-size:10px;color:#98a3b1;margin-top:2px}.panel{padding:19px 20px;margin-bottom:17px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{font:700 15px Manrope;margin:0;color:#1e2c40}.panel-header p{font-size:11px;color:#8a96a5;margin:5px 0 0}.live-indicator{font-size:10px;color:#49866a;background:#eff9f2;padding:7px 9px;border-radius:20px;display:flex;align-items:center;gap:6px}.live-indicator i{width:6px;height:6px;background:#38a66c;border-radius:50%}.toolbar{display:flex;gap:9px;margin:19px 0 13px}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #e2e8ef;border-radius:8px;padding:0 10px;max-width:330px;flex:1;color:#9aa5b3}.searchbox input{border:0;outline:0;padding:10px 0;width:100%;font:12px DM Sans;color:#34445a}.small-btn{padding:8px 10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.7px;color:#9aa5b2;font-weight:700;padding:12px 10px;border-bottom:1px solid #edf0f4}td{padding:12px 10px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#5f6d80}tbody tr:last-child td{border-bottom:0}.employee-cell{display:flex;align-items:center;gap:9px}.employee-cell b{display:block;color:#28364b;font-size:11px}.employee-cell span{display:block;font-size:10px;color:#9aa5b2;margin-top:3px}.team-name{display:block;color:#39485d}.team-name+small{display:block;color:#a0aab6;font-size:9px;margin-top:3px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:600}.status-pill.green{background:#eaf8ef;color:#278c58}.status-pill.amber{background:#fff5e2;color:#ad771a}.status-pill.blue{background:#eaf2ff;color:#4278c3}.status-pill.rose{background:#fff0ef;color:#c35d55}.status-pill.violet{background:#f2edff;color:#7658b8}.status-pill.slate{background:#eef1f5;color:#64738a}.status-pill.gray{background:#f1f3f6;color:#7e8997}.more-btn{border:0;background:transparent;color:#8b98a8;cursor:pointer}.table-footer{border-top:1px solid #edf0f4;padding-top:12px;margin-top:4px;display:flex;justify-content:space-between;color:#9aa5b2;font-size:10px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.quick-status{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #edf0f4;background:#fff;border-radius:8px;text-align:left;color:#4b5b70;font:500 10px DM Sans;cursor:pointer}.quick-status:hover{border-color:#f3a16f;background:#fffaf7}.quick-status .stat-icon{width:29px;height:29px}.note{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#f5f8fc;color:#78879b;border-radius:7px;font-size:10px;line-height:1.5;margin-top:14px}.note svg{flex-shrink:0;color:#6688b4}.setup-list{margin-top:13px}.setup-list>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f2f5}.setup-list>div:last-child{border:0}.setup-check{width:24px;height:24px;border-radius:7px;background:#f1f5fa;color:#74859b;display:grid;place-items:center;font-size:10px;font-weight:700}.setup-list b,.setup-list small{display:block}.setup-list b{font-size:11px;color:#3b4a60}.setup-list small{font-size:10px;color:#98a3b1;margin-top:3px}.planned{margin-left:auto;color:#b17b37;background:#fff6e8;border-radius:12px;padding:4px 7px;font-size:9px}footer{display:flex;justify-content:space-between;color:#a2acb8;font-size:10px;padding:8px 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14203370;display:grid;place-items:center;padding:20px;z-index:5}.settings-modal{width:min(430px,100%);background:#fff;border-radius:14px;padding:23px;box-shadow:0 18px 60px #0b162b40}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font:800 19px Manrope;margin:0}.modal-head p{font-size:12px;color:#8491a1;margin:6px 0 0}.settings-modal label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#59687d;margin:15px 0}.settings-modal select{padding:11px;border:1px solid #e2e7ee;border-radius:8px;background:#fff;color:#34445a;font:12px DM Sans}.modal-note{background:#f5f8fc;border-radius:8px;padding:11px;color:#7f8da0;font-size:10px;line-height:1.5;margin:17px 0}.full{width:100%;justify-content:center}.toast{position:fixed;bottom:24px;right:24px;background:#1d2b40;color:#fff;padding:12px 16px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #11182730;z-index:10}.empty{text-align:center;padding:30px;color:#8b98a8;font-size:12px}.dark{background:#101827;color:#e5ebf4}.dark .main,.dark .content{background:#101827}.dark .topbar,.dark .panel,.dark .stat-card,.dark .settings-modal{background:#182438;border-color:#2a3850;color:#e5ebf4}.dark .page-heading h1,.dark .panel-header h2,.dark .stat-number,.dark .employee-cell b{color:#e5ebf4}.dark .page-heading p,.dark .panel-header p,.dark td{color:#a5b2c4}.dark .topbar{border-color:#2a3850}.dark .topbar select,.dark .toolbar select,.dark .searchbox,.dark .searchbox input,.dark .quick-status,.dark .settings-modal select{background:#1d2b40;border-color:#35445a;color:#dce5f0}.dark th,.dark td,.dark .table-footer,.dark .setup-list>div{border-color:#2a3850}.dark .note{background:#202f45;color:#a5b2c4}.dark .modal-head h2{color:#e5ebf4}.compact .stat-card{padding:12px 14px}.compact .panel{padding:14px 16px}.compact td{padding:8px 10px}.compact .content{padding-top:24px}@media(max-width:1050px){.sidebar{width:215px}.content{padding:26px 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:64px;padding:20px 8px}.brand{padding:0 5px 30px}.brand>div:last-child,.workspace-label,.nav-item span,.profile-mini>div,.profile-mini>svg{display:none}.nav-item{justify-content:center;padding:13px 8px}.profile-mini{justify-content:center;padding:15px 0 0}.topbar{padding:0 14px}.crumb{display:none}.top-actions{gap:7px}.demo-tag{display:none}.content{padding:22px 13px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions .btn{flex:1;justify-content:center}.stats-grid{gap:9px}.stat-card{padding:13px}.lower-grid{grid-template-columns:1fr}.table-footer{gap:8px;flex-direction:column}.toolbar{flex-wrap:wrap}.searchbox{max-width:none;flex-basis:100%}.quick-status-grid{grid-template-columns:repeat(2,1fr)}footer{gap:8px;flex-direction:column}}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.role-preview{display:flex;align-items:center;gap:6px;color:#8491a1;font-size:10px}.role-preview select{font-size:12px}@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-preview{gap:3px}.role-preview select{max-width:100px}}