@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("/static/fonts/Inter-Regular.woff?v=1") format("woff")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("/static/fonts/Inter-Medium.woff?v=1") format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("/static/fonts/Inter-SemiBold.woff?v=1") format("woff")}
@font-face{font-family:"Inter Display";font-weight:600;font-style:normal;font-display:swap;src:url("/static/fonts/InterDisplay-SemiBold.woff?v=1") format("woff")}
@font-face{font-family:"Inter Display";font-weight:700;font-style:normal;font-display:swap;src:url("/static/fonts/InterDisplay-Bold.woff?v=1") format("woff")}

:root{
--paper:#edf0f4;--surface:#fff;--surface-2:#f5f7fa;--ink:#0f1a2a;--ink-2:#37455a;--muted:#5a667a;
--line:#dde3ea;--line-2:#c9d2de;
--rail:#0c1727;--rail-2:#15243a;--rail-ink:#a8b5c8;--rail-line:#1c2c44;
--amber:#f6b02c;--amber-hi:#ffc552;--amber-ink:#1a1303;--amber-line:#d6921a;
--link:#1b55c9;--focus:#1b55c9;
--ok:#0a7650;--ok-bg:#e1f4eb;--warn:#8a5000;--warn-bg:#fdefd0;--bad:#b42318;--bad-bg:#fde6e3;--info:#1b55c9;--info-bg:#e6edfb;--mut-bg:#e8ecf1;
--s-rub:#2a62d9;--s-stars:#c98400;--s-users:#009c8f;--s-pay:#7157d6;
--shadow:0 1px 2px rgba(12,23,39,.05);--pop-shadow:0 8px 24px rgba(12,23,39,.16);
}
@media (prefers-color-scheme:dark){:root{
--paper:#080e18;--surface:#0f1826;--surface-2:#0c1420;--ink:#e6ebf3;--ink-2:#bac5d4;--muted:#8d9ab0;
--line:#1f2d43;--line-2:#2c3d58;
--rail:#050a12;--rail-2:#111d30;--rail-ink:#8f9db3;--rail-line:#16233a;
--link:#8db0ff;--focus:#8db0ff;
--ok:#4ccb98;--ok-bg:#0e2b22;--warn:#e8b04a;--warn-bg:#33250b;--bad:#ff8f85;--bad-bg:#3a1613;--info:#8db0ff;--info-bg:#14254a;--mut-bg:#1a2639;
--s-rub:#4f80e8;--s-stars:#bc8416;--s-users:#1fa397;--s-pay:#8272e2;
--shadow:none;--pop-shadow:0 10px 28px rgba(0,0,0,.5);
}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light dark}
body{margin:0;background:var(--paper);color:var(--ink);
font:14px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
font-feature-settings:"tnum","cv11","ss01";-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Inter Display","Inter",system-ui,sans-serif;font-weight:600;margin:0;color:var(--ink)}
h1{font-size:26px;line-height:1.15;letter-spacing:-.022em}
h2{font-size:15px;letter-spacing:-.01em}
p{margin:0 0 10px}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12.5px;background:var(--mut-bg);padding:1px 6px;border-radius:5px;word-break:break-all}
.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}.right{text-align:right}
.pre{white-space:pre-wrap;word-break:break-word}
hr{border:0;border-top:1px solid var(--line);margin:16px 0}

