:root{color:#17211b;font-synthesis:none;background:#eef1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.page-shell{max-width:1180px;margin:0 auto;padding:48px 28px 80px}.app-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:38px;display:flex}.app-nav{background:#e1e6df;border-radius:13px;gap:4px;padding:4px;display:inline-flex}.app-nav button{color:#59655d;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 15px}.app-nav button.active{color:#fff;background:#183e2b;box-shadow:0 4px 12px #183e2b2e}.user-menu{align-items:center;gap:12px;display:flex}.user-menu>span{text-align:right;flex-direction:column;display:flex}.user-menu small{color:#778078;text-transform:uppercase;font-size:10px}.user-menu button{color:#536057;cursor:pointer;background:0 0;border:1px solid #d2d9d3;border-radius:9px;padding:7px 10px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:#5c6a61;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,54px);line-height:1}.connection{color:#85601d;background:#fff4d6;border:1px solid #efd897;border-radius:999px;padding:8px 12px;font-size:13px}.connection.connected{color:#23633c;background:#e4f5e9;border-color:#bee2c9}.summary{grid-template-columns:1.4fr repeat(3,1fr);gap:14px;margin:34px 0 24px;display:grid}.metric{background:#fafbf9;border:1px solid #dde2dc;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:128px;padding:20px;display:flex;box-shadow:0 10px 30px #17211b0d}.metric.primary{color:#fff;background:#183e2b;border-color:#183e2b}.metric span{color:#6b756e;font-size:14px}.metric.primary span{color:#c8dfd0}.metric strong{font-size:38px;line-height:1}.filters{gap:8px;margin:26px 0 14px;display:flex}.filters button{color:#536057;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px}.filters button:hover{background:#e1e6df}.filters button.active{color:#fff;background:#253c2e}.team-list{background:#fafbf9;border:1px solid #dce2dc;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #17211b0f}.employee-row{border-bottom:1px solid #e6eae5;grid-template-columns:14px minmax(220px,1.5fr) minmax(170px,.8fr) minmax(210px,1fr);align-items:center;gap:16px;min-height:82px;padding:15px 22px;display:grid}.employee-row:last-child{border-bottom:0}.presence-dot{border-radius:50%;width:10px;height:10px}.presence-dot.online{background:#27a45a;animation:2s infinite pulse;box-shadow:0 0 0 5px #27a45a21}.presence-dot.offline{background:#9ba39d}.identity,.last-seen{flex-direction:column;gap:5px;display:flex}.identity span,.last-seen{color:#778078;font-size:13px}.last-seen{text-align:right}.status{color:#435047;background:#e8ebe8;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:700}.status-productive,.status-online{color:#176634;background:#dff3e5}.status-unproductive{color:#805e08;background:#fff0bd}.status-idle,.status-locked{color:#8a2f2c;background:#f9dddd}.status-break{color:#17627a;background:#dceff5}.empty-state{text-align:center;padding:64px 24px}.empty-state h2{margin:0 0 8px}.empty-state p{color:#778078;margin:0}.timeline-section{margin-top:48px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:28px}.date-control{color:#6b756e;align-items:center;gap:10px;font-size:13px;display:flex}.date-control input{color:#27332b;background:#fafbf9;border:1px solid #d7ddd7;border-radius:10px;padding:9px 11px}.timeline-card{background:#fafbf9;border:1px solid #dce2dc;border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #17211b0f}.time-axis{color:#8a938c;justify-content:space-between;margin-left:180px;padding:16px 22px 10px 16px;font-size:11px;display:flex}.timeline-row{border-top:1px solid #e6eae5;grid-template-columns:180px 1fr;align-items:center;gap:16px;min-height:68px;padding:12px 22px;display:grid}.timeline-person{flex-direction:column;gap:5px;min-width:0;display:flex}.timeline-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.timeline-person span{color:#7a837c;font-size:11px}.timeline-track{background-color:#edf0ec;background-image:linear-gradient(90deg,#5c6a611f 1px,#0000 1px);background-size:25% 100%;border-radius:7px;height:26px;position:relative;overflow:hidden}.timeline-segment{cursor:help;border-right:1px solid #ffffff8c;min-width:2px;position:absolute;top:0;bottom:0}.segment-productive{background:var(--state-productive,#2e7d32)!important}.segment-neutral{background:var(--state-neutral,#78909c)!important}.segment-unproductive{background:var(--state-unproductive,#f9a825)!important}.segment-idle{background:var(--state-idle,#c62828)!important}.segment-locked{background:var(--state-locked,#8f2525)!important}.segment-break{background:var(--state-break,#0288d1)!important}.timeline-legend{color:#69736c;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12px;display:flex}.timeline-legend span{align-items:center;gap:7px;display:inline-flex}.timeline-legend i{border-radius:3px;width:11px;height:11px}.admin-panel{flex-direction:column;gap:8px;display:flex}.admin-heading{align-items:center;margin-bottom:20px}.admin-stats{gap:10px;display:flex}.admin-stats span{color:#627068;background:#fafbf9;border:1px solid #dce2dc;border-radius:12px;padding:11px 14px;font-size:13px}.admin-stats strong{color:#183e2b;margin-right:3px;font-size:17px}.notice{z-index:10;border:1px solid;border-radius:12px;margin:0 0 8px;padding:11px 14px;font-size:13px;position:sticky;top:12px;box-shadow:0 8px 24px #17211b14}.notice-error{color:#8a2f2c;background:#fff0ef;border-color:#efc9c7}.notice-success{color:#23633c;background:#e7f5ea;border-color:#bee2c9}.admin-section{margin-top:34px}.section-heading.compact{align-items:center;margin-bottom:14px}.section-heading.compact h2{font-size:23px}.section-count{color:#fff;background:#183e2b;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.admin-card{background:#fafbf9;border:1px solid #dce2dc;border-radius:20px;box-shadow:0 14px 40px #17211b0f}.device-queue{overflow:hidden}.device-row{border-bottom:1px solid #e6eae5;grid-template-columns:46px minmax(180px,1fr) minmax(240px,1.1fr) auto;align-items:end;gap:16px;padding:17px 20px;display:grid}.device-row:last-child{border-bottom:0}.device-icon{color:#315a42;letter-spacing:.06em;background:#dfebe2;border-radius:12px;align-self:center;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.device-copy{flex-direction:column;align-self:center;gap:5px;display:flex}.device-copy span{color:#778078;font-size:12px}.inline-field,.admin-form label,.category-form label,.rule-form label{flex-direction:column;gap:6px;min-width:0;display:flex}.inline-field>span,.admin-form label>span,.category-form label>span,.rule-form label>span{color:#6f7a72;font-size:11px;font-weight:700}.admin-panel input,.admin-panel select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:10px;outline:none;width:100%;min-height:40px;padding:9px 11px}.admin-panel input:focus,.admin-panel select:focus{border-color:#538165;box-shadow:0 0 0 3px #5381651f}.button{cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:800}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:hover:not(:disabled){background:#23553b}.admin-empty{color:#778078;text-align:center;margin:0;padding:34px 22px}.admin-empty.small{padding:16px;font-size:13px}.admin-grid{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.form-card{padding:20px;overflow:hidden}.admin-form{border-bottom:1px solid #e6eae5;grid-template-columns:1.2fr 1.2fr 1fr .75fr auto;align-items:end;gap:10px;padding-bottom:20px;display:grid}.horizontal-form{grid-template-columns:1fr auto}.compact-list{flex-direction:column;margin-top:8px;display:flex}.compact-row{border-bottom:1px solid #ecefec;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;min-height:52px;display:grid}.compact-row:last-child{border-bottom:0}.compact-row>span:not(.avatar){flex-direction:column;gap:3px;display:flex}.compact-row small{color:#7c867f;font-size:11px}.avatar{color:#315a42;background:#dfebe2;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.department-mark{background:#71907c;border-radius:3px;width:11px;height:11px;margin-left:9px;transform:rotate(45deg)}.rules-card{overflow:hidden}.category-form{border-bottom:1px solid #e6eae5;grid-template-columns:.8fr 1.2fr 1fr 70px auto;align-items:end;gap:10px;padding:18px 20px;display:grid}.color-field input{cursor:pointer;padding:4px}.category-list{grid-template-columns:repeat(2,1fr);gap:0 20px;padding:8px 20px 16px;display:grid}.category-chip{border-bottom:1px solid #eaede9;grid-template-columns:12px 1fr auto auto;align-items:center;gap:11px;min-height:62px;display:grid}.category-chip i{border-radius:5px;width:10px;height:36px}.category-chip>span{flex-direction:column;gap:3px;min-width:0;display:flex}.category-chip small{color:#7b857d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.productivity{white-space:nowrap;border-radius:999px;width:fit-content;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.productivity.productive{color:#176634;background:#dff3e5}.productivity.neutral{color:#53636b;background:#e7ecee}.productivity.unproductive{color:#805e08;background:#fff0bd}.icon-button{color:#778078;cursor:pointer;background:0 0;border:0;border-radius:8px;width:28px;height:28px;font-size:20px;line-height:1}.icon-button:hover:not(:disabled){color:#8a2f2c;background:#f9dddd}.rule-form{border-bottom:1px solid #e6eae5;grid-template-columns:92px 1fr 1fr 1.5fr 1.1fr auto;align-items:end;gap:10px;padding:18px 20px;display:grid}.rules-table-wrap{overflow-x:auto}.rules-table{border-collapse:collapse;width:100%}.rules-table th{color:#7b857d;letter-spacing:.06em;text-align:left;text-transform:uppercase;font-size:10px}.rules-table th,.rules-table td{border-bottom:1px solid #eaede9;padding:13px 18px}.rules-table tbody tr:last-child td{border-bottom:0}.rules-table td{font-size:12px}.rules-table .condition{color:#68736b;flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.rules-table code{color:#26362c;background:#eef1ec;border-radius:5px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.disabled-rule{opacity:.48}.toggle{cursor:pointer;background:#bcc4be;border:0;border-radius:999px;width:34px;height:20px;position:relative}.toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px}.toggle.on{background:#2e7d4a}.toggle.on span{transform:translate(14px)}.access-card{overflow:hidden}.user-form{border-bottom:1px solid #e6eae5;grid-template-columns:1fr 1fr 1.15fr .8fr;align-items:end;gap:10px;padding:18px 20px;display:grid}.user-form label{flex-direction:column;gap:6px;min-width:0;display:flex}.user-form label>span{color:#6f7a72;font-size:11px;font-weight:700}.users-list{padding:6px 20px 14px}.user-row{border-bottom:1px solid #eaede9;grid-template-columns:34px minmax(180px,1fr) auto auto auto 40px;align-items:center;gap:12px;min-height:62px;display:grid}.user-row:last-child{border-bottom:0}.user-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.user-identity small{color:#7b857d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.role-badge,.scope-badge,.two-fa{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.role-badge{color:#244a34;background:#dfebe2}.scope-badge{color:#53636b;background:#e7ecee}.two-fa{color:#805e08;background:#fff0bd}.two-fa.enabled{color:#176634;background:#dff3e5}.inactive-user{opacity:.48}.role-editor{background:#f5f7f4;border-top:1px solid #e1e6e1;padding:18px 20px 22px}.role-editor-heading{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.role-editor-heading span{color:#7b857d;font-size:11px}.role-row{border-bottom:1px solid #e1e6e1;grid-template-columns:150px 1fr;gap:18px;padding:13px 0;display:grid}.role-row:last-child{border-bottom:0}.role-row>div:first-child{flex-direction:column;gap:3px;display:flex}.role-row small{color:#7b857d;font-size:10px}.permission-grid{grid-template-columns:repeat(4,1fr);gap:7px 12px;display:grid}.permission-grid label{color:#59655d;align-items:center;gap:6px;font-size:10px;display:flex}.permission-grid input{accent-color:#27613f;width:14px;min-height:14px}.session-loader{color:#667269;place-content:center;justify-items:center;min-height:100vh;display:grid}.session-loader span{border:3px solid #cfdbd2;border-top-color:#183e2b;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.session-loader p{margin:14px 0 0;font-size:13px}.login-page{background:#eef1ec;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 20% 20%,#315c42,#142f21 60%,#0d2217);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(48px,8vw,120px);display:flex}.login-brand .eyebrow{color:#a9cbb5}.login-brand h1{max-width:700px;font-size:clamp(45px,6vw,82px)}.login-brand>p:not(.eyebrow){color:#c5d5ca;max-width:570px;margin:28px 0 0;font-size:17px;line-height:1.6}.security-note{color:#a9cbb5;align-items:center;gap:10px;margin-top:48px;font-size:12px;display:flex}.security-note i{background:#61bd7f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #61bd7f1f}.login-card{background:#fafbf9;border:1px solid #dbe1db;border-radius:24px;align-self:center;width:min(440px,100% - 48px);margin:40px auto;padding:38px;box-shadow:0 28px 80px #1024181f}.login-card h2{letter-spacing:-.03em;margin:0;font-size:31px}.login-help{color:#718078;margin:10px 0 24px;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{flex-direction:column;gap:7px;display:flex}.login-form label span{color:#5d6a62;font-size:12px;font-weight:700}.login-form input{color:#26342b;background:#fff;border:1px solid #d3dbd4;border-radius:11px;outline:none;min-height:46px;padding:10px 12px}.login-form input:focus{border-color:#538165;box-shadow:0 0 0 3px #5381651f}.login-button{color:#fff;cursor:pointer;background:#183e2b;border:0;border-radius:11px;min-height:46px;margin-top:4px;font-weight:800}.login-button:disabled{opacity:.55;cursor:wait}.back-button{color:#657168;cursor:pointer;background:0 0;border:0;font-size:12px}.login-error{color:#8a2f2c;background:#fff0ef;border:1px solid #efc9c7;border-radius:9px;padding:9px 11px;font-size:12px}.totp-secret{background:#eef2ee;border-radius:12px;flex-direction:column;gap:7px;margin:18px 0 20px;padding:14px;display:flex}.totp-secret span{color:#6a776f;text-transform:uppercase;font-size:10px;font-weight:800}.totp-secret code{overflow-wrap:anywhere;color:#183e2b;letter-spacing:.08em;font-size:14px;font-weight:800}.totp-secret a{color:#356547;font-size:11px}.dashboard-page,.report-page{flex-direction:column;display:flex}.dashboard-heading,.report-heading{align-items:center;margin-bottom:28px}.period-switch{background:#e1e6df;border-radius:12px;gap:4px;padding:4px;display:flex}.period-switch button{color:#667168;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 12px;font-size:12px}.period-switch button.active{color:#fff;background:#31523c}.dashboard-loading{color:#778078;text-align:center;padding:80px 24px}.dashboard-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dashboard-kpi{background:#fafbf9;border:1px solid #dce2dc;border-radius:19px;flex-direction:column;justify-content:space-between;min-height:142px;padding:20px;display:flex;box-shadow:0 12px 32px #17211b0d}.dashboard-kpi span{color:#6b756e;font-size:13px}.dashboard-kpi strong{color:#17271d;letter-spacing:-.04em;font-size:35px;line-height:1}.dashboard-kpi small{color:#8a938c;font-size:11px}.live-kpi{color:#fff;background:#183e2b;border-color:#183e2b}.live-kpi span,.live-kpi small{color:#bfd7c7}.live-kpi strong{color:#fff}.warning-kpi{background:#fffaf0;border-color:#e8cf91}.warning-kpi strong{color:#8a600a}.dashboard-main-grid{grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:16px;margin-top:16px;display:grid}.dashboard-card{background:#fafbf9;border:1px solid #dce2dc;border-radius:20px;box-shadow:0 12px 36px #17211b0d}.card-heading{border-bottom:1px solid #e7ebe6;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;display:flex}.card-heading>span{font-size:15px;font-weight:800}.card-heading small{color:#7e8880;font-size:11px}.card-heading em{color:#315a42;background:#dfebe2;border-radius:50%;place-items:center;min-width:25px;height:25px;font-size:11px;font-style:normal;font-weight:900;display:grid}.department-chart-card{padding-bottom:12px}.department-bar-row{grid-template-columns:160px minmax(160px,1fr) 58px;align-items:center;gap:12px;min-height:62px;padding:9px 20px;display:grid}.department-label{flex-direction:column;gap:4px;min-width:0;display:flex}.department-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.department-label small{color:#7d877f;font-size:10px}.stacked-bar-space{background:#eef1ed;border-radius:7px;height:22px}.stacked-bar{border-radius:7px;min-width:2px;height:100%;display:flex;overflow:hidden}.stacked-bar i{height:100%}.bar-productive{background:#2e7d32!important}.bar-neutral{background:#78909c!important}.bar-unproductive{background:#f9a825!important}.bar-idle{background:#c9534f!important}.department-bar-row>b{color:#506057;text-align:right;font-size:11px}.bar-legend{color:#7b857d;flex-wrap:wrap;gap:14px;padding:12px 20px 4px 192px;font-size:10px;display:flex}.bar-legend span{align-items:center;gap:5px;display:flex}.bar-legend i{border-radius:2px;width:9px;height:9px}.alerts-card{overflow:hidden}.alert-row{color:#795b16;background:#fff7df;border:1px solid #ead79e;border-radius:11px;align-items:center;gap:10px;margin:12px 16px;padding:11px;font-size:11px;line-height:1.4;display:flex}.alert-row i{color:#fff;background:#d09318;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-style:normal;font-weight:900;display:grid}.all-clear{color:#718078;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:170px;display:flex}.all-clear i{color:#247142;background:#dff3e5;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;font-weight:900;display:grid}.all-clear strong{color:#31523c}.all-clear span{font-size:10px}.trend-card{margin-top:16px;padding-bottom:14px}.trend-chart{padding:18px 22px 6px}.trend-chart svg{width:100%;height:200px;display:block;overflow:visible}.trend-grid{stroke:#e1e6e1;stroke-width:1px}.trend-target{stroke:#d1a43e;stroke-width:1.5px;stroke-dasharray:5 5}.trend-line{fill:none;stroke:#2e7d4a;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#fafbf9;stroke:#2e7d4a;stroke-width:3px}.trend-labels{color:#818b83;justify-content:space-between;font-size:10px;display:flex}.trend-labels span:nth-child(2){color:#a17a23}.chart-empty{color:#828c84;text-align:center;margin:0;padding:54px 20px;font-size:12px}.chart-empty.small{padding:32px 20px}.ratings-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.rating-card{overflow:hidden}.rating-row{border-bottom:1px solid #e9ece8;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:61px;margin:0 18px;display:grid}.rating-row:last-child{border-bottom:0}.rank{color:#657268;background:#edf1ed;border-radius:8px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.rating-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.rating-row>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rating-row small{color:#818a83;font-size:10px}.score{border-radius:999px;padding:6px 8px;font-size:10px}.score-good{color:#176634;background:#dff3e5}.score-attention{color:#805e08;background:#fff0bd}.score-risk{color:#8a2f2c;background:#f9dddd}.export-button{color:#fff;background:#183e2b;border-radius:11px;padding:11px 16px;font-size:12px;font-weight:800;text-decoration:none}.report-filters{background:#fafbf9;border:1px solid #dce2dc;border-radius:17px;grid-template-columns:145px 145px 190px 180px 1fr;align-items:end;gap:10px;margin-bottom:14px;padding:16px;display:grid}.report-filters label{flex-direction:column;gap:6px;min-width:0;display:flex}.report-filters label span{color:#6f7a72;font-size:10px;font-weight:800}.report-filters input,.report-filters select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:9px;outline:none;width:100%;min-height:39px;padding:8px 10px}.report-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px;display:grid}.report-summary>span{background:#fafbf9;border:1px solid #dce2dc;border-radius:14px;align-content:center;gap:5px;min-height:86px;padding:14px 16px;display:grid}.report-summary small{color:#78827b;font-size:10px}.report-summary strong{font-size:21px}.report-table-wrap{background:#fafbf9;border:1px solid #dce2dc;border-radius:18px;overflow:auto;box-shadow:0 12px 36px #17211b0d}.report-table{border-collapse:collapse;width:100%;min-width:1260px}.report-table th,.report-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e7ebe7;padding:12px 13px}.report-table th:first-child,.report-table td:first-child,.report-table th:nth-child(2),.report-table td:nth-child(2){text-align:left}.report-table th{z-index:1;color:#758078;letter-spacing:.05em;text-transform:uppercase;background:#f3f6f2;font-size:9px;position:sticky;top:0}.report-table th button{color:inherit;cursor:pointer;font-size:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0;font-weight:800}.report-table td{color:#5b685f;font-size:11px}.report-table td:first-child{color:#26362c}.report-table tbody tr:hover{background:#f5f8f4}.report-table tfoot td{color:#26362c;background:#eaf0ea;border-bottom:0;font-weight:700;position:sticky;bottom:0}.table-empty{color:#818a83!important;text-align:center!important;padding:60px!important}.delta{color:#778078;font-size:9px;font-weight:800;display:inline-flex}.delta.up{color:#247142}.delta.down{color:#a33e39}.grade{border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900}.grade-good{color:#176634;background:#dff3e5}.grade-attention{color:#805e08;background:#fff0bd}.grade-risk{color:#8a2f2c;background:#f9dddd}.report-footnote{color:#808a82;margin:10px 2px 0;font-size:10px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f1f5f1}.employee-profile{flex-direction:column;display:flex}.back-link{color:#4e6456;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-bottom:18px;padding:0;font-size:12px;font-weight:700}.profile-header{grid-template-columns:74px 1fr auto;align-items:center;gap:18px;display:grid}.profile-avatar{color:#fff;background:linear-gradient(145deg,#315e42,#173a28);border-radius:22px;place-items:center;width:70px;height:70px;font-size:23px;font-weight:900;display:grid}.profile-header h1{font-size:clamp(30px,4vw,48px)}.profile-header>div:nth-child(2)>p:last-child{color:#728078;margin:10px 0 0;font-size:12px}.profile-status{color:#7d4b46;background:#f6e3e1;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.profile-status.active{color:#176634;background:#dff3e5}.profile-tabs{gap:5px;margin:28px 0 18px;padding-bottom:6px;display:flex;overflow-x:auto}.profile-tabs button{color:#657168;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;padding:8px 11px;font-size:11px}.profile-tabs button.active{color:#fff;background:#264633}.profile-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.profile-kpis article{background:#fafbf9;border:1px solid #dce2dc;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:112px;padding:16px;display:flex}.profile-kpis span{color:#78837b;font-size:10px}.profile-kpis strong{font-size:24px}.profile-kpis small{color:#89928b;font-size:9px}.profile-kpis .positive{color:#247142}.profile-kpis .negative{color:#a33e39}.grade-text{border-radius:9px;width:fit-content;padding:5px 8px;font-size:14px!important}.profile-overview-grid{grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px;display:grid}.profile-trend-card,.discipline-card{overflow:hidden}.profile-trend{align-items:flex-end;gap:6px;height:190px;padding:28px 18px 16px;display:flex}.profile-trend-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:7px;height:100%;display:flex}.profile-trend-column i{background:#2e7d4a;border-radius:4px 4px 2px 2px;width:100%;max-width:18px;min-height:3px;position:relative}.profile-trend-column i.attention{background:#e9a728}.profile-trend-column i.risk{background:#c9534f}.profile-trend-column i span{opacity:0;color:#526158;font-size:8px;font-style:normal;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.profile-trend-column:hover i span{opacity:1}.profile-trend-column small{color:#89928b;text-align:center;white-space:nowrap;width:28px;font-size:7px;overflow:hidden;transform:rotate(-45deg)}.discipline-grid{grid-template-columns:repeat(2,1fr);min-height:190px;display:grid}.discipline-grid span{border-bottom:1px solid #e8ebe7;border-right:1px solid #e8ebe7;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.discipline-grid strong{font-size:24px}.discipline-grid small{color:#818b83;text-align:center;font-size:9px}.profile-app-preview{margin-top:14px;overflow:hidden}.profile-app-preview .card-heading button{color:#356547;cursor:pointer;background:0 0;border:0;font-size:10px}.usage-list{padding:6px 18px 14px}.usage-row{border-bottom:1px solid #e9ece8;grid-template-columns:38px minmax(160px,1fr) minmax(180px,1.5fr) 100px;align-items:center;gap:12px;min-height:58px;display:grid}.usage-row:last-child{border-bottom:0}.usage-icon{color:#315a42;background:#dfebe2;border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid}.usage-icon.site{color:#365c6c;background:#dfedf2}.usage-row>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.usage-row>span strong,.usage-row>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-row>span strong{font-size:11px}.usage-row>span small{color:#818a83;font-size:9px}.usage-row>div{background:#edf1ed;border-radius:4px;height:8px;overflow:hidden}.usage-row>div i{border-radius:4px;min-width:2px;height:100%;display:block}.usage-productive{background:#2e7d4a}.usage-neutral{background:#78909c}.usage-unproductive{background:#f1a72a}.usage-row>b{color:#526158;text-align:right;font-size:10px}.activity-detail{overflow:hidden}.activity-event{border-bottom:1px solid #e9ece8;grid-template-columns:120px 9px minmax(220px,1fr) 130px 60px;align-items:center;gap:12px;min-height:62px;padding:10px 18px;display:grid}.activity-event time{color:#7c877f;font-size:9px}.activity-event>i{border-radius:4px;width:8px;height:32px}.activity-event>span{flex-direction:column;gap:4px;min-width:0;display:flex}.activity-event>span strong,.activity-event>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-event>span strong{font-size:11px}.activity-event>span small{color:#818a83;font-size:9px}.activity-event em{color:#637068;font-size:9px;font-style:normal}.activity-event b{text-align:right;font-size:10px}.profile-device-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-device{grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:17px;display:grid}.profile-device>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.profile-device span,.profile-device small,.profile-device time{color:#7d877f;font-size:9px}.profile-device em{color:#7a312d;background:#f9dddd;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900}.profile-device em.online{color:#176634;background:#dff3e5}.profile-device time{grid-column:2/-1}.media-coming{text-align:center;padding:70px 24px}.media-coming p{color:#7d877f;margin:8px 0 0;font-size:11px}.screenshot-gallery{flex-direction:column;gap:14px;display:flex}.gallery-toolbar{background:#fafbf9;border:1px solid #dce2dc;border-radius:16px;grid-template-columns:145px 145px 170px auto 1fr;align-items:end;gap:10px;padding:14px;display:grid}.gallery-toolbar label{flex-direction:column;gap:5px;display:flex}.gallery-toolbar label span{color:#6f7a72;font-size:9px;font-weight:800}.gallery-toolbar input,.gallery-toolbar select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:9px;min-height:37px;padding:7px 9px}.gallery-toolbar .export-button{justify-self:end}.view-switch{background:#e7ece7;border-radius:9px;padding:3px;display:flex}.view-switch button{color:#647068;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:31px;padding:6px 9px;font-size:9px}.view-switch button.active{color:#fff;background:#31523c}.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.screenshots-timeline{flex-direction:column;gap:10px;display:flex}.screenshot-card{cursor:zoom-in;background:#fafbf9;border:1px solid #dce2dc;border-radius:15px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 9px 24px #17211b0d}.screenshot-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px #17211b1a}.screenshot-image-wrap{aspect-ratio:16/9;background:#dfe4df;position:relative;overflow:hidden}.screenshot-image-wrap img{object-fit:cover;width:100%;height:100%}.blur-badge,.duplicate-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d2d23bf;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;position:absolute;top:8px}.blur-badge{left:8px}.duplicate-badge{right:8px}.screenshot-meta{grid-template-columns:1fr auto;gap:4px 10px;padding:11px 12px;display:grid}.screenshot-meta time{color:#79847c;font-size:9px}.screenshot-meta strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:11px;overflow:hidden}.screenshot-meta span{color:#68746b;grid-area:1/2/3;align-self:center;font-size:8px}.screenshots-timeline .screenshot-card{grid-template-columns:260px 1fr;display:grid}.screenshots-timeline .screenshot-meta{align-content:center}.lightbox{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08110ceb;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;padding:34px;display:grid;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;width:38px;height:38px;font-size:27px;position:absolute;top:18px;right:22px}.lightbox-nav{color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:60px;font-size:44px}.lightbox-nav:disabled{opacity:.2}.lightbox-content{flex-direction:column;min-width:0;max-height:calc(100vh - 70px);display:flex}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(100vh - 140px);box-shadow:0 22px 80px #00000080}.lightbox-content>div{color:#dbe5dd;align-items:center;gap:18px;padding:12px 4px 0;font-size:10px;display:flex}.lightbox-content>div>span:first-child{flex-direction:column;gap:3px;display:flex}.lightbox-content small{color:#94a49a}.lightbox-content a{color:#fff;background:#315c42;border-radius:8px;margin-left:auto;padding:7px 10px;text-decoration:none}.live-page,.video-archive{flex-direction:column;gap:16px;display:flex}.live-request{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.live-request select,.archive-toolbar input,.archive-toolbar select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:9px;min-height:39px;padding:8px 10px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;min-height:39px;padding:8px 14px;font-size:10px;font-weight:800}.primary-button{color:#fff;background:#183e2b}.primary-button:disabled{opacity:.45;cursor:default}.secondary-button{color:#294b36;background:#e1ebe3}.live-empty{min-height:360px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.live-tile{background:#111a14;border:1px solid #263c2e;border-radius:16px;overflow:hidden;box-shadow:0 14px 36px #0c1b1126}.live-preview{aspect-ratio:16/9;cursor:zoom-in;background:#07100a;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.live-preview iframe{pointer-events:none;border:0;width:100%;height:100%}.live-shield{position:absolute;inset:0}.live-connecting{color:#9cad9f;letter-spacing:.04em;background:#07100a;justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.live-connecting.large{border-radius:12px 12px 0 0;font-size:15px}.live-connecting i{border:2px solid #2b4433;border-top-color:#6fbf87;border-radius:50%;width:13px;height:13px;animation:.9s linear infinite live-spin}.live-connecting.large i{width:18px;height:18px}.live-tile em.pending{color:#9cad9f}.live-tile em.pending i{box-shadow:none;background:#6b7a70}@keyframes live-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.live-connecting i{animation:none}}.live-modal-stage{position:relative}.live-tile>div{color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.live-tile>div>span{flex-direction:column;gap:3px;min-width:0;display:flex}.live-tile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.live-tile small{color:#9cad9f;font-size:9px}.live-tile em{color:#9fe0af;flex:none;font-size:9px;font-style:normal;font-weight:800}.live-tile em i{background:#3ad05f;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block;box-shadow:0 0 0 5px #3ad05f1f}.live-modal{z-index:110;background:#050c08f0;place-items:center;padding:42px;display:grid;position:fixed;inset:0}.live-modal-content{width:min(1400px,100%)}.live-modal-content iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:12px 12px 0 0;width:100%;display:block}.live-modal-content footer{color:#fff;background:#122118;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.live-modal-content footer span{flex-direction:column;gap:4px;display:flex}.live-modal-content footer small{color:#9cad9f;font-size:9px}.live-modal-content footer button{color:#fff;cursor:pointer;background:#9d3834;border:0;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800}.archive-toolbar{background:#fafbf9;border:1px solid #dce2dc;border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.archive-toolbar label{flex-direction:column;gap:5px;min-width:170px;display:flex}.archive-toolbar label span{color:#6f7a72;font-size:9px;font-weight:800}.archive-toolbar .export-button{min-height:39px;margin-left:auto;padding-block:12px}.archive-layout{background:#0d1710;border-radius:17px;grid-template-columns:minmax(0,1fr) 260px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0c1b1124}.archive-player{background:#000;place-items:center;min-height:430px;display:grid}.archive-player video{width:100%;max-height:72vh;display:block}.archive-controls{background:#fff;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:10px;display:flex}.archive-controls button,.archive-controls select{min-height:32px}.archive-controls label{align-items:center;gap:5px;font-size:12px;display:flex}.archive-state-rail{background:#dfe4df;border-radius:7px;width:calc(100% - 20px);height:13px;margin:2px 10px 8px;position:relative;overflow:hidden}.archive-state-rail i{position:absolute;top:0;bottom:0}.archive-player>small{background:#fff;width:100%;padding:0 10px 8px}.archive-layout aside{color:#fff;border-left:1px solid #2b3b30;flex-direction:column;max-height:72vh;padding:14px;display:flex;overflow-y:auto}.archive-layout aside>strong{margin:3px 4px 12px;font-size:11px}.archive-layout aside button{color:#b9c5bc;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #253229;justify-content:space-between;padding:11px 5px;font-size:10px;display:flex}.archive-layout aside button.active{color:#fff;background:#24412f;border-radius:8px;padding-inline:9px}.absence-page{flex-direction:column;gap:14px;display:flex;position:relative}.month-picker{flex-direction:column;gap:5px;display:flex}.month-picker.inline{align-self:flex-end;width:180px}.month-picker span{color:#6f7a72;font-size:9px;font-weight:800}.month-picker input{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:9px;min-height:39px;padding:8px 10px}.absence-calendar-wrap{background:#fafbf9;border:1px solid #dce2dc;border-radius:16px;overflow:auto;box-shadow:0 12px 34px #17211b0d}.absence-calendar{-webkit-user-select:none;user-select:none;min-width:1180px;display:grid}.calendar-corner,.calendar-day-head{z-index:4;background:#eff3ef;border-bottom:1px solid #d5dcd5;border-right:1px solid #dde3dd;min-height:48px;position:sticky;top:0}.calendar-corner{z-index:6;color:#647068;align-items:center;padding:0 14px;font-size:10px;font-weight:800;display:flex;left:0}.calendar-day-head{color:#45564a;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;display:flex}.calendar-day-head small{color:#8a958d;text-transform:uppercase;font-size:7px}.calendar-day-head.weekend{color:#99423d;background:#f7eae8}.calendar-employee{z-index:3;cursor:pointer;background:#fafbf9;border-bottom:1px solid #e7ebe7;border-right:1px solid #d5dcd5;align-items:center;gap:9px;min-height:46px;padding:7px 11px;display:flex;position:sticky;left:0;overflow:hidden}.calendar-employee input{accent-color:#2d6843}.calendar-employee span{flex-direction:column;gap:2px;min-width:0;display:flex}.calendar-employee strong,.calendar-employee small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-employee strong{font-size:10px}.calendar-employee small{color:#849087;font-size:8px}.calendar-cell{cursor:crosshair;background:0 0;border-top:0;border-bottom:1px solid #e7ebe7;border-left:0;border-right:1px solid #edf0ed;min-height:46px;padding:0;position:relative}.calendar-cell:nth-child(7n){background-color:#a05b5508}.calendar-cell.selected{box-shadow:inset 0 0 0 1px #5f9c73;background:#dcece1!important}.calendar-cell.has-event{cursor:pointer;border-left:2px solid}.calendar-cell i{color:#fff;opacity:.8;border-radius:4px;place-items:center;font-size:7px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:6px 3px}.absence-create-panel{background:#f4f7f3;border:1px solid #cedacf;border-radius:16px;grid-template-columns:minmax(190px,1.3fr) 190px 110px minmax(210px,1fr) 150px auto auto;align-items:end;gap:9px;padding:14px;display:grid;box-shadow:0 12px 34px #17211b14}.absence-create-panel>div,.absence-create-panel label{flex-direction:column;gap:5px;min-width:0;display:flex}.absence-create-panel>div small,.absence-create-panel label span{color:#748078;font-size:8px}.absence-create-panel input,.absence-create-panel select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:9px;min-width:0;min-height:39px;padding:8px 9px}.event-popover{z-index:120;background:#fff;border:1px solid #dce2dc;border-radius:18px;width:min(390px,100vw - 30px);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 90px #091c1047}.event-popover>i{border-radius:4px;width:34px;height:8px;display:block}.event-popover h3{margin:14px 0 8px}.event-popover p{color:#69766d;margin:5px 0;font-size:10px}.event-close{color:#69766d;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:14px}.event-status{color:#805e08;background:#fff0bd;border-radius:999px;margin-top:12px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.event-status.approved{color:#176634;background:#dff3e5}.event-status.rejected{color:#8a2f2c;background:#f9dddd}.event-popover footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.event-popover footer button{cursor:pointer;border:0;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800}.event-popover footer button:first-child{color:#8a2f2c;background:#f9dddd}.event-popover footer button:last-child{color:#fff;background:#25633d}.schedule-admin{margin-top:0}.schedule-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.schedule-admin-grid>.admin-card{overflow:hidden}.compact-admin-form{border-bottom:1px solid #e6ebe6;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;padding:14px;display:grid}.compact-admin-form>label{color:#748078;flex-direction:column;gap:5px;font-size:8px;display:flex}.compact-admin-form input,.compact-admin-form select{color:#28342c;background:#fff;border:1px solid #d5dcd5;border-radius:8px;min-width:0;min-height:37px;padding:7px 8px}.compact-admin-form>input:first-child,.weekday-checks{grid-column:span 3}.weekday-checks{gap:5px;display:flex}.weekday-checks label{color:#68746c;background:#f0f3ef;border-radius:7px;align-items:center;gap:3px;padding:5px 7px;font-size:8px;display:flex}.weekday-checks input{accent-color:#2d6843;min-height:0}.assign-form{grid-template-columns:repeat(2,1fr)}.assign-form>select,.assign-form>label,.assign-form>button{grid-column:auto!important}.type-form{grid-template-columns:1fr 1.4fr 55px}.type-form>input:first-child{grid-column:auto}.type-form .checkbox-field{flex-direction:row;align-items:center}.type-form .checkbox-field input{min-height:0}.holiday-form{grid-template-columns:130px 1fr 130px auto}.holiday-form>input:first-child{grid-column:auto}.simple-list{padding:4px 14px 12px}.simple-list.scroll-list{max-height:250px;overflow-y:auto}.simple-list>div{border-bottom:1px solid #e8ece8;justify-content:space-between;align-items:center;gap:10px;min-height:48px;display:flex}.simple-list>div:last-child{border-bottom:0}.simple-list span{flex-direction:column;gap:3px;min-width:0;display:flex}.simple-list strong,.simple-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.simple-list strong{font-size:10px}.simple-list small{color:#7e8981;font-size:8px}.simple-list code{color:#607067;font-size:8px}.type-chip-list{flex-wrap:wrap;gap:7px;max-height:240px;padding:14px;display:flex;overflow-y:auto}.type-chip-list>span{border:1px solid;border-radius:9px;grid-template-columns:8px auto;gap:3px 6px;padding:7px 9px;font-size:9px;display:grid}.type-chip-list i{border-radius:3px;width:8px;height:8px}.type-chip-list small{color:#7e8981;grid-column:2;font-size:7px}.reports-hub{flex-direction:column;gap:13px;display:flex}.report-tabs{gap:5px;padding-bottom:4px;display:flex;overflow-x:auto}.report-tabs button{color:#657168;cursor:pointer;background:#eef2ee;border:0;border-radius:9px;flex:none;padding:9px 11px;font-size:9px}.report-tabs button.active{color:#fff;background:#264633}.report-control-panel,.report-tools{background:#fafbf9;border:1px solid #dce2dc;border-radius:15px;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:13px;display:flex}.report-control-panel label,.report-tools label{flex-direction:column;gap:5px;min-width:125px;display:flex}.report-control-panel label span,.report-tools label span{color:#718078;font-size:8px;font-weight:800}.report-control-panel input,.report-control-panel select,.report-tools input,.report-tools select{color:#27332b;background:#fff;border:1px solid #d5dcd5;border-radius:8px;min-width:0;min-height:37px;padding:7px 8px}.report-control-panel .checkbox-field{flex-direction:row;justify-content:center;align-items:center;min-height:37px}.report-control-panel .checkbox-field input{min-height:0}.export-group{border:1px solid #bfcac1;border-radius:9px;margin-left:auto;display:flex;overflow:hidden}.export-group button,.report-tools>button{color:#31523c;cursor:pointer;background:#fff;border:0;border-right:1px solid #d8dfd8;min-height:37px;padding:7px 10px;font-size:8px;font-weight:900}.export-group button:last-child{border-right:0}.report-tools{background:#f3f6f2;padding-block:10px}.report-tools .schedule-emails{min-width:230px;margin-left:auto}.column-picker{color:#526158;background:#f3f6f2;border:1px solid #dce2dc;border-radius:10px;align-self:flex-start;padding:8px 10px;font-size:9px}.column-picker summary{cursor:pointer;font-weight:800}.column-picker>div{grid-template-columns:repeat(4,1fr);gap:6px;max-width:min(800px,100vw - 60px);padding-top:9px;display:grid}.column-picker label{align-items:center;gap:5px;display:flex}.generic-report-wrap{background:#fafbf9;border:1px solid #dce2dc;border-radius:16px;overflow:auto;box-shadow:0 12px 34px #17211b0d}.generic-report-wrap table{border-collapse:collapse;width:100%;min-width:900px}.generic-report-wrap th,.generic-report-wrap td{white-space:nowrap;border-bottom:1px solid #e5eae5;border-right:1px solid #e8ece8;padding:10px 11px}.generic-report-wrap th{z-index:2;color:#657168;text-align:left;background:#eef3ee;position:sticky;top:0}.generic-report-wrap th button{color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:8px;font-weight:900}.generic-report-wrap td{color:#536159;font-size:9px}.generic-report-wrap tbody tr:hover{background:#f0f5f0}.generic-report-wrap td a{color:#2c6842;font-weight:800}.report-pagination{color:#6f7a72;justify-content:flex-end;align-items:center;gap:8px;font-size:9px;display:flex}.report-pagination span{margin-right:auto}.report-pagination button{color:#31523c;cursor:pointer;background:#edf2ed;border:0;border-radius:8px;width:31px;height:31px}.report-pagination button:disabled{opacity:.4}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid>.admin-card{overflow:hidden}.scheme-list,.threshold-list{gap:7px;padding:13px;display:grid}.scheme-list>button,.threshold-list>button{color:#425048;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce2dc;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.scheme-list>button.active,.threshold-list>button.active{border-color:#31704a;box-shadow:0 0 0 2px #31704a1f}.scheme-list strong,.threshold-list strong{font-size:10px}.scheme-list small{color:#7b867e;font-size:7px}.scheme-list button>span{border-radius:5px;display:flex;overflow:hidden}.scheme-list button i{width:18px;height:18px}.threshold-list button{flex-direction:column;align-items:stretch}.threshold-list button>span{border-radius:6px;width:100%;display:flex;overflow:hidden}.threshold-list i{color:#fff;text-align:center;min-height:27px;padding:7px 4px;font-size:7px;font-style:normal}.settings-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:9px;padding:13px;display:grid}.settings-form>label:not(.settings-check){flex-direction:column;gap:5px;display:flex}.settings-form label>span{color:#718078;font-size:8px;font-weight:800}.settings-form input{border:1px solid #d5dcd5;border-radius:8px;min-width:0;min-height:37px;padding:7px 8px}.settings-check{color:#657168;align-items:center;gap:6px;font-size:8px;display:flex}.settings-check input{accent-color:#2d6843;min-height:0}.retention-list{padding:6px 14px 14px}.retention-list>label{border-bottom:1px solid #e6ebe6;grid-template-columns:1fr 80px 32px;align-items:center;gap:8px;min-height:57px;display:grid}.retention-list>label>span{flex-direction:column;gap:3px;display:flex}.retention-list strong{font-size:10px}.retention-list small,.retention-list em{color:#7d8981;font-size:8px;font-style:normal}.retention-list input{border:1px solid #d5dcd5;border-radius:8px;min-height:35px;padding:6px 7px}.audit-card{margin-top:14px;overflow:hidden}.audit-card .card-heading label{align-items:center;gap:7px;display:flex}.audit-card .card-heading input{border:1px solid #d5dcd5;border-radius:7px;min-height:31px;padding:5px 7px}.audit-table-wrap{max-height:430px;overflow:auto}.audit-table-wrap table{border-collapse:collapse;width:100%;min-width:1100px}.audit-table-wrap th,.audit-table-wrap td{text-align:left;white-space:nowrap;border-bottom:1px solid #e7ebe7;padding:9px 10px}.audit-table-wrap th{color:#6b776f;text-transform:uppercase;background:#eef3ee;font-size:8px;position:sticky;top:0}.audit-table-wrap td{color:#5c6961;text-overflow:ellipsis;max-width:280px;font-size:8px;overflow:hidden}.notification-bell{position:relative}.notification-bell>button{color:#31523c;background:#edf2ed;border:0;border-radius:50%;width:36px;height:36px;font-size:17px;position:relative}.notification-bell>button b{color:#fff;background:#c44842;border:2px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 3px;font-size:7px;display:grid;position:absolute;top:-4px;right:-5px}.notification-panel{z-index:100;background:#fff;border:1px solid #d9e0da;border-radius:14px;width:min(370px,100vw - 32px);max-height:480px;position:absolute;top:44px;right:0;overflow-y:auto;box-shadow:0 22px 60px #0e1f1438}.notification-panel header{border-bottom:1px solid #e7ebe7;justify-content:space-between;padding:14px;display:flex}.notification-panel header span,.notification-panel>p{color:#7d8981;font-size:9px}.notification-panel>p{text-align:center;padding:24px}.notification-panel>button{color:#35443a;cursor:pointer;text-align:left;background:#f5faf5;border:0;border-bottom:1px solid #e7ebe7;grid-template-columns:8px 1fr;align-items:center;gap:9px;width:100%;padding:11px 13px;display:grid}.notification-panel>button.read{background:#fff}.notification-panel>button>i{background:#2f8a4d;border-radius:50%;width:7px;height:7px}.notification-panel>button.read>i{background:#c6cec8}.notification-panel>button>span{flex-direction:column;gap:4px;display:flex}.notification-panel strong{font-size:9px}.notification-panel small{color:#849087;font-size:7px}.windows-accounts-list{padding:7px 14px}.windows-accounts-list article{border-bottom:1px solid #e6ebe6;grid-template-columns:minmax(220px,1fr) auto 260px auto;align-items:center;gap:10px;min-height:62px;display:grid}.windows-accounts-list article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.windows-accounts-list strong,.windows-accounts-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.windows-accounts-list strong{font-size:10px}.windows-accounts-list small{color:#7c8880;font-size:8px}.windows-accounts-list em{color:#8a2f2c;background:#f9dddd;border-radius:8px;padding:6px 8px;font-size:8px;font-style:normal}.windows-accounts-list article.mapped em{color:#176634;background:#dff3e5}.windows-accounts-list select{border:1px solid #d5dcd5;border-radius:8px;min-height:37px;padding:7px 8px}.rule-test-result{color:#245b32;background:#edf5ef;border-radius:8px;margin:0 14px 10px;padding:9px 12px;font-size:9px}.capacity-card{margin-top:14px;padding:14px}.capacity-inputs{grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end;gap:12px;display:grid}.capacity-inputs label{color:#69756d;flex-direction:column;gap:5px;font-size:9px;display:flex}.capacity-inputs input,.capacity-inputs select{border:1px solid #d5dcd5;border-radius:8px;min-height:38px;padding:8px}.capacity-inputs strong{color:#216436;white-space:nowrap;background:#e5f3e8;border-radius:9px;padding:10px 14px}.profile-data-actions{gap:7px;margin-left:auto;display:flex}.profile-data-actions button{color:#315a42;cursor:pointer;background:#fff;border:1px solid #cad5cc;border-radius:9px;padding:8px 10px}.profile-data-actions button.danger{color:#8a2f2c;border-color:#e2bdbb}.agent-ops-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.agent-ops{padding:14px}.agent-op-row,.release-row{border-top:1px solid #e7ebe7;grid-template-columns:minmax(180px,1fr) repeat(3,auto);align-items:center;gap:7px;min-height:56px;display:grid}.agent-op-row>span,.release-row>span{flex-direction:column;gap:3px;display:flex}.agent-op-row small,.release-row small{color:#778078;font-size:8px}.agent-op-row button,.release-row button,.release-form button{cursor:pointer;background:#fff;border:1px solid #cbd5cd;border-radius:8px;padding:7px 9px}.release-form{grid-template-columns:100px 72px 1fr auto;gap:7px;margin-bottom:10px;display:grid}.release-row{grid-template-columns:1fr 118px auto auto auto auto auto}.release-row label input[type=number]{width:72px}.release-row button.release-delete{color:#8a2f2c;background:#fff0ef;border-color:#efc9c7}.release-download.secondary{color:#6f7b72;font-weight:600}.release-row label{align-items:center;gap:3px;display:flex}.release-download{color:#183e2b;white-space:nowrap;border:1px solid #cbd5cd;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;text-decoration:none}.release-row button.active{color:#fff;background:#216436}.diagnostics{margin-top:14px}.diagnostic-row{color:inherit;border-top:1px solid #e7ebe7;grid-template-columns:1fr 1fr 90px 170px;gap:10px;padding:11px 4px;font-size:9px;text-decoration:none;display:grid}.canvas-timeline{background:#fafbf9;max-height:70vh;position:relative;overflow:auto}.canvas-timeline canvas{cursor:grab;display:block}.canvas-timeline canvas:active{cursor:grabbing}.canvas-tooltip{z-index:4;pointer-events:none;background:#fffffff2;border:1px solid #ccd7ce;border-radius:10px;flex-direction:column;gap:4px;width:280px;padding:10px 12px;font-size:10px;display:flex;position:absolute;box-shadow:0 12px 30px #17211b24}.canvas-tooltip span{color:#315a42;font-weight:700}.canvas-tooltip small{color:#6f7b72;line-height:1.4}.canvas-tooltip em{color:#6f7b72;font-style:normal}.canvas-tooltip img{object-fit:cover;background:#e7ece8;border-radius:7px;width:100%;max-height:130px}.timeline-context-menu{z-index:24;background:#fff;border:1px solid #ccd7ce;border-radius:10px;width:240px;padding:5px;position:absolute;box-shadow:0 12px 30px #17211b30}.timeline-context-menu button{text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:8px 10px;display:block}.timeline-context-menu button:hover{background:#eef3ef}@keyframes pulse{50%{box-shadow:0 0 0 8px #27a45a00}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.page-shell{padding:28px 16px 60px}.app-header{flex-direction:column-reverse;align-items:stretch;margin-bottom:28px}.user-menu{justify-content:space-between}.user-menu>span{text-align:left}.summary{grid-template-columns:repeat(2,1fr)}.employee-row{grid-template-columns:14px 1fr auto}.last-seen{display:none}.timeline-row{grid-template-columns:120px 1fr;padding-inline:14px}.time-axis{margin-left:120px;padding-inline:14px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-stats{flex-wrap:wrap;width:100%}.device-row{grid-template-columns:42px 1fr;align-items:center}.device-row .inline-field,.device-row .button{grid-column:2}.admin-grid,.admin-form,.category-form,.rule-form,.user-form{grid-template-columns:1fr}.user-row{grid-template-columns:34px 1fr auto;padding:10px 0}.user-row .scope-badge,.user-row .two-fa{grid-column:2}.user-row .toggle{grid-area:1/3}.role-row{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.category-list,.login-page{grid-template-columns:1fr}.login-brand{min-height:auto;padding:48px 24px}.login-brand h1{font-size:44px}.login-brand>p:not(.eyebrow),.security-note{margin-top:20px}.login-card{padding:28px}.dashboard-heading,.report-heading{flex-direction:column;align-items:flex-start}.dashboard-kpis,.report-summary{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.ratings-grid{grid-template-columns:1fr}.department-bar-row{grid-template-columns:120px 1fr 48px;padding-inline:12px}.bar-legend{padding-left:12px}.report-filters{grid-template-columns:repeat(2,1fr)}.report-search{grid-column:1/-1}.profile-header{grid-template-columns:58px 1fr}.profile-avatar{border-radius:17px;width:54px;height:54px;font-size:18px}.profile-status{grid-column:2;justify-self:start}.profile-kpis{grid-template-columns:repeat(2,1fr)}.profile-overview-grid,.profile-device-grid{grid-template-columns:1fr}.usage-row{grid-template-columns:36px 1fr 70px}.usage-row>div{grid-column:2}.usage-row>b{grid-area:1/3}.activity-event{grid-template-columns:86px 8px 1fr 52px}.activity-event em{display:none}.gallery-toolbar{grid-template-columns:repeat(2,1fr)}.gallery-toolbar .export-button{text-align:center;justify-self:stretch}.screenshots-grid{grid-template-columns:repeat(2,1fr)}.screenshots-timeline .screenshot-card{grid-template-columns:140px 1fr}.lightbox{grid-template-columns:35px minmax(0,1fr) 35px;padding:16px}.lightbox-content>div{flex-direction:column;align-items:flex-start;gap:6px}.lightbox-content a{margin-left:0}.live-request{justify-content:flex-start}.live-grid{grid-template-columns:1fr}.live-modal{padding:14px}.archive-layout{grid-template-columns:1fr}.archive-layout aside{border-top:1px solid #2b3b30;border-left:0;max-height:240px}.archive-player{min-height:240px}.absence-create-panel{grid-template-columns:1fr 1fr}.absence-create-panel>div,.absence-reason{grid-column:1/-1}.schedule-admin-grid{grid-template-columns:1fr}.compact-admin-form,.type-form,.holiday-form{grid-template-columns:1fr 1fr}.compact-admin-form>input:first-child,.weekday-checks{grid-column:span 2}.column-picker>div{grid-template-columns:repeat(2,1fr)}.report-tools .schedule-emails,.export-group{margin-left:0}.settings-grid{grid-template-columns:1fr}.settings-form{grid-template-columns:repeat(2,1fr)}.windows-accounts-list article{grid-template-columns:1fr;padding-block:12px}}@media (width<=520px){.screenshots-grid{grid-template-columns:1fr}}.employee-row.clickable{cursor:pointer;transition:background .12s}.employee-row.clickable:hover{background:#f2f6f1}.metric.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.metric.clickable:hover{transform:translateY(-2px);box-shadow:0 16px 36px #17211b1a}.live-tile{position:relative}.live-tile-close{z-index:3;color:#fff;cursor:pointer;background:#0c140eb8;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.live-tile-close:hover{background:#9d3834}.approval-panel{background:#fafbf9;border-radius:18px;width:min(720px,100%);max-height:84vh;padding:22px;overflow:auto;box-shadow:0 24px 60px #08100b66}.approval-panel header h2{margin:0}.approval-panel header p{color:#6b756e;margin:4px 0 14px;font-size:13px}.approval-list{flex-direction:column;gap:10px;display:flex}.approval-row{background:#fff;border:1px solid #e2e8e2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.approval-device{flex-direction:column;flex:140px;gap:3px;min-width:0;display:flex}.approval-device strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.approval-device small{color:#778078;font-size:11px}.approval-row select,.approval-row input{border:1px solid #cbd5cd;border-radius:9px;flex:160px;min-height:38px;padding:7px 9px}.approval-row button{flex:none}.admin-tabs{flex-wrap:wrap;margin:14px 0 6px}.employee-import{flex-direction:column;gap:8px;margin:10px 0;display:flex}.import-file{cursor:pointer;align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.import-paste summary{cursor:pointer;color:#6f7b72;font-size:12px}.import-paste textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5cd;border-radius:8px;margin:8px 0;padding:8px}.bootstrapper-upload{cursor:pointer;align-items:center;gap:6px;margin:8px 0 4px;display:inline-flex}.list-search{box-sizing:border-box;width:100%;font:inherit;border:1px solid #cbd5cd;border-radius:9px;margin:4px 0 6px;padding:8px 11px}.roster-tabs{gap:6px;margin-bottom:8px;display:flex}.roster-tabs button{cursor:pointer;background:#fff;border:1px solid #cbd5cd;border-radius:8px;padding:5px 12px;font-size:12px}.roster-tabs button.active{color:#fff;background:#183e2b;border-color:#183e2b}.compact-row .button.tiny{padding:4px 10px;font-size:11px}.icon-button.danger{color:#9d3834}.avatar.archived{opacity:.5}.archived-row{opacity:.85}