:root{--ink:#162d3b;--muted:#4c6473;--paper:#edf3f6;--panel:#fff;--line:#cfdae0;--accent:#245d79;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--f0:12px;--f1:16px;--f2:20px;--f3:25px;--f4:31px;--font:sans-serif;--data:monospace}*{box-sizing:border-box}html{scroll-padding:var(--s4)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--f1);line-height:1.5;text-align:left}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--f4);line-height:1.25;margin-top:var(--s2)}h2{font-size:var(--f3);line-height:1.25}h3{font-size:var(--f2)}h4{font-size:var(--f1);margin-bottom:var(--s3)}p{max-width:72ch;margin-bottom:var(--s3)}code,time,.time{font-family:var(--data);font-size:var(--f0);overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:var(--s1)}button,input,select{font:inherit}button{border:1px solid var(--accent);background:var(--accent);color:var(--panel);padding:var(--s2) var(--s3);border-radius:var(--s1);cursor:pointer;min-height:var(--s6)}button.secondary{background:var(--panel);color:var(--ink);border-color:var(--line)}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid var(--accent);outline-offset:var(--s1)}input,select{width:100%;max-width:100%;min-height:var(--s6);border:1px solid var(--muted);border-radius:var(--s1);padding:var(--s2);background:var(--panel);color:var(--ink)}label{display:grid;gap:var(--s2);font-weight:600}form{margin:0}.layout{width:min(calc(100% - 48px),1280px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s5) 0}.brand{font-weight:700;color:var(--muted);font-size:var(--f0);letter-spacing:.08em;text-transform:uppercase}.notice{border-left:var(--s1) solid var(--accent);padding:var(--s4);background:var(--panel)}.notice p{margin-top:var(--s2);margin-bottom:0}nav{display:flex;gap:var(--s4);padding:var(--s4) 0;flex-wrap:wrap}nav a{font-weight:600}section{margin-bottom:var(--s6);min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s4)}section>h2{margin-bottom:var(--s3)}.muted{color:var(--muted)}.device{background:var(--panel);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s4);margin-bottom:var(--s4);min-width:0}.device-head{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.device-head h3{margin-right:auto}.tag{display:inline-block;font-size:var(--f0);font-weight:600;border:1px solid var(--line);padding:var(--s1) var(--s2);border-radius:var(--s1);background:var(--paper)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.facts>div{min-width:0}.provenance{font-size:var(--f0);color:var(--muted);overflow-wrap:anywhere;border-top:1px solid var(--line);padding-top:var(--s2);margin-top:var(--s3)}.order+.order{margin-top:var(--s4)}summary{cursor:pointer;padding:var(--s3) 0;font-weight:600;overflow-wrap:anywhere}details ul{margin-top:0;padding-left:var(--s4)}.profile{border-top:1px solid var(--line);margin-top:var(--s4)}.table-wrap{max-width:100%;overflow-x:auto;margin-top:var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--s1)}table{width:100%;border-collapse:collapse;font-size:var(--f0);line-height:1.5;min-width:640px}caption{text-align:left;padding:var(--s3);font-weight:600;color:var(--muted);border-bottom:1px solid var(--line)}th,td{text-align:left;vertical-align:top;padding:var(--s3);border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:340px}thead th{background:var(--paper);font-weight:700}tbody th{font-weight:600}tbody tr:last-child>*{border-bottom:none}table button{font-size:var(--f0)}.actions{display:flex;gap:var(--s3);flex-wrap:wrap;margin:var(--s4) 0}.job-form{display:flex;gap:var(--s3);align-items:end;flex-wrap:wrap;padding-bottom:var(--s4)}.job-form label{flex:1;min-width:220px;font-size:var(--f0)}.empty{padding:var(--s4);background:var(--panel);border:1px solid var(--line)}.events{list-style:none;padding:0;margin:0;background:var(--panel);border:1px solid var(--line)}.events li{display:grid;grid-template-columns:220px 1fr;gap:var(--s4);padding:var(--s3);border-bottom:1px solid var(--line);font-size:var(--f0);overflow-wrap:anywhere}.events li:last-child{border-bottom:none}footer{font-size:var(--f0);color:var(--muted);padding-bottom:var(--s5)}.login{max-width:480px;margin:var(--s6) auto;padding:var(--s5);background:var(--panel);border:1px solid var(--line);border-radius:var(--s2)}.login h1{margin-bottom:var(--s4)}.login form{display:grid;gap:var(--s4);margin-bottom:var(--s4)}@media(max-width:700px){.layout{width:calc(100% - 32px)}header{align-items:start;padding:var(--s4) 0}h1{font-size:var(--f3)}h2{font-size:var(--f2)}.notice,.device{padding:var(--s3)}.facts{grid-template-columns:1fr;gap:var(--s4)}.device-head{gap:var(--s2)}.device-head h3{width:100%}.events li{grid-template-columns:1fr;gap:var(--s2)}.login{margin:var(--s3);padding:var(--s4)}.job-form label{min-width:100%}.actions>form,.actions button{width:100%}nav{gap:var(--s3)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.tag,.notice{border:2px solid CanvasText}}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-bottom:var(--s4)}.summary>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s4);min-width:0}.summary h3{margin-bottom:var(--s3)}.figure{font-size:var(--f4);font-weight:700;line-height:1.25}.figure span{display:block;font-size:var(--f0);font-weight:400;color:var(--muted)}.list{margin:0 0 var(--s3);padding-left:var(--s4)}.list li+li{margin-top:var(--s2)}@media(max-width:900px){.summary{grid-template-columns:1fr}}
.layout>header .sub{margin:var(--s2) 0 0}.sub{display:block;font-size:var(--f0);color:var(--muted);margin:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4);margin-bottom:var(--s5)}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s4)}.kpi p{margin:0}.num{font-size:39px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.num small{font-size:var(--f2);font-weight:400;color:var(--muted);margin-left:var(--s1)}.cap{font-weight:600;margin-top:var(--s2)!important}
.board{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s5);align-items:start;margin-bottom:var(--s5)}.board h2{font-size:var(--f2);margin-bottom:var(--s3)}.main section{margin-bottom:var(--s5)}
.accounts{min-width:0;font-size:var(--f1)}.accounts td{vertical-align:middle;max-width:none}.accounts thead th{font-size:var(--f0);color:var(--muted);font-weight:600;background:var(--panel)}
.pill{display:inline-block;padding:var(--s1) var(--s2);border-radius:999px;font-size:var(--f0);font-weight:600;white-space:nowrap;margin:0 var(--s1) var(--s1) 0}.pill::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--s2);background:currentColor}
.good{--t:#1f7a4d;--b:#e3f3ea}.warn{--t:#8a5300;--b:#fbefd9}.bad{--t:#a1271f;--b:#fbe4e1}.idle{--t:#4c6473;--b:#e6edf1}.pill{color:var(--t);background:var(--b)}
.bar{display:block;appearance:none;-webkit-appearance:none;border:0;height:8px;width:140px;background:var(--paper);border-radius:4px;overflow:hidden;margin-bottom:var(--s1)}.bar::-webkit-progress-bar{background:var(--paper)}.bar::-webkit-progress-value{background:var(--accent);border-radius:4px}.bar::-moz-progress-bar{background:var(--accent);border-radius:4px}
.legend{margin-bottom:var(--s3)}.phones{list-style:none;margin:0 0 var(--s2);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--s2)}.phones li{background:var(--b);border:1px solid var(--line);border-left:var(--s1) solid var(--t);border-radius:var(--s1);padding:var(--s2);min-width:0}.phones b{display:block;font-family:var(--data);font-size:var(--f1);color:var(--ink)}.phones span{display:block;font-size:var(--f0);color:var(--muted);overflow-wrap:anywhere}
.side{display:grid;gap:var(--s4)}.card{background:var(--panel);border:1px solid var(--line);border-top:var(--s1) solid var(--t);border-radius:var(--s2);padding:var(--s4)}.card h2{display:flex;justify-content:space-between;align-items:center}.count{font-size:var(--f0);background:var(--b);color:var(--t);border-radius:999px;padding:0 var(--s2)}.card .list{font-size:var(--f0);line-height:1.5}
.more{background:var(--panel);border:1px solid var(--line);border-radius:var(--s2);padding:0 var(--s4);margin-bottom:var(--s4)}.more[open]{padding-bottom:var(--s4)}.more>summary{color:var(--accent)}
@media(max-width:1100px){.board{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.kpis{gap:var(--s3)}.kpi{padding:var(--s3)}.num{font-size:var(--f4)}.accounts,.accounts tbody,.accounts tr,.accounts td{display:block;width:100%}.accounts thead{display:none}.accounts tr{border-bottom:1px solid var(--line);padding:var(--s3)}.accounts td{border:0;padding:var(--s1) 0}.accounts td[data-l="Аккаунт"] strong{font-size:var(--f2)}.accounts td[data-l="Обновлено"]::before,.accounts td[data-l="Дальше"]::before{content:attr(data-l) ": ";color:var(--muted);font-size:var(--f0)}.more{padding:0 var(--s3)}}
.side section{margin:0}.accounts td:last-child,.accounts .sub{white-space:nowrap}.card .list{margin-bottom:0}
.accounts td{overflow-wrap:normal;word-break:normal}.accounts td strong{white-space:nowrap}.accounts td[data-l="Дальше"]{min-width:180px}.bar{width:100px}@media(max-width:700px){.accounts td[data-l="Дальше"]{min-width:0}}
.board{grid-template-columns:minmax(0,1fr) 300px}.accounts th,.accounts td{padding:var(--s3) var(--s2)}.accounts th:first-child,.accounts td:first-child{padding-left:var(--s3)}