:root{--bg: #eef0f3;--surface: #ffffff;--surface-2: #f7f8fa;--border: #d3d7de;--border-strong: #b6bcc7;--text: #14161a;--muted: #5b6270;--accent: #1f3d7a;--accent-weak: #e6ecf7;--ok: #11663d;--ok-weak: #e3f2ea;--warn: #8a5300;--warn-weak: #fbf0dd;--bad: #99101f;--bad-weak: #fbe6e8;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius: 5px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}h1,h2,h3{margin:0;font-weight:600}h1{font-size:16px}h2{font-size:15px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}a{color:var(--accent)}.app{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.topbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar__brand{font-weight:600;white-space:nowrap}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.layout{display:grid;grid-template-columns:220px 1fr;min-height:0}.sidenav{border-right:1px solid var(--border);background:var(--surface);padding:10px 8px;display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto}.sidenav__item{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--radius);color:inherit;text-decoration:none;border:1px solid transparent}.sidenav__item:hover{background:var(--surface-2)}.sidenav__item--active{background:var(--accent-weak);border-color:#c2d0e8;color:var(--accent);font-weight:600}.sidenav__broy{flex:none;align-self:center;min-width:18px;padding:0 6px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.sidenav__count{font-variant-numeric:tabular-nums;color:var(--muted)}.main{min-width:0;min-height:0;overflow:auto;padding:14px 16px 28px}.main--flush{padding:0;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:14px}.panel__head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.panel__head .spacer{flex:1}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.field{display:flex;flex-direction:column;gap:3px}.field__label,.field__hint{font-size:12px;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],input[type=number],input[type=datetime-local],select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:5px 7px;min-width:0}textarea{resize:vertical;min-height:72px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:5px 12px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn--bad{background:var(--bad);border-color:var(--bad);color:#fff}.btn--ok:hover:not(:disabled),.btn--bad:hover:not(:disabled),.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--big{padding:9px 16px;font-weight:600}.btn--quiet{border-color:transparent;background:transparent;color:var(--accent);padding:4px 6px}.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:3px;padding:0 4px;background:var(--surface-2);color:var(--muted)}.btn--ok .kbd,.btn--bad .kbd,.btn--primary .kbd{border-color:#ffffff8c;background:#ffffff26;color:#fff}.badge{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge--ok{background:var(--ok-weak);border-color:#b9dcc9;color:var(--ok)}.badge--warn{background:var(--warn-weak);border-color:#e6d3ac;color:var(--warn)}.badge--bad{background:var(--bad-weak);border-color:#eec2c7;color:var(--bad)}.notice{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:8px 10px;margin-bottom:12px;background:var(--surface-2)}.notice--bad{border-left-color:var(--bad);background:var(--bad-weak);color:var(--bad)}.notice--warn{border-left-color:var(--warn);background:var(--warn-weak);color:var(--warn)}.notice--ok{border-left-color:var(--ok);background:var(--ok-weak);color:var(--ok)}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono{font-family:var(--mono);font-size:12px}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums;text-align:right}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:top}table.data td>.btn{padding-top:2px;padding-bottom:2px;margin-top:-3px}table.data td>.btn--quiet{padding-top:0;padding-bottom:0;margin-top:-1px}table.data th{position:sticky;top:0;background:var(--surface-2);font-weight:600;font-size:12px;color:var(--muted);white-space:nowrap;z-index:1}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.is-selected{background:var(--accent-weak)}.empty{padding:26px;text-align:center;color:var(--muted)}.login{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.login__box{width:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.login__box .field{margin-bottom:12px}.login__box input{width:100%}.review{display:grid;grid-template-columns:240px minmax(340px,1fr) 430px;height:100%;min-height:0}@media (max-width: 1280px){.review{grid-template-columns:190px minmax(280px,1fr) 380px}.layout{grid-template-columns:165px 1fr}}.review__list{border-right:1px solid var(--border);background:var(--surface);overflow:auto;min-height:0}.review__list-head{position:sticky;top:0;background:var(--surface-2);border-bottom:1px solid var(--border);padding:7px 10px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.review__list-obnoveno{flex-basis:100%;font-size:11px}.review__list-head select{flex:none}.review__item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;padding:7px 10px;cursor:pointer;font:inherit}.review__item:hover{background:var(--surface-2)}.review__item--active{background:var(--accent-weak);box-shadow:inset 3px 0 0 var(--accent)}.review__item-top{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--muted)}.review__item-reason{font-size:13px}.review__item-kopie{font-size:.8rem;color:var(--muted)}.review__item-osporen{font-size:.8rem;font-weight:600}.review__image{background:#23262b;min-height:0;display:flex;flex-direction:column}.review__image--prazno{background:var(--surface-2)}.review__side{border-left:1px solid var(--border);background:var(--surface);overflow:auto;min-height:0;padding:12px 14px 24px}.review__bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.viewer{flex:1;overflow:auto;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:10px}.viewer img{display:block;transform-origin:top center;background:#fff}.viewer--fit img{max-width:100%;height:auto}.lightbox{position:fixed;inset:0;background:#0c0e12eb;z-index:50;display:flex;flex-direction:column}.lightbox__bar{display:flex;gap:8px;align-items:center;padding:8px 12px;color:#fff}.lightbox__body{flex:1;overflow:auto;padding:10px;text-align:center}.lightbox__body img{background:#fff}.checks{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.check{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px}.check--ok{background:var(--ok-weak);border-color:#b9dcc9}.check--fail{background:var(--bad-weak);border-color:#eec2c7}.check--unknown{background:var(--surface-2)}.check__mark{font-size:15px;line-height:1.2;text-align:center}.check--ok .check__mark{color:var(--ok)}.check--fail .check__mark{color:var(--bad)}.check__title{font-weight:600;font-size:13px}.check__detail{font-size:12px;color:var(--muted);font-family:var(--mono)}.kv{display:grid;grid-template-columns:130px 1fr;gap:3px 10px;font-size:13px;margin-bottom:12px}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.kv--shiroka{grid-template-columns:220px 1fr}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 8px}.kpi__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px}.kpi__label{font-size:12px;color:var(--muted)}.kpi__num{margin:2px 0 0;font-size:28px;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}.kpi__note{margin:2px 0 0;font-size:12px;color:var(--muted)}.kpi__zabelezhka{margin:0 0 10px;font-size:12px}.lines{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}.lines th,.lines td{border-bottom:1px solid var(--border);padding:3px 6px;text-align:left}.lines tr.is-qty td{color:var(--muted);font-style:italic}.lines td.num,.lines th.num{text-align:right}.reasons{display:flex;flex-direction:column;gap:4px;margin:8px 0 10px}.reason-option{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);padding:5px 8px;background:var(--surface);cursor:pointer;text-align:left;font:inherit;width:100%}.reason-option--active{border-color:var(--bad);background:var(--bad-weak)}.actions{display:flex;gap:8px;margin:14px 0 10px}.hints{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted)}.modal{position:fixed;inset:0;background:#0c0e1273;display:flex;align-items:center;justify-content:center;padding:20px;z-index:40}.modal__box{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);max-width:900px;width:100%;max-height:90vh;overflow:auto;padding:16px}.flash{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:380px}.flash__item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:8px 12px;box-shadow:0 2px 8px #14161a29}.flash__item--bad{border-left-color:var(--bad)}.flash__item--ok{border-left-color:var(--ok)}.bars{display:flex;flex-direction:column;gap:3px}.bars__row{display:grid;grid-template-columns:48px 1fr 132px;align-items:center;gap:8px;font-size:12px}.bars__row--empty .bars__day{color:var(--muted)}.bars__day{font-family:var(--mono)}.bars__track{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);height:18px;overflow:hidden}.bars__bar{display:flex;height:100%}.bars__part{height:100%}.bars__part--ok{background:var(--ok-weak);border-right:2px solid var(--ok)}.bars__part--bad{background:var(--bad-weak);border-right:2px solid var(--bad)}.bars__part--other{background:var(--border);border-right:2px solid var(--muted)}.bars__num{font-family:var(--mono);text-align:right;color:var(--muted)}.bars__legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:8px 0 0;font-size:12px}.bars__legend-item{display:inline-flex;align-items:center;gap:5px}.bars__key{display:inline-block;width:12px;height:12px;border-radius:2px}.bars__key--ok{background:var(--ok-weak);border:2px solid var(--ok)}.bars__key--bad{background:var(--bad-weak);border:2px solid var(--bad)}.bars__key--other{background:var(--border);border:2px solid var(--muted)}:root{--graf-tekushta: #2a78d6;--graf-predishna: #5b6270;--graf-po-stara: #8a919c;--graf-mreja: #e6e8ec}.sravnenie-okno{overflow-x:auto}.sravnenie{position:relative;min-width:600px;max-width:880px}.sravnenie__platno{border-radius:var(--radius)}.sravnenie__platno:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sravnenie__svg{display:block;width:100%;height:auto}.sravnenie__mreja{stroke:var(--graf-mreja);stroke-width:1}.sravnenie__osnova{stroke:var(--border-strong);stroke-width:1}.sravnenie__os{fill:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.sravnenie__os--y{text-anchor:end}.sravnenie__os--x{text-anchor:middle}.sravnenie__krast{stroke:var(--border-strong);stroke-width:1}.sravnenie__liniya{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sravnenie__liniya--tekushta{stroke:var(--graf-tekushta)}.sravnenie__liniya--predishna{stroke:var(--graf-predishna)}.sravnenie__liniya--po-stara{stroke:var(--graf-po-stara)}.sravnenie__tochka{stroke:var(--surface);stroke-width:2}.sravnenie__tochka--tekushta{fill:var(--graf-tekushta)}.sravnenie__tochka--predishna{fill:var(--graf-predishna)}.sravnenie__tochka--po-stara{fill:var(--graf-po-stara)}.sravnenie__etiket{fill:var(--text);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.sravnenie__podskazka{position:absolute;top:8px;transform:translate(12px);min-width:160px;max-width:min(300px,36%);padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 14px #14161a1f;font-size:12px;pointer-events:none;z-index:2}.sravnenie__podskazka--lyavo{transform:translate(calc(-100% - 12px))}.sravnenie__podskazka-den{color:var(--muted);margin-bottom:4px}.sravnenie__podskazka-red{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}.sravnenie__podskazka-ime{min-width:0;overflow:hidden;text-overflow:ellipsis}.legenda{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:10px 0;padding:0;font-size:13px}.legenda li{display:inline-flex;align-items:center;gap:6px}.legenda__kluch{display:inline-block;width:16px;height:0;border-top:2px solid;border-radius:1px;flex:none;align-self:center}.legenda__kluch--tekushta{border-top-color:var(--graf-tekushta)}.legenda__kluch--predishna{border-top-color:var(--graf-predishna)}.legenda__kluch--po-stara{border-top-color:var(--graf-po-stara)}.nomera{font-variant-numeric:tabular-nums;white-space:nowrap}