:root{--color-bg:#f4f6fa;--color-surface:#fff;--color-surface-alt:#eef1f7;--color-text:#141a26;--color-text-muted:#56637a;--color-border:#e1e6ee;--color-accent:#3d57e6;--color-accent-soft:#e6eaff;--color-positive:#0b7a3c;--color-positive-soft:#dcf5e7;--color-warning:#8f5400;--color-warning-soft:#fff0d6;--color-negative:#b42323;--color-negative-soft:#fde3e3;--color-info:#175fb0;--color-info-soft:#e0efff;--color-neutral-soft:#e8ecf2;--color-scrim:#141a2673;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--font-size-base:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--sidebar-width:240px;--content-max-width:1280px}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.5}h1,h2,h3,h4,p{margin:0}code{font-family:var(--font-mono)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 12px}.btn:hover:not(:disabled){background:var(--color-surface-alt)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent);filter:brightness(.92)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{gap:var(--space-4);height:100vh;padding:var(--space-4) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:4px 8px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--color-accent);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:9px 10px;font-weight:500;text-decoration:none;display:block}.nav-link:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.sidebar-footer{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-muted);margin-top:auto;font-size:12px}.scrim{display:none}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;padding:calc(12px + env(safe-area-inset-top,0px)) var(--space-5) 12px;background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.topbar-meta{color:var(--color-text-muted);font-size:12.5px}.spacer{flex:1}.burger{display:none}.zone-toggle{min-width:52px;font-weight:600}.banners{gap:var(--space-2);padding:var(--space-4) var(--space-5) 0;display:grid}.banners:empty{display:none}.banner{border-radius:var(--radius-md);border:1px solid;padding:10px 14px;font-weight:500}.banner-warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.banner-negative{background:var(--color-negative-soft);border-color:var(--color-negative);color:var(--color-negative)}.content{width:100%;max-width:var(--content-max-width);padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0px));margin:0 auto}.page-header{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:flex-end;gap:8px 16px;display:flex}.page-header h1{font-size:22px}.page-header p{color:var(--color-text-muted)}.endpoint{border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:6px;margin-left:auto;padding:2px 8px;font-size:11.5px}.grid{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.grid-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.card{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.card-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:14px;display:flex}.card-note{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:12.5px}.kpi-label{color:var(--color-text-muted);font-size:12px;font-weight:600}.kpi-value{margin:6px 0 2px;font-size:22px;font-weight:700}.kpi-detail{color:var(--color-text-muted);font-size:12.5px}.section{margin-bottom:var(--space-5)}.section-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:16px;display:flex}.version-block{margin-bottom:var(--space-4)}.version-title{margin-bottom:var(--space-2);font-size:14px}.badge{border-radius:var(--radius-pill);white-space:nowrap;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-positive{background:var(--color-positive-soft);color:var(--color-positive)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-negative{background:var(--color-negative-soft);color:var(--color-negative)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-neutral{background:var(--color-neutral-soft);color:var(--color-text-muted)}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent)}.note{margin-bottom:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);padding:10px 14px;font-weight:500}.definition-list{margin:0;display:grid}.definition-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(120px,42%) 1fr;gap:12px;padding:8px 0;display:grid}.definition-row:last-child{border-bottom:0}.definition-row dt{color:var(--color-text-muted)}.definition-row dd{overflow-wrap:anywhere;margin:0;font-weight:600}.hit-bar{height:10px;margin:var(--space-3) 0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-alt);position:relative}.hit-bar-fill{border-radius:inherit;background:var(--color-accent);position:absolute;inset:0 auto 0 0}.hit-bar-marker{background:var(--color-negative);width:2px;position:absolute;top:-4px;bottom:-4px}.hit-bar-legend{margin-bottom:var(--space-2);color:var(--color-text-muted);justify-content:space-between;font-size:12px;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%}.table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-align:left;padding:8px 12px;font-size:12px}.table td{border-bottom:1px solid var(--color-border);padding:10px 12px}.table tr:last-child td{border-bottom:0}.state{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.state-error{color:var(--color-negative)}.state-error .btn{margin-top:var(--space-3)}.login{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.login-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;width:100%;max-width:400px;padding:28px}.login-card h1{margin:22px 0 4px;font-size:20px}.login-card .lead{color:var(--color-text-muted);margin-bottom:18px}.field{margin-bottom:14px;display:block}.field span{color:var(--color-text-muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;padding:8px 10px}.form-error{min-height:20px;color:var(--color-negative);margin-bottom:6px;font-size:13px}.login-note{border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-muted);margin-top:16px;padding:10px 12px;font-size:12px}@media (width<=900px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:264px;max-width:85vw;height:100%;padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:none}.scrim.show{z-index:45;background:var(--color-scrim);display:block;position:fixed;inset:0}.burger{display:inline-flex}.topbar{padding-left:14px;padding-right:14px}.banners{padding:12px 16px 0}.content{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.hide-narrow{display:none}.endpoint{margin-left:0}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.muted{color:var(--color-text-muted)}.pos{color:var(--color-positive);font-weight:600}.neg{color:var(--color-negative);font-weight:600}.num{text-align:right!important}.filters-card{margin-bottom:var(--space-4)}.filters{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;display:grid}.filter span{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.filter select,.filter input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;padding:7px 10px}.filter-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.check{align-items:center;gap:8px;display:inline-flex}.direction-long{color:var(--color-positive);font-weight:700}.direction-short{color:var(--color-negative);font-weight:700}.cell-value{text-align:inherit;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.sub{width:100%;color:var(--color-text-muted);font-size:12px;display:block}.signal-row{cursor:pointer}.signal-row:hover td{background:var(--color-surface-alt)}.signal-table td a{color:var(--color-accent);font-weight:600;text-decoration:none}.signal-table td a:hover{text-decoration:underline}.load-more{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.drawer-backdrop{z-index:60;background:var(--color-scrim);position:fixed;inset:0}.drawer{z-index:61;background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;width:min(480px,100vw);animation:.18s ease-out drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #141a261f}.drawer:focus{outline:none}.drawer-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:calc(12px + env(safe-area-inset-top,0px)) var(--space-4) 12px;border-bottom:1px solid var(--color-border);display:flex}.drawer-header h2{font-size:16px}.drawer-body{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.detail-heading{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:16px;display:flex}.detail-time{margin:var(--space-1) 0 var(--space-4);font-size:12.5px}.detail-section{margin-bottom:var(--space-4)}.detail-section h3{margin-bottom:var(--space-2);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.telegram-status{margin-bottom:var(--space-2)}.telegram-preview{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-alt);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12.5px}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (width<=720px){.signal-table thead{display:none}.signal-table,.signal-table tbody{white-space:normal;display:block}.signal-table tr{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:block}.signal-table td{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:right;border-bottom:0;padding:6px 0;display:flex}.signal-table td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;font-size:12px;font-weight:600}.signal-row:hover td{background:0 0}.drawer{border-left:0;border-top:1px solid var(--color-border);border-radius:16px 16px 0 0;width:auto;max-height:88vh;animation-name:sheet-in;inset:auto 0 0;box-shadow:0 -8px 24px #141a261f}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.section-meta,.meter-row{margin-bottom:var(--space-4)}.meter-row:last-child{margin-bottom:0}.meter-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:600;display:flex}.meter{border-radius:var(--radius-pill);background:var(--color-surface-alt);height:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--color-positive);height:100%}.meter-warning .meter-fill{background:var(--color-warning)}.meter-negative .meter-fill{background:var(--color-negative)}.error-cell{color:var(--color-negative);white-space:normal}.alert-list{gap:var(--space-3);display:grid}.alert-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-surface)}.alert-negative{border-left-color:var(--color-negative)}.alert-warning{border-left-color:var(--color-warning)}.alert-resolved{opacity:.78}.alert-message{margin-bottom:6px;font-weight:600}.alert-meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;display:flex}@media (width<=720px){.card-table thead{display:none}.card-table,.card-table tbody{white-space:normal;display:block}.card-table tr{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:block}.card-table td{justify-content:space-between;align-items:center;gap:var(--space-3);text-align:right;border-bottom:0;padding:6px 0;display:flex}.card-table td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;font-size:12px;font-weight:600}}.grid-three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.chart{--chart-color:var(--color-accent);margin:0}.chart-positive{--chart-color:var(--color-positive)}.chart-negative{--chart-color:var(--color-negative)}.chart svg{width:100%;display:block}.chart-grid{stroke:var(--color-border);stroke-width:1px;vector-effect:non-scaling-stroke}.chart-zero{stroke:var(--color-text-muted);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.chart-area{fill:var(--chart-color);opacity:.12}.chart-line{fill:none;stroke:var(--chart-color);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-legend{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.subtabs{margin-bottom:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.subtab{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);padding:7px 14px;text-decoration:none}.subtab:hover{background:var(--color-surface-alt)}.subtab.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.stack{border-radius:var(--radius-pill);background:var(--color-surface-alt);height:14px;display:flex;overflow:hidden}.stack i{height:100%;display:block}.seg-positive{background:var(--color-positive)}.seg-negative{background:var(--color-negative)}.seg-neutral{background:#9aa6ba}.seg-warning{background:var(--color-warning)}.legend{color:var(--color-text-muted);flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.sw{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:minmax(110px,34%) 1fr 104px;align-items:center;gap:10px;display:grid}.mini-bar{border-radius:var(--radius-pill);background:var(--color-surface-alt);height:8px;position:relative}.mini-fill{border-radius:inherit;background:var(--color-accent);position:absolute;inset:0 auto 0 0}.mini-mark{background:var(--color-negative);width:2px;position:absolute;top:-3px;bottom:-3px}.bar-value{text-align:right;font-weight:600}.bar-value small{color:var(--color-text-muted);font-weight:400}.card-link,.section-link{color:var(--color-accent);margin-left:auto;font-size:13px;font-weight:400}.inner{margin-bottom:0}@media (width<=720px){.bar-row{grid-template-columns:1fr 104px}.bar-row .mini-bar{order:3;grid-column:1/-1}}.chart-band{fill:var(--chart-color);opacity:.18}.chart-line-faint{opacity:.45;stroke-dasharray:5 4}.card-table td a{color:var(--color-accent);font-weight:600;text-decoration:none}.card-table td a:hover{text-decoration:underline}@media (width<=560px){.topbar{flex-wrap:wrap;row-gap:0}.topbar-title{flex:1 1 0}.topbar>.spacer{display:none}.topbar:after{content:"";flex-basis:100%;order:1;height:0}.topbar>.badge{order:2;margin-top:8px}}.filters-toggle{display:none}@media (width<=720px){.filters-toggle{display:inline-flex}.filters-card:not(.collapsed) .filters-toggle{margin-bottom:var(--space-3)}.filters-card.collapsed .filters,.filters-card.collapsed .filter-actions{display:none}}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-accent);padding:8px 12px;font-weight:600;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}.content:focus{outline:none}.filter-hint{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.candidate-list{margin:0;padding-left:18px}.candidate-reason{color:var(--color-text-muted);font-size:12px;display:block}