:root{--page:#f4f6fa;--surface:#fff;--text:#1d293d;--muted:#69778a;--line:#e7ebf2;--blue:#215dca;--teal:#168874;--soft:#edf3fe;--nav:#192f50;--shadow:0 12px 48px #172c4c13;--warning:#fff8e9;--warning-text:#7e5b18;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}html[data-theme=dark]{--page:#111d2d;--surface:#19283c;--text:#ecf2fc;--muted:#a7b5c8;--line:#304059;--blue:#8ab5ff;--teal:#67d7c0;--soft:#263c5e;--nav:#12233a;--shadow:none;--warning:#3a3020;--warning-text:#f2ce88;color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--page);font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue)}button{transition:background .15s,color .15s,box-shadow .15s}button:disabled{cursor:default;opacity:.5}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--blue)}button svg{flex-shrink:0}h1,h2,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.1px;font-weight:660}h2{font-size:18px;letter-spacing:-.4px;font-weight:650}small{font-size:12px}.muted{color:var(--muted)}.loading{text-align:center;padding:70px;color:var(--muted)}.layout{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#e6edf8;padding:30px 18px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1.2}.brand-mark{background:#356fe2;color:white;display:flex;align-items:center;justify-content:center;width:40px;height:42px;font-size:32px;border-radius:11px;font-weight:750;padding-bottom:4px;letter-spacing:-2px}.brand-sub{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#acbad0;margin-top:5px}.nav-caption{font-size:12px;color:#a5b6d0;margin:47px 12px 12px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#b7c6dd;display:flex;gap:12px;align-items:center;text-align:left;padding:13px 12px;border-radius:8px;width:100%;font-size:14px}.nav-item span{flex:1}.nav-item:hover:not(:disabled){background:#ffffff13;color:#fff}.nav-item.active{background:#3765a9;color:#fff;box-shadow:inset 3px 0 #9abfff}.nav-item:focus-visible{outline-color:#b2ceff}.sidebar-bottom{margin-top:auto}.local-state{font-size:12px;color:#b5c6dd;display:flex;align-items:center;gap:9px;padding:20px 10px;border-bottom:1px solid #ffffff18}.status-dot{display:inline-block;width:7px;height:7px;background:#4bbb9a;border-radius:50%;flex-shrink:0}.user{display:flex;align-items:center;gap:10px;padding:22px 7px 15px}.user-avatar{display:grid;place-items:center;background:#ffffff15;border:1px solid #ffffff25;border-radius:50%;width:34px;height:34px;font-size:13px}.user strong{font-size:12px;font-weight:550;display:block}.user small{display:block;color:#acbad0;font-size:10px;margin-top:3px}.side-actions{display:flex;justify-content:space-between;align-items:center;padding:0 5px}.icon-button{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--soft);color:var(--blue)}.sidebar .icon-button{color:#b7c6dd;border-color:#ffffff22}.sidebar .icon-button:hover{background:#ffffff15}.text-button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;font-size:12px;padding:8px}.text-button:hover{color:#fff}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 38px;background:var(--surface);border-bottom:1px solid var(--line);min-height:64px}.breadcrumb{color:var(--muted);display:flex;align-items:center;gap:10px;font-size:12px}.breadcrumb span{color:var(--text);font-weight:500}.saved-source{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.saved-source:before{content:"";width:6px;height:6px;background:#90a2b8;border-radius:50%}.dashboard{padding:34px 38px 22px;max-width:1450px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading p{color:var(--muted);font-size:14px;margin-top:9px}.period-label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}select,input{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-height:42px}select{cursor:pointer}#period{min-width:207px;font-size:13px}.data-line{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:22px 0 17px;color:var(--muted);font-size:11px}.data-line span{display:flex;gap:6px;align-items:center}.warning{padding:12px 16px;border:1px solid #e1bd6945;background:var(--warning);color:var(--warning-text);border-radius:8px;font-size:11px;line-height:1.65;margin-bottom:20px}.warning strong{font-weight:600}.overview{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1.22fr .87fr;margin-bottom:26px;padding:25px 0;box-shadow:0 2px 4px #172c4c02}.metric-block{padding:0 27px;display:flex;flex-direction:column}.metric-block+.metric-block{border-left:1px solid var(--line)}.metric-label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500}.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.blue,.blue-bg{background:var(--blue)}.teal,.teal-bg{background:var(--teal)}.metric-number{font-size:43px;letter-spacing:-2px;line-height:1.25;font-weight:650;margin:12px 0 7px;font-variant-numeric:tabular-nums}.metric-count{font-size:11px;color:var(--muted)}.overview-note{border-left:1px solid var(--line);padding:0 24px;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:12px}.overview-note svg{margin-bottom:8px;color:var(--blue)}.overview-note strong{font-size:12px;color:var(--text);font-weight:550}.overview-note p{font-size:11px;margin:2px 0 7px}.overview-note small{font-size:10px;max-width:220px;line-height:1.6}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:24px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px}.section-heading p{font-size:11px;color:var(--muted);margin-top:5px}.tag{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:5px;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}thead{background:var(--page);font-size:10px;color:var(--muted)}th{font-weight:500}th,td{padding:14px 20px;border-bottom:1px solid var(--line)}.employee-table{min-width:750px}.employee-table thead th:first-child{padding-left:25px}.employee-table td{vertical-align:middle}.employee-table tbody tr:last-child td,.employee-table tbody tr:last-child th{border-bottom:0}.employee-table th:first-child{width:25%;padding-left:25px}.employee-table th:nth-child(2){width:11%}.employee-table th:nth-child(3),.employee-table th:nth-child(4){width:23%}.employee-table th:last-child{width:6%;padding-right:20px}.employee-name{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;color:var(--text);padding:0;font-weight:600}.employee-name:hover{color:var(--blue)}.employee-name small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px;white-space:nowrap}.avatar{width:35px;height:35px;background:color-mix(in srgb,var(--person) 11%,var(--surface));color:var(--person);border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;flex-shrink:0}.task-total{font-size:15px;font-weight:550;font-variant-numeric:tabular-nums}.bar-value{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-value small{font-size:10px;color:var(--muted);font-weight:400;align-self:center}.bar-track{height:5px;background:var(--page);border-radius:3px;margin-top:9px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:3px}.open-count{font-size:13px;color:var(--muted)}.has-open{color:var(--warning-text);background:var(--warning);padding:4px 9px;border-radius:5px;font-weight:550;display:inline-block;min-width:29px;text-align:center}.pending-note{font-size:9px;display:block;color:var(--muted);margin-top:4px;white-space:nowrap}.detail-button{width:27px;height:27px;border-color:transparent}.table-note{border-top:1px solid var(--line);font-size:10px;color:var(--muted);padding:11px 25px}.segmented{display:flex;background:var(--page);border:1px solid var(--line);padding:3px;border-radius:8px;gap:2px}.segmented button{border:0;background:none;padding:7px 12px;font-size:11px;color:var(--muted);border-radius:5px;white-space:nowrap}.segmented button:hover{background:var(--soft)}.segmented button[aria-pressed=true]{color:var(--blue);background:var(--surface);box-shadow:0 1px 3px #172c4c13;font-weight:550}.chart-legend{display:flex;gap:22px;padding:0 26px;font-size:11px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{display:block;width:7px;height:7px;border-radius:50%}.trend-svg{width:calc(100% - 30px);margin:8px 15px 0;display:block}.chart-grid{stroke:var(--line);stroke-dasharray:3 5}.chart-tick{fill:var(--muted);font-size:10px}.chart-selection{fill:var(--soft)}.chart-months{display:flex;justify-content:space-between;margin:-16px 4% 0 5%;position:relative}.chart-months button{border:0;color:var(--muted);background:none;padding:8px 8px;border-radius:5px;font-size:10px;min-width:60px}.chart-months button:hover{background:var(--soft)}.chart-months button.selected{background:var(--soft);color:var(--blue);font-weight:550}.chart-note{display:flex;align-items:center;gap:8px;padding:15px 26px 18px;font-size:10px;color:var(--muted)}.dashed-sample{width:20px;border-top:2px dashed var(--muted);display:inline-block;flex-shrink:0}.chart-values{margin:5px 26px;font-size:10px;color:var(--muted)}summary{cursor:pointer;padding:8px 0;width:fit-content}summary:hover{color:var(--blue)}.chart-values table{margin-top:10px}.method{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:9px 21px;color:var(--muted);font-size:12px}.method summary{font-weight:500;color:var(--text)}.method-body{max-width:850px;padding:7px 0 12px}.method p{margin-bottom:12px;font-size:11px;line-height:1.8}.page-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:22px}.empty{max-width:620px;margin:90px auto;text-align:center;padding:25px}.empty h1{font-size:28px}.empty p{margin-top:15px}.empty .primary{margin-top:20px}.empty-icon{display:inline-flex;padding:20px;border-radius:20px;background:var(--soft);color:var(--blue);margin-bottom:25px}.team-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;color:var(--muted)}.auth-page{min-height:100vh;max-width:1260px;padding:38px 50px 20px;margin:auto}.auth-page>header{display:flex;justify-content:space-between;align-items:center}.auth-page .brand-sub{color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center;min-height:calc(100vh - 170px)}.auth-intro h1{font-size:52px;line-height:1.1;letter-spacing:-2px;margin:23px 0}.auth-intro>p{color:var(--muted);font-size:16px;line-height:1.8}.small-badge{font-size:12px;color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-radius:5px;padding:6px 10px;background:var(--soft)}.auth-note{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-top:43px}.auth-note svg{color:var(--blue)}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow);margin:30px 0}.auth-card h2{font-size:24px}.auth-card>p{font-size:12px;color:var(--muted);margin-top:10px}.auth-card form{margin-top:23px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:13px}.primary{background:#215dca;border:1px solid #215dca;border-radius:7px;color:#fff;padding:12px 18px;font-weight:550}.primary:hover{background:#174eaf;box-shadow:0 3px 9px #215dca30}.primary:disabled{opacity:.6}.auth-card .primary{width:100%}.auth-card .auth-footer{font-size:10px;line-height:1.7;margin-top:17px;text-align:center}.form-error{color:#bc3c40;font-size:12px;margin:10px 0}.auth-bottom{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);padding-bottom:15px}.auth-bottom span:last-child{margin-left:auto}.task-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;width:min(1060px,94vw);max-height:88vh;padding:25px;box-shadow:0 20px 80px #0004}.task-dialog::backdrop{background:#10213b88;backdrop-filter:blur(3px)}.task-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.task-dialog header p{font-size:11px;color:var(--muted);margin-top:6px}.dialog-metrics{display:flex;gap:25px;padding:23px 0;color:var(--muted);font-size:12px}.dialog-metrics strong{color:var(--text);margin-left:7px}.filter-label{display:flex;gap:14px;align-items:center;font-size:12px;margin-bottom:20px}.task-list{max-height:55vh}.task-list table{min-width:670px}.task-list thead{position:sticky;top:0}.task-list td{vertical-align:top;font-size:11px;padding:12px}.task-list th{padding:12px}.task-list td:first-child{width:43%}.task-list a{text-decoration:none;display:block}.task-list a:hover{text-decoration:underline}.task-list a small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.task-list td>small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.task-status{font-size:10px;padding:3px 6px;border-radius:4px;white-space:nowrap;background:var(--page)}.task-status.onTime{background:var(--soft);color:var(--blue)}.task-status.grace{color:var(--teal);background:color-mix(in srgb,var(--teal) 9%,var(--surface))}.task-status.open,.task-status.late{color:var(--warning-text);background:var(--warning)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}#notice:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;padding:13px 20px;background:var(--text);color:var(--surface);border-radius:8px;box-shadow:var(--shadow);z-index:10;font-size:12px}html[data-theme=dark] .avatar{color:color-mix(in srgb,var(--person) 70%,white)}html[data-theme=dark] .chart-legend i{outline:1px solid #ffffff50}
@media(min-width:1500px){.dashboard{padding-top:45px}.overview{margin-top:4px}.metric-number{font-size:49px}.trend-svg{max-height:270px}.section-heading{padding:26px 28px}.employee-table th,.employee-table td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1120px){.layout{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:24px;gap:9px}.brand-sub{font-size:10px}.topbar{padding:19px 25px}.dashboard{padding:28px 24px}.overview{grid-template-columns:1fr 1.2fr}.overview-note{display:none}.metric-number{font-size:38px}.metric-block{padding:0 22px}.auth-layout{gap:40px;grid-template-columns:1fr 400px}.auth-intro h1{font-size:44px}.auth-page{padding:30px}}
@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto;padding:17px 16px 10px}.sidebar .brand{font-size:22px}.sidebar .brand-sub,.nav-caption,.local-state,.user{display:none}.sidebar .brand-mark{width:30px;height:31px;font-size:24px;border-radius:7px}.sidebar nav{display:flex;overflow-x:auto;margin-top:16px;gap:5px}.nav-item{width:auto;white-space:nowrap;font-size:11px;padding:10px;gap:7px}.nav-item svg{width:16px}.nav-item svg:last-child:not(:first-child){display:none}.sidebar-bottom{position:absolute;right:14px;top:13px}.side-actions{gap:12px}.topbar{padding:13px 18px;min-height:48px}.saved-source{font-size:10px}.breadcrumb{font-size:10px;gap:5px}.dashboard{padding:24px 17px}.page-heading{align-items:flex-start;gap:12px}h1{font-size:26px}.page-heading p{font-size:12px;margin-top:6px}.period-label{font-size:10px}#period{font-size:11px;min-width:0;width:156px;padding:9px 6px}.data-line{font-size:10px;margin:20px 0 13px;gap:5px}.warning{font-size:10px;padding:10px 12px}.overview{padding:20px 0;margin-bottom:20px;grid-template-columns:1fr 1fr}.metric-block{padding:0 14px}.metric-label{font-size:10px;gap:6px;min-height:30px;align-items:flex-start}.legend-dot{margin-top:4px;flex-shrink:0}.metric-number{font-size:34px;margin:6px 0}.metric-count{font-size:9px;max-width:160px}.panel{margin-bottom:20px}.section-heading{padding:18px 16px;align-items:flex-start}h2{font-size:16px}.section-heading p{font-size:10px}.tag{font-size:9px}.employee-table{min-width:680px}.employee-table th:first-child{padding-left:16px}.employee-table th,.employee-table td{padding:14px}.employee-table th:first-child{width:23%}.employee-table thead th:first-child{padding-left:16px}.employee-table .employee-name small{font-size:9px}.table-note{padding:10px 16px;font-size:9px}.trend-panel .section-heading{flex-direction:column;gap:14px}.segmented{align-self:stretch}.segmented button{flex:1}.chart-legend{padding:0 17px;gap:18px}.trend-svg{width:calc(100% - 12px);margin:6px 6px 0;min-height:150px}.chart-months{margin:-3px 4% 0 5%}.chart-months button{font-size:9px;min-width:0;padding:7px 4px}.chart-note{font-size:9px;padding:12px 16px;align-items:flex-start}.chart-note .dashed-sample{margin-top:6px}.chart-values{margin:3px 17px}.method{font-size:11px;padding:9px 15px}.page-footer{font-size:9px}.auth-page{padding:23px 20px}.auth-layout{display:block;min-height:auto}.auth-intro{padding-top:45px}.auth-intro h1{font-size:37px;margin:22px 0 17px}.auth-intro>p{font-size:13px}.auth-note{display:none}.auth-card{padding:24px;margin:28px 0}.auth-bottom{font-size:9px}.task-dialog{padding:18px;width:96vw}.dialog-metrics{gap:17px;font-size:10px;flex-wrap:wrap}.filter-label{font-size:10px;align-items:flex-start;flex-direction:column;gap:7px}.filter-label select{max-width:100%;font-size:12px}.task-dialog header p{font-size:10px}.task-list{max-height:52vh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:fixed;left:0;top:0}.chart-person{color:var(--person)}html[data-theme=dark] .chart-person{color:color-mix(in srgb,var(--person) 65%,#d9e8ff)}html[data-theme=dark] .chart-legend i{filter:brightness(1.4)}
@media(max-width:760px){.employee-table{display:block;min-width:0}.employee-table thead{display:none}.employee-table tbody{display:block}.employee-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 15px 17px;gap:9px 16px;border-bottom:1px solid var(--line)}.employee-table tbody tr:last-child{border:0}.employee-table tbody th,.employee-table tbody td{display:block;padding:0;border:0;width:auto!important}.employee-table tbody th:first-child{grid-column:1 / -1;padding:4px 35px 8px 0}.employee-table tbody td:nth-child(2){grid-column:1;grid-row:2;font-size:11px;color:var(--muted);font-weight:400}.employee-table tbody td:nth-child(2):before{content:'Всего задач: ';font-size:10px}.employee-table tbody td:nth-child(5){grid-column:2;grid-row:2;font-size:10px;color:var(--muted)}.employee-table tbody td:nth-child(5):before{content:'Не закрыты: '}.employee-table tbody td:nth-child(3){grid-column:1;grid-row:3}.employee-table tbody td:nth-child(4){grid-column:2;grid-row:3}.employee-table tbody td:nth-child(3):before,.employee-table tbody td:nth-child(4):before{display:block;font-size:10px;color:var(--muted);margin:4px 0 7px}.employee-table tbody td:nth-child(3):before{content:'Закрыты вовремя'}.employee-table tbody td:nth-child(4):before{content:'До дедлайна + 24 часа'}.employee-table tbody td:last-child{grid-column:2;grid-row:1;justify-self:end;align-self:center}.employee-table .bar-value{font-size:17px}.employee-table .bar-value small{font-size:9px}.open-count,.has-open{font-size:10px;padding:0;background:none;color:var(--muted);min-width:0}.pending-note{font-size:8px}.employee-table .employee-name small{font-size:10px}.table-note{line-height:1.7}.trend-svg{min-height:0}.chart-months{margin-top:-7px}.section-heading>div>p{max-width:230px}}
@media(max-width:760px){.employee-table tbody th:first-child{grid-row:1}}