.navt{position:absolute;opacity:0;pointer-events:none}
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.rail{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--rail);color:var(--rail-ink);
display:flex;flex-direction:column;padding:20px 14px 16px;border-right:1px solid var(--rail-line)}
.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 22px;color:#fff}
.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center;flex:none}
.brand .mark svg{width:20px;height:20px}
.brand b{display:block;font:700 17px/1.1 "Inter Display","Inter",sans-serif;letter-spacing:-.02em}
.brand small{display:block;font-size:12px;color:var(--rail-ink);margin-top:3px}
.navgrp{margin:0 0 18px}
.navgrp .gt{padding:0 10px 6px;font-size:12px;font-weight:500;color:#6f7f97}
.rail a.nav{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;margin:1px 0;border-radius:8px;color:var(--rail-ink);font-weight:500;text-decoration:none}
.rail a.nav svg{width:18px;height:18px;flex:none;opacity:.85}
.rail a.nav:hover{background:var(--rail-2);color:#fff}
.rail a.nav.on{background:var(--rail-2);color:#fff}
.rail a.nav.on svg{color:var(--amber);opacity:1}
.rail a.nav.on::before{content:"";position:absolute;left:-14px;top:7px;bottom:7px;width:4px;border-radius:0 4px 4px 0;background:var(--amber)}
.rail a.nav .badge{margin-left:auto}
.rail :focus-visible{outline-color:var(--amber)}
.badge{background:var(--amber);color:var(--amber-ink);border-radius:99px;font-size:12px;font-weight:700;padding:0 7px;line-height:20px;min-width:20px;text-align:center}
.who{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--rail-line);display:flex;align-items:center;gap:10px}
.who .av{width:32px;height:32px;border-radius:50%;background:var(--rail-2);color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.who .nm{flex:1;min-width:0;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who form{margin:0}
.rail button.out{background:transparent;border:1px solid var(--rail-line);color:var(--rail-ink);height:30px;padding:0 11px;font-size:13px}
.rail button.out:hover{background:var(--rail-2);color:#fff}
.main{min-width:0;padding:30px clamp(18px,3.4vw,48px) 80px;max-width:1260px;width:100%}
.topbar,.scrim{display:none}
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;margin:0 0 22px}
.pagehead .lede{margin:6px 0 0;color:var(--muted);max-width:68ch}
.pagehead .acts{display:flex;gap:8px;flex-wrap:wrap}
.back{display:inline-block;margin:0 0 8px;font-size:13px;color:var(--muted)}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}
.panel+.panel{margin-top:16px}
.ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ph .meta{color:var(--muted);font-size:13px;text-align:right}
.ph .meta b{color:var(--ink);font-weight:600;font-size:15px}
.pb{padding:16px 18px}
.panel>.tbl{border:0;border-radius:0 0 12px 12px}
.panel>.pb>p:last-child{margin-bottom:0}
.stack>*+*{margin-top:16px}
.cols{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.cols>.panel+.panel{margin-top:0}
.cols.wide{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px 0 4px}
.sechead h2{font-size:17px}
.sechead+.note{margin-top:0}
.note{color:var(--muted);font-size:13px;margin:0 0 12px;max-width:80ch}

/* полоса показателей: одна панель, ячейки разделены линиями */
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.cell{padding:16px 20px;border-left:1px solid var(--line);min-width:0}
.cell:first-child{border-left:0}
.cell .l{color:var(--muted);font-size:13px}
.cell .v{font:600 30px/1.15 "Inter Display","Inter",sans-serif;letter-spacing:-.025em;margin:4px 0 2px;white-space:nowrap}
.cell .v small{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:3px}
.cell .v.two{font-size:24px}
.cell .s{color:var(--muted);font-size:12.5px}
.cell.hot .v{color:var(--warn)}
.strip.mini .cell{padding:13px 18px}.strip.mini .cell .v{font-size:24px}

/* что требует внимания */
.attn{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.attn .it{display:flex;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--line)}
.attn .it:first-child{border-top:0}
.attn .it .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--warn-bg);color:var(--warn)}
.attn .it.bad .ic{background:var(--bad-bg);color:var(--bad)}
.attn .it .ic svg{width:18px;height:18px}
.attn .it .tx{flex:1;min-width:0}
.attn .it .tx b{font-weight:600}
.attn.calm{display:flex;align-items:center;gap:14px;padding:15px 18px}
.attn.calm .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok);flex:none}
.attn.calm .ic svg{width:18px;height:18px}

