:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#ecf0fb;color:#111b36}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#d6dcff,transparent 30%),radial-gradient(circle at 100% 0,#dbd2fa,transparent 31%),#edf3fb;color:#111b36}button,input,select{font:inherit}input,select{background:#fff;color:#111b36}a{color:#315df1}.hidden{display:none!important}
.wrap{max-width:none;margin:18px 20px;padding:0;background:#f9fbff;border:1px solid #fff;border-radius:25px;min-height:calc(100vh - 36px);box-shadow:0 22px 55px #26335c25;overflow:hidden}.wrap>#publicTop{padding:15px 26px;border-bottom:1px solid #edf0f5}.wrap:has(#workspace:not(.hidden))>#publicTop{display:none}.brand img{border-radius:12px}#login{min-height:calc(100vh - 100px);display:grid;place-items:center;padding:32px}#login h1{font:400 clamp(42px,5vw,64px) Georgia,serif;letter-spacing:-.04em;margin:8px 0}#login>.card{max-width:460px;width:100%;padding:30px;border-radius:22px;box-shadow:0 12px 34px #364b8320}#login label{font-size:13px;font-weight:700}#login input{background:#fff;color:#111b36}#login button{width:100%;margin-top:10px;background:#315df1;border-color:#315df1}
#workspace{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:calc(100vh - 36px)}.sidebar{background:linear-gradient(160deg,#f7f9ff,#eef4fc);border-right:1px solid #edf0f8;display:flex;flex-direction:column;padding:28px 16px 18px}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 30px}.side-brand img{width:44px;height:44px;object-fit:contain}.side-brand strong{display:block;font-size:17px;line-height:1.1}.side-brand small{display:block;color:#62718f;font-size:10px;margin-top:4px}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#203253;border:0;border-radius:13px;padding:13px 14px;font-weight:600}.nav-item:first-letter{font-size:22px}.nav-item:hover,.nav-item.active{background:#e6eafe;color:#2656e7}.nav-item.active{box-shadow:inset 3px 0 #3565fa}.side-account{margin-top:auto;background:linear-gradient(135deg,#f5e2fc,#d7e8ff);border-radius:18px;padding:17px;display:grid;gap:6px}.side-avatar{background:#3568f6;color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.side-account strong{font-size:14px}.side-account small{font-size:11px;color:#405475;overflow-wrap:anywhere}.side-account button{justify-self:start;margin-top:8px;background:#ffffff92;color:#1c315b;border:0;padding:7px 10px}
.workspace-main{min-width:0;background:#f8fbff}.workspace-top{height:70px;background:#fff;border-bottom:1px solid #eef1f7;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.search-box{width:min(480px,60%);background:#f8faff;border:1px solid #e5ebf6;border-radius:13px;color:#516583;padding:0 13px;display:flex;align-items:center;gap:8px}.search-box input{margin:0;padding:11px 0;border:0;background:transparent;outline:0;min-width:0}.top-status{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.green-dot{width:8px;height:8px;border-radius:50%;background:#1fc57c}.portal-section{padding:28px 24px 38px}.hero,.page-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}.hero h1,.page-title h1{font:700 clamp(29px,3vw,37px) -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.04em;margin:5px 0 5px}.hero p,.page-title p{color:#62718f;margin:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#5b6e9b}.hero time{font-size:12px;color:#62718f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:19px 0}.metric{min-height:140px;padding:18px;border-radius:19px;display:grid;align-content:center;gap:2px}.metric.blue{background:#e7f1ff}.metric.mint{background:#e6f8f3}.metric.violet{background:#f0eafd}.metric.peach{background:#fff0e5}.metric-icon{font-size:22px;color:#3166e9}.metric strong{font-size:30px;letter-spacing:-.045em}.metric>span:not(.metric-icon){font-size:13px;font-weight:700}.metric small{font-size:11px;color:#62718f}.overview-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:13px}.card{border:1px solid #edf0f7;border-radius:19px;background:#fff;padding:19px;margin:0;box-shadow:0 5px 18px #27325808}.overview-grid .card{min-height:220px}.card h2{font-size:17px;font-weight:750;margin:0 0 13px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading h2{margin:0 0 12px}.text-link{background:transparent;border:0;color:#315df1;padding:4px 0;font-size:12px;font-weight:700}.hint,.muted{color:#667795;font-size:12px}.scroll-apps{max-height:260px;overflow:auto;padding-right:5px}.scroll-apps .row{gap:12px}.row{border-top:1px solid #edf0f6;padding:11px 0}.row button.subtle{border:1px solid #e5eaf3;border-radius:12px}.pill{background:#dff7ed;color:#087344}.pill.off{background:#eef1f6;color:#6c778c}.stats{grid-template-columns:repeat(3,1fr)}.stat{background:#f3f6fc;padding:18px;border-radius:15px}.stat strong{font-size:24px}.stat span{font-size:12px}.report-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-toolbar h2{margin:0 auto 0 0}.report-toolbar label{font-size:12px;color:#62718f}.report-toolbar input,.report-toolbar select{width:auto;margin:0 0 0 6px}.report-toolbar button{background:#fff;color:#315df1;border:1px solid #dbe5fb}.report-columns,.staff-columns,.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.staff-columns{grid-template-columns:minmax(260px,.8fr) 1.2fr}.staff-columns .card{min-width:0}.staff-details{padding-top:14px}.staff-member{display:block;width:100%;text-align:left;margin:7px 0;background:#f8faff;color:#1b3058;border:1px solid #e6ecf7}.staff-member.active{border-color:#3566f6;background:#eef3ff}.staff-member small{display:block;color:#62718f}.download-grid>.card{min-height:220px}.platform-icon{display:block;font-size:33px;color:#315df1}.download-button{display:inline-block;text-decoration:none;background:#315df1;color:white;padding:11px 16px;border-radius:10px;margin-top:10px}.pending{display:inline-block;background:#eef0f6;padding:9px 13px;border-radius:9px;color:#63708a}.error{color:#b63835}.empty{color:#6a7892;font-size:13px;padding:15px 0}.app-bar{display:flex;align-items:center;gap:11px}.app-track{flex:1;height:8px;background:#e7ebf3;border-radius:9px;overflow:hidden}.app-fill{height:100%;background:linear-gradient(90deg,#6d88f7,#3458e4);border-radius:9px}.app-bar strong{font-size:12px}.computer-item{display:flex;align-items:center;gap:12px;background:#f8fbff;border:1px solid #e7edf7;border-radius:13px;padding:13px;margin:8px 0;cursor:pointer}.computer-icon{width:45px;height:45px;background:#e6eeff;color:#2758e8;display:grid;place-items:center;border-radius:11px;font-size:22px}.computer-item strong{display:block}.computer-item small{color:#667795}.computer-item .pill{margin-left:auto}.project-row,.timeline-row{font-size:13px;border-top:1px solid #edf0f6;padding:11px 0}.project-row strong,.timeline-row strong{font-size:13px}.project-row span,.timeline-row span{float:right;color:#536688}
@media(max-width:1050px){#workspace{grid-template-columns:205px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.side-brand small{display:none}}@media(max-width:700px){.wrap{margin:0;border-radius:0;min-height:100vh}#workspace{display:block}.sidebar{position:static;padding:10px 14px}.side-brand{padding:3px 0 10px}.sidebar nav{display:flex;overflow:auto;gap:5px}.nav-item{white-space:nowrap;width:auto;padding:9px 10px;font-size:12px}.side-account{display:none}.workspace-top{height:58px;padding:0 16px}.search-box{width:68%}.portal-section{padding:20px 15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns,.staff-columns,.download-grid{grid-template-columns:1fr}.hero time{display:none}.card{padding:15px}.report-toolbar h2{width:100%}}
button.app-bar{width:100%;background:transparent;color:#1b3058;border:0;border-radius:8px;text-align:left;padding:8px 2px;cursor:pointer}button.app-bar:hover{background:#f5f8ff}
.session-search{display:block;margin:5px 0 12px;color:#62718f;font-size:12px}.session-search input{display:block;width:100%;max-width:460px;margin:6px 0 0;background:#f8fbff}.report-app{width:100%;text-align:left;background:#fff;color:#1b3058;border:0;border-top:1px solid #edf0f6;border-radius:0;display:flex;justify-content:space-between;gap:12px;padding:13px 4px}.report-app:hover,.report-app.selected{background:#eef4ff;color:#315df1}.session-row{align-items:start}.session-row>div{min-width:0;overflow-wrap:anywhere}.session-row>span{white-space:nowrap;color:#536688;font-size:12px}#loadMoreSessions{margin-top:16px;background:#f4f7ff;color:#315df1;border-color:#dce5fa}#reportStatus{margin:12px 0 0}
.app-icon{width:27px;height:27px;object-fit:contain;flex:none;border-radius:6px}.app-icon-fallback{display:grid;place-items:center;background:#e8efff;color:#315df1;font-size:11px;font-weight:800}.app-bar strong{flex:0 1 145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar>span:last-child{font-size:12px;color:#365073;white-space:nowrap}.report-app{align-items:center}.report-app strong{flex:1}.context-heading{margin:16px 0 7px;color:#23304e;font-size:12px}.context-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f6;font-size:12px}.context-row>div{min-width:0;flex:1}.context-row strong,.context-row small{display:block}.context-row small{color:#657795;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-row>span{white-space:nowrap;color:#536688}.day-timeline{display:flex;gap:2px;margin:26px 0 8px;height:15px;align-items:stretch}.timeline-bin{min-width:1px;flex:1;border-radius:2px}.timeline-hours{display:flex;justify-content:space-between;font-size:10px;color:#7786a1}.idle-overview{background:#fff;border:1px solid #edf0f7;border-radius:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 13px;padding:12px 17px;color:#1b3058}.idle-overview strong,.idle-overview small{display:block}.idle-overview strong{font-size:13px}.idle-overview small{color:#647795;font-size:11px;margin-top:3px}#idleReport{margin:12px 0 0;box-shadow:none;background:#f8fbff}.overview-grid .card:nth-child(3),.overview-grid .card:nth-child(4){min-height:170px}@media(max-width:700px){.idle-overview{display:block}.idle-overview>div+div{margin-top:8px}.app-bar strong{flex-basis:90px}}
.office-idle-periods{margin-top:14px}.office-idle-periods h2{margin:0 0 5px}.office-idle-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e9eef6;padding:10px 2px;color:#1b3058;font-size:13px}.office-idle-row small{color:#c47724;margin-left:6px}.computer-icon svg{width:30px;height:30px;display:block;margin:auto}
.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;margin-top:16px}.device-card{min-width:0;display:flex;flex-direction:column;gap:6px;padding:17px;border:1px solid #e5ebf5;border-radius:17px;background:linear-gradient(165deg,#fbfdff,#f5f9ff);box-shadow:0 5px 14px #23375a08}.device-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:7px}.device-card .computer-icon{width:56px;height:56px;border-radius:13px}.device-card .computer-icon svg{width:34px;height:34px}.device-card .pill{margin:0;font-size:11px;padding:6px 9px;border-radius:20px}.device-name{font-size:16px;line-height:1.2}.device-person{font-size:12px;color:#62718f}.device-recording{font-size:11px;color:#1f9365}.device-actions{display:flex;gap:8px;margin-top:14px}.device-open,.device-control{border:1px solid #d9e4fb;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:700}.device-open{background:#315df1;color:#fff;flex:1;text-align:center}.device-open span{margin-left:4px}.device-control{background:#fff;color:#315df1}.device-open:hover{background:#254ed9}.device-control:hover{background:#eef4ff}
/* Compact phone and tablet layouts keep all report controls inside the viewport. */
.wrap,.workspace-main,.portal-section,.card,.report-columns>*,.staff-columns>*{min-width:0}
.card,.context-row,.computer-item,.session-row{overflow-wrap:anywhere}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:100%;max-width:100%}
  .sidebar nav{max-width:100%;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .workspace-top{gap:8px}
  .search-box{flex:1;width:auto;min-width:0}
  .top-status{min-width:0;font-size:10px;white-space:normal;text-align:right}
  .page-title,.hero{display:block}
  .page-title p,.hero p{margin-top:7px}
  .report-toolbar{align-items:stretch}
  .report-toolbar label{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:8px}
  .report-toolbar select,.report-toolbar input{min-width:0;max-width:70%;margin:0}
  .report-toolbar button{flex:1 1 130px;min-width:0}
  .report-app,.app-bar,.computer-item,.office-idle-row{min-width:0}
  .report-app strong,.app-bar strong,.computer-item>div{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .report-app>span:last-child,.context-row>span{font-size:11px;white-space:nowrap}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{min-width:0}
}
@media(max-width:390px){
  .portal-section{padding:16px 11px 28px}
  .sidebar{padding:9px 10px}
  .workspace-top{padding:0 11px}
  .top-status{font-size:0}
  .top-status .green-dot{display:inline-block}
  .metric-grid{gap:8px}
  .metric{padding:12px;min-height:115px}
  .metric strong{font-size:24px}
  .metric>span:not(.metric-icon){font-size:11px}
  .metric small{font-size:10px}
  .stats{grid-template-columns:1fr}
  .app-bar strong{flex-basis:74px}
  .app-icon{width:22px;height:22px}
}