.chart-wrap{position:relative}.chart-point{cursor:pointer;outline:none}.chart-point circle{transition:stroke-width .12s,filter .12s}.chart-point.is-active circle,.chart-point:focus-visible circle{stroke-width:4;filter:drop-shadow(0 0 3px currentColor)}.chart-point:focus-visible circle{outline:2px solid var(--text);outline-offset:4px;border-radius:50%}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:3px;width:max-content;max-width:calc(100% - 12px);padding:12px 15px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);box-shadow:0 5px 25px #10213b26;font-size:11px;line-height:1.5}.chart-tooltip[hidden]{display:none}.tooltip-person{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12px}.tooltip-person i{width:7px;height:7px;border-radius:50%}.tooltip-period,.chart-tooltip>span:last-of-type,.chart-tooltip small{color:var(--muted)}.chart-tooltip strong{font-size:24px;line-height:1.3;letter-spacing:-.5px}.chart-tooltip small{font-size:10px}@media(max-width:760px){.chart-tooltip{font-size:10px;padding:10px 12px}.chart-tooltip strong{font-size:22px}}
.period-badge{font-size:12px;padding:10px 13px;border:1px solid var(--line);background:var(--surface);border-radius:7px;white-space:nowrap;color:var(--muted)}.management-scope{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 25px}.management-scope h2{font-size:15px}.management-scope p{font-size:12px;color:var(--muted);margin-top:7px;max-width:550px}.management-scope label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:5px;flex-shrink:0}.management-scope select{font-size:12px;max-width:100%}.quality-context{margin:0 0 24px;border-left:3px solid var(--line);padding:0 18px;color:var(--muted);font-size:12px;line-height:1.8}.quality-context p+p{margin-top:10px}@media(max-width:1120px){.management-scope{align-items:flex-start;flex-direction:column;gap:14px}.management-scope label{width:100%}}@media(max-width:760px){.management-dashboard h1{font-size:24px}.management-dashboard .page-heading{flex-direction:column;gap:12px}.period-badge{font-size:11px;padding:6px 10px}.management-scope{padding:16px}.management-scope p{font-size:11px}.management-scope select{font-size:11px;width:100%}.quality-context{font-size:11px;padding-left:12px}.management-dashboard .employee-table tbody td:nth-child(3):before{content:'Подробная постановка'}.management-dashboard .employee-table tbody td:nth-child(4):before{content:'Есть описание'}.management-dashboard .employee-table tbody td:nth-child(5):before{content:'Кратких: '}}
.brand-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brand{letter-spacing:-.8px}.sidebar .brand-logo{filter:brightness(1.25)}.report-toolbar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:18px 38px;background:var(--surface);border-bottom:1px solid var(--line)}.report-toolbar label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);min-width:150px;flex:1;max-width:300px}.report-toolbar label:first-child{min-width:220px}.report-toolbar select{width:100%;font-size:12px;max-width:100%}.report-toolbar select:disabled{opacity:.65}.metric-view .overview{grid-template-columns:1.5fr 1fr}.metric-view .segmented{display:none}.metric-view[data-report=onTimePct] .metric-block:nth-child(2),.metric-view[data-report=detailedPct] .metric-block:nth-child(2),.metric-view[data-report=within24Pct] .metric-block:first-child,.metric-view[data-report=descriptionPct] .metric-block:first-child{display:none}.metric-view .metric-block{border-left:0}.metric-view[data-report=onTimePct] .employee-table th:nth-child(4),.metric-view[data-report=onTimePct] .employee-table td:nth-child(4),.metric-view[data-report=detailedPct] .employee-table th:nth-child(4),.metric-view[data-report=detailedPct] .employee-table td:nth-child(4),.metric-view[data-report=within24Pct] .employee-table th:nth-child(3),.metric-view[data-report=within24Pct] .employee-table td:nth-child(3),.metric-view[data-report=descriptionPct] .employee-table th:nth-child(3),.metric-view[data-report=descriptionPct] .employee-table td:nth-child(3){display:none}.chart-months{gap:6px}.chart-months button{max-width:24%;line-height:1.4}.weekly-note{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 20px;padding:12px 16px;background:var(--soft);border-radius:8px}.weekly-table button{background:none;border:0;color:var(--blue);padding:0;font:inherit;text-align:left}.weekly-table tr.selected{background:var(--soft)}
@media(max-width:1120px){.report-toolbar{padding:16px 24px}.metric-view .overview{grid-template-columns:1fr}}@media(max-width:760px){.sidebar .brand-logo{width:30px;height:30px}.sidebar .brand{font-size:22px}.report-toolbar{padding:16px 17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.report-toolbar label,.report-toolbar label:first-child{min-width:0;max-width:none;font-size:10px}.report-toolbar label:first-child{grid-column:1 / -1}.report-toolbar select{font-size:11px;padding:9px 8px;min-width:0}.metric-view .overview{grid-template-columns:1fr}.metric-view .metric-label{min-height:0}.metric-view .metric-count{max-width:none}.metric-view .metric-block{padding:0 20px}.metric-view .employee-table tbody td:nth-child(3),.metric-view .employee-table tbody td:nth-child(4){grid-column:1 / -1}.chart-months{flex-wrap:wrap;justify-content:center;margin-top:-6px}.chart-months button{max-width:none;flex:1;min-width:45px;font-size:9px;padding:7px 2px}.weekly-note{font-size:10px}.weekly-table{min-width:420px}}
.column-sort{display:flex;align-items:center;gap:7px;width:100%;min-height:30px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;line-height:1.5}.column-sort:hover{color:var(--blue)}.sort-arrow{font-size:13px;opacity:.6;flex-shrink:0}th[aria-sort] .column-sort{color:var(--blue);font-weight:600}th[aria-sort] .sort-arrow{opacity:1}.mobile-sort{display:none}#management-period{min-width:180px;font-size:13px}.weekly-table{font-variant-numeric:tabular-nums}
@media(max-width:760px){.mobile-sort{display:flex;flex-direction:column;gap:5px;padding:0 16px 15px;font-size:10px;color:var(--muted)}.mobile-sort select{font-size:11px;min-width:0;width:100%}#management-period{min-width:160px;font-size:12px}.management-dashboard .page-heading{flex-direction:row}.employee-table .bar-value{flex-wrap:wrap}.employee-table .bar-value small{white-space:normal}}
.sales-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:22px 0 14px}.sales-metric{padding:24px;background:var(--surface);min-width:0}.sales-metric>strong{display:block;font-size:clamp(22px,2.1vw,32px);line-height:1.35;letter-spacing:-.7px;margin:12px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sales-metric small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.sales-count>strong{color:var(--blue)}.sales-status-line{display:flex;gap:10px 25px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:0 0 25px}.sales-filter{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;max-width:100%}.sales-filter select{font-size:11px;max-width:100%}.sales-table{min-width:820px}.sales-table td{vertical-align:top;max-width:300px}.sales-table td small,.sales-table a small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.sales-table td:first-child{width:26%}.sales-table a{font-weight:550;text-decoration:none}.sales-table a:hover{text-decoration:underline}.sales-table td>strong{white-space:nowrap;font-size:12px}.sales-table .sales-detail{color:var(--blue);white-space:nowrap}.sales-week-table{min-width:700px}.sales-week-table td{font-variant-numeric:tabular-nums}.sales-week-table tr.selected{background:var(--soft)}.sales-week-table .text-button{color:var(--blue);text-align:left}.sales-dashboard .quality-context{font-size:12px;margin-bottom:16px}.sales-formula{padding:18px;margin:22px 0;background:var(--soft);border-radius:8px;font-size:13px;line-height:1.8}.sales-dialog h3{font-size:13px;margin:20px 0 10px}.sales-message{padding:14px 17px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--page)}.sales-message small{font-size:10px;color:var(--muted)}.sales-message p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}.sales-reply{border-left:3px solid var(--blue)}.sales-dialog-note{font-size:11px;color:var(--muted);line-height:1.8;margin:20px 0 15px}.sales-dialog>a{font-size:12px}.sales-dashboard button:active{transform:translateY(1px)}.sales-detail:hover,.sales-week-table button:hover{background:var(--soft);border-radius:4px}.sales-dashboard button:focus-visible,.sales-dialog a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sales-dashboard.metric-view .sales-overview{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1120px){.sales-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-audit-heading{align-items:flex-start;flex-direction:column}.sales-metric>strong{font-size:25px}}@media(max-width:760px){.sales-dashboard .page-heading{flex-direction:column}.sales-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-metric{padding:17px 13px}.sales-metric>strong{font-size:22px;letter-spacing:-.5px}.sales-metric .metric-label{min-height:0;font-size:11px}.sales-metric small{font-size:10px}.sales-status-line{font-size:10px;gap:8px}.sales-audit-heading{gap:15px}.sales-filter{width:100%}.sales-filter select{width:100%}.sales-formula{font-size:11px;padding:12px}.sales-dialog h2{font-size:16px}.sales-dialog header{align-items:flex-start}.sales-dialog .close-dialog{flex-shrink:0}.sales-message{padding:12px}.sales-message p{font-size:11px}.sales-week-table{min-width:660px}.sales-table{min-width:760px}}