/* таблицы */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl table{min-width:640px}
th,td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{padding-left:18px}th:last-child,td:last-child{padding-right:18px}
th{background:var(--surface-2);color:var(--muted);font-weight:600;font-size:12.5px;white-space:nowrap;position:relative}
tbody tr:hover td{background:var(--surface-2)}
tbody tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right}
td .sub{display:block;color:var(--muted);font-size:12.5px;margin-top:1px}
.who-cell b{font-weight:600}
.empty{padding:34px 18px;text-align:center;color:var(--muted)}
.tbl td.empty{background:transparent}
.kv{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);margin:0}
.kv dt,.kv dd{padding:10px 0;border-top:1px solid var(--line);margin:0}
.kv dt:first-of-type,.kv dd:first-of-type{border-top:0}
.kv dt{color:var(--muted)}.kv dd{word-break:break-word;padding-left:14px}
.rows{margin:0}
.rows .r{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.rows .r:first-child{border-top:0;padding-top:0}.rows .r:last-child{padding-bottom:0}
.rows .r span{color:var(--ink-2)}.rows .r span i{display:block;font-style:normal;color:var(--muted);font-size:12.5px}
.rows .r b{font-weight:600;white-space:nowrap;text-align:right}

/* метки */
.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:6px;font-size:12.5px;font-weight:500;line-height:18px;background:var(--mut-bg);color:var(--ink-2);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}
.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.info{background:var(--info-bg);color:var(--info)}
.chip.muted{color:var(--muted)}.chip.plain::before{display:none}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none}
.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}

/* сообщения */
.flash{display:block;padding:12px 16px;border-radius:10px;margin:0 0 16px;border:1px solid var(--line);border-left-width:4px;background:var(--surface)}
.flash.ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}
.flash.err{border-color:var(--bad);background:var(--bad-bg);color:var(--bad)}
.flash a{color:inherit;font-weight:600;text-decoration:underline}
ul.errs{margin:6px 0 0 18px;padding:0}

/* вкладки-фильтры */
.seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--mut-bg);border-radius:10px}
.seg a{padding:5px 13px;border-radius:8px;color:var(--ink-2);font-weight:500;font-size:13px;white-space:nowrap}
.seg a:hover{text-decoration:none;color:var(--ink)}
.seg a.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(12,23,39,.14)}
.seg a em{font-style:normal;color:var(--muted);margin-left:5px;font-weight:400}
.toolbar{display:flex;gap:12px 16px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.toolbar form{display:flex;gap:8px;flex:1;min-width:240px;max-width:460px}
.toolbar form input{flex:1}
.pager{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:13px}
.pager .mid{flex:1;text-align:center}

/* формы и кнопки */
label{display:block;font-weight:500;font-size:13px;color:var(--ink-2);margin:14px 0 5px}
label:first-child{margin-top:0}
input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-feature-settings:inherit}
select{padding-right:6px}
textarea{height:auto;min-height:120px;padding:9px 11px;line-height:1.5;resize:vertical}
textarea.code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
::placeholder{color:var(--muted)}
.hint{color:var(--muted);font-size:12.5px;margin-top:5px}
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 15px;border-radius:8px;border:1px solid var(--amber-line);background:var(--amber);color:var(--amber-ink);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
button:hover,.btn:hover{background:var(--amber-hi);text-decoration:none}
button.sec,.btn.sec{background:var(--surface);color:var(--ink);border-color:var(--line-2)}
button.sec:hover,.btn.sec:hover{background:var(--surface-2);border-color:var(--muted)}
button.danger,.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
button.danger:hover{filter:brightness(1.1);background:var(--bad)}
button.sm,.btn.sm{height:30px;padding:0 11px;font-size:13px}
button:active{transform:translateY(1px)}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:120px}.row>.fit{flex:none}
.row label{margin-top:0}
.inline{display:inline-block;margin:2px 4px 2px 0}
.grid3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.grid3 label{margin-top:0}
.savebar{position:sticky;bottom:0;margin:22px -4px 0;padding:12px 16px;display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--pop-shadow)}
.savebar span{color:var(--muted);font-size:13px}
.pricegrid{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px 12px;align-items:center}
.pricegrid .h{color:var(--muted);font-size:12.5px;font-weight:600}
.pricegrid .d{font-weight:600}

