:root{color-scheme:dark;font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color:#eef3ff;background:#11141b;--panel:#191e28;--border:#303a4c;--muted:#a8b3c8;--blue:#9bbdff}
*{box-sizing:border-box}body{margin:0;min-width:320px}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.055em;line-height:1.03}h2{font-size:24px;letter-spacing:-.025em}h3{font-size:18px;letter-spacing:-.02em}p,small{color:var(--muted);line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #40516e;border-radius:9px;background:#242d3f;color:#e6eeff;padding:9px 13px;font-weight:600;min-height:40px;transition:background .16s,border-color .16s,transform .16s}button:hover:enabled{background:#2e3c55;border-color:#6995e4;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:default}.primary{color:white;background:#2e60d2;border-color:#477aec}.primary:hover:enabled{background:#3a70e8}.quiet{background:transparent}.danger{color:#ffb1bd;border-color:#714352}.danger:hover:enabled{background:#4d2934;border-color:#cf7788}:focus-visible{outline:2px solid #a8c7ff;outline-offset:3px}[hidden]{display:none!important}
header{min-height:66px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px max(22px,calc((100vw - 1130px)/2))}.brand{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none;white-space:nowrap;font-size:17px;font-weight:700}.brand b{color:var(--blue)}.mark{margin-right:4px;display:grid;grid-template:repeat(2,6px)/repeat(2,6px);gap:2px;place-content:center;width:32px;height:32px;border-radius:9px;background:#2e60d2}.mark i{background:#e8f0ff;border-radius:1px}#header-actions,.actions,.detail-actions{display:flex;gap:8px;flex-wrap:wrap}
main{max-width:1180px;margin:auto;padding:34px 24px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--blue);margin-bottom:9px}.page-head,.section-head,.detail-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(36px,5vw,53px);margin-bottom:7px}.layout{display:grid;grid-template-columns:minmax(205px,.78fr) minmax(0,2fr);gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.detail{display:grid;gap:12px}.detail-head{flex-wrap:wrap}.mono{font-family:ui-monospace,monospace}.roster{display:grid;gap:6px;padding:10px}.roster>p{padding:12px}.roster button{text-align:left;display:grid;justify-items:start;gap:4px;background:transparent;border-color:transparent}.roster button[aria-current]{background:#253451;border-color:#43669c}.roster strong{overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:6px;color:#bccae0;font-size:12px;font-weight:600}.status i{width:7px;height:7px;border-radius:50%;background:#8899b3}.status.pending{color:#ffdb92}.status.pending i{background:#f6bd66}.status.active{color:#86e6b6}.status.active i{background:#57d99d}.status.disabled{color:#ff9eae}.status.disabled i{background:#ef768b}.empty{padding:32px}.empty p{margin:9px 0 15px}
form{display:grid;gap:13px;margin-top:15px;max-width:560px}form label{display:grid;gap:5px;font-weight:600;font-size:13px}input:not([type=checkbox]),select{width:100%;min-height:41px;padding:8px 11px;border:1px solid #435069;border-radius:8px;background:#111722;color:#eef3ff}input::placeholder{color:#8d9bb4}fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:9px 11px 11px}legend{font-size:13px;font-weight:600}.checks{display:flex;flex-wrap:wrap;gap:12px}.checks label{display:flex;align-items:center}.checks input{width:16px;height:16px;accent-color:#6e9aff}form button{justify-self:start}.section-head p{margin-top:3px}.line-list{margin-top:12px}.line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.line small{display:block}.placeholder{margin-top:12px}.detail section>.quiet{margin-top:10px}
.login-grid{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;margin:5vh auto;max-width:940px}.login-copy{position:relative;overflow:hidden;min-height:370px;display:grid;align-content:center;gap:14px;padding:38px;border:1px solid #41649b;border-radius:16px;background:radial-gradient(ellipse at 84% 20%,#2f5595,transparent 62%),#192b4a}.login-copy p{max-width:310px;position:relative;z-index:1}.login-copy h1{position:relative;z-index:1}.art{position:absolute;display:grid;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:8px;width:100px;height:100px;right:12%;bottom:11%;transform:rotate(-18deg);opacity:.55}.art i{border-radius:10px;border:1px solid #a2c9ff;background:linear-gradient(135deg,#7eb0ff,#254a91)}.sign-in{padding:23px}
dialog{width:min(460px,calc(100vw - 30px));max-height:calc(100vh - 30px);color:inherit;background:var(--panel);border:1px solid #51688a;border-radius:14px;padding:18px}dialog::backdrop{background:#060a14bf}#notice{position:fixed;right:18px;bottom:18px;z-index:4;max-width:calc(100vw - 36px);border:1px solid #536d98;border-radius:10px;background:#263652;padding:12px 16px}#notice.error{border-color:#974957;background:#512c3a}
@media(max-width:700px){.layout,.login-grid{grid-template-columns:1fr}.page-head,.section-head{align-items:flex-start;flex-wrap:wrap}.roster{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.login-copy{min-height:250px;padding:23px}.login-grid{margin:0}main{padding:20px 15px}header{padding-inline:15px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
dialog.wide{width:min(870px,calc(100vw - 30px))}.analytics-note,.recent-heading{margin-top:14px}.analytics-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:13px 0}.analytics-legend span::before{display:inline-block;content:"";width:10px;height:3px;margin-right:5px;vertical-align:middle;background:currentColor}.active-key{color:#9bbdff}.idle-key{color:#a8b3c8}.talk-key{color:#86e6b6}.wide svg{display:block;width:100%;max-height:180px;overflow:visible}.wide svg text{fill:#a8b3c8;font-size:11px}.wide svg path,.wide svg polyline{fill:none;stroke-width:2}.chart-grid{stroke:#38445a;stroke-width:1!important}.chart-active{stroke:#8eb3ff}.chart-idle{stroke:#a8b3c8;stroke-dasharray:5 4}.chart-talk{stroke:#86e6b6}.analytics-table{overflow:auto;margin-top:12px}.analytics-table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.analytics-table th,.analytics-table td{padding:8px 7px;border-bottom:1px solid var(--border);text-align:left}
.dfs-key{color:#f2c577}.bitrix-key{color:#c9a9f0}.chart-dfs{stroke:#f2c577}.chart-bitrix{stroke:#c9a9f0}
.admin-header{display:grid;grid-template-columns:auto 1fr auto;column-gap:18px}
#main-nav{display:flex;align-items:center;justify-content:center;gap:5px}
#main-nav button{background:transparent;border-color:transparent;color:var(--muted)}
#main-nav button[aria-current="page"]{background:#223353;border-color:#3e5b8b;color:#eef3ff}
.page-head h1{font-size:clamp(29px,4vw,40px)}
.directory{padding:0;overflow:hidden;position:sticky;top:12px}
.directory-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.directory-filters>label:first-child{grid-column:1/-1}
.directory-filters label,.report-filters label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#d6dff0}
.directory-filters input:not([type=checkbox]),.directory-filters select,.report-filters select{min-height:37px;padding:6px 9px;font-size:13px}
.roster-count{padding:8px 12px;color:var(--muted);font-size:12px;background:#141a25;border-block:1px solid var(--border)}
.directory .roster{max-height:min(55dvh,610px);overflow:auto;scrollbar-gutter:stable}
.report-filters{display:grid;grid-template-columns:1.04fr 1.25fr 1fr .65fr;gap:12px;padding:13px}
.report-results{display:grid;gap:12px;margin-top:13px}
.report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.report-summary .panel{display:grid;gap:5px;padding:13px 15px}
.report-summary strong{font-size:clamp(18px,3vw,28px);font-variant-numeric:tabular-nums}
.report-chart h2,.report-events h2{font-size:18px}
.report-chart svg{display:block;width:100%;max-height:240px;margin-block:5px 9px}
.report-chart svg text{fill:#a8b3c8;font-size:11px}
.report-chart svg .report-grid{fill:none;stroke:#343e51;stroke-width:1}
.report-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:10px;font-size:12px;color:var(--muted)}
.report-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--series);margin-right:5px}
.chart-hub,.legend-hub{--series:#82acfb}.chart-dfs,.legend-dfs{--series:#e6bd78}.chart-bitrix,.legend-bitrix{--series:#bca6f0}
.chart-phone,.legend-phone{--series:#6bd3a7}.chart-idle,.legend-idle{--series:#70809a}
.report-chart svg rect{fill:var(--series)}
.report-chart details summary{width:max-content;max-width:100%;cursor:pointer;color:var(--blue);font-size:13px}
.report-events .line{font-size:13px}
@media(max-width:760px){.directory{position:static}.report-filters{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.admin-header{grid-template-columns:1fr auto;row-gap:7px}.admin-header #main-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}.admin-header #header-actions{grid-row:1;grid-column:2}.admin-header button{padding-inline:8px}.report-summary .panel{padding:8px}.report-summary small{font-size:11px}.report-chart,.report-events{padding:12px}}