/* Общие фильтры периода и локальные фотографии сотрудников. */
.report-toolbar{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr)) minmax(0,1.15fr);gap:14px}
.report-toolbar label,.report-toolbar label:first-child{min-width:0;max-width:none;grid-column:auto}
.report-toolbar #period,.report-toolbar #management-period,.report-toolbar #report-period{min-width:0;width:100%;font-size:12px}
.report-toolbar label:has(#report-week){grid-column:1 / -1;max-width:360px}
.range-coverage{padding:11px 15px;margin:0 0 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px}
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.avatar img[hidden]{display:none}
@media(max-width:760px){.report-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-toolbar label:first-child{grid-column:auto}.report-toolbar label:has(#report-week){max-width:none}.report-toolbar #period,.report-toolbar #management-period,.report-toolbar #report-period{font-size:11px}.range-coverage{font-size:11px}}
.sales-distribution{--mean:#a35f14;--median:var(--teal)}html[data-theme=dark] .sales-distribution{--mean:#edb870}.sales-scatter-heading{gap:18px}.sales-scale{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px;flex-shrink:0}.sales-scale button{border:0;border-radius:4px;background:transparent;color:var(--muted);padding:8px 12px;font-size:11px;white-space:nowrap}.sales-scale button:hover{background:var(--soft);color:var(--text)}.sales-scale button[aria-pressed=true]{background:var(--soft);color:var(--blue);font-weight:600}.sales-scatter-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:0 25px;font-size:12px;color:var(--muted)}.sales-scatter-legend>span{display:flex;align-items:center;gap:7px}.sales-scatter-legend strong{font-weight:600}.sales-scatter-legend i{display:inline-block;width:20px;border-top:2px solid currentColor;flex-shrink:0}.sales-scatter-legend .point-key{width:7px;height:7px;background:var(--blue);border:0;border-radius:50%}.sales-scatter-legend .mean{color:var(--mean)}.sales-scatter-legend .mean i{border-top-style:dashed}.sales-scatter-legend .median{color:var(--median)}.sales-zoom-note{color:var(--muted);font-size:11px;line-height:1.7;margin:12px 25px 0}.sales-scatter-stage{position:relative;margin:18px 16px 0}.sales-scatter-scroll{overflow-x:auto;scrollbar-width:thin}.sales-scatter{display:block;width:100%;min-width:640px;height:auto;overflow:visible}.sales-scatter text{font-family:inherit;fill:var(--muted);font-size:11px}.sales-scatter-tick line{stroke:var(--line);stroke-width:1}.sales-scatter .sales-axis-title{font-size:12px}.sales-reference line{stroke:currentColor;stroke-width:1.7}.sales-reference.mean{color:var(--mean)}.sales-reference.mean line{stroke-dasharray:7 5}.sales-reference.median{color:var(--median)}.sales-reference text{fill:currentColor;stroke:var(--surface);stroke-width:4px;paint-order:stroke;stroke-linejoin:round;font-weight:600;font-size:12px}.sales-scatter-point{cursor:pointer;outline:none}.sales-point-hit{fill:transparent}.sales-point-dot{fill:var(--blue);stroke:var(--surface);stroke-width:1.5;vector-effect:non-scaling-stroke}.sales-scatter-point:hover .sales-point-dot,.sales-scatter-point.is-selected .sales-point-dot{stroke:var(--text);stroke-width:2.5;r:6}.sales-scatter-point:focus-visible .sales-point-hit{stroke:var(--blue);stroke-width:2;fill:var(--soft);vector-effect:non-scaling-stroke}.sales-scatter-point:active .sales-point-dot{fill:var(--teal)}.sales-scatter-tooltip{z-index:6;max-width:min(330px,calc(100% - 16px))}.sales-scatter-hint{color:var(--muted);font-size:10px;margin:10px 25px 18px;line-height:1.7}.sales-scatter-explanation{border-top:1px solid var(--line);padding:18px 25px;background:var(--page);font-size:12px;line-height:1.8}.sales-scatter-explanation p{max-width:85ch}.sales-scatter-explanation p+p{margin-top:8px}.sales-scatter-explanation strong{font-weight:600}.sales-scatter-empty{padding:0 25px 24px;color:var(--muted)}@media(max-width:760px){.sales-scatter-heading{flex-direction:column;align-items:flex-start;gap:14px}.sales-scatter-heading h2{font-size:17px}.sales-scatter-legend{padding:0 16px;gap:9px 18px;font-size:11px}.sales-zoom-note{margin:12px 16px 0}.sales-scatter-stage{margin:16px 4px 0}.sales-scatter-hint{margin:10px 16px 16px}.sales-scatter-explanation{padding:16px;font-size:11px}.sales-scale button{padding:9px 14px}}

/* Compact summaries keep explanations in expandable sections. */
.overview{grid-template-columns:repeat(2,minmax(0,1fr))}
.metric-view .overview{grid-template-columns:minmax(0,1fr)}
.management-scope{padding:0;border:0;background:none;box-shadow:none}
.management-scope label{width:100%;max-width:390px}
.sales-scatter-explanation summary{cursor:pointer;width:fit-content;font-weight:600}
.sales-scatter-explanation summary:hover{color:var(--blue)}
.sales-scatter-explanation summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.sales-scatter-explanation[open]>p{margin-top:12px}
@media(max-width:600px){.overview{grid-template-columns:minmax(0,1fr)}.management-scope{padding:0}}