/* раскрывающиеся действия без JavaScript */
details.act{display:inline-block;margin:2px 4px 2px 0;vertical-align:top}
details.act summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid var(--line-2);border-radius:8px;font-size:13px;font-weight:500;color:var(--ink);background:var(--surface)}
details.act summary::-webkit-details-marker{display:none}
details.act summary:hover{background:var(--surface-2)}
details.act[open] summary{border-color:var(--focus)}
details.act .pop{margin-top:8px;padding:12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);max-width:380px;min-width:240px;white-space:normal}
details.act .pop table{font-size:12.5px;min-width:0}details.act .pop td{padding:4px 8px;border-bottom:1px solid var(--line)}

/* графики */
.cc{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:170px auto;gap:0 10px;margin:0;padding:6px 0 0}
.cc-y{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:var(--muted);font-size:12px;line-height:1;padding-bottom:0;min-width:28px}
.cc-y span:last-child{transform:translateY(0)}
.cc-plot{display:flex;align-items:stretch;gap:3px;border-bottom:1px solid var(--line-2);
background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 50%;background-repeat:repeat-y}
.cc-c{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end}
.cc-b{display:block;width:100%;min-height:0;border-radius:3px 3px 0 0;background:var(--c,var(--s-rub))}
.cc-c.now .cc-b{opacity:.5}
.cc-c:hover{background:var(--surface-2)}
.cc-c:hover .cc-b{filter:brightness(1.15)}
.cc-c:hover::after{content:attr(data-tip);position:absolute;z-index:5;left:50%;top:0;transform:translate(-50%,-110%);
background:var(--ink);color:var(--surface);padding:5px 9px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:var(--pop-shadow)}
.cc-c:first-child:hover::after{left:0;transform:translate(0,-110%)}
.cc-c:last-child:hover::after{left:auto;right:0;transform:translate(0,-110%)}
.cc-x{grid-column:2;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding-top:7px}
.c-rub{--c:var(--s-rub)}.c-stars{--c:var(--s-stars)}.c-users{--c:var(--s-users)}.c-pay{--c:var(--s-pay)}
.hl{display:grid;gap:10px}
.hb{display:grid;grid-template-columns:78px minmax(0,1fr) 44px;gap:12px;align-items:center}
.hb .l{color:var(--ink-2)}
.hb .t{height:10px;border-radius:5px;background:var(--mut-bg);overflow:hidden}
.hb .f{display:block;height:100%;border-radius:5px;background:var(--c,var(--s-rub))}
.hb .f.warn{background:var(--warn)}.hb .f.bad{background:var(--bad)}.hb .f.ok{background:var(--s-users)}
.hb .n{text-align:right;font-weight:600}
.mt{display:block;height:8px;border-radius:4px;background:var(--mut-bg);overflow:hidden;margin:8px 0 10px}
.mt .f{display:block;height:100%;border-radius:4px;background:var(--s-rub)}
.mt .f.warn{background:var(--warn)}.mt .f.bad{background:var(--bad)}

/* карточки нод */
.nodes{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}
.node{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px 18px;min-width:0}
.node.down{border-color:var(--bad)}.node.off{opacity:.72}
.node .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.node h3{font-size:16px;letter-spacing:-.01em;font-feature-settings:"cv11","ss01"}
.node details.act{margin-top:12px}
.node .addr{color:var(--muted);font-size:13px;word-break:break-all}
.node .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.node .k{color:var(--muted);font-size:12.5px}.node .vv{font-weight:600;font-size:15px}
.node .msg{font-size:12.5px;color:var(--bad);margin:0 0 10px}

