.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.metric{position:relative;padding:14px 15px;min-height:82px}.metric-button{width:100%;text-align:left;cursor:pointer;color:inherit}.metric-button:hover{border-color:#bfcddd}.metric-button.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(23,105,170,.1)}.metric-button.selected:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:var(--accent,var(--blue))}.metric-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:680;text-transform:uppercase;letter-spacing:.04em}.metric-value{display:block;margin-top:6px;font-size:22px;line-height:1;font-weight:710;letter-spacing:-.03em}.metric-note{display:block;margin-top:5px;color:var(--muted);font-size:9px}.metric.active{--accent:var(--active)}.metric.idle{--accent:var(--idle)}.metric.meeting{--accent:var(--meeting)}.metric.offline{--accent:var(--offline)}.metric.logged{--accent:var(--logged)}.overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px}.analytics-card{padding:17px}.analytics-card h2{font-size:14px;margin:0 0 13px}.status-stack{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#edf1f5}.status-stack i{height:100%}.legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:12px;color:var(--muted);font-size:10px}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--dot);margin-right:5px}.rank-list{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,1fr) 44px;gap:10px;align-items:center;font-size:11px}.rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-state{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.filter-state button{border:0;background:transparent;color:var(--blue);cursor:pointer;font-weight:650}.ring{--value:0;--ring:var(--active);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--value)*1%),#e9edf2 0);position:relative}.ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.ring span{position:relative;font-size:9px;font-weight:750}.mini-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.mini-kpis .metric{min-height:72px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.timeline{display:grid;gap:8px;padding:16px}.timeline-row{display:grid;grid-template-columns:105px 1fr 72px;gap:12px;align-items:center}.timeline-time{font-size:10px;color:var(--muted)}.timeline-track{height:22px;background:#f0f3f7;border-radius:6px;overflow:hidden}.timeline-block{height:100%;display:flex;align-items:center;padding:0 8px;color:#fff;font-size:9px;font-weight:720;min-width:3px}.timeline-block.ACTIVE{background:var(--active)}.timeline-block.IDLE{background:var(--idle);color:#563200}.timeline-block.MEETING{background:var(--meeting)}.timeline-duration{text-align:right;font-size:10px;font-weight:650}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.app-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:14px;text-align:left;cursor:pointer}.app-card:hover{border-color:#b9cadc;box-shadow:var(--shadow)}.app-card-head{display:flex;justify-content:space-between;gap:10px}.app-icon{width:32px;height:32px;border-radius:8px;background:#edf4fa;color:var(--blue);display:grid;place-items:center;font-weight:750}.app-card h3{margin:0;font-size:13px}.app-card small{color:var(--muted);font-size:10px}.app-card .progress{margin-top:12px}.service-list{display:grid;gap:8px}.service-row{display:grid;grid-template-columns:minmax(140px,1fr) 90px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.service-row:last-child{border:0}.service-row strong{font-size:11px}.document-list{grid-column:1/-1;margin:2px 0 0 18px;padding-left:12px;border-left:2px solid #e8edf3;display:grid;gap:5px}.document-row{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.empty-state{padding:30px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:14px;margin-bottom:4px}.tool-grid,.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card,.report-card{display:block;text-decoration:none;color:inherit;padding:18px;border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.tool-card:hover,.report-card:hover{border-color:#b9cadc;transform:translateY(-1px)}.tool-card strong,.report-card strong{display:block;font-size:14px}.tool-card span,.report-card span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.tool-card i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eef5fb;color:var(--blue);font-style:normal;margin-bottom:12px}.screenshot-layout{display:grid;grid-template-columns:250px 1fr;min-height:540px}.employee-picker{border-right:1px solid var(--border);padding:14px}.employee-picker input{width:100%;height:36px;border:1px solid var(--border);border-radius:8px;padding:0 10px}.employee-choice{width:100%;border:0;background:transparent;text-align:left;padding:10px;border-radius:8px;margin-top:3px;cursor:pointer}.employee-choice:hover,.employee-choice.selected{background:#eef5fb}.employee-choice strong,.employee-choice small{display:block}.employee-choice small{color:var(--muted);font-size:9px}.screenshot-main{padding:17px}.screenshot-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shot{aspect-ratio:16/10;border:1px solid var(--border);background:#f1f4f8;border-radius:9px;padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end}.shot-preview{flex:1;display:grid;place-items:center;color:#8793a6;font-size:26px;background:linear-gradient(145deg,#f8fafc,#e9eef4)}.shot-meta{padding:8px 9px;background:#fff;text-align:left}.shot-meta strong,.shot-meta small{display:block}.shot-meta strong{font-size:10px}.shot-meta small{font-size:8px;color:var(--muted)}.workspace-dialog{width:min(1180px,95vw);height:min(780px,92vh);border:0;padding:0;border-radius:14px;box-shadow:0 30px 90px rgba(15,31,61,.28)}dialog::backdrop{background:rgba(15,31,61,.58)}.dialog-close,.viewer-close{position:absolute;z-index:3;right:15px;top:13px;width:34px;height:34px;border:0;border-radius:8px;background:#f0f3f6;font-size:20px;cursor:pointer}.detail-body{padding:25px}.workspace-head{display:flex;justify-content:space-between;gap:20px;padding-right:42px}.workspace-head h2{font-size:20px;margin:0}.workspace-head p{color:var(--muted);margin:3px 0}.workspace-tabs{display:flex;gap:4px;margin:18px 0 14px;border-bottom:1px solid var(--border);overflow:auto}.workspace-tabs button{border:0;background:transparent;padding:10px 12px;color:var(--muted);font-size:11px;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.workspace-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.workspace-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.workspace-kpis button{border:1px solid var(--border);background:#fff;border-radius:9px;text-align:left;padding:12px;cursor:pointer}.workspace-kpis small,.workspace-kpis strong{display:block}.workspace-kpis small{font-size:9px;color:var(--muted)}.workspace-kpis strong{font-size:17px;margin-top:5px}.viewer-dialog{width:min(1200px,96vw);height:min(820px,94vh);border:0;padding:0;background:#0b1220;border-radius:12px}.viewer-dialog #viewerBody{height:100%;display:grid;place-items:center;color:#fff;padding:45px}.viewer-dialog img{max-width:100%;max-height:100%;object-fit:contain}.viewer-info{position:absolute;left:18px;bottom:14px;color:#fff;font-size:11px;background:#0008;padding:7px 10px;border-radius:7px}.viewer-nav{position:absolute;z-index:3;top:48%;width:40px;height:58px;border:0;border-radius:8px;background:#ffffffd9;font-size:28px;cursor:pointer}.viewer-nav.previous{left:12px}.viewer-nav.next{right:12px}.viewer-close{background:#ffffffdf}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.health-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.health-item:last-child{border:0}.health-item span{color:var(--muted)}@media(max-width:1220px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.screenshot-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.kpi-grid,.workspace-kpis{grid-template-columns:repeat(3,1fr)}.overview-grid,.two-column,.settings-grid{grid-template-columns:1fr}.screenshot-layout{grid-template-columns:1fr}.employee-picker{border-right:0;border-bottom:1px solid var(--border);max-height:220px;overflow:auto}.screenshot-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.kpi-grid,.mini-kpis,.workspace-kpis{grid-template-columns:repeat(2,1fr)}.app-grid,.tool-grid,.report-grid,.screenshot-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:88px 1fr}.timeline-duration{display:none}.service-row{grid-template-columns:1fr 70px}.service-row .progress{grid-column:1/-1}}
.live-filters{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.clear-live-filter{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--blue);padding:0 14px;font-weight:700;cursor:pointer}.clear-live-filter.selected{box-shadow:inset 0 0 0 2px var(--blue);text-decoration:underline}.workforce-list{display:grid}.workforce-card{width:100%;border:0;border-bottom:1px solid var(--border);background:#fff;color:inherit;text-align:left;padding:15px 18px;display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(135px,.6fr) minmax(380px,1.8fr) minmax(340px,1.6fr);gap:18px;align-items:center;cursor:pointer}.workforce-card:last-child{border-bottom:0}.workforce-card:hover{background:#f8fafc}.workforce-person,.workforce-status,.workforce-metrics,.workforce-tracking{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:10px;background:#e9f1ff;color:var(--blue);display:grid;place-items:center;font-weight:760;flex:0 0 auto}.avatar.large{width:46px;height:46px}.workforce-person strong,.workforce-person small,.workforce-status small,.workforce-context small,.workforce-context strong{display:block}.workforce-person small,.workforce-status small,.workforce-context small{font-size:9px;color:var(--muted);margin-top:3px}.workforce-metrics,.workforce-tracking{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.workforce-metrics span,.workforce-tracking span{min-width:0}.workforce-metrics small,.workforce-tracking small{display:block;font-size:8px;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}.workforce-metrics strong,.workforce-tracking strong{display:block;font-size:11px;margin-top:3px;white-space:nowrap}.workforce-context{grid-column:1/-1;margin-left:48px;padding-top:8px;border-top:1px dashed #e4e9f0;min-width:0}.workforce-context strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-back{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:var(--blue);padding:0;cursor:pointer;font-weight:650}.workspace-identity{display:flex;align-items:center;gap:12px}.detail-section{background:#f8fafc;border:1px solid var(--border);border-radius:11px;padding:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h2{font-size:15px;margin:0}.section-heading span{font-size:10px;color:var(--muted)}.attendance-strip,.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.attendance-strip span,.usage-summary span{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px}.attendance-strip small,.attendance-strip strong,.usage-summary small,.usage-summary strong{display:block}.attendance-strip small,.usage-summary small{font-size:9px;color:var(--muted)}.attendance-strip strong,.usage-summary strong{margin-top:4px}.workspace-kpis button.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.12)}.session-panel{margin-top:12px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:9px;overflow:hidden}.session-panel.ACTIVE{border-left-color:var(--active)}.session-panel.IDLE{border-left-color:var(--idle)}.session-panel.MEETING{border-left-color:var(--meeting)}.session-panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f8fafc}.session-panel-head button{border:0;background:transparent;color:var(--blue);cursor:pointer}.session-list{display:grid}.session-row{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:12px;padding:11px 14px;border-top:1px solid var(--border)}.session-panel.MEETING .session-row{grid-template-columns:repeat(5,minmax(90px,1fr))}.session-row.longest{background:#fff8e8}.session-row small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.employee-timeline{margin-top:14px}.timeline-event{display:grid;grid-template-columns:85px minmax(130px,1fr) 150px;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.timeline-event:last-child{border:0}.timeline-event time,.timeline-event span{color:var(--muted)}
@media(max-width:1220px){.live-filters{grid-template-columns:repeat(3,1fr)}.workforce-card{grid-template-columns:1fr 1fr}.workforce-context{grid-column:1/-1}.workforce-metrics,.workforce-tracking{grid-column:1/-1}}
@media(max-width:700px){.live-filters{grid-template-columns:repeat(2,1fr)}.workforce-card{grid-template-columns:1fr}.workforce-status,.workforce-metrics,.workforce-tracking,.workforce-context{grid-column:1;margin-left:0}.workforce-metrics,.workforce-tracking{grid-template-columns:repeat(2,1fr)}.session-panel.MEETING .session-row,.session-row{grid-template-columns:1fr 1fr}.timeline-event{grid-template-columns:72px 1fr}.timeline-event span{grid-column:2}.attendance-strip,.usage-summary{grid-template-columns:1fr}.workspace-head{flex-wrap:wrap}}
.workforce-card{display:flex;flex-direction:column;align-items:stretch;gap:13px}.workforce-card-top{display:flex;align-items:center;gap:16px}.workforce-card-top .workforce-person{margin-right:auto}.workforce-card-top .ring{flex:0 0 46px}.workforce-groups{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.workforce-group{flex:1 1 270px;border:1px solid var(--border);border-radius:9px;background:#f8fafc;padding:10px 12px}.group-title{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;margin-bottom:8px}.group-values{display:flex;gap:14px;flex-wrap:wrap}.group-values>span{flex:1 1 54px;min-width:0}.group-values small,.group-values b{display:block}.group-values small{font-size:8px;color:var(--muted);text-transform:uppercase}.group-values b{font-size:11px;margin-top:3px;white-space:nowrap}.live-group{flex-grow:1.25}.context-value{flex-basis:150px!important}.context-value b{overflow:hidden;text-overflow:ellipsis}.workforce-card:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:-3px}
@media(max-width:700px){.workforce-card-top{flex-wrap:wrap}.workforce-card-top .workforce-status{margin-left:54px}.workforce-groups{display:grid;grid-template-columns:1fr}.workforce-group{width:100%}.group-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}