:root{--navy:#112f43;--navy-deep:#102a3d;--blue:#347bf0;--teal:#17ae96;--text:#243243;--muted:#86909e;--line:#e8ecf1;--surface:#fff;--background:#f5f7fa;--heading:'Manrope',sans-serif;--body:'IBM Plex Sans',sans-serif;--sidebar:222px}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--background);color:var(--text);font:13px var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70b3fa;outline-offset:3px}button svg,a svg{flex-shrink:0}svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}h2{font-size:13px;font-weight:750}h3{font-size:13px}input,select{min-width:0;max-width:100%;height:36px;border:1px solid #e0e5ed;border-radius:5px;background:#fff;color:var(--text);padding:0 11px}input[type=date]{min-width:137px}select{padding-right:24px}small{font-size:10px}strong{font-weight:600}[hidden]{display:none!important}.muted{color:var(--muted)}.good{color:#159b76!important}.poor{color:#e86b70!important}.warning{color:#d58a22}.danger{color:#dd6368}.info{color:#347bf0}.blue{background:#eaf1fe;color:#347bf0}.green{background:#e7f7f0;color:#189a76}.teal{background:#e4f7f3;color:#10a790}.violet{background:#f1edfd;color:#9270d7}.amber{background:#fff3df;color:#e2a030}.rose{background:#fff0f1;color:#e5767d}.neutral{background:#edf0f3;color:#81909e}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(155deg,#173c51 0%,#102b3f 57%,#10293b 100%);color:#c0cdd7;z-index:40;display:flex;flex-direction:column;padding:27px 15px 0;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:9px;font-family:var(--heading);font-size:30px;font-weight:800;color:#fff;line-height:1.05;padding:0 11px}.brand-x{color:#6fe0bc}.brand-mark{width:36px;height:40px;display:grid;place-items:center;color:#78e4c5}.brand-mark svg{width:35px;height:35px;stroke-width:1.6}.brand small{display:block;font-family:var(--body);font-size:7px;letter-spacing:1.8px!important;font-weight:400;margin-top:7px;color:#a8c0ce}.workspace-label{margin:27px 0 25px;padding:12px 7px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;display:flex;gap:9px;align-items:center;font-size:11px;color:#e2eaf0}.workspace-label>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.workspace-label small{display:block;color:#829fad;font-size:9px;margin-top:4px}.workspace-icon{width:29px;height:30px;border:1px solid #ffffff1e;border-radius:5px;display:grid;place-items:center}.workspace-icon svg{width:15px}.workspace-label>svg{width:12px}.nav-label{font-size:8px;font-weight:500;letter-spacing:1.3px!important;color:#7794a6;margin:0 12px 10px}.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:10px 12px;font-size:11px;color:#bbccd9;border-radius:5px;margin-bottom:3px;transition:background .15s,color .15s}.nav-item svg{width:16px;height:16px;stroke-width:1.6;color:#a0b8c9}.nav-item.active{background:#347bf0;color:white;box-shadow:0 3px 8px #0000000d}.nav-item.active svg{color:white}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active:hover{background:#347bf0}.nav-count{font-size:9px;font-weight:500;background:#f2b85e;color:#173c51;margin-left:auto;padding:1px 5px;border-radius:4px}.setup-label{margin-top:24px}.sidebar-footer{margin-top:auto;padding:30px 10px 15px;font-size:9px;color:#7896a8;display:flex;align-items:center;gap:6px}.connection-dot,.live-dot{height:6px;width:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#24b396}.version{margin-left:auto;font-size:8px}.sidebar-profile{margin:0 -15px;padding:17px 19px;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:9px;font-size:10px;color:#fff}.sidebar-profile small{display:block;color:#829caf;font-size:9px;margin-top:3px}.sidebar-profile form{margin-left:auto}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;background:#edf0f7;color:#49617d;font-size:11px;font-weight:600}.profile-avatar{background:#d3e6e7;color:#38626d}.icon-button{width:30px;height:30px;border:0;border-radius:4px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#84919f;padding:5px}.icon-button:hover{background:#eef2f7;color:var(--blue)}.icon-button.light{color:#8da7b9}.icon-button.light:hover{background:#ffffff10}.icon-button svg{width:16px;height:16px}.app-shell{margin-left:var(--sidebar);min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.breadcrumb{color:#8994a1;font-size:11px}.breadcrumb span{margin:0 12px;color:#c2c8cf}.breadcrumb strong{font-weight:500;color:#4c5766}.topbar-date{display:flex;align-items:center;gap:7px;font-size:10px;color:#657487}.topbar-date svg{width:14px}.topbar-separator{height:20px;width:1px;background:var(--line)}.notification{position:relative}.notification>span{position:absolute;top:5px;right:7px;width:5px;height:5px;background:#ea897b;outline:2px solid white;border-radius:50%}.top-avatar{width:29px;height:29px;background:#edf2ef;color:#58796c}.menu-toggle{display:none}main{padding:25px 26px 0;max-width:2000px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.1px!important;color:#8b98a7;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:7px}.eyebrow .live-dot{width:5px;height:5px}.demo-label{font-size:7px;letter-spacing:.7px!important;background:#ebeff4;padding:2px 5px;border-radius:3px;color:#8391a0;margin-left:4px}h1{font-size:26px;font-weight:800;line-height:1.3;color:#253347}.page-heading p{font-size:11px;color:#939ba7;margin-top:5px}.tenant-switch{display:flex;align-items:center;gap:10px;border:1px solid #e1e6ec;border-radius:6px;background:white;padding:8px 10px;min-width:203px}.tenant-symbol{display:grid;place-items:center;width:29px;height:29px;background:#edf4fc;border-radius:4px;color:#6486ad}.tenant-symbol svg{width:16px}.tenant-switch label{display:block;font-size:7px;letter-spacing:1px!important;color:#98a2b0;flex:1}.tenant-switch select{height:23px;width:100%;border:0;padding:0 19px 0 0;font-size:11px;font-weight:600}.filter-bar{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:11px 13px;margin-bottom:18px}.filter-title{display:flex;align-items:center;gap:8px;font-size:10px;color:#6d7b8c;padding-right:16px;border-right:1px solid var(--line)}.filter-title svg{width:14px}.filter-bar label{display:flex;align-items:center;gap:9px;font-size:10px;color:#8b95a4}.filter-bar input,.filter-bar select{height:29px;font-size:10px;border-color:#e9edf3;padding-left:8px}.filter-bar select{min-width:120px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e7ee;border-radius:5px;background:#fff;padding:8px 13px;font-size:11px;font-weight:500;min-height:34px;white-space:nowrap;color:#5e6f82;transition:background .15s}.button svg{width:14px;height:14px}.button:hover{background:#f4f7fa}.button.primary,.refresh-button{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 3px #347bf012}.button.primary:hover,.refresh-button:hover{background:#206ade}.refresh-button{margin-left:auto;min-height:29px;padding:6px 11px;font-size:10px}.reset-filters{width:22px;height:25px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:17px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px 15px 12px;min-width:0;animation:enter .4s ease both}.kpi-card:nth-child(2){animation-delay:.035s}.kpi-card:nth-child(3){animation-delay:.07s}.kpi-card:nth-child(4){animation-delay:.105s}.kpi-card:nth-child(5){animation-delay:.14s}.kpi-card:nth-child(6){animation-delay:.175s}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#6c7888;font-size:10px;font-weight:500}.metric-icon{height:29px;width:29px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:6px}.metric-icon svg{width:16px;height:16px}.metric-value{font-family:var(--heading);font-size:26px;font-weight:800;color:#2d3b4f;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-value>span{font-size:17px;font-weight:600;margin-left:2px}.metric-detail{font-size:8px;color:#99a1ad;display:flex;align-items:center;gap:5px;margin-top:2px}.tiny-dot{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:currentColor}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,1fr) minmax(0,.97fr);gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 16px 0}.panel-heading h2{font-size:11px;font-weight:750}.panel-heading p{font-size:9px;color:#9aa3b0;margin-top:5px}.panel-icon{width:16px;color:#a4b1c1}.compact-select{height:25px;font-size:8px;color:#7d8898;padding:0 20px 0 7px;border-color:#edf0f5;max-width:110px}.chart-legend{display:flex;gap:14px;padding:15px 17px 0;font-size:8px;color:#8c95a3}.chart-legend>span{display:flex;align-items:center;gap:5px}.legend-square{width:6px;height:6px;border-radius:1px;background:#3983f5}.legend-line{height:2px;width:12px;background:#86b976}.chart-container{position:relative;width:100%;min-width:0}.bar-chart{height:192px;padding:9px 12px 8px}.donut-layout{display:flex;align-items:center;gap:12px;padding:23px 17px 20px}.donut-container{width:122px;aspect-ratio:1;position:relative;flex-shrink:0}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.donut-center strong{font:800 25px var(--heading);color:#304055}.donut-center span{font-size:8px;color:#98a2ad;margin-top:3px}.donut-legend{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.donut-legend>div{display:flex;align-items:center;gap:5px;font-size:8px}.legend-dot{width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.blue{background:#3279ef}.legend-dot.teal{background:#18b29c}.legend-dot.rose{background:#ef8188}.legend-dot.amber{background:#f5bc5b}.donut-legend>div>span:nth-child(2){flex:1;color:#7b8798;overflow-wrap:anywhere}.donut-legend strong{font-size:9px}.donut-legend small{font-size:7px;color:#a4adba;min-width:21px;text-align:right}.attendance-layout{padding:22px 20px 18px;gap:20px}.attendance-layout .donut-container{width:126px}.attendance-legend{display:flex;flex-direction:column;gap:16px;flex:1}.attendance-legend>div{display:flex;align-items:center;gap:7px;font-size:9px;color:#83909f}.attendance-legend strong{margin-left:auto;color:#46566a}.attendance-note{margin:0 17px 16px;padding-top:12px;border-top:1px solid #f0f2f6;font-size:9px;color:#8896a4;display:flex;align-items:center;gap:6px}.attendance-note .live-dot{height:5px;width:5px}.text-link{font-size:9px;color:#6396dc;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.text-link svg{width:12px;height:12px}.text-link:hover{color:#216de0}.table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;font-weight:500;color:#8490a1;background:#f8f9fc;white-space:nowrap;padding:11px 15px;border-bottom:1px solid var(--line)}td{padding:12px 15px;border-bottom:1px solid #f0f2f6;color:#657184}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}td strong{color:#3e4f63}tfoot{background:#f7f9fc;font-weight:600}tfoot td{padding-top:9px;padding-bottom:9px;color:#486076}.task-panel .table-scroll{padding:13px 13px 12px}.summary-table{font-size:9px}.summary-table th{font-size:8px;background:#f5f7fb;padding:8px 7px;color:#8390a1}.summary-table td{font-size:8px;padding:7px;color:#788493}.summary-table td:first-child{white-space:nowrap;color:#546479}.summary-table th:not(:first-child),.summary-table td:not(:first-child){text-align:center}.activity-dot{width:4px;height:4px;display:inline-block;border-radius:50%;margin-right:6px;vertical-align:middle}.performance-value{font-size:8px;font-weight:600}.summary-table tfoot td{font-weight:600;color:#43576d}.subtle-badge{font-size:8px;display:inline-block;padding:5px 8px;border:1px solid #edf0f4;border-radius:4px;color:#8b97a5;background:#fff;font-family:var(--body);font-weight:400}.trend-highlight{padding:15px 18px 0;display:flex;align-items:baseline;gap:10px}.trend-highlight strong{font-family:var(--heading);font-size:25px;font-weight:750}.trend-highlight strong span{font-size:14px;color:#8693a3;margin-left:2px}.trend-highlight>span{font-size:8px;color:#a0a8b3}.line-chart{height:175px;padding:10px 13px 0}.chart-bottom-label{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0 14px;color:#919dad;font-size:8px}.inline-heading{display:flex;align-items:center;gap:7px}.inline-heading>svg{height:15px;width:15px}.count-badge{font-size:8px;color:#9eabb8;background:#f0f3f6;padding:3px 5px;border-radius:4px}.alert-list{padding:6px 16px 0}.alert-item{display:flex;gap:9px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eff2f6}.alert-item:last-child{border-bottom:0}.alert-icon{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:5px;flex-shrink:0}.alert-icon svg{width:16px;height:16px}.alert-icon.danger{background:#fff0ee}.alert-icon.warning{background:#fff7e9}.alert-icon.info{background:#edf4ff}.alert-item>div{flex:1;min-width:0}.alert-item strong{font-size:9px;font-weight:500}.alert-item p{font-size:8px;color:#8a96a5;margin-top:4px;line-height:1.5}.alert-item small{font-size:7px;color:#b1b9c3;display:block;margin-top:5px}.alert-item small span{margin:0 4px}.alert-item>svg{width:10px;height:10px;margin-top:7px}.alert-item:hover{background:#fcfdff}.performers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.performers-panel .panel-heading{padding:13px 16px 0}.performer-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:18px 15px}.performer{display:flex;gap:6px;align-items:flex-start;min-width:0}.person-avatar{width:27px;height:27px;font-size:9px}.avatar-1{background:#e2edf5;color:#5b859e}.avatar-2{background:#f9e8df;color:#b47b63}.avatar-3{background:#e6eee6;color:#648b6b}.avatar-4{background:#eee9f6;color:#9681b2}.avatar-5{background:#f7ecda;color:#b19563}.performer strong{font-size:8px;font-weight:500;display:block;color:#68778a;line-height:1.4}.performer small{font-size:7px;display:block;color:#a4adba;margin:2px 0 4px}.performer b{font-size:9px;font-weight:500}.operational-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 5px 4px}.operational-strip>div{border-right:1px solid #e3e8ee;padding-right:20px;flex:1}.operational-strip span{display:block;font-size:8px;color:#96a1af}.operational-strip strong{font:700 18px var(--heading);display:block;margin-top:4px;color:#4e6075}.operational-strip small{font-size:10px;margin-left:3px}.operational-strip>a{display:flex;align-items:center;gap:8px;font-size:9px;color:#658dbd}.operational-strip>a svg{width:13px}.main-footer{display:flex;justify-content:space-between;gap:12px;padding:22px 0 16px;color:#a8b1bc;font-size:8px}.main-footer b{font-weight:600;color:#8798a9}.footer-separator{color:#c4ccd5;margin:0 7px}.toast{padding:12px 15px;display:flex;align-items:center;gap:10px;margin-bottom:16px;border-radius:5px;font-size:12px;line-height:1.5;border:1px solid #dcf0e9;background:#f0fbf6;color:#17876c}.toast.error{background:#fff0ee;color:#b9544e;border-color:#f3d6d2}.toast>span{flex:1}.toast>svg{height:17px;width:17px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 14px}.section-toolbar:first-child{margin-top:5px}.section-toolbar>h2{display:flex;align-items:center;gap:10px;font-size:14px}.section-tabs{font-size:12px}.section-tabs>span{padding-bottom:9px}.section-tabs .selected{color:#347bf0;border-bottom:2px solid #347bf0}.section-tabs b{font-size:10px;padding:2px 5px;border-radius:4px;background:#eaf1ff;margin-left:5px}.toolbar-actions{display:flex;gap:10px;align-items:center}.search-field{display:flex;align-items:center;padding:0 10px;background:#fff;border:1px solid #e1e7ee;border-radius:5px}.search-field svg{height:14px;width:14px;color:#99a6b4}.search-field input{border:0;font-size:10px;width:205px;background:transparent}.table-panel th{padding-top:14px;padding-bottom:14px}.person-cell{display:flex;align-items:center;gap:9px;white-space:nowrap}.person-cell .avatar{width:28px;height:28px;font-size:10px}.code{font-family:var(--body);font-size:10px;color:#91a0af}.skills-cell{max-width:170px;min-width:130px;font-size:10px;line-height:1.6}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:500;white-space:nowrap}.cell-subtitle{display:block;font-size:9px;color:#9aa6b2;margin-top:3px}.pagination{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#96a3b3;min-height:48px}.pagination-controls{display:flex;gap:8px}.pagination-controls .icon-button{border:1px solid #e3e9f0;width:27px;height:27px}.mini-stats{display:flex;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px}.mini-stats>div{flex:1;border-right:1px solid #e1e6ed}.mini-stats>div:last-child{border:0}.mini-stats span{display:block;font-size:10px;color:#8d99a8}.mini-stats strong{font-family:var(--heading);font-size:27px;font-weight:750;display:block;margin-top:8px}.mini-stats small{font-size:13px;margin-left:4px;color:#9aa7b4}.row-actions{display:flex;gap:5px}.small-button{font-size:9px;min-height:28px;padding:5px 8px}.small-button svg{width:12px;height:12px}.assign-form{display:flex;align-items:center;gap:3px}.assign-form select{width:116px;font-size:10px;height:30px}.action-icon{background:#edf4ff;color:#347bf0;width:27px;height:27px}.priority{font-size:9px}.priority:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#7cacdb;margin-right:6px}.priority.high:before{background:#e67979}.priority.low:before{background:#a9b5c3}.empty-cell{text-align:center!important;padding:40px 20px!important;color:#9ba6b3!important;font-size:12px!important;line-height:1.7}.empty-state{text-align:center;padding:65px 20px;color:#95a6b5}.empty-state>svg{width:35px;height:35px;color:#30b197;margin-bottom:15px}.empty-state h2,.empty-state h3{margin-bottom:8px;color:#557064}.empty-state p{font-size:11px;line-height:1.7}.empty-state.small{padding:40px 10px}.empty-inline{font-size:10px;color:#97a4b4;grid-column:1/-1}.form-dialog{width:510px;max-width:calc(100% - 30px);max-height:90dvh;border:1px solid #e0e7ed;border-radius:8px;padding:0;box-shadow:0 20px 90px #102d4030;background:#fff;color:var(--text)}.form-dialog::backdrop{background:#0e273962;backdrop-filter:blur(3px)}.dialog-heading{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{font-size:19px}.dialog-heading .eyebrow{font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:24px}.form-grid label,.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500;color:#6c7c8e;min-width:0}.form-grid input,.form-grid select{width:100%;height:39px;font-size:12px}.full-width{grid-column:1/-1}.dialog-actions{border-top:1px solid var(--line);padding:16px 24px;display:flex;justify-content:flex-end;gap:10px;background:#fafbfd}.skill-picker{margin:0;border:1px solid #e5eaf1;border-radius:4px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.skill-picker legend{font-size:10px;color:#7d8a9b;padding:0 5px}.skill-picker label{display:flex;flex-direction:row;align-items:center;font-size:10px;gap:6px}.skill-picker input{width:13px;height:13px;accent-color:#347bf0}.shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.shift-panel{padding:22px}.shift-panel .panel-heading{padding:0 0 24px}.shift-panel h2{font-size:18px}.shift-count{font:750 35px var(--heading);display:block;margin-top:18px}.shift-count small{font:11px var(--body);color:#93a3b1;margin-left:10px}.shift-people{display:flex;padding:22px 0;flex-wrap:wrap;gap:4px}.shift-people .avatar{border:2px solid white;width:29px;height:29px}.shift-summary{border-top:1px solid var(--line);margin-bottom:20px;min-height:160px;padding-top:10px}.shift-summary>div{display:flex;justify-content:space-between;margin:12px 0;font-size:11px;color:#8898a8}.shift-summary strong{color:#4f667c}.shift-panel>.button{width:100%}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);border-left:1px solid var(--line)}.report-kpis>div{padding:22px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.report-kpis span{font-size:10px;color:#8999a9;display:block}.report-kpis strong{display:block;font:750 24px var(--heading);margin-top:10px}.report-kpis small{font:10px var(--body);color:#9aa7b6;margin-left:5px}.progress-track{width:140px;max-width:100%;height:5px;background:#f0f3f7;border-radius:3px}.progress-track>span{display:block;height:100%;border-radius:3px;background:#2cb69d}.progress-track>.amber{background:#f1b653}.full-alert-list{background:#fff;border-top:1px solid var(--line)}.alert-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:22px 20px}.alert-row>.alert-icon{width:38px;height:38px}.alert-row>div{flex:1}.alert-row h3{font-size:12px}.alert-row p{font-size:11px;color:#96a2af;margin-top:6px;line-height:1.5}.account-banner{display:flex;align-items:center;gap:17px;padding:20px 0 26px;border-bottom:1px solid var(--line)}.account-symbol{width:50px;height:50px;display:grid;place-items:center;background:#e5f3ef;color:#1ba185;border-radius:7px}.account-symbol svg{width:27px;height:27px}.account-banner h2{font-size:22px}.account-banner>.badge{margin-left:auto}.tenant-list{border-top:1px solid var(--line);background:#fff}.tenant-row{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.tenant-row>div{flex:1}.tenant-row strong{font-size:12px}.tenant-row small{display:block;font-size:9px;color:#9aa6b2;margin-top:3px}.auth-page{max-width:none;min-height:100dvh;padding:0;background:radial-gradient(ellipse at 85% 80%,#eaf3f1 0,transparent 55%),linear-gradient(120deg,#f4f7fb,#fcfdfd);display:flex;flex-direction:column}.auth-top{padding:30px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eaf1}.auth-brand{color:#1f4055;padding:0}.auth-brand .brand-x{color:#17ac91}.auth-brand .brand-mark{color:#1cae92}.auth-brand small{color:#869dad}.auth-top>span{font-size:8px;letter-spacing:1.7px!important;color:#9aaab8}.auth-content{width:460px;max-width:calc(100% - 40px);margin:55px auto 60px}.auth-heading{margin-bottom:30px}.auth-heading>.eyebrow{color:#20a78e;font-size:9px;margin-bottom:16px}.auth-heading h1{font-size:32px}.auth-heading p{font-size:13px;margin-top:10px;color:#8b9aab}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form input{height:44px;border-color:#dce4ee;font-size:12px}.auth-form .form-grid{padding:0;gap:20px}.auth-submit{height:44px;justify-content:space-between;font-size:13px;margin-top:3px}.demo-form{margin-top:23px;padding-top:23px;border-top:1px solid #e0e6ed}.demo-button{width:100%;height:42px;color:#365969;background:transparent;border-color:#cddde1;font-size:12px}.demo-form>span{font-size:9px;color:#99a8b8;display:block;text-align:center;margin-top:9px}.auth-switch{margin-top:28px;font-size:11px;color:#8e9bac}.auth-switch a{color:#357fca;font-weight:500;margin-left:6px}.auth-switch svg{height:12px;width:12px}.auth-footer{margin-top:auto;display:flex;justify-content:space-between;gap:12px;padding:22px 45px;font-size:9px;color:#9faebd;border-top:1px solid #e4eaf1}.auth-footer span span{color:#c2cbd5;margin:0 10px}.sidebar-scrim{display:none}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){:root{--sidebar:240px}main{padding:29px 32px 0}.kpi-card{padding:17px 18px}.metric-value{font-size:30px}.kpi-top{font-size:11px}.metric-detail{font-size:9px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:10px}.bar-chart{height:218px}.donut-container{width:146px}.attendance-layout .donut-container{width:151px}.donut-layout{padding:25px 24px}.donut-legend>div{font-size:9px}.donut-legend strong{font-size:10px}.summary-table th{font-size:9px}.summary-table td{font-size:10px;padding:8px}.performance-value{font-size:10px}.line-chart{height:206px}.alert-item{padding:20px 0}.alert-item strong{font-size:11px}.alert-item p{font-size:10px}.performer-list{padding:21px 18px;gap:12px}.person-avatar{width:32px;height:32px}.performer strong{font-size:10px}.performer small{font-size:8px}.performer b{font-size:10px}.nav-item{font-size:12px;min-height:42px}}
@media(max-width:1250px){:root{--sidebar:202px}main{padding:22px 19px 0}.topbar{padding:0 20px}.sidebar{padding-left:11px;padding-right:11px}.nav-item{font-size:10px;gap:9px}.sidebar-profile{margin:0 -11px;padding:17px 13px}.kpi-grid{gap:9px}.kpi-card{padding:11px 10px}.kpi-top{font-size:9px}.metric-value{font-size:22px}.metric-icon{width:26px;height:26px}.metric-detail{font-size:7px}.filter-bar{gap:10px}.filter-title{padding-right:10px}.filter-bar label{gap:6px}.filter-bar select{min-width:90px;max-width:160px}.dashboard-grid{gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr)}.panel-heading{padding:14px 12px 0}.panel-heading h2{font-size:10px}.donut-layout{flex-direction:column;gap:12px;padding:16px 13px}.donut-container,.attendance-layout .donut-container{width:113px}.donut-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.donut-legend small{display:none}.donut-legend>div{font-size:7px}.attendance-legend{width:100%;gap:8px}.bar-chart{height:230px}.performer-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.filter-title>span{display:none}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.performers-grid{gap:12px}.metric-value>span{font-size:14px}.line-chart{height:177px}.summary-table td{padding:7px 4px}.summary-table th{padding:8px 4px}.activity-dot{display:none}.task-panel .table-scroll{padding:13px 8px 12px}.alert-list{padding:6px 12px}.alert-item{padding:16px 0}.operational-strip{gap:12px}.operational-strip>div{padding-right:12px}}
@media(max-width:1020px){:root{--sidebar:190px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kpi-card{padding:12px 14px}.kpi-top{font-size:10px}.metric-value{font-size:27px}.metric-detail{font-size:8px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.productivity-panel{grid-column:1/-1}.bar-chart{height:200px}.distribution-panel{grid-column:1}.attendance-panel{grid-column:2}.task-panel{grid-column:1/-1}.trend-panel,.alerts-panel{min-height:280px}.donut-layout{flex-direction:row;padding:20px 15px}.donut-legend{display:flex;gap:7px}.attendance-layout .donut-container{width:120px}.attendance-legend{gap:15px}.summary-table th{font-size:10px}.summary-table td{font-size:10px;padding:9px}.performance-value{font-size:10px}.filter-bar{flex-wrap:wrap;gap:10px}.filter-title{display:none}.filter-bar label>span{display:none}.filter-bar select{max-width:150px}.filter-bar input{width:136px}.refresh-button{margin-left:auto}.performers-grid{grid-template-columns:1fr}.performer-list{grid-template-columns:repeat(5,minmax(0,1fr))}.operational-strip{flex-wrap:wrap;justify-content:flex-start;row-gap:16px}.operational-strip>div{flex:0 0 calc(33.333% - 12px)}.operational-strip>a{flex:1}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.search-field input{width:160px}.shift-grid{grid-template-columns:1fr}.shift-summary{min-height:0}.shift-people{padding:15px 0}.shift-count{margin-top:12px}.shift-panel .panel-heading{padding-bottom:12px}.section-toolbar>h2{font-size:13px}.mini-stats{gap:16px}.mini-stats strong{font-size:23px}.mini-stats span{font-size:9px}.mini-stats>div{padding-right:10px}.workspace-label{font-size:10px}.nav-item{font-size:9px;gap:7px}.report-kpis strong{font-size:22px}}
@media(max-width:760px){:root{--sidebar:222px}.sidebar{transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#0b263977;z-index:35}.app-shell{margin-left:0}.menu-toggle{display:inline-flex}.topbar{height:57px;padding:0 16px}.topbar-left,.topbar-right{gap:10px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.topbar-date{display:none}.topbar-separator{display:none}main{padding:20px 16px 0}.page-heading{gap:14px;margin-bottom:18px;align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.eyebrow{font-size:7px}.tenant-switch{min-width:170px;padding:6px 8px}.tenant-switch label{font-size:7px}.tenant-switch select{font-size:10px}.tenant-symbol{width:25px;height:27px}.filter-bar{gap:8px;padding:10px}.filter-bar select{min-width:90px;max-width:130px}.filter-bar input{min-width:122px;width:122px;padding:0 5px}.filter-bar .refresh-button{margin-left:0}.reset-filters{margin-left:auto}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.kpi-card{padding:10px 11px}.metric-value{font-size:24px}.metric-value>span{font-size:15px}.kpi-top{font-size:9px}.metric-detail{font-size:7px}.metric-icon{width:24px;height:24px}.metric-icon svg{width:14px;height:14px}.panel-heading h2{font-size:11px}.panel-heading p{font-size:9px}.donut-layout{gap:12px}.donut-legend>div{font-size:8px}.performer-list{gap:8px}.performer strong{font-size:9px}.performer small{font-size:8px}.nav-item{font-size:11px;min-height:40px}.workspace-label{font-size:11px}.main-footer{font-size:7px}.main-footer>span:last-child{display:none}.toolbar-actions{justify-content:flex-start}.section-toolbar{align-items:flex-start;flex-wrap:wrap}.section-toolbar>h2{align-self:center}.search-field input{width:180px}.mini-stats{gap:15px;flex-wrap:wrap}.mini-stats>div{flex:0 0 calc(33.333% - 15px)}.mini-stats span{font-size:9px}.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.report-kpis>div{padding:16px 11px}.report-kpis span{font-size:9px}.report-kpis strong{font-size:21px}.report-kpis small{font-size:8px}.account-banner{flex-wrap:wrap}.account-banner>.badge{margin-left:0}.account-banner h2{font-size:19px}.alert-row{gap:12px;flex-wrap:wrap;padding:20px 12px}.alert-row>div{flex-basis:70%}.alert-row>.badge{margin-left:50px}.tenant-row{flex-wrap:wrap;padding:16px 12px}.tenant-row>div{flex-basis:60%}.tenant-row>.badge,.tenant-row>form{margin-left:43px}.auth-top{padding:25px}.auth-top>span{display:none}.auth-content{margin-top:40px}.auth-heading h1{font-size:28px}.auth-footer{padding:20px}.auth-footer>span:first-child{font-size:8px}.auth-footer span span{margin:0 4px}}
@media(max-width:480px){main{padding:18px 12px 0}.page-heading{display:block}.tenant-switch{margin-top:16px;width:100%;max-width:none}.tenant-switch label{display:flex;align-items:center;gap:10px}.tenant-switch select{flex:1}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar label{display:block}.filter-bar select,.filter-bar input{width:100%;max-width:none;min-width:0;height:32px;font-size:10px}.filter-bar>.refresh-button{grid-column:2;grid-row:2;width:100%;min-height:32px}.reset-filters{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.kpi-card{padding:12px}.kpi-top{font-size:9px}.metric-value{font-size:25px}.metric-detail{font-size:7px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.dashboard-grid>section{grid-column:1}.bar-chart{height:195px;padding:9px 6px 8px}.panel-heading{padding:16px 14px 0}.donut-layout{flex-direction:row;padding:24px}.donut-container,.attendance-layout .donut-container{width:135px}.donut-legend{gap:9px}.donut-legend>div{font-size:9px}.donut-legend strong{font-size:10px}.donut-legend small{display:block}.attendance-legend{gap:19px}.attendance-note{font-size:10px}.summary-table th{font-size:8px}.summary-table td{font-size:9px;padding:9px 5px}.performance-value{font-size:9px}.line-chart{height:190px}.alert-item{padding:18px 0}.alert-item strong{font-size:11px}.alert-item p{font-size:10px}.alert-item small{font-size:8px}.performer-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.performer{flex-direction:column;gap:5px}.person-avatar{width:30px;height:30px}.performer strong{font-size:10px}.performer small{font-size:8px}.performer b{font-size:10px}.performers-grid{margin-top:12px}.operational-strip>div{flex-basis:calc(50% - 12px);padding-right:10px}.operational-strip>a{padding:10px 0;font-size:10px}.operational-strip span{font-size:9px}.operational-strip strong{font-size:19px}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-kpis strong{font-size:23px}.mini-stats>div{flex-basis:calc(50% - 15px)}.mini-stats strong{font-size:25px}.search-field{flex:1}.search-field input{width:100%;min-width:120px}.toolbar-actions{width:100%}.toolbar-actions>.button{flex-shrink:0;font-size:10px;padding:8px 10px}.form-grid{padding:18px;gap:14px;grid-template-columns:1fr}.full-width{grid-column:1}.dialog-heading{padding:18px}.dialog-heading h2{font-size:17px}.dialog-actions{padding:14px 18px}.skill-picker{grid-template-columns:1fr 1fr}.auth-form .form-grid{grid-template-columns:1fr}.auth-footer>span:first-child{display:none}.breadcrumb>strong{font-size:9px}.auth-content{margin-bottom:40px}}
.donut-container canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}