/* вход */
.entry{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.entry .hero{background:var(--rail);color:#fff;padding:48px clamp(24px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.entry .hero .mark{width:48px;height:48px;border-radius:14px;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center}
.entry .hero .mark svg{width:28px;height:28px}
.entry .hero h1{color:#fff;font:700 clamp(34px,4.4vw,54px)/1.02 "Inter Display","Inter",sans-serif;letter-spacing:-.035em;margin:22px 0 14px}
.entry .hero p{color:var(--rail-ink);font-size:16px;max-width:36ch}
.entry .hero ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--rail-ink)}
.entry .hero li{display:flex;gap:10px;align-items:center}.entry .hero li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.entry .form{display:flex;align-items:center;justify-content:center;padding:40px 20px}
.entry .box{width:100%;max-width:360px}
.entry .box h2{font:600 22px/1.2 "Inter Display","Inter",sans-serif;letter-spacing:-.02em;margin-bottom:6px}
.entry .box button{width:100%;margin-top:18px;height:40px}

@media (max-width:1000px){
.app{grid-template-columns:minmax(0,1fr)}
.topbar{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--rail);color:#fff}
.topbar .brand{padding:0}.topbar .brand small{display:none}
.menubtn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border:1px solid var(--rail-line);border-radius:8px;color:#fff;font-weight:600;cursor:pointer}
.menubtn svg{width:18px;height:18px}
.rail{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(86vw,300px);height:auto;transform:translateX(-102%);visibility:hidden;transition:transform .18s ease,visibility 0s .18s}
.navt:checked ~ .app .rail{transform:none;visibility:visible;transition:transform .18s ease}
.navt:checked ~ .app .scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(5,10,18,.55)}
.navt:focus-visible ~ .topbar .menubtn{outline:2px solid var(--amber);outline-offset:2px}
.rail a.nav.on::before{left:-14px}
.main{padding-top:20px}
.cols.wide{grid-template-columns:minmax(0,1fr)}
.entry{grid-template-columns:minmax(0,1fr)}
.entry .hero{padding:28px 24px;gap:22px}.entry .hero ul{display:none}
.entry .hero h1{margin-top:16px}
}
@media (max-width:560px){
h1{font-size:23px}
.cell{border-left:0;border-top:1px solid var(--line)}.cell:first-child{border-top:0}
.cell .v{font-size:26px}
.kv{grid-template-columns:1fr}.kv dt{padding-bottom:0;border-top:1px solid var(--line)}.kv dd{padding:2px 0 10px;border-top:0}
.kv dt:first-of-type{border-top:0}
.hb{grid-template-columns:62px minmax(0,1fr) 36px}
.cc{grid-template-rows:140px auto}
.cc-x span:nth-child(2),.cc-x span:nth-child(4){display:none}
.pricegrid{grid-template-columns:44px 1fr 1fr;gap:8px}
.savebar{margin:18px 0 0;flex-wrap:wrap}
.toolbar form{max-width:none}
.pager{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.rail,.topbar,.savebar{display:none}.app{display:block}}
.h0{height:0%}.w0{width:0%}.h1{height:1%}.w1{width:1%}.h2{height:2%}.w2{width:2%}.h3{height:3%}.w3{width:3%}.h4{height:4%}.w4{width:4%}.h5{height:5%}.w5{width:5%}.h6{height:6%}.w6{width:6%}.h7{height:7%}.w7{width:7%}.h8{height:8%}.w8{width:8%}.h9{height:9%}.w9{width:9%}.h10{height:10%}.w10{width:10%}.h11{height:11%}.w11{width:11%}.h12{height:12%}.w12{width:12%}.h13{height:13%}.w13{width:13%}.h14{height:14%}.w14{width:14%}.h15{height:15%}.w15{width:15%}.h16{height:16%}.w16{width:16%}.h17{height:17%}.w17{width:17%}.h18{height:18%}.w18{width:18%}.h19{height:19%}.w19{width:19%}.h20{height:20%}.w20{width:20%}.h21{height:21%}.w21{width:21%}.h22{height:22%}.w22{width:22%}.h23{height:23%}.w23{width:23%}.h24{height:24%}.w24{width:24%}.h25{height:25%}.w25{width:25%}.h26{height:26%}.w26{width:26%}.h27{height:27%}.w27{width:27%}.h28{height:28%}.w28{width:28%}.h29{height:29%}.w29{width:29%}.h30{height:30%}.w30{width:30%}.h31{height:31%}.w31{width:31%}.h32{height:32%}.w32{width:32%}.h33{height:33%}.w33{width:33%}.h34{height:34%}.w34{width:34%}.h35{height:35%}.w35{width:35%}.h36{height:36%}.w36{width:36%}.h37{height:37%}.w37{width:37%}.h38{height:38%}.w38{width:38%}.h39{height:39%}.w39{width:39%}.h40{height:40%}.w40{width:40%}.h41{height:41%}.w41{width:41%}.h42{height:42%}.w42{width:42%}.h43{height:43%}.w43{width:43%}.h44{height:44%}.w44{width:44%}.h45{height:45%}.w45{width:45%}.h46{height:46%}.w46{width:46%}.h47{height:47%}.w47{width:47%}.h48{height:48%}.w48{width:48%}.h49{height:49%}.w49{width:49%}.h50{height:50%}.w50{width:50%}.h51{height:51%}.w51{width:51%}.h52{height:52%}.w52{width:52%}.h53{height:53%}.w53{width:53%}.h54{height:54%}.w54{width:54%}.h55{height:55%}.w55{width:55%}.h56{height:56%}.w56{width:56%}.h57{height:57%}.w57{width:57%}.h58{height:58%}.w58{width:58%}.h59{height:59%}.w59{width:59%}.h60{height:60%}.w60{width:60%}.h61{height:61%}.w61{width:61%}.h62{height:62%}.w62{width:62%}.h63{height:63%}.w63{width:63%}.h64{height:64%}.w64{width:64%}.h65{height:65%}.w65{width:65%}.h66{height:66%}.w66{width:66%}.h67{height:67%}.w67{width:67%}.h68{height:68%}.w68{width:68%}.h69{height:69%}.w69{width:69%}.h70{height:70%}.w70{width:70%}.h71{height:71%}.w71{width:71%}.h72{height:72%}.w72{width:72%}.h73{height:73%}.w73{width:73%}.h74{height:74%}.w74{width:74%}.h75{height:75%}.w75{width:75%}.h76{height:76%}.w76{width:76%}.h77{height:77%}.w77{width:77%}.h78{height:78%}.w78{width:78%}.h79{height:79%}.w79{width:79%}.h80{height:80%}.w80{width:80%}.h81{height:81%}.w81{width:81%}.h82{height:82%}.w82{width:82%}.h83{height:83%}.w83{width:83%}.h84{height:84%}.w84{width:84%}.h85{height:85%}.w85{width:85%}.h86{height:86%}.w86{width:86%}.h87{height:87%}.w87{width:87%}.h88{height:88%}.w88{width:88%}.h89{height:89%}.w89{width:89%}.h90{height:90%}.w90{width:90%}.h91{height:91%}.w91{width:91%}.h92{height:92%}.w92{width:92%}.h93{height:93%}.w93{width:93%}.h94{height:94%}.w94{width:94%}.h95{height:95%}.w95{width:95%}.h96{height:96%}.w96{width:96%}.h97{height:97%}.w97{width:97%}.h98{height:98%}.w98{width:98%}.h99{height:99%}.w99{width:99%}.h100{height:100%}.w100{width:100%}