:root{color:#1c1c1e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--line:#e6e9ee;--soft-line:#eef0f3;--text-soft:#69707d;--blue:#2274ff;--green:#28a766;--period-width:126px;--axis-width:72px;--row-height:42px;--section-row-height:44px;--employee-row-height:40px;--chart-row-height:190px;--indicator-row-height:48px;--scrollbar-row-height:15px;--indicator-row-bg:#eef6ff;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.page{width:100%;min-height:100vh;padding:18px}.report-card{border:1px solid var(--line);background:#fff;border-radius:24px;width:100%;min-height:calc(100vh - 36px);position:relative;overflow:visible}.top-panel{align-items:center;gap:14px;padding:18px 20px;display:flex}.brand-mark{border:1px solid var(--line);color:#22262d;letter-spacing:0;border-radius:14px;flex:none;place-items:center;width:78px;height:42px;text-decoration:none;display:grid;overflow:hidden}.brand-mark:hover{background:#f8fafc}.brand-mark img{object-fit:contain;width:100%;height:100%;padding:7px;display:block}.brand-mark span{place-items:center;width:100%;height:100%;display:grid}.top-controls,.top-actions{align-items:center;gap:10px;display:flex}.top-controls{flex:auto;min-width:0}.top-actions{flex:none}.soft-divider{background:var(--soft-line);height:1px;margin:0 24px}.select-shell,.date-picker-shell,.menu-button-shell,.threshold-shell,.row-threshold-shell{z-index:50;position:relative}.select-shell.is-open,.date-picker-shell.is-open,.menu-button-shell.is-open,.threshold-shell.is-open,.row-threshold-shell.is-open{z-index:2600}.select-shell{min-width:180px}.view-select{min-width:240px}.period-select{min-width:160px}.date-picker-shell{flex:260px;min-width:260px}.select-trigger,.date-trigger,.threshold-trigger,.action-button,.icon-button,.primary-button,.secondary-button{border:1px solid var(--line);color:#22262d;background:#fff;border-radius:13px;transition:border-color .16s,background .16s,transform .16s}.select-trigger,.date-trigger,.threshold-trigger{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 13px;display:flex}.select-trigger span,.date-trigger span,.threshold-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger:hover,.date-trigger:hover,.threshold-trigger:hover,.icon-button:hover,.secondary-button:hover{background:#f8fafc;border-color:#d5dbe4}.select-menu,.date-popover,.settings-popover{z-index:3200;background:#fff;border:1px solid #dde2e8;border-radius:16px;position:absolute;box-shadow:0 18px 42px #0f172a1f}.floating-layer{z-index:4600;pointer-events:none;position:absolute;inset:0;overflow:visible}.floating-popover{pointer-events:auto;bottom:auto;right:auto}.select-menu{width:100%;max-height:280px;padding:6px;top:calc(100% + 8px);left:0;overflow:auto}.date-popover{width:min(360px,100vw - 40px);padding:14px;top:calc(100% + 8px);right:0}.settings-popover{width:min(300px,100vw - 40px);padding:12px;top:calc(100% + 8px);right:0}.threshold-popover{width:min(300px,100vw - 40px);left:0;right:auto}.row-threshold-popover{width:min(280px,100vw - 40px);right:0}.schedule-popover{width:min(320px,100vw - 40px)}.date-popover p,.settings-popover p{color:#30343b;margin:0 0 12px}.date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.date-fields.single-field{grid-template-columns:1fr}.month-popover{width:min(330px,100vw - 40px)}.month-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.month-head p{color:#30343b;margin:0}.month-head button{border:1px solid var(--line);color:#4b5563;background:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.month-head button:first-child svg{transform:rotate(90deg)}.month-head button:last-child svg{transform:rotate(-90deg)}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.month-option{color:#2f3742;background:0 0;border:1px solid #0000;border-radius:12px;min-height:38px}.month-option:hover:not(:disabled),.month-option.is-selected{background:#eef1f5}.month-option.is-selected{border-color:#dde3ea}.month-option.is-disabled{color:#b8c0cc;cursor:default}.date-fields label,.threshold-field{color:#606875;gap:7px;font-size:13px;display:grid}.schedule-form{gap:10px;display:grid}.schedule-field{color:#606875;gap:8px;font-size:13px;display:grid}.threshold-field+.threshold-field{margin-top:10px}.date-fields input,.threshold-field input,.schedule-field select{border:1px solid var(--line);color:#22262d;border-radius:13px;outline:none;width:100%;height:40px;padding:0 10px}.schedule-field select{background:#fff}.threshold-field input[readonly]{color:#4b5563;background:#f8fafc}.date-fields input:focus,.threshold-field input:focus,.schedule-field select:focus{border-color:#9dbdff;box-shadow:0 0 0 4px #2274ff1f}.schedule-day-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.schedule-day-button{border:1px solid var(--line);color:#4b5563;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-height:34px;display:inline-flex}.schedule-day-button:hover,.schedule-day-button:focus-visible{background:#f4f7fb}.schedule-day-button.is-selected{color:#185ec8;background:#eef6ff;border-color:#bcd4ff}.popover-reset-button{color:#4b5563;background:#f7f9fc;border:1px solid #dde3ea;border-radius:11px;justify-self:start;min-height:32px;padding:0 12px;font-size:13px}.popover-reset-button:hover,.popover-reset-button:focus-visible{background:#eef3f8;border-color:#cbd5e1}.threshold-editor{gap:12px;display:grid}.threshold-popover-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.threshold-popover-head p{color:#30343b;margin:0}.compact-reset-button{min-height:28px;padding:0 10px;font-size:12px}.threshold-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.threshold-column{background:#fbfcfe;border:1px solid #edf1f6;border-radius:14px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.threshold-column>p{color:#4b5563;margin:0;font-size:13px}.threshold-column .threshold-field+.threshold-field{margin-top:0}.compact-threshold-field{gap:5px;font-size:12px}.compact-threshold-field input{border-radius:11px;height:34px}.threshold-apply-button{color:#fff;border:1px solid #0000;border-radius:11px;min-height:34px;padding:0 12px;font-size:13px}.threshold-apply-button:disabled{cursor:default;opacity:.45}.manual-apply-button{background:#2274ff;border-color:#2274ff}.recommended-apply-button{background:#28a766;border-color:#28a766}.select-option{color:#242932;text-align:left;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.select-option:hover,.multi-option:hover,.settings-option:hover{background:#f4f7fb}.saved-view-menu{padding:6px}.saved-view-list{gap:2px;display:grid}.saved-view-row{border-radius:11px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;display:grid;position:relative}.saved-view-row.is-selected{background:#f4f7fb}.saved-view-select-button{min-width:0}.saved-view-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.saved-view-actions{position:relative}.saved-view-more-button{color:#7b8491;background:0 0;border:0;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;display:grid}.saved-view-more-button:hover,.saved-view-more-button:focus-visible{color:#3f4855;background:#eef3f8}.saved-view-actions-menu{z-index:20;background:#fff;border:1px solid #dde2e8;border-radius:12px;gap:2px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 34px #0f172a24}.saved-view-actions-menu button{color:#30343b;text-align:left;background:0 0;border:0;border-radius:9px;min-height:32px;padding:0 10px}.saved-view-actions-menu button:hover,.saved-view-actions-menu button:focus-visible{background:#f4f7fb}.saved-view-action{border-top:1px solid var(--soft-line);margin-top:6px;padding:8px 2px 2px}.save-view-option{color:#185ec8;text-align:center;background:#eef6ff;border:1px solid #dbeafe;border-radius:13px;justify-content:center;min-height:42px}.save-view-option:hover,.save-view-option:focus-visible{background:#e5f0ff;border-color:#c9ddff}.icon-button{flex:none;place-items:center;width:42px;height:42px;padding:0;text-decoration:none;display:inline-grid;position:relative}.tooltip-bubble{z-index:12000;color:#30343b;pointer-events:none;white-space:normal;background:#fff;border:1px solid #dfe3e8;border-radius:12px;width:max-content;padding:8px 10px;font-size:13px;line-height:1.25;position:fixed;box-shadow:0 16px 34px #0f172a24}.action-button{color:#fff;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;display:inline-flex}.blue-button{background:var(--blue);border-color:#2274ff}.green-button{background:var(--green);border-color:#28a766}.purple-button{background:#7c5cff;border-color:#7c5cff}.build-report-icon-button{background:var(--blue);color:#fff;border-color:#2274ff;width:42px;height:42px}.build-report-icon-button:hover,.build-report-icon-button:focus-visible{color:#fff;background:#1e66dc;border-color:#1e66dc}.action-button:hover{transform:translateY(-1px)}.active-pin{color:#185ec8;background:#f0f6ff;border-color:#bdd2ff}.settings-list{gap:2px;max-height:360px;display:grid;overflow:auto}.table-settings-popover{grid-template-rows:auto auto minmax(0,1fr);gap:10px;max-height:min(680px,100vh - 72px);display:grid}.table-settings-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-settings-head p{color:#30343b;margin:0}.table-settings-actions{gap:8px;display:flex}.table-settings-actions button{color:#4b5563;background:#f7f9fc;border:1px solid #dde3ea;border-radius:10px;min-height:30px;padding:0 10px;font-size:12px}.table-settings-actions button:hover,.table-settings-actions button:focus-visible{background:#eef3f8;border-color:#cbd5e1}.table-settings-popover .settings-list{min-height:0;max-height:none}.section-metrics-popover{grid-template-rows:auto auto minmax(0,1fr);gap:10px;display:grid}.section-metrics-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-metrics-head p{color:#30343b;margin:0}.section-metrics-actions{flex-wrap:wrap}.settings-option,.multi-option{color:#242932;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.settings-option input,.multi-option input{width:16px;height:16px;accent-color:var(--blue)}.report-surface{--left-column-width:280px;grid-template-columns:var(--left-column-width) minmax(0, 1fr);background:#fff;border:1px solid #0000;border-radius:22px;display:grid;position:relative;overflow:hidden}.report-card.pdf-capture-mode{width:max(var(--pdf-total-width), 100%);max-width:none;overflow:visible}.report-card.pdf-capture-mode .report-surface{grid-template-columns:var(--left-column-width) var(--pdf-right-width);width:var(--pdf-total-width);overflow:visible}.report-card.pdf-capture-mode .fixed-column,.report-card.pdf-capture-mode .scroll-column{width:auto;position:static!important}.report-card.pdf-capture-mode .scroll-column{width:var(--pdf-right-width)}.report-card.pdf-capture-mode .sync-viewport,.report-card.pdf-capture-mode .table-right-cell,.report-card.pdf-capture-mode .horizontal-scrollbar{overflow:visible}.report-card.pdf-capture-mode .sync-content,.report-card.pdf-capture-mode .table-row-grid{transform:translate(0,0)!important}.report-card.pdf-capture-mode .scroll-button,.report-card.pdf-capture-mode .chart-zoom-controls,.report-card.pdf-capture-mode .floating-layer{display:none}.report-surface:after{z-index:1600;border:1px solid var(--line);pointer-events:none;content:"";border-radius:22px;position:absolute;inset:-1px}.report-surface.is-pinned{overflow:visible}.fixed-column{border-right:1px solid var(--soft-line);background:#fff;min-width:0}.scroll-column{background:#fff;min-width:0}.report-surface.is-pinned .fixed-column,.report-surface.is-pinned .scroll-column{z-index:1500;background:#fff;align-self:start;position:sticky;top:0}.left-pane{padding:14px 16px}.chart-left,.chart-viewport{border-bottom:1px solid var(--soft-line);min-height:304px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title-actions{flex:none;align-items:center;gap:8px;display:flex}.info-button{color:#5d6674}.section-title-row p,.modal-head p,.chart-tooltip p{margin:0}.chart-controls{gap:8px;display:grid}.chart-action-controls{gap:10px}.left-panel-action-button{border:1px solid var(--line);color:#2b3038;text-align:center;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 12px;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.left-panel-action-button:hover,.left-panel-action-button:focus-visible{background:#f8fafc;border-color:#d5dbe4}.left-build-button{background:var(--blue);color:#fff;border-color:#2274ff}.left-build-button:hover,.left-build-button:focus-visible{color:#fff;background:#1e66dc;border-color:#1e66dc}.configure-chart-popover{gap:12px;padding:12px;display:grid}.configure-chart-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.configure-chart-head p{color:#30343b;margin:0}.configure-chart-fields{gap:10px;display:grid}.configure-chart-apply{color:#fff;border:1px solid #2274ff;border-radius:12px;min-height:38px;padding:0 14px}.chart-controls .select-trigger,.chart-controls .threshold-trigger{border-radius:12px;min-height:34px;padding:0 10px;font-size:13px}.chart-controls .select-trigger svg,.chart-controls .threshold-trigger svg{width:15px;height:15px}.chart-mode-select,.multi-select{width:100%;min-width:0}.multi-menu{width:100%}.sync-viewport{min-width:0;overflow:hidden}.chart-viewport{position:relative}.sync-content{will-change:transform}.chart-sync-content{height:304px;padding:12px 0}.chart-wrap{width:100%;height:280px;position:relative}.chart-zoom-controls{z-index:20;pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.chart-zoom-controls .icon-button{color:#4b5563;background:#ffffffb8;border-radius:12px;width:34px;height:34px}.chart-zoom-controls .icon-button:hover,.chart-zoom-controls .icon-button:focus-visible{background:#f4f7fbe0}.chart-tooltip{background:#fff;border:1px solid #dde2e8;border-radius:13px;padding:10px 12px;box-shadow:0 16px 34px #0f172a24}.chart-point-tooltip{z-index:12000;pointer-events:none;position:fixed}.chart-tooltip>span{color:#1f2937;margin-top:4px;display:block}.chart-tooltip-list{gap:6px;margin-top:7px;display:grid}.chart-tooltip-row{color:#1f2937;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:13px;display:grid}.chart-tooltip-row i{border-radius:50%;width:8px;height:8px;display:block}.chart-tooltip-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chart-tooltip-row strong{white-space:nowrap;font-weight:400}.threshold-tooltip-row{color:#5f6875;font-size:12px}.threshold-tooltip-row i{background:#fff;border:1px solid #c7d2de}.chart-hover-dot{cursor:pointer}.recharts-tooltip-wrapper{pointer-events:none;z-index:4300!important}.indicator-left,.indicator-viewport{height:var(--indicator-row-height);min-height:var(--indicator-row-height);border-bottom:1px solid var(--soft-line);background:var(--indicator-row-bg);color:#525a66}.indicator-left{align-items:center;padding:0 20px;line-height:1;display:flex}.period-grid{height:var(--indicator-row-height);min-height:var(--indicator-row-height);background:var(--indicator-row-bg);display:grid}.period-grid span{min-width:var(--period-width);height:var(--indicator-row-height);background:var(--indicator-row-bg);font-size:var(--period-font-size,13px);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid #dceaf8;justify-content:center;align-items:center;padding:0 10px;display:flex;overflow:hidden}.period-grid .period-axis-gutter{min-width:var(--axis-width);border-right:1px solid #dceaf8}.horizontal-scrollbar,.scrollbar-left-spacer{height:var(--scrollbar-row-height);border-bottom:1px solid var(--soft-line);background:#fff}.horizontal-scrollbar{scrollbar-color:#dbe1e8 #f8fafc;scrollbar-width:thin;overflow:auto hidden}.horizontal-scrollbar::-webkit-scrollbar{width:10px;height:10px}.details-table-scroll::-webkit-scrollbar{width:10px;height:10px}.detail-table-wrap::-webkit-scrollbar{width:10px;height:10px}.settings-list::-webkit-scrollbar{width:10px;height:10px}.select-menu::-webkit-scrollbar{width:10px;height:10px}.horizontal-scrollbar::-webkit-scrollbar-track{background:#f8fafc}.details-table-scroll::-webkit-scrollbar-track{background:#f8fafc}.detail-table-wrap::-webkit-scrollbar-track{background:#f8fafc}.settings-list::-webkit-scrollbar-track{background:#f8fafc}.select-menu::-webkit-scrollbar-track{background:#f8fafc}.horizontal-scrollbar::-webkit-scrollbar-thumb{background:#dbe1e8;border:3px solid #f8fafc;border-radius:999px}.details-table-scroll::-webkit-scrollbar-thumb{background:#dbe1e8;border:3px solid #f8fafc;border-radius:999px}.detail-table-wrap::-webkit-scrollbar-thumb{background:#dbe1e8;border:3px solid #f8fafc;border-radius:999px}.settings-list::-webkit-scrollbar-thumb{background:#dbe1e8;border:3px solid #f8fafc;border-radius:999px}.select-menu::-webkit-scrollbar-thumb{background:#dbe1e8;border:3px solid #f8fafc;border-radius:999px}.horizontal-scrollbar::-webkit-scrollbar-thumb:hover{background:#c9d2dd}.details-table-scroll::-webkit-scrollbar-thumb:hover{background:#c9d2dd}.detail-table-wrap::-webkit-scrollbar-thumb:hover{background:#c9d2dd}.settings-list::-webkit-scrollbar-thumb:hover{background:#c9d2dd}.select-menu::-webkit-scrollbar-thumb:hover{background:#c9d2dd}.scrollbar-spacer{height:1px}.report-table{--table-scroll-left:0px;z-index:5;background:#fff;grid-column:1/-1;position:relative;overflow:visible}.report-status-bar{color:#31506c;background:#f5fbff;border-bottom:1px solid #d8e6f3;align-items:center;gap:10px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.report-status-bar.is-error{color:#a33131;background:#fff5f5;border-bottom-color:#ffd2d2}.report-table-row{grid-template-columns:var(--left-column-width) minmax(0, 1fr);height:var(--row-height);min-height:var(--row-height);border-bottom:1px solid var(--soft-line);background:#fff;align-items:stretch;display:grid}.report-table-row.is-section-row{height:var(--section-row-height);min-height:var(--section-row-height);background:#f8fafc}.report-table-row.is-employee-row{height:var(--employee-row-height);min-height:var(--employee-row-height);background:#fbfcfe}.report-table-row.is-chart-row{height:var(--chart-row-height);min-height:var(--chart-row-height)}.report-table-row.is-empty-row{height:var(--section-row-height);min-height:var(--section-row-height);background:#fbfcfe}.report-table-row:hover,.report-table-row:hover .table-left-cell,.report-table-row:hover .value-cell,.report-table-row:hover .value-axis-gutter{background:#eef7ff}.table-left-cell{z-index:10;border-right:1px solid var(--soft-line);background:inherit;color:#2b3038;align-items:center;gap:8px;min-width:0;height:100%;line-height:1;display:flex;position:relative;overflow:visible}.section-left-cell{padding:0 12px}.metric-left-cell{padding:0 10px}.employee-left-cell{color:#4d5866;gap:10px;padding:0 14px 0 28px}.empty-left-cell{color:#8a94a3;padding:0 14px}.employee-person-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:3px 6px;text-decoration:none;display:inline-flex}.employee-person-button:hover,.employee-person-button:focus-visible{background:#eef3f8}.employee-person-button>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chart-left-cell{color:#5f6875;align-items:flex-start;padding:14px 20px 0}.table-right-cell{min-width:0;height:100%;overflow:hidden}.table-row-grid{height:100%;transform:translate3d(var(--table-scroll-left), 0, 0);will-change:transform;display:grid}.section-left-cell .section-toggle{flex:auto;min-width:0}.metric-left-cell .metric-name{white-space:nowrap;flex:auto}.drag-handle-button,.more-menu-button{color:#8a94a3;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.drag-handle-button{cursor:grab}.drag-handle-button:active{cursor:grabbing}.drag-handle-button:hover,.more-menu-button:hover,.drag-handle-button:focus-visible,.more-menu-button:focus-visible{color:#596574;background:#eef3f8}.row-actions-shell{z-index:20;flex:none;margin-left:auto;position:relative}.section-metrics-shell{z-index:22;flex:none;position:relative}.row-actions-shell.is-open,.section-metrics-shell.is-open{z-index:3400}.section-settings-button{color:#7b8491;border-radius:10px;width:28px;height:28px}.section-settings-button svg{width:14px;height:14px}.row-actions-popover{z-index:3400;padding:8px;position:absolute;right:auto}.section-metrics-popover{padding:12px}.section-metrics-list{max-height:300px}.row-actions-list{gap:2px;display:grid}.row-actions-menu-head{justify-content:space-between;align-items:center;gap:8px;padding:0 2px 4px 8px;display:flex}.row-actions-menu-head p{color:#30343b;margin:0}.row-menu-close{color:#6b7280;background:#f3f6fa;border:0;border-radius:9px;place-items:center;width:26px;height:26px;padding:0;display:grid}.row-menu-close:hover,.row-menu-close:focus-visible{color:#374151;background:#eaf0f7}.row-action-menu-item{color:#242932;text-align:left;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;padding:0 10px;display:flex}.row-action-menu-item:hover,.row-action-menu-item:focus-visible{background:#f4f7fb}.row-action-menu-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-action-menu-item svg{flex:none}.row-action-menu-item.is-active{color:#185ec8;background:#eef6ff}.row-threshold-fields{gap:10px;display:grid}.row-popover-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-popover-head p{color:#30343b;margin:0}.row-popover-head button{color:#4b5563;background:#f2f5f8;border:0;border-radius:10px;padding:6px 9px}.row-popover-head .row-menu-close{width:26px;height:26px;padding:0}.table-left,.table-values-viewport{background:#fff}.metric-left-row,.value-row{height:var(--row-height);min-height:var(--row-height);border-bottom:1px solid var(--soft-line)}.metric-left-row{color:#2b3038;white-space:nowrap;align-items:center;padding:0 20px;display:flex}.metric-data-left-row{justify-content:space-between;gap:10px;padding-right:10px}.metric-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.metric-row-actions{flex:none;align-items:center;gap:4px;display:flex}.row-action-button{border-radius:10px;width:28px;height:28px}.row-action-button svg{width:14px;height:14px}.drag-row-button{color:#69707d}.drag-handle{cursor:grab;place-items:center;width:100%;height:100%;display:grid}.drag-handle:active{cursor:grabbing}.value-row{display:grid}.value-cell{min-width:var(--period-width);color:#2b3038;height:100%;font:inherit;font-size:var(--period-font-size,13px);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-right:1px solid #f3f5f8;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.value-cell-button:hover,.value-cell-button:focus-visible{background:#f6f8fb}.value-cell-button:hover .value-cell-badge,.value-cell-button:focus-visible .value-cell-badge{text-underline-offset:3px;-webkit-text-decoration:underline #5b697b8c;text-decoration:underline #5b697b8c}.value-cell-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;min-width:0;max-width:100%;padding:3px 6px;line-height:1.2;display:block;overflow:hidden}.value-cell-corner-arrow{color:#6c8ac6;opacity:0;pointer-events:none;background:#e2edffe6;border-radius:5px;place-items:center;width:13px;height:13px;font-size:9px;line-height:1;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:4px;right:5px;transform:translate(2px,-2px)}.value-cell-button:hover .value-cell-corner-arrow,.value-cell-button:focus-visible .value-cell-corner-arrow{opacity:1;transform:translate(0)}.report-table-row:hover .value-cell-button:hover,.report-table-row:hover .value-cell-button:focus-visible{background:#e2f0ff}.value-axis-gutter{min-width:var(--axis-width);background:inherit;border-right:1px solid #f3f5f8;height:100%}.report-table-row.is-section-row .value-cell,.report-table-row.is-section-row .value-axis-gutter{background:#f8fafc}.report-table-row.is-employee-row .value-cell,.report-table-row.is-employee-row .value-axis-gutter{color:#4d5866;background:#fbfcfe}.report-table-row.is-section-row:hover .value-cell,.report-table-row.is-section-row:hover .value-axis-gutter,.report-table-row.is-employee-row:hover .value-cell,.report-table-row.is-employee-row:hover .value-axis-gutter{background:#eef7ff}.employee-left-row,.employee-value-row{height:var(--employee-row-height);min-height:var(--employee-row-height);background:#fbfcfe}.employee-left-row{color:#4d5866;gap:10px;padding-left:28px}.employee-left-row>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.employee-avatar{color:#536171;background:#eef2f7;border:1px solid #e2e7ee;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-value-row .value-cell,.employee-value-row .value-axis-gutter{color:#4d5866;background:#fbfcfe}.chart-left-row,.chart-value-row{height:var(--chart-row-height);min-height:var(--chart-row-height);background:#fff}.chart-left-row{color:#5f6875;white-space:normal;align-items:flex-start;padding-top:14px}.row-chart-cell{border-right:1px solid #f3f5f8;grid-column:1/-1;min-width:0;height:100%;padding:12px 14px}.row-chart-wrap{width:100%;height:100%;position:relative}.value-cell.is-above-threshold{color:#22845a;font-weight:600}.value-cell.is-above-threshold .value-cell-badge{background:#edf9f1;border:1px solid #ccefd9}.value-cell.is-below-threshold{color:#c93333;font-weight:600}.value-cell.is-below-threshold .value-cell-badge{background:#fff0f0;border:1px solid #f4d2d2}.metric-section-left-row,.metric-section-value-row{height:var(--section-row-height);min-height:var(--section-row-height)}.metric-section-left-row,.metric-section-value-row .value-cell,.metric-section-value-row .value-axis-gutter{background:#f8fafc}.metric-section-left-row{padding:0 12px}.section-toggle{color:#2b3038;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;width:100%;min-height:0;display:inline-flex}.section-toggle:hover{background:#eef3f8}.section-toggle svg{flex:none;transition:transform .16s}.section-toggle.is-collapsed svg{transform:rotate(-90deg)}.section-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scroll-button{z-index:2200;color:#4b5563;background:#ffffff80;border:1px solid #d2d8e0d1;place-items:center;width:38px;height:84px;transition:background .16s,color .16s,transform .16s;display:grid;position:fixed;top:50vh;transform:translateY(-50%);box-shadow:0 14px 34px #0f172a1f}.scroll-forward-button{border-right:0;border-radius:42px 0 0 42px;right:0}.scroll-back-button{left:calc(18px + var(--left-column-width));border-left:0;border-radius:0 42px 42px 0}.scroll-button:hover,.scroll-button:focus-visible{color:#1f2937;background:#ffffff80}.scroll-forward-button:hover,.scroll-forward-button:focus-visible{transform:translateY(-50%)translate(-2px)}.scroll-back-button:hover,.scroll-back-button:focus-visible{transform:translateY(-50%)translate(2px)}.scroll-button.is-disabled{color:#9aa3af}.modal-layer{z-index:5000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151b2633;place-items:center;padding:clamp(10px,2vw,20px);display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #dde2e8;border-radius:22px;width:min(420px,100%);padding:18px;box-shadow:0 28px 70px #0f172a2e}.compact-modal-panel{width:min(520px,100%)}.pro-modal-layer{z-index:5600}.pro-modal-panel{grid-template-rows:auto minmax(0,1fr);width:min(75vw,980px);max-width:calc(100vw - 32px);height:min(75vh,720px);max-height:calc(100vh - 32px);display:grid}.pro-modal-body{color:#374151;gap:16px;min-height:0;padding:4px 0 0;display:grid;overflow:auto}.pro-modal-body p,.pro-modal-body ol,.pro-modal-body ul,.pro-modal-body h3{margin:0}.pro-modal-body ul{gap:8px;padding-left:18px;display:grid}.pro-modal-intro{gap:10px;max-width:780px;font-size:15px;line-height:1.5;display:grid}.pro-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.pro-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pro-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:14px;min-width:0;padding:16px;display:grid}.pro-plan-card.is-featured{background:linear-gradient(#f8fbff 0%,#fff 62%);border-color:#b7d7ff;box-shadow:0 14px 34px #1d4ed81a}.pro-plan-head{gap:7px;display:grid}.pro-plan-head span{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:800}.pro-plan-head h3{color:#111827;font-size:22px;line-height:1.15}.pro-plan-head p,.pro-plan-card li{color:#4b5563;font-size:14px;line-height:1.45}.pro-admin-note{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:4px;padding:13px 14px;display:grid}.pro-admin-note p{color:#111827;font-weight:800}.pro-admin-note span{color:#6b7280;font-size:14px;line-height:1.45}.pro-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pro-modal-actions .primary-button:disabled{cursor:not-allowed;opacity:.7}.instruction-modal-layer,.app-settings-modal-layer{z-index:5550}.instruction-modal-panel,.app-settings-modal-panel{grid-template-rows:auto minmax(0,1fr);width:min(92vw,1120px);min-width:0;max-width:calc(100vw - clamp(20px,4vw,32px));height:min(88vh,820px);min-height:0;max-height:calc(100vh - clamp(20px,4vw,32px));display:grid}.instruction-modal-panel{padding-bottom:0}.instruction-content{color:#111827;scroll-behavior:smooth;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:18px;min-height:0;padding:0 4px 18px 0;font-size:15px;line-height:1.5;display:grid;overflow:auto}.instruction-nav{background:#fff;border:1px solid #e6e9ee;border-radius:16px;align-self:start;gap:6px;max-height:calc(88vh - 130px);padding:8px;display:grid;position:sticky;top:0;overflow:auto}.instruction-nav a{color:#334155;border-radius:10px;padding:6px 8px;font-size:13px;line-height:1.25;text-decoration:none}.instruction-nav a:hover,.instruction-nav a:focus-visible{color:#185ec8;background:#f4f7fb}.instruction-section{border-bottom:1px solid #eef0f3;grid-column:2;gap:9px;padding:0 0 18px;display:grid}.instruction-section h2{color:#111827;margin:0;font-size:21px;font-weight:500;line-height:1.25}.instruction-section h3{color:#111827;margin:6px 0 0;font-size:15px;font-weight:500;line-height:1.3}.instruction-section p,.instruction-section ol{margin:0}.instruction-section ol{padding-left:22px}.instruction-demo{background:#fbfcfe;border:1px solid #e1e6ee;border-radius:16px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.demo-toolbar{align-items:center}.demo-select,.demo-button,.demo-pill,.demo-check,.demo-menu-item{color:#2b3038;overflow-wrap:anywhere;background:#fff;border:1px solid #e1e6ee;border-radius:12px;align-items:center;min-width:0;min-height:32px;padding:0 10px;display:inline-flex}.demo-button.demo-blue{color:#fff;background:#2274ff;border-color:#2274ff}.demo-button.demo-green{color:#fff;background:#28a766;border-color:#28a766}.demo-button.demo-purple{color:#fff;background:#7c5cff;border-color:#7c5cff}.demo-button.demo-soft,.demo-pill{background:#f4f7fb}.demo-card{grid-template-columns:repeat(auto-fit,minmax(150px,max-content));display:grid}.demo-chart{background:linear-gradient(#edf0f4 1px,#0000 1px) 0 0/100% 36px,#fff;height:150px;display:block;position:relative;overflow:hidden}.demo-chart-line{background:#2274ff;border-radius:999px;width:260px;height:3px;position:absolute;top:88px;left:42px;transform:rotate(-12deg)}.demo-dot{background:#fff;border:2px solid #2274ff;border-radius:50%;width:12px;height:12px;position:absolute}.demo-dot-one{top:92px;left:58px}.demo-dot-two{top:70px;left:168px}.demo-dot-three{top:48px;left:278px}.demo-tooltip{color:#30343b;background:#fff;border:1px solid #dde2e8;border-radius:12px;padding:8px 10px;position:absolute;top:18px;left:136px;box-shadow:0 14px 30px #0f172a1f}.demo-thresholds{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-thresholds div{background:#fff;border:1px solid #edf1f6;border-radius:14px;gap:8px;padding:10px;display:grid}.demo-thresholds span{color:#4b5563}.demo-thresholds i{color:#64748b;border:1px solid #e6e9ee;border-radius:10px;padding:7px 9px;font-style:normal}.demo-thresholds b{color:#fff;text-align:center;background:#2274ff;border-radius:10px;padding:7px 9px}.demo-thresholds .demo-green-text{background:#28a766}.demo-table-row{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(110px,auto)) 34px;align-items:center;display:grid}.demo-table-row b{color:#22845a;text-align:center;background:#edf9f1;border-radius:10px;padding:6px 10px}.demo-table-row button{color:#64748b;background:#eef3f8;border:0;border-radius:10px;width:30px;height:30px}.demo-menu-item{background:#fff}.app-settings-modal-panel{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(760px,92vw);height:auto;max-height:min(720px,100vh - clamp(20px,4vw,32px));overflow:hidden}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:14px;display:flex}.modal-head p{color:#22262d;margin:0;line-height:1.25}.modal-head span{color:#69707d;margin-top:5px;font-size:13px;line-height:1.4;display:block}.modal-text{color:#4b5563;margin:0 0 12px;font-size:14px;line-height:1.45}.pro-inline-link{color:#185ec8;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.app-settings-fields{align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow:auto}.field-label{color:#515966;gap:8px;display:grid}.field-label input{border:1px solid var(--line);border-radius:14px;outline:none;width:100%;height:44px;padding:0 13px}.field-label input:focus{border-color:#9dbdff;box-shadow:0 0 0 4px #2274ff1f}.employee-multi-field{color:#4b5563;gap:6px;min-width:0;font-size:13px;line-height:1.35;display:grid;position:relative}.employee-multi-trigger{border:1px solid var(--line);color:#2b3038;text-align:left;background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:6px 10px;display:flex}.employee-chip-list{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.employee-chip{color:#185ec8;text-overflow:ellipsis;white-space:nowrap;background:#eef6ff;border:1px solid #dbeafe;border-radius:999px;max-width:min(220px,100%);padding:3px 8px;overflow:hidden}.employee-placeholder{color:#8a94a3}.employee-multi-popover{background:#fff;border:1px solid #dde2e8;border-radius:16px;grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;max-height:min(280px,100vh - 220px);padding:10px;display:grid;position:static;box-shadow:0 14px 32px #0f172a1a}.employee-multi-head{grid-template-columns:minmax(0,1fr) 28px;gap:8px;display:grid}.employee-multi-head input{border:1px solid var(--line);border-radius:11px;min-width:0;height:34px;padding:0 10px}.employee-multi-list{gap:2px;min-height:0;display:grid;overflow:auto}.employee-multi-option{color:#30343b;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.employee-multi-option:hover{background:#f4f7fb}.employee-multi-option input{width:15px;height:15px;accent-color:var(--blue)}.employee-multi-empty{color:#6b7280;border-radius:10px;padding:10px 8px;font-size:13px;line-height:1.4}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.primary-button,.secondary-button{min-height:40px;padding:0 15px}.primary-button{border-color:var(--blue);background:var(--blue);color:#fff}.danger-button{color:#fff;background:#ef4444;border:1px solid #ef4444;border-radius:13px;min-height:40px;padding:0 15px}.toast-message{z-index:12500;color:#185ec8;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:12px 14px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 42px #0f172a24}.detail-overlay{z-index:5400;box-sizing:border-box;background:#151b261f;place-items:start stretch;padding:0;display:grid;position:fixed;inset:12px}.detail-panel{box-sizing:border-box;background:#fff;border:1px solid #dde2e8;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;max-width:none;height:100%;max-height:100%;display:grid;overflow:hidden;box-shadow:0 24px 58px #0f172a29}.detail-head{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.detail-head p{color:#22262d;margin:0}.detail-head span{color:#69707d;margin-top:5px;font-size:13px;display:block}.details-table-scroll,.detail-table-wrap{width:100%;min-width:0;max-width:100%;padding:0 0 8px;overflow:auto visible}.detail-table{min-width:100%;max-width:none;display:grid}.detail-empty-state{color:#667085;text-align:center;align-content:center;justify-items:center;min-height:240px;padding:28px;display:grid}.detail-empty-state p{color:#242a33;margin:0 0 8px;font-size:16px;font-weight:650}.detail-empty-state span{max-width:520px;font-size:13px;line-height:1.5}.detail-row-contents{display:contents}.detail-header-cell,.detail-cell{color:#2b3038;min-width:0;min-height:42px;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #eef1f5;border-top:0;border-left:0;align-items:center;padding:0 12px;display:flex;overflow:hidden}.detail-header-cell{z-index:1;color:#4b5563;background:#f8fafc;gap:6px;position:sticky;top:0}.detail-header-cell span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sort-indicator{color:#69707d;font-size:12px}.column-resizer{cursor:col-resize;width:8px;height:100%;position:absolute;top:0;right:0}.column-resizer:after{content:"";opacity:.8;background:#d7dde5;width:1px;height:calc(100% - 18px);transition:background .16s,opacity .16s;position:absolute;top:9px;right:3px}.detail-header-cell:hover .column-resizer:after,.column-resizer:hover:after{opacity:1;background:#8fb6ff;width:2px}.is-detail-resizing,.is-detail-resizing *{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.detail-action-cell{cursor:pointer;white-space:nowrap;justify-content:flex-start;text-decoration:none}.detail-action-cell:hover,.detail-action-cell:focus-visible{background:#f4f7fb}.detail-title-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-filler-cell{background:#fff;border-bottom:1px solid #eef1f5;min-width:0;min-height:42px}.detail-header-filler{z-index:1;background:#f8fafc;position:sticky;top:0}@media (width<=900px){.page{padding:10px}.report-card{border-radius:18px;min-height:calc(100vh - 20px)}.top-panel{flex-direction:column;align-items:stretch;padding:14px}.top-controls,.top-actions{flex-wrap:wrap;width:100%}.view-select,.period-select,.select-shell,.date-picker-shell{flex:190px;min-width:0}.action-button{flex:190px}.soft-divider{margin:0 16px}.report-surface{--left-column-width:220px}.left-pane{padding:14px}.chart-left,.chart-viewport,.chart-sync-content{height:318px;min-height:318px}.chart-wrap{height:290px}.metric-left-row,.indicator-left{padding-left:14px;padding-right:14px}.metric-section-left-row{padding-left:10px;padding-right:10px}.settings-popover,.date-popover{width:min(320px,100vw - 32px)}.instruction-content{grid-template-columns:1fr;gap:14px;padding-right:0}.instruction-nav,.instruction-section{grid-column:1}.instruction-nav{max-height:none;padding:8px;display:flex;position:static;overflow:auto hidden}.instruction-nav a{white-space:nowrap;flex:none}.instruction-section{padding-bottom:16px}.instruction-section h2{font-size:19px}.demo-card{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.demo-thresholds{grid-template-columns:1fr}.pro-modal-panel{width:min(640px,100vw - 24px)}.pro-plan-grid{grid-template-columns:1fr}.pro-modal-actions{justify-content:stretch}.pro-modal-actions button{flex:220px}.app-settings-modal-panel{width:min(640px,100vw - 24px)}.threshold-editor-grid{grid-template-columns:1fr}.scroll-back-button{left:calc(10px + var(--left-column-width))}}@media (width<=520px){.top-actions,.top-controls{gap:8px}.brand-mark{width:72px;height:38px}.icon-button{width:40px;height:40px}.row-action-button{width:28px;height:28px}.report-surface{--left-column-width:180px}.date-popover{left:0;right:auto}.date-fields{grid-template-columns:1fr}.modal-layer{padding:8px}.modal-panel{border-radius:16px;padding:14px}.instruction-modal-panel,.app-settings-modal-panel{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.instruction-content{font-size:14px;line-height:1.45}.instruction-section{gap:8px}.instruction-section h2{font-size:18px}.instruction-demo{padding:10px}.demo-table-row{grid-template-columns:1fr}.demo-table-row button{justify-self:start}.app-settings-modal-panel{grid-template-rows:auto auto minmax(0,1fr) auto}.modal-head{margin-bottom:10px}.modal-actions{justify-content:stretch}.modal-actions button{flex:140px}.employee-multi-popover{width:100%;max-height:min(340px,100vh - 96px);left:0;right:auto}.chart-left,.chart-viewport,.chart-sync-content{height:342px;min-height:342px}.chart-wrap{height:314px}.metric-left-row,.value-cell,.period-grid span,.indicator-left{font-size:13px}.metric-left-row,.indicator-left{padding-left:10px;padding-right:10px}.scroll-button{width:32px;height:72px}.scroll-back-button{left:calc(10px + var(--left-column-width))}}