:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#edeff2;--ink:#141821;--ink-2:#3c4356;--muted:#67708a;
    --line:#dde1ea;--accent:#1E4FA8;--accent-soft:#dde6f7;--green:#1F8A5D;--teal:#7CCFC4;
    --good:#1F8A5D;--warn:#a96c17;--crit:#a94238;
    --shadow:0 1px 2px rgba(20,24,33,.06),0 8px 24px rgba(20,24,33,.05);
    
    color-scheme:light}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1319;--surface:#161c26;--surface-2:#1d2532;--ink:#e8ecf4;
    --ink-2:#c1c9da;--muted:#8a94ab;--line:#283243;--accent:#8fb0f2;--accent-soft:#1e2c4d;--green:#5cc196;--teal:#7CCFC4;
    --good:#5cc196;--warn:#d9a24e;--crit:#e0837a;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);color-scheme:dark}}
  :root[data-theme="dark"]{--bg:#0f1319;--surface:#161c26;--surface-2:#1d2532;--ink:#e8ecf4;
    --ink-2:#c1c9da;--muted:#8a94ab;--line:#283243;--accent:#8fb0f2;--accent-soft:#1e2c4d;--green:#5cc196;--teal:#7CCFC4;
    --good:#5cc196;--warn:#d9a24e;--crit:#e0837a;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);color-scheme:dark}
  
  :root[data-theme="light"]{color-scheme:light}
  @font-face{font-family:'Noto Sans Georgian';src:url('/assets/noto-georgian.woff2') format('woff2');font-weight:400 700;font-display:swap}
  *{box-sizing:border-box}
  a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px;
    text-decoration-color:color-mix(in srgb,currentColor 32%,transparent)}
  a:visited{color:var(--accent)}
  a:hover{opacity:.85;text-decoration-color:currentColor}
  
  a,button,label,summary,select,input{-webkit-tap-highlight-color:color-mix(in srgb,var(--accent) 20%,transparent)}
  .bchip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:560;white-space:nowrap}
  .bchip .av{border-radius:50%;color:#fff;display:inline-grid;place-items:center;font-weight:700;flex:none}
  .btabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
  .btab{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;
    text-decoration:none;font:inherit;font-size:13px;color:var(--ink-2);background:var(--surface);cursor:pointer}
  .btab.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:600}
  .btab:hover{opacity:1;background:var(--surface-2)}
  
  a[href].btab:active,button.btab:not(:disabled):not([aria-disabled="true"]):active{border-color:var(--accent);
    background:var(--accent-soft);color:var(--ink)}
  
  .gox,.gox:visited{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:38px;
    border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink-2);
    font:inherit;font-size:13.5px;font-weight:620;line-height:1.25;text-decoration:none;
    transition:border-color .12s,color .12s}
  .gox:hover,.gox:focus-visible{opacity:1;border-color:var(--accent);color:var(--ink)}
  
  .gox>.gox-i{display:inline-flex;flex:none;opacity:.7;transition:opacity .12s}
  .gox:hover>.gox-i,.gox:focus-visible>.gox-i{opacity:1}
  .gox>.gox-i svg{display:block}
  
  .gox>.gox-t{min-width:0;overflow-wrap:anywhere}
  .gox>.gox-a{font-style:normal;flex:none;opacity:.55;transition:opacity .12s,transform .12s}
  .gox:hover>.gox-a,.gox:focus-visible>.gox-a{opacity:1;transform:translateX(2px)}
  .gox.back>.gox-a{margin-inline:-1px 0}
  .gox.back:hover>.gox-a,.gox.back:focus-visible>.gox-a{transform:translateX(-2px)}

  
  
  .gox.sm,.gox.sm:visited{padding:5px 12px;min-height:28px;border-radius:8px;gap:6px;
    font-size:12.5px;font-weight:600;white-space:nowrap}

  
  .gox.warn,.gox.warn:visited{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
  .gox.warn:hover,.gox.warn:focus-visible{color:var(--warn);border-color:var(--warn)}
  .gox.crit,.gox.crit:visited{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 45%,transparent)}
  .gox.crit:hover,.gox.crit:focus-visible{color:var(--crit);border-color:var(--crit)}

  
  .mpw{position:relative}
  .msug{position:absolute;left:0;right:0;top:100%;z-index:30;margin-top:4px;max-height:302px;overflow-y:auto;
    background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
  .msug-i{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:13.5px;text-align:left;
    padding:7px 10px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer}
  .msug-i:last-child{border-bottom:0}
  .msug-i:hover,.msug-i.on{background:var(--surface-2)}
  .msug-i img,.msug-no{inline-size:38px;block-size:38px;border-radius:7px;background:var(--surface-2);flex:none}
  .msug-i img{object-fit:contain}
  .msug-no{display:grid;place-items:center;color:var(--muted);font-size:12px}
  .msug-t{flex:1;min-width:0;overflow-wrap:anywhere}
  .msug-t em{font-style:normal;color:var(--muted);margin-inline-start:6px;font-size:12px}
  .msug-i i{font-style:normal;font-size:11.5px;font-weight:640;white-space:nowrap;flex:none}
  .msug-i i.ok{color:var(--green)}
  .msug-i i.out{color:var(--muted)}
  
  .msug-i i.soon{color:var(--warn)}
  
  .mpick{display:flex;align-items:center;gap:10px;margin-top:7px;padding:7px 10px;font-size:13px;
    background:var(--surface-2);border:1px solid var(--line);border-radius:10px}
  .mpick[hidden]{display:none}
  .msug[hidden]{display:none}
  .mpick img{inline-size:40px;block-size:40px;object-fit:contain;border-radius:7px;background:var(--surface);flex:none}
  .mpick>span{flex:1;min-width:0;overflow-wrap:anywhere}
  .mpick em{font-style:normal;color:var(--muted);font-size:12px}
  .mpick-x{font:inherit;background:none;border:0;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:4px}
  .mpick-x:hover{color:var(--crit)}
  
  .cfoot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding-top:12px;
    border-top:1px solid var(--line)}
  .cfoot-l{font-size:12.5px;color:var(--ink-2);line-height:1.45;overflow-wrap:anywhere}
  .cfoot-l b{color:var(--ink);font-weight:700}
  .cfoot-g{display:flex;gap:8px;flex-wrap:wrap;flex:1}
  
  .gorow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}

  
  .frow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
    border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13.5px;
    overflow-wrap:anywhere}
  .frow:last-child{border-bottom:0}
  .frow:hover{opacity:1;background:var(--surface-2)}
  .frow i{font-style:normal;color:var(--muted);flex:none}

  
  a.kpi{text-decoration:none;color:inherit}
  a.kpi:hover{opacity:1;background:var(--surface-2)}
  a.kpi .v{color:var(--accent)}

  
  .q:not(.smeta) a:not(.gox),.hint a:not(.gox){color:var(--ink);font-weight:620;
    text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:2px;
    text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent)}
  .q:not(.smeta) a:not(.gox):hover,.hint a:not(.gox):hover{opacity:1;color:var(--accent);
    text-decoration-color:var(--accent)}

  
  @media(max-width:560px){
    
    .gox{min-height:46px;padding:11px 14px;justify-content:center;text-align:center;max-width:100%}
    
    .gox.sm{min-height:40px;padding:9px 12px;font-size:13px;white-space:normal}
    .cfoot-l,.cfoot-g{width:100%}
    .cfoot .gox,.gorow .gox{flex:1 1 calc(50% - 4px)}
    .cfoot .gox.sm,.gorow .gox.sm{flex:0 0 auto}
  }
  
  html{scrollbar-gutter:stable}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans Georgian","Segoe UI",system-ui,sans-serif;
    font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
  .page{max-width:1040px;margin:0 auto;padding:18px 18px 64px;display:flex;flex-direction:column;gap:22px}
  
  nav{display:flex;gap:3px;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    border-bottom:1px solid var(--line);padding-bottom:12px}
  nav::-webkit-scrollbar{display:none}
  nav a,nav .ng>summary,nav .gear>summary,nav form button{white-space:nowrap}
  nav a{color:var(--ink-2);text-decoration:none;padding:7px 12px;border-radius:8px;font-size:14px;font-weight:560;
    display:inline-flex;align-items:center;gap:7px}
  .nv-ic{display:inline-flex;flex:none;opacity:.8}
  nav a.on .nv-ic,nav a:hover .nv-ic{opacity:1}
  .nv-ic svg{display:block}
  
  @media (max-width:1000px){
    
    nav{padding-bottom:10px;margin:0 -10px;padding-inline:10px}
    nav a{padding:7px 10px;font-size:13.5px}
    .bwm i{display:none}
    .bwm b{font-size:14px}
    nav form button{white-space:nowrap;padding:7px 10px;font-size:13px}
  }
  nav a.brand{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 2px;margin-inline-end:4px}
  
  .bwm{display:flex;flex-direction:column}
  .bwm b{font-size:15.5px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.22}
  
  
  .bwm i{font-style:normal;font-size:8.5px;font-weight:600;letter-spacing:.1em;color:var(--muted);line-height:1;margin-top:6px}
  .bwm i em{font-style:normal;font-weight:500;letter-spacing:.02em;opacity:.72;margin-inline-end:1px}
  
  .ng{position:relative}
  .ng>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:6px;
    padding:7px 13px;border-radius:8px;font-size:14px;font-weight:560;color:var(--ink-2);white-space:nowrap}
  .ng>summary::-webkit-details-marker{display:none}
  
  @media (min-width:1001px) and (max-width:1200px){
    nav a{padding-inline:9px}
    nav .ng>summary,nav .gear>summary{padding-inline:9px}
    nav a.brand{margin-inline-end:4px}
  }
  .ng>summary:hover,.ng[open]>summary{background:var(--surface-2);color:var(--ink)}
  .ng>summary.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--gc)}
  .ng-cur{font-style:normal;font-weight:700;color:var(--gc)}
  
  .ng-dot{width:6px;height:6px;border-radius:50%;background:var(--warn);flex:none;margin-inline-start:-2px}
  .nv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;
    border-radius:999px;background:var(--crit);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:1;
    margin-inline-start:6px;flex:none;letter-spacing:0;cursor:help}
  nav a.on .nv-badge{background:var(--crit)}
  
  .needs-you{position:relative;animation:needsyou 2.4s ease-in-out infinite}
  @keyframes needsyou{
    0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--crit) 0%,transparent)}
    45%{box-shadow:0 0 0 3px color-mix(in srgb,var(--crit) 34%,transparent)}
  }
  @media (prefers-reduced-motion:reduce){
    
    .needs-you{animation:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--crit) 30%,transparent)}
  }

  /* fixed, above the modals (120), untouchable: the page underneath still works */
  .nw-bar,.nw-card{position:fixed;pointer-events:none;opacity:0;transition:opacity .12s ease-out}
  .nw-bar{inset-block-start:0;inset-inline:0;block-size:3px;z-index:130;
    background:color-mix(in srgb,var(--accent) 14%,transparent)}
  .nw-bar>i{display:block;block-size:100%;transform:scaleX(.08);transform-origin:left center;
    background:linear-gradient(90deg,var(--accent),var(--teal));
    box-shadow:0 0 9px color-mix(in srgb,var(--accent) 55%,transparent)}
  .nw-card{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);z-index:129;
    inline-size:min(288px,calc(100vw - 32px));padding:20px 18px 16px;text-align:center;
    background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
  /* the app's own mark, born (fusionMark): two circles meet, the third colour grows where they overlap */
  .nw-mark{position:relative;inline-size:52px;block-size:52px;margin:4px auto 14px}
  .nw-mark>svg{display:block;position:relative;z-index:1;inline-size:100%;block-size:100%;overflow:visible}
  .nw-mark>i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0}
  .nw-say{margin:0;font-size:13.5px;font-weight:560;color:var(--ink-2);overflow-wrap:anywhere}
  /* in the layout from the first frame, visible only at SLOW: the card never grows */
  .nw-note{margin:4px 0 0;font-size:12px;font-weight:500;color:var(--muted);visibility:hidden;
    overflow-wrap:anywhere}
  /* it eases towards the end and never arrives: no moment is promised */
  .nw-b .nw-bar{opacity:1}
  .nw-b .nw-bar>i{animation:nwcreep 28s cubic-bezier(.08,.74,.2,1) forwards}
  .nw-c .nw-card{opacity:1}
  /* the circles come in along their diagonal and land on the logo; the born colour then breathes and
     sends out its rings — the new colour's own ring first. .85 s, not longer: the card only appears 900 ms
     into a wait, and a slow page often lands a second later — the birth has to have happened by then */
  .nw-c .nw-1{animation:nwin1 .85s cubic-bezier(.6,0,.25,1) both}
  .nw-c .nw-2{animation:nwin2 .85s cubic-bezier(.6,0,.25,1) both}
  .nw-c .nw-3{animation:nwin2 .85s cubic-bezier(.6,0,.25,1) both,nwlit 2.3s .85s ease-in-out infinite}
  .nw-c .nw-4{animation:nwin4 .85s cubic-bezier(.6,0,.25,1) both}
  .nw-c .nw-mark>i{animation:nwping 2.3s 1.95s cubic-bezier(.2,.62,.3,1) infinite}
  .nw-c .nw-mark>i+i{border-color:var(--teal);animation-delay:.8s}
  .nw-s .nw-note{visibility:visible}
  @keyframes nwcreep{0%{transform:scaleX(.08)}10%{transform:scaleX(.44)}38%{transform:scaleX(.72)}100%{transform:scaleX(.94)}}
  @keyframes nwin1{from{transform:translate(-26px,26px)}}
  @keyframes nwin2{from{transform:translate(26px,-26px)}}
  @keyframes nwin4{from{transform:translate(-52px,52px)}}
  @keyframes nwlit{50%{opacity:1}}
  @keyframes nwping{0%{transform:scale(.3);opacity:.6}70%{opacity:0}100%{transform:scale(1.9);opacity:0}}
  @media (prefers-reduced-motion:reduce){
    /* still drawn and still worded, only not moving — the logo as it is, the ring rests as a halo */
    .nw-bar,.nw-card{transition:none}
    .nw-b .nw-bar>i{animation:none;transform:scaleX(.42)}
    .nw-c .nw-mark>i{animation:none;opacity:.38;transform:scale(1.5)}
    .nw-c .nw-1,.nw-c .nw-2,.nw-c .nw-3,.nw-c .nw-4{animation:none}
  }

  
  
  .ngmenu.ngm-portal,.gmenu.ngm-portal,.nb-p.ngm-portal{position:fixed;z-index:100;max-height:60vh;overflow-y:auto}
  
  .ngmenu.ngm-portal{min-width:185px}
  .gmenu.ngm-portal{left:auto;right:8px;min-width:190px}
  
  .nb-p.ngm-portal{left:auto;right:8px;width:330px;max-width:92vw;max-height:min(70vh,520px)}
  @media (max-width:760px){
    .ngmenu.ngm-portal{left:12px;right:12px;min-width:0}
  }
  .livebar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:110;display:flex;align-items:center;gap:12px;
    padding:10px 12px 10px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);
    box-shadow:0 12px 30px -8px rgba(0,0,0,.5);font-size:13.5px;max-width:calc(100vw - 24px)}
  .livebar button{font:inherit;font-size:13px;font-weight:680;padding:8px 14px;border:none;border-radius:999px;
    background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}
  .livebar button:hover{opacity:.92}
  .ng-ic{display:inline-flex;align-items:center;color:var(--gc);opacity:.9}
  .ng-ic svg{display:block}
  .ng .chv{width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;
    transform:rotate(45deg);margin-block-start:-3px;opacity:.55}
  .ng[open] .chv{transform:rotate(225deg);margin-block-start:3px}
  .ngmenu{position:absolute;left:0;top:calc(100% + 6px);z-index:50;min-width:185px;background:var(--surface);
    border:1px solid var(--line);border-top:2px solid var(--gc);border-radius:11px;box-shadow:var(--shadow);
    padding:6px;display:flex;flex-direction:column;gap:1px}
  
  .ngmenu a{display:grid;grid-template-columns:16px 1fr auto;align-items:center;column-gap:10px;
    padding:9px 12px 9px 11px;border-radius:8px;font-size:13.5px;white-space:nowrap}
  .ngmenu a:not(:has(.nv-ic)){grid-template-columns:1fr auto}
  .ngmenu a:hover{background:var(--surface-2)}
  
  .ngmenu a.on{color:var(--gc);font-weight:700;background:color-mix(in srgb,var(--gc) 9%,transparent)}
  @media (max-width:760px){
    
    .ngmenu{position:fixed;left:12px;right:12px;min-width:0;max-height:60vh;overflow-y:auto}
    .ng>summary{padding:7px 10px;font-size:13.5px}
  }
  
  
  
  
  .nb{position:relative}
  .nb-s{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;
    width:34px;height:34px;border-radius:10px;color:var(--muted)}
  .nb-s::-webkit-details-marker{display:none}
  .nb-s:hover{background:var(--surface-2);color:var(--ink)}
  .nb-n{position:absolute;top:1px;right:0;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--crit);
    color:#fff;font-size:9.5px;font-weight:750;font-style:normal;display:flex;align-items:center;justify-content:center}
  .nb-p{position:absolute;top:40px;right:0;width:330px;max-width:92vw;z-index:60;background:var(--surface);
    border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}
  
  @media (max-width:1000px){
    .nb-p{position:fixed;top:56px;right:8px;left:8px;width:auto}
  }
  .nb-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid var(--line)}
  .nb-all{font-size:11.5px;padding:4px 9px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}
  .nb-l{max-height:min(60vh,420px);overflow-y:auto}
  .nb-i{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 13px;text-decoration:none;color:inherit;
    border-bottom:1px solid var(--line)}
  .nb-i:last-child{border-bottom:0}
  .nb-i:hover{background:var(--surface-2)}
  .nb-i.new{border-inline-start:3px solid var(--accent)}
  
  
  nav .nb-i,nav .nb-i span{white-space:normal}
  .nb-t,.nb-b{min-width:0;overflow-wrap:anywhere}
  .nb-w{white-space:nowrap}
  
  .nb-c{grid-column:1;justify-self:start;font-style:normal;font-size:10.5px;font-weight:700;color:var(--accent);
        border:1px solid var(--accent);border-radius:999px;padding:1px 7px;margin-top:2px}
  .nb-t{font-size:12.5px;font-weight:620;line-height:1.35}
  .nb-i.new .nb-t{font-weight:700}
  
  .nb-i.lapsed .nb-t{font-weight:500;color:var(--muted)}
  .nb-x{color:var(--muted);border-color:var(--line)}
  .nb-b{grid-column:1;font-size:11.5px;color:var(--muted);line-height:1.4}
  .nb-w{grid-row:1;grid-column:2;font-size:10.5px;color:var(--muted);white-space:nowrap}
  .nb-e{padding:16px 13px;margin:0;font-size:12.5px;color:var(--muted)}

  .thbtn{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border:none;background:none;
    border-radius:8px;color:var(--muted);cursor:pointer;margin-inline-start:auto}
  .thbtn:hover{background:var(--surface-2);color:var(--ink)}
  
  .thsw{font:inherit;font-size:11.5px;font-weight:650;display:inline-flex;align-items:center;gap:7px;
    min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);
    color:var(--ink-2);cursor:pointer;flex:none;white-space:nowrap}
  .thsw:hover{border-color:var(--accent);color:var(--ink)}
  .thsw b{font-weight:650}
  
  .hhd{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 12px}
  .hhd>h1{margin:0}
  
  .th-sun{display:none}
  .th-moon{display:inline-flex}
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]) .th-sun{display:inline-flex}
    :root:not([data-theme="light"]) .th-moon{display:none}
  }
  :root[data-theme="dark"] .th-sun{display:inline-flex}
  :root[data-theme="dark"] .th-moon{display:none}
  :root[data-theme="light"] .th-sun{display:none}
  :root[data-theme="light"] .th-moon{display:inline-flex}
  .gear{position:relative;margin-inline-start:6px}
  
  .gear>summary{list-style:none;cursor:pointer;padding:7px 11px;border-radius:8px;color:var(--muted);user-select:none;
    display:inline-flex;align-items:center}
  .gear>summary::-webkit-details-marker{display:none}
  .gear>summary:hover,.gear[open]>summary{background:var(--surface-2);color:var(--ink)}
  .gear>summary.on{color:var(--accent)}
  .gmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:190px;background:var(--surface);
    border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px -8px rgba(0,0,0,.45);padding:6px;display:flex;flex-direction:column}
  .gwho{font-size:11.5px;color:var(--muted);padding:7px 12px 5px;border-bottom:1px solid var(--line);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  
  .gmenu a,.gmenu button{font:inherit;font-size:13.5px;text-align:left;text-decoration:none;color:var(--ink-2);background:none;border:none;
    display:grid;grid-template-columns:16px 1fr auto;align-items:center;column-gap:10px;
    padding:9px 12px 9px 11px;min-height:40px;border-radius:8px;cursor:pointer;white-space:nowrap;width:100%}
  .gmenu a:hover,.gmenu button:hover{background:var(--surface-2);color:var(--ink);opacity:1}
  .gmenu a.on{color:var(--accent)}
  .gmenu form{display:contents}
  @media (max-width:760px){
    .gmenu{position:fixed;right:8px;top:52px}
  }
  
  .gear{position:sticky;right:0;z-index:60;background:var(--bg);box-shadow:-8px 0 8px -4px var(--bg)}
  .nb{position:sticky;right:44px;z-index:59;background:var(--bg)}
  
  .iapp{font:inherit;flex:none;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;
    min-width:44px;padding:0 3px 10px;margin:0 0 -10px;border:0;border-radius:0;background:var(--bg);color:var(--accent);
    cursor:pointer;position:sticky;right:78px;z-index:59;box-shadow:-8px 0 8px -4px var(--bg)}
  .iapp[hidden]{display:none}
  @media (display-mode:standalone){.iapp,.iapp-bar{display:none!important}}
  .iapp:hover{filter:none}
  .iapp-p{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;height:34px;padding:0 10px;
    border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);font-size:12px;font-weight:650;white-space:nowrap}
  .iapp:hover .iapp-p,.iapp:focus-visible .iapp-p{background:var(--accent);color:#fff}
  .iapp svg{display:block;flex:none}
  .iapp b{font-weight:650}
  .iapp.iapp-i .iapp-p{padding:0}
  .iapp.iapp-i b{display:none}
  
  .iapp-bar{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid var(--accent);
    border-radius:10px;background:var(--accent-soft);color:var(--ink)}
  .iapp-bar[hidden]{display:none}
  .iapp-bi{display:flex;flex:none;color:var(--accent)}
  .iapp-bt{flex:1;min-width:0;font-size:13.5px;line-height:1.4}
  .iapp-bh{font-weight:650}
  .iapp-bs{color:var(--ink-2)}
  .iapp-bar button{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}
  .iapp-bar button svg{display:block;flex:none}
  .iapp-bl{font-weight:650}
  nav a.brand:hover{background:transparent}
  nav a.on{background:var(--accent-soft);color:var(--accent)}
  nav a:hover{background:var(--surface-2)}
  nav a.nbk{flex:none;justify-content:center;width:34px;height:34px;padding:0;gap:0;border-radius:10px;color:var(--ink-2);
    background:var(--bg);box-shadow:0 0 0 3px var(--bg);position:sticky;left:0;z-index:59}
  nav a.nbk svg{display:block;flex:none}
  nav a.nbk:hover{background:var(--surface-2);color:var(--ink);opacity:1}
  nav a.nbk:active,nav a.nbk.nbk-go{background:var(--accent-soft);color:var(--accent)}
  nav .nbk-0{flex:none;width:34px;height:34px;visibility:hidden}
  nav .nbk+a.brand .bwm i{visibility:hidden;width:0;overflow:hidden;white-space:nowrap}
  @media (min-width:1001px){nav .nbk+a.brand .bwm b{position:relative;top:7.25px}}
  @media (max-width:1000px){nav a.nbk{box-shadow:0 0 0 3px var(--bg),-10px 0 0 3px var(--bg),8px 0 8px -4px var(--bg)}}

  nav form{margin-inline-start:auto}
  h1{margin:0;font-size:clamp(21px,3.5vw,27px);font-weight:650;letter-spacing:-.015em}
  h2{margin:0;font-size:17px;font-weight:620}
  .label{font-size:11.5px;letter-spacing:.1em;color:var(--muted);font-weight:600}
  .hint{margin:0;color:var(--muted);font-size:13.5px;max-width:72ch}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
  .pad{padding:16px}
  section{display:flex;flex-direction:column;gap:12px}
  .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .kpi{background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:3px}
  .kpi .v{font-size:22px;font-weight:640;letter-spacing:-.02em}
  .kpi .d{font-size:12px;color:var(--muted)}
  .kpi .d.up{color:var(--good)} .kpi .d.down{color:var(--crit)}
  .scroll{overflow-x:auto}
  table{border-collapse:collapse;width:100%}
  th,td{padding:9px 12px;text-align:right;border-bottom:1px solid var(--line)}
  th:first-child,td:first-child{text-align:left}
  tbody tr:last-child td{border-bottom:0}
  th{font-size:11.5px;letter-spacing:.07em;font-weight:600;color:var(--muted);white-space:nowrap}
  td{font-size:14px}
  .name{font-weight:560}
  .q{color:var(--muted);font-size:12.5px}
  .pos{color:var(--good);font-weight:600}.neg{color:var(--crit);font-weight:600}
  .chip{display:inline-block;padding:1px 9px;border-radius:999px;font-size:11.5px;font-weight:580;border:1px solid transparent}
  .chip.k-reorder{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 40%,transparent)}
  .chip.k-warehouse{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
  .chip.k-transfer{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
  .chip.done{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,transparent)}
  button{font:inherit;border:0;border-radius:8px;padding:8px 16px;background:var(--accent);color:#fff;font-weight:580;cursor:pointer}
  button:hover{filter:brightness(1.08)}
  button:active{filter:brightness(.9)} 
  button.ghost{background:transparent;color:var(--muted);padding:7px 10px;font-size:13px}
  button.ghost:hover{background:var(--surface-2);filter:none}
  button.small{padding:4px 12px;font-size:12.5px}
  input[type=text],input[type=password],input[type=search]{font:inherit;width:100%;padding:9px 12px;border:1px solid var(--line);
    border-radius:8px;background:var(--surface);color:var(--ink)}
  
  @media (max-width:760px){
    
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
    
    input,select,textarea{max-width:100%;min-width:0}
    
    label{min-width:0}
  }
  input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .login-wrap{min-height:82vh;display:grid;place-items:center}
  .login{width:min(360px,92vw);display:flex;flex-direction:column;gap:14px}
  .login .rule{height:3px;width:52px;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px}
  .err{color:var(--crit);font-size:13.5px;margin:0}
  
  .bye{color:var(--green);font-size:13.5px;font-weight:600;margin:0;text-align:center;line-height:1.5}
  .row-actions{display:flex;gap:6px;justify-content:flex-end}
  
  
  .hctrl{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
    padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
  .hctrl-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  
  .hsegs{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:3px;gap:2px}
  
  .hseg{font:inherit;font-size:13px;font-weight:620;padding:7px 14px;border-radius:8px;text-decoration:none;
    color:var(--muted);white-space:nowrap;background:transparent;border:0;cursor:pointer}
  .hseg:hover{color:var(--ink)}
  .hseg.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.25)}
  .hrange{display:inline-flex;gap:7px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}
  
  .hdate{font:inherit;font-size:12.5px;padding:7px 10px;border-radius:9px;
    background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums}
  .hdate:focus{outline:none;border-color:var(--accent)}
  .hgo{font:inherit;font-size:12.5px;font-weight:640;padding:7px 14px;border-radius:9px;cursor:pointer;
    border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2)}
  .hgo:hover{border-color:var(--accent);color:var(--accent)}
  
  .hpick{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:640;
    color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;
    padding:0 30px 0 13px;block-size:38px;cursor:pointer;letter-spacing:.02em;white-space:nowrap}
  .hpick:hover{border-color:var(--accent)}
  .hpick.on{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}
  .hpick select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;font-weight:560;
    background:transparent;border:0;color:var(--ink);padding:0;margin:0;cursor:pointer;outline:none}
  .hpick select:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
  
  .hpick::after{content:'';position:absolute;inset-inline-end:12px;inline-size:8px;block-size:8px;
    border-inline-end:1.6px solid var(--muted);border-block-end:1.6px solid var(--muted);
    transform:translateY(-2px) rotate(45deg);pointer-events:none}
  .hpick:hover::after,.hpick.on::after{border-color:var(--accent)}
  .hpick.on{border-color:var(--accent);color:var(--ink)}
  .hpick input{font:inherit;font-size:12.5px;border:0;background:transparent;color:var(--ink);
    cursor:pointer;font-variant-numeric:tabular-nums}
  .hpick input:focus{outline:none}
  @media (max-width:620px){
    .hrange{margin-inline-start:0;width:100%}
    .hrange .hdate{flex:1;min-width:0}
    .hsegs{width:100%;overflow-x:auto;scrollbar-width:none}
    .hsegs::-webkit-scrollbar{display:none}
    
    .hseg{padding:12px 16px}
    .hdate,.hgo{min-block-size:44px}
    .hpick{min-block-size:44px;padding-block:0}
    .hpick select,.hpick input{min-block-size:42px}
  }
  .hero{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
  .hero-top{display:flex;gap:18px;align-items:stretch;justify-content:space-between;flex-wrap:wrap}
  .hero-rev{display:flex;flex-direction:column;gap:4px;min-width:180px;flex:1}
  .hrev{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
  .hrev i{font-style:normal;font-size:24px;font-weight:600;color:var(--muted)}
  .hverdict{font-size:14px;font-weight:640;margin-top:2px}
  .hb2b{display:block;font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.45}
  .hm-note{display:block;font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.4}
  .hero-margin{display:flex;flex-direction:column;gap:2px;justify-content:center;padding:12px 18px;border-radius:14px;min-width:150px;
    background:color-mix(in srgb,var(--mc) 10%,transparent);border:1px solid color-mix(in srgb,var(--mc) 34%,transparent);
    text-decoration:none;color:inherit}
  a.hero-margin:hover{border-color:var(--mc)}
  .hm-pct{font-size:34px;font-weight:800;line-height:1;color:var(--mc);letter-spacing:-.02em}
  .hm-gel{font-size:13px;font-weight:640;color:var(--ink-2)}
  .hband{display:flex;flex-direction:column;gap:5px}
  .hb-track{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
  .hb-fill{display:block;height:100%;border-radius:99px;transition:width .4s}
  .hb-legend{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
  .hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .hstat{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:12px;background:var(--surface-2);
    border:1px solid transparent;text-decoration:none;color:inherit}
  
  .hstat.act{cursor:pointer;transition:border-color .12s,background .12s}
  .hstat.act:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))}
  .hstat b{font-size:19px;font-weight:750;line-height:1.1}
  .hs-l{font-size:11px;color:var(--muted)}
  
  .hs-n{display:block;font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.2}
  a.hstat:hover{border-color:var(--accent)}
  a.hstat b{color:var(--accent)}
  .hchips{display:flex;gap:8px;flex-wrap:wrap}
  .hchip{font-size:12.5px;font-weight:640;padding:6px 12px;border-radius:99px;border:1px solid currentColor;text-decoration:none}
  .hchip.good,.hchip.green{color:var(--green)} .hchip.warn,.hchip.amber{color:var(--warn)}
  .hchip.bad,.hchip.red{color:var(--crit)} .hchip.na{color:var(--muted)}
  .hdetails summary{cursor:pointer;font-size:12.5px;color:var(--muted);list-style:none;padding:2px 0}
  .hdetails summary::-webkit-details-marker{display:none}
  .hdetails[open] summary{color:var(--accent)}
  .hdetails p{margin:6px 0 0;line-height:1.55}
  @media (max-width:640px){
    .hero{padding:16px}
    .hrev{font-size:36px}
    .hero-top{gap:12px}
    .hero-margin{flex-direction:row;align-items:baseline;gap:10px;width:100%;padding:10px 14px}
    .hero-margin .label{order:-1}
    .hm-pct{font-size:26px}
    .hm-gel{margin-inline-start:auto;text-align:end}
    
    .hero-margin.tall{flex-direction:column;align-items:flex-start;gap:3px}
    .hero-margin.tall .hm-gel{margin-inline-start:0;text-align:start}
    .hstats{grid-template-columns:1fr 1fr;gap:8px}
    .hstat{padding:10px 11px}
    .hstat b{font-size:17px}
    .hverdict{font-size:13px}
  }
  @media (max-width:560px){
    table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:auto}
    table.stack thead{display:none}
    table.stack tr{border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-bottom:8px;background:var(--surface-2)}
    
    table.stack td{border:0;padding:3px 0;display:flex;align-items:baseline;justify-content:space-between;gap:2px 12px;flex-wrap:wrap;min-width:0;text-align:left}
    table.stack td::before{content:attr(data-l);font-size:10.5px;font-weight:700;letter-spacing:.04em;
      text-transform:uppercase;color:var(--muted);flex:none}
    
    table.stack td:not([data-l])::before{content:none}
    table.stack td.name{padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid var(--line);font-size:14px}
    table.stack td.name::before{content:none}
    table.stack td.row-actions{justify-content:flex-end;padding-top:7px}
    
    .card.scroll:has(table.stack){overflow-x:visible}
  }
  @media (max-width:640px){
    th,td{padding:8px 8px;font-size:13px}
    .page{padding:12px 10px 48px;gap:16px}
    h1{font-size:21px}
    h2{font-size:16px}
    .kpis{grid-template-columns:repeat(2,1fr)!important}
    .kpi .v{font-size:19px!important}
    button{padding:9px 14px}
    
    .btabs{justify-content:center;width:100%}
    .btabs .btab{justify-content:center;min-block-size:44px}
    
    .card.scroll{max-width:100%}
    .bgrid{grid-template-columns:1fr!important}
    .bmeta{font-size:11.5px;line-height:1.5}
  }
  
  h1,h2,p,td,th,.label,.q{overflow-wrap:anywhere}