:root{
  
  --bg:#0b1220;
  --panel:#111a2b;
  --panel2:#0e1626;
  --panel3:#132238;
  --line:#1f2c44;
  --line2:#18233a;

  
  --ink:#e6edf7;
  --ink2:#93a4bf;
  --ink3:#8c9aad;
  --ink4:#7e899a;

  
  --accent:#4575c6;
  --accent2:#6d9ae6;
  --accent-ink:#ffffff;
  --ok:#34d399;
  --warn:#fbbf24;
  --bad:#f87171;
  --idle:#64748b;
  --pro:#a78bfa;

  
  --area-accounts:#6ea8ff;
  --area-images:#b794f6;
  --area-monitor:#2dd4bf;
  --area-market:#f6ad55;
  --area-server:#94a3b8;
  --area-community:#f472b6;
  
  --cable-copper:#7f9cc0;
  --cable-crossover:#4fd1c5;
  --cable-fiber:#e3b341;
  --cable-serial:#a78bfa;
  --cable-console:#8b93a7;
  --cable-coax:#b08968;
  --cable-wireless:#34d399;

  
  
  --tint-accent:rgba(75,127,214,.16);
  --tint-ok:rgba(52,211,153,.15);
  --tint-warn:rgba(251,191,36,.15);
  --tint-bad:rgba(248,113,113,.15);
  --tint-pro:rgba(167,139,250,.18);
  --edge-accent:rgba(75,127,214,.32);
  --edge-ok:rgba(52,211,153,.3);
  --edge-warn:rgba(251,191,36,.3);
  --edge-bad:rgba(248,113,113,.3);

  
  --term-bg:#05090f;
  --term-ink:#c9d6e8;

  
  --sans:'Poppins','Poppins Fallback','Segoe UI',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  
  --codefont:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  --mono:var(--sans);

  
  --r-sm:7px;
  --r:11px;
  --r-lg:16px;
  --maxw:1240px;
  --shadow:0 1px 2px rgba(0,0,0,.28), 0 4px 14px rgba(0,0,0,.22);
  --shadow-l:0 16px 44px rgba(0,0,0,.42);

  
  --header-h:54px;
  --scroll-thumb:#22304a;
  --grid-dot:#1b2740;
  
  --wire:#33507a;
  --node-edge:#3d5478;
}


@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#dae4f2;
    --panel:#ffffff;
    --panel2:#e8eff9;
    --panel3:#d6e1f0;
    --line:#bfcee3;
    --line2:#d3deee;

    --ink:#131c29;
    --ink2:#4d5c72;
    --ink3:#4c5669;
    --ink4:#5e6570;

    --accent:#174190;
    --accent2:#274390;
    --accent-ink:#ffffff;
    --ok:#0a6a46;
    --warn:#96610a;
    --bad:#c22f2f;
    --idle:#7e8ca1;
    --pro:#6244cc;

    --area-accounts:#1d4ed8;
    --area-images:#7c3aed;
    --area-monitor:#0d9488;
    --area-market:#b45309;
    --area-server:#475569;
    --area-community:#be185d;
  --cable-copper:#4a6b96;
    --cable-crossover:#0d9488;
    --cable-fiber:#b7791f;
    --cable-serial:#7c3aed;
    --cable-console:#64748b;
    --cable-coax:#8a5a3b;
    --cable-wireless:#0d8055;

    --tint-accent:rgba(23,65,144,.16);
    --tint-ok:rgba(13,128,85,.13);
    --tint-warn:rgba(150,97,10,.14);
    --tint-bad:rgba(194,47,47,.12);
    --tint-pro:rgba(98,68,204,.1);
    --edge-accent:rgba(23,65,144,.26);
    --edge-ok:rgba(13,128,85,.26);
    --edge-warn:rgba(150,97,10,.28);
    --edge-bad:rgba(194,47,47,.24);

    --shadow:0 1px 2px rgba(19,28,41,.06), 0 4px 14px rgba(19,28,41,.07);
    --shadow-l:0 16px 44px rgba(19,28,41,.16);
    --scroll-thumb:#c6d0de;
    --grid-dot:#d6dfeb;
    --wire:#8aa3c4;
    --node-edge:#a9b8cd;  }
}

:root[data-theme="light"]{
  --bg:#dae4f2;
  --panel:#ffffff;
  --panel2:#e8eff9;
  --panel3:#d6e1f0;
  --line:#bfcee3;
  --line2:#d3deee;

  --ink:#131c29;
  --ink2:#4d5c72;
  --ink3:#4c5669;
  --ink4:#5e6570;

  --accent:#174190;
  --accent2:#274390;
  --accent-ink:#ffffff;
  --ok:#0a6a46;
  --warn:#96610a;
  --bad:#c22f2f;
  --idle:#7e8ca1;
  --pro:#6244cc;

  --area-accounts:#1d4ed8;
  --area-images:#7c3aed;
  --area-monitor:#0d9488;
  --area-market:#b45309;
  --area-server:#475569;
  --area-community:#be185d;
  --cable-copper:#4a6b96;
  --cable-crossover:#0d9488;
  --cable-fiber:#b7791f;
  --cable-serial:#7c3aed;
  --cable-console:#64748b;
  --cable-coax:#8a5a3b;
  --cable-wireless:#0d8055;

  --tint-accent:rgba(23,65,144,.16);
  --tint-ok:rgba(13,128,85,.13);
  --tint-warn:rgba(150,97,10,.14);
  --tint-bad:rgba(194,47,47,.12);
  --tint-pro:rgba(98,68,204,.1);
  --edge-accent:rgba(23,65,144,.26);
  --edge-ok:rgba(13,128,85,.26);
  --edge-warn:rgba(150,97,10,.28);
  --edge-bad:rgba(194,47,47,.24);

  --shadow:0 1px 2px rgba(19,28,41,.06), 0 4px 14px rgba(19,28,41,.07);
  --shadow-l:0 16px 44px rgba(19,28,41,.16);
  --scroll-thumb:#c6d0de;
  --grid-dot:#d6dfeb;
  --wire:#8aa3c4;
  --node-edge:#a9b8cd;}


body,.nb-head,.nb-card,.nb-btn,.nb-note,.nb-menu,.nb-chip{
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
@media (prefers-reduced-motion: reduce){
  body,.nb-head,.nb-card,.nb-btn,.nb-note,.nb-menu,.nb-chip{transition:none}
}

*{box-sizing:border-box}
html,body{height:100%}

body:not(.nb-app){height:auto;min-height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:15px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:none}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
code,kbd,pre,samp{font-family:var(--codefont)}

pre,code,kbd,samp,.term,.ncx-screen,.ncx-inp,.ncx-cmdwin textarea,textarea.pt-in,.pcap-hex,.nsx-hex,
.nsx-term-out,.logview,.ecprev,.fs-body,.xterm,.xterm *{font-family:var(--codefont) !important}

.mono,table{font-variant-numeric:tabular-nums}
img{max-width:100%}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px}
::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}
::-webkit-scrollbar-track{background:transparent}

:root{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){color-scheme:light}
}


.nb-head{
  position:sticky;top:0;z-index:80;
  display:flex;align-items:center;gap:14px;
  height:var(--header-h);flex:0 0 var(--header-h);
  padding:0 16px;
  
  background:var(--panel);
  border-bottom:1px solid var(--line);
  
  opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none;
}

.nb-brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.2px;
          font-size:15px;color:var(--ink)}
.nb-brand:hover{text-decoration:none}
.nb-brand b{color:var(--accent);font-weight:700}

.nb-nav{display:flex;gap:2px;margin-left:6px}
.nb-nav a{
  padding:7px 13px;border-radius:var(--r-sm);
  color:var(--ink2);font-weight:500;font-size:13.5px;white-space:nowrap;
}
.nb-nav a:hover{background:var(--panel2);color:var(--ink);text-decoration:none}

.nb-nav a.on{background:none;color:var(--accent);font-weight:600;
             box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.nb-nav a .tag{
  display:inline-block;margin-left:6px;padding:1px 6px;border-radius:20px;
  font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  background:rgba(52,211,153,.16);color:var(--ok);
}
.nb-nav a.on .tag{background:rgba(255,255,255,.22);color:var(--accent-ink)}
.nb-nav a .tag.pro{background:rgba(167,139,250,.18);color:var(--pro)}


.nb-group{position:relative;display:inline-flex}
.nb-nav .caret{
  display:inline-block;width:0;height:0;margin-left:6px;vertical-align:middle;
  border-left:3.5px solid transparent;border-right:3.5px solid transparent;
  border-top:4px solid currentColor;opacity:.65;
  transition:transform .16s ease,opacity .16s ease;
}
.nb-sub{
  position:absolute;left:0;top:calc(100% + 6px);min-width:196px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:6px;box-shadow:var(--shadow-l);z-index:95;
  display:none;flex-direction:column;
}
.nb-sub::before{
  content:'';position:absolute;left:0;right:0;top:-8px;height:8px;
}

.nb-group:hover .nb-sub,
.nb-group:focus-within .nb-sub,
.nb-group.open .nb-sub{display:flex}

.nb-group:hover > a,
.nb-group.open > a{background:var(--panel2);color:var(--ink)}
.nb-group:hover .caret,
.nb-group.open .caret{transform:rotate(180deg);opacity:1}
.nb-sub a{
  padding:7px 11px;border-radius:var(--r-sm);
  font-size:13.5px;font-weight:500;color:var(--ink2);white-space:nowrap;
}
.nb-sub a:hover{background:var(--panel2);color:var(--ink);text-decoration:none}
.nb-sub .sep{display:block;height:1px;background:var(--line);margin:5px 8px}

.nb-spacer{flex:1}


.nb-search{
  display:flex;align-items:center;gap:7px;
  
  height:34px;padding:0 11px;min-width:150px;max-width:300px;flex:1 1 200px;
  border:1px solid var(--line);border-radius:20px;background:var(--panel2);
}
.nb-search:focus-within{border-color:var(--accent)}
.nb-search svg{flex:0 0 auto;color:var(--ink3)}
.nb-search input{
  flex:1;min-width:0;border:none;background:none;outline:none;
  color:var(--ink);font:13.5px var(--sans);
}
.nb-search input::placeholder{color:var(--ink4)}
.nb-search .x{color:var(--ink3);font-size:15px;line-height:1;padding:0 2px}
.nb-search .x:hover{color:var(--ink)}


.nb-ddbtn{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 13px;border-radius:var(--r-sm);
  color:var(--ink2);font-weight:500;font-size:13.5px;white-space:nowrap;
}
.nb-ddbtn:hover{background:var(--panel2);color:var(--ink)}


.nb-av-btn{
  display:flex;align-items:center;gap:8px;
  padding:3px 10px 3px 3px;border-radius:22px;
  background:var(--panel2);border:1px solid var(--line);
}
.nb-av-btn:hover{border-color:var(--accent)}
.nb-av-btn .nm{font-size:13.5px;font-weight:600;color:var(--ink);max-width:96px;
               overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-av-btn img,.nb-av-btn .init{
  width:28px;height:28px;border-radius:50%;flex:0 0 28px;display:block;object-fit:cover;
}
.nb-av-btn .init{display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px}


.nb-drawer.as-modal .nb-drawer-panel{
  
  position:relative;z-index:1;
  width:min(400px,100%);margin:auto;
  border:1px solid var(--sb-line, var(--line));border-left:1px solid var(--sb-line, var(--line));
  border-radius:5px;transform:none;box-shadow:0 24px 60px rgba(4,9,17,.45);
  background:var(--sb-card, var(--panel));max-height:calc(100vh - 40px);
}
.nb-drawer.as-modal{display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.nb-drawer.as-modal .nb-drawer-back{background:rgba(10,16,22,.55)}
.nb-drawer.as-modal.on .nb-drawer-back{opacity:1}


.nb-signin{
  --sb-brand:#174190; --sb-brand-d:#274390;
  --sb-ink:#2c2d3f;   --sb-ink2:#5b5f70; --sb-ink3:#868686;
  --sb-card:#ffffff;  --sb-line:#e3e7ee; --sb-field:#fbfcfe;
  font-family:var(--sans);
  color:var(--sb-ink);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .nb-signin{
    --sb-brand:#4b7fd6; --sb-brand-d:#6d9ae6;
    --sb-ink:#e8ecf4;   --sb-ink2:#aab3c4; --sb-ink3:#8a93a6;
    --sb-card:#1a1d27;  --sb-line:#2a2f3c; --sb-field:#151822;
  }
}
:root[data-theme="dark"] .nb-signin{
  --sb-brand:#4b7fd6; --sb-brand-d:#6d9ae6;
  --sb-ink:#e8ecf4;   --sb-ink2:#aab3c4; --sb-ink3:#8a93a6;
  --sb-card:#1a1d27;  --sb-line:#2a2f3c; --sb-field:#151822;
}
.nb-signin h2{margin:0 0 6px;font-size:26px;font-weight:600;letter-spacing:-.2px;color:var(--sb-ink)}
.nb-signin .sub{color:var(--sb-ink3);font-size:13.5px;margin:0 0 22px;line-height:1.75;font-weight:300}
.nb-signin label{display:block;font-size:12.5px;letter-spacing:.2px;color:var(--sb-ink2);
                 font-weight:500;margin:16px 0 6px}
.nb-signin input{display:block;width:100%;padding:12px 14px;border:1px solid var(--sb-line);
                 border-radius:4px;background:var(--sb-field);color:var(--sb-ink);
                 font:400 15px/1.5 var(--sans)}
.nb-signin input:focus{outline:none;border-color:var(--sb-brand);
                       box-shadow:0 0 0 3px rgba(23,65,144,.10)}
.nb-signin input::placeholder{color:var(--sb-ink3);font-weight:300}
.nb-signin .go{width:100%;margin-top:24px;padding:13px;border:none;border-radius:4px;
               background:var(--sb-brand);color:#fff;cursor:pointer;
               font:600 15px/1 var(--sans);letter-spacing:.2px}
.nb-signin .go:hover{background:var(--sb-brand-d)}
.nb-signin .go:disabled{opacity:.6;cursor:not-allowed}
.nb-signin .alt{margin-top:18px;text-align:center;font-size:13.5px;color:var(--sb-ink3);font-weight:300}
.nb-signin .alt a{color:var(--sb-brand);cursor:pointer;font-weight:500}
.nb-signin .why{margin-top:20px;padding-top:16px;border-top:1px solid var(--sb-line);
                font-size:13.5px;color:var(--sb-ink3);line-height:1.8;font-weight:300}
.nb-signin .why p{margin:0 0 8px}
.nb-signin .why p:last-child{margin-bottom:0}
.nb-signin .why a{color:var(--sb-brand);cursor:pointer;font-weight:500}
.nb-signin .err{color:#a52020;background:rgba(192,38,38,.07);border-left:3px solid #c02626;
                border-radius:4px;padding:11px 13px;font-size:13.5px;margin-top:14px;line-height:1.7}
.nb-signin .mark{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.nb-signin .mark b{font-size:20px;font-weight:700;letter-spacing:-.2px;color:var(--sb-ink)}
.nb-signin .mark b i{font-style:normal;color:var(--sb-brand)}


.nb-bellwrap{position:relative;display:none}
.nb-bellwrap.on{display:inline-flex}

.nb-ask{
  display:flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;
  border-radius:18px;color:var(--ink2);font:500 13.5px/1 var(--sans);
  border:1px solid var(--line);background:var(--panel);flex:0 0 auto;
}
.nb-ask:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){ .nb-ask span{display:none} .nb-ask{padding:0 9px} }

.nb-bell{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;color:var(--ink2);position:relative;
}
.nb-bell:hover{background:var(--panel2);color:var(--ink)}


.nb-ai{
  position:fixed;right:18px;bottom:18px;z-index:130;
  width:min(420px,calc(100vw - 36px));height:min(560px,calc(100vh - 90px));
  background:var(--panel);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 24px 60px rgba(4,9,17,.45);
  display:none;flex-direction:column;overflow:hidden;
}
.nb-ai.on{display:flex}
.nb-ai-head{display:flex;align-items:baseline;gap:9px;padding:13px 12px 13px 16px;
  border-bottom:1px solid var(--line);background:var(--panel3)}
.nb-ai-head b{font-size:13.5px}
.nb-ai-sub{flex:1;font:400 11px/1.4 var(--mono);color:var(--ink3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}
.nb-ai-x{width:26px;height:24px;border-radius:6px;color:var(--ink3);font-size:13.5px}
.nb-ai-x:hover{background:var(--panel2);color:var(--ink)}
.nb-ai-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;
  flex-direction:column;gap:12px}
.nb-ai-hi p{margin:0 0 14px;font-size:13.5px;line-height:1.7;color:var(--ink2)}
.nb-ai-sug{display:block;width:100%;text-align:left;margin-bottom:7px;padding:9px 12px;
  border:1px solid var(--line);border-radius:9px;background:var(--panel2);
  font-size:12.5px;color:var(--ink2)}
.nb-ai-sug:hover{border-color:var(--accent);color:var(--ink)}
.nb-ai-you{align-self:flex-end;max-width:88%;background:var(--accent);color:var(--accent-ink);
  padding:9px 13px;border-radius:14px 14px 4px 14px;font-size:13.5px;line-height:1.6}
.nb-ai-bot{max-width:96%;font-size:13.5px;line-height:1.7;color:var(--ink2)}
.nb-ai-bot.quoted{background:var(--panel2);border:1px solid var(--line);
  border-radius:4px 14px 14px 14px;padding:11px 13px}

.nb-ai-bot.human{border-color:var(--edge-ok);background:var(--tint-ok)}
.nb-ai-bot.human .nb-ai-t{color:var(--ok)}
.nb-ai-t{display:block;color:var(--ink);font-size:12.5px;margin-bottom:6px}
.nb-ai-src{margin-top:8px;font-size:11px;color:var(--ink3)}
.nb-ai-src a{color:var(--accent)}
.nb-ai-warn{margin-top:8px;font-size:11px;color:var(--warn);line-height:1.6}
.nb-ai-ok{margin-top:9px;font-size:12.5px;color:var(--ok);line-height:1.6}
.nb-ai-tkt{margin-top:10px;padding:7px 12px;border-radius:8px;font-size:12.5px;
  border:1px solid var(--line);background:var(--panel2);color:var(--ink2)}
.nb-ai-tkt:hover{border-color:var(--accent);color:var(--accent)}
.nb-ai-foot{display:flex;gap:8px;padding:11px 12px;border-top:1px solid var(--line);
  background:var(--panel2)}
.nb-ai-foot input{flex:1;min-width:0;padding:9px 12px;border-radius:9px;
  border:1px solid var(--line);background:var(--panel);color:var(--ink);
  font:400 13.5px/1.4 var(--sans);outline:none}
.nb-ai-foot input:focus{border-color:var(--accent)}
.nb-ai-go{padding:0 15px;border-radius:9px;background:var(--accent);color:var(--accent-ink);
  font:600 13.5px/1 var(--sans)}
.nb-ai-go:hover{filter:brightness(1.08)}
.nb-bell .dot{
  position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;
  background:var(--accent);border:2px solid var(--panel);
}
.nb-notes{
  position:absolute;right:0;top:calc(100% + 8px);width:min(340px,92vw);
  max-height:420px;overflow:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:6px;box-shadow:var(--shadow-l);z-index:95;display:none;
}
.nb-notes.on{display:block}
.nb-notes .hd{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;
}
.nb-notes .hd b{font-size:13.5px}
.nb-notes .hd button{font-size:11px;font-weight:600;color:var(--accent)}
.nb-notes a{
  display:flex;gap:9px;align-items:flex-start;
  padding:9px 10px;border-radius:var(--r-sm);font-size:13.5px;color:var(--ink2);line-height:1.5;
}
.nb-notes a:hover{background:var(--panel2);color:var(--ink);text-decoration:none}
.nb-notes a.unread{background:var(--panel2)}
.nb-notes a b{color:var(--ink)}
.nb-notes a .sub{display:block;font-size:11px;color:var(--ink4);margin-top:2px}
.nb-notes .empty{padding:22px 14px;text-align:center;font-size:12.5px;color:var(--ink3);line-height:1.7}


.nb-burger{display:none}


.nb-navsearch{display:none;margin:2px 0 6px}
.nb-navonly{display:none}
.nb-navsearch input{
  width:100%;height:38px;padding:0 13px;
  border:1px solid var(--line);border-radius:20px;background:var(--panel2);
  color:var(--ink);font:400 13.5px/1 var(--sans);
}
.nb-navsearch input::placeholder{color:var(--ink4)}
.nb-navsearch input:focus{border-color:var(--accent);outline:none}



.nb-head.nb-t1 .nb-chip:not(.signin) .nb-who{display:none}
.nb-head.nb-t1 .nb-chip:not(.signin){padding:4px}
.nb-head.nb-t1 .nb-ask span{display:none}
.nb-head.nb-t1 .nb-ask{padding:0 9px}
.nb-head.nb-t2 .nb-ddbtn{font-size:0;gap:2px;padding:7px 9px}
.nb-head.nb-t3 .nb-search{flex:0 0 34px;min-width:34px;max-width:34px;padding:0;gap:0;
                          justify-content:center;cursor:pointer}
.nb-head.nb-t3 .nb-search input{flex:0 0 0;width:0}
.nb-head.nb-t3 .nb-search:focus-within{
  position:absolute;left:50%;transform:translateX(-50%);z-index:95;
  max-width:none;width:min(440px,60vw);padding:0 11px;justify-content:flex-start;
  background:var(--panel);box-shadow:var(--shadow-l);gap:7px;
}
.nb-head.nb-t3 .nb-search:focus-within input{flex:1 1 auto;width:auto}
.nb-head.nb-measure > :not(.nb-search):not(.nb-spacer),
.nb-head.nb-measure .nb-nav > *{flex-shrink:0}
.nb-head.nb-measure .nb-who{max-width:none}
.nb-head.nb-t4{gap:8px;padding:0 12px}
.nb-head.nb-t4 .nb-nav{margin-left:2px;gap:0}
.nb-head.nb-t4 .nb-nav a{padding:7px 9px}
.nb-head.nb-t4 #nbLangCode{display:none}
.nb-head.nb-t5 .nb-brand > span{display:none}
.nb-head.nb-fold .nb-search{display:none}
.nb-head.nb-fold .nb-burger{display:inline-flex}
.nb-head.nb-fold .nb-av-btn .nm{display:none}
.nb-head.nb-fold .nb-nav .nb-navsearch{display:flex}

@media(max-width:900px){
  
  .nb-head > .nb-group{display:none}
  .nb-ddbtn{display:none}
  .nb-nav .nb-navonly{display:block}
}


@media(max-width:560px){
  .nb-head{ gap:6px; padding:0 10px; }
  .nb-head > *{ min-width:0; }
  .nb-brand span{ display:none; }          
  .nb-brand{ flex:0 0 auto; }
  .nb-ddbtn{ display:none; }
  .nb-head.nb-fold .nb-nav{ left:6px; right:6px; }
  .nb-menu{ right:6px; left:6px; width:auto; }

  
  .nb-brand, .nb-burger, .nb-ask, .nb-bellwrap, .nb-theme, .nb-chip{
    flex:0 0 auto;
  }

  
  .nb-notes{
    position:fixed; left:8px; right:8px; width:auto;
    top:calc(var(--header-h) + 6px);
    max-height:calc(100vh - var(--header-h) - 18px);
  }
}

@media(max-width:400px){
  .nb-head{ gap:4px; }
  .nb-ask span{ display:none; }
}

@media(max-width:360px){
  .nb-head{ gap:3px; padding:0 7px; }
}



.nb-chip{
  display:flex;align-items:center;gap:8px;
  padding:4px 11px 4px 4px;border-radius:22px;
  background:var(--panel2);border:1px solid var(--line);
}
.nb-chip:hover{border-color:var(--accent)}
.nb-chip.signin{background:var(--accent);border-color:var(--accent)}
.nb-av{width:26px;height:26px;border-radius:50%;flex:0 0 26px;display:grid;place-items:center;
       background:linear-gradient(135deg,#274390,#4b7fd6);color:#fff;
       font-weight:700;font-size:11px}
.nb-chip.signin .nb-av{background:var(--accent-ink);color:var(--accent)}

.nb-who{text-align:left;line-height:1.25;min-width:0;max-width:170px}
.nb-who b{display:block;font-size:12.5px;font-weight:600;
          white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-who span{display:block;font-size:11px;color:var(--ink3);text-transform:uppercase;
             letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nb-chip.signin .nb-who b{color:var(--accent-ink)}
.nb-chip.signin .nb-who span{color:rgba(5,32,52,.72)}

.nb-menu{
  position:absolute;right:16px;top:calc(var(--header-h) + 6px);width:240px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:6px;box-shadow:var(--shadow-l);z-index:90;display:none;
}
.nb-menu.on{display:block}
.nb-menu .hd{padding:9px 11px 11px;border-bottom:1px solid var(--line);margin-bottom:6px}
.nb-menu .hd b{display:block;font-size:13.5px}
.nb-menu .hd span{font-size:11px;color:var(--ink3)}
.nb-menu button,.nb-menu a{
  display:block;width:100%;text-align:left;padding:8px 11px;border-radius:var(--r-sm);
  font-size:13.5px;color:var(--ink2);
}
.nb-menu button:hover,.nb-menu a:hover{background:var(--panel2);color:var(--ink);text-decoration:none}
.nb-menu button.danger:hover{color:var(--bad)}


.nb-burger{display:none;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink2)}
.nb-burger:hover{background:var(--panel2);color:var(--ink)}

.nb-head.nb-fold .nb-nav{
    display:none;position:absolute;left:8px;right:8px;top:calc(var(--header-h) + 6px);
    flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--line);
    border-radius:var(--r);padding:8px;box-shadow:var(--shadow-l);z-index:85;
    
    max-height:calc(100vh - var(--header-h) - 18px);
    overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
}
.nb-head.nb-fold .nb-nav.open{display:flex}
.nb-head.nb-fold .nb-burger{display:block}

.nb-head.nb-fold .nb-nav .nb-group{display:block;width:100%}
.nb-head.nb-fold .nb-nav .nb-group > a{
  display:flex;align-items:center;justify-content:space-between;cursor:pointer;
}
.nb-head.nb-fold .nb-nav .caret{display:inline-block;margin-left:auto;opacity:.7}
.nb-head.nb-fold .nb-nav .nb-sub{
  position:static;display:none;min-width:0;
  background:none;border:none;box-shadow:none;
  margin:2px 0 6px 10px;padding:0 0 0 10px;border-left:2px solid var(--line);
}

.nb-head.nb-fold .nb-nav .nb-group:hover .nb-sub,
.nb-head.nb-fold .nb-nav .nb-group:focus-within .nb-sub{display:none}
.nb-head.nb-fold .nb-nav .nb-group.open .nb-sub{display:flex}
.nb-head.nb-fold .nb-nav .nb-group:hover > a{background:none}
.nb-head.nb-fold .nb-nav .nb-group:hover .caret{transform:none}
.nb-head.nb-fold .nb-nav .nb-group.open > a{background:var(--panel2);color:var(--ink)}
.nb-head.nb-fold .nb-nav .nb-group.open .caret{transform:rotate(180deg);opacity:1}

.nb-head.nb-fold .nb-nav .nb-sub::before{display:none}
.nb-head.nb-fold .nb-nav .nb-sub a{font-size:13.5px;color:var(--ink2);padding:9px 11px}
.nb-head.nb-fold .nb-nav .nb-sub .sep{display:none}


@media(max-width:900px){
  .nb-who{display:none}
  .nb-chip{padding:4px}
  
  .nb-head #conn{padding:5px;gap:0}
  .nb-head #conn b,
  .nb-head #conn .mode{display:none}
  .nb-head{gap:8px;padding:0 10px}
}


.nb-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 15px;border-radius:var(--r-sm);
  background:var(--panel2);border:1px solid var(--line);color:var(--ink);
  font-size:13.5px;font-weight:500;
}
.nb-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.nb-btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.nb-btn.pri:hover{background:var(--accent2);border-color:var(--accent2);color:var(--accent-ink)}
.nb-btn.danger:hover{border-color:var(--bad);color:var(--bad)}
.nb-btn.lg{padding:11px 22px;font-size:15px;border-radius:var(--r)}
.nb-btn.sm{padding:5px 10px;font-size:12.5px;border-radius:6px}
.nb-btn:disabled{opacity:.4;cursor:not-allowed}

.nb-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  padding:20px;margin-bottom:18px;
}
.nb-card h3{margin:0 0 12px;font-size:15px;font-weight:600}

.nb-badge{
  display:inline-block;padding:2px 9px;border-radius:20px;
  font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
}
.nb-badge.free{background:rgba(52,211,153,.16);color:var(--ok)}
.nb-badge.pro{background:rgba(167,139,250,.18);color:var(--pro)}
.nb-badge.enterprise{background:rgba(99,102,241,.22);color:#a5b4fc}
.nb-badge.admin{background:rgba(23,65,144,.16);color:var(--accent)}
.nb-badge.soon{background:rgba(100,116,139,.24);color:var(--ink2)}

.nb-note{
  padding:12px 15px;border-radius:var(--r-sm);
  font-size:13.5px;line-height:1.65;margin:0 0 14px;
}

.nb-note.info{background:var(--tint-accent);border:1px solid var(--edge-accent);color:var(--ink)}
.nb-note.ok  {background:var(--tint-ok);   border:1px solid var(--edge-ok);    color:#a6e8cd}
.nb-note.warn{background:var(--tint-warn); border:1px solid var(--edge-warn);  color:#f3d38a}
.nb-note.bad {background:var(--tint-bad);  border:1px solid var(--edge-bad);   color:#f5aeae}
.nb-note code{background:rgba(0,0,0,.32);padding:1px 5px;border-radius:4px;font-size:.9em}

:root[data-theme="light"] .nb-note.info,
:root[data-theme="light"] .nb-note.ok,
:root[data-theme="light"] .nb-note.warn,
:root[data-theme="light"] .nb-note.bad{color:var(--ink2)}
:root[data-theme="light"] .nb-note code{background:rgba(19,28,41,.07)}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .nb-note.info,
  :root:not([data-theme="dark"]) .nb-note.ok,
  :root:not([data-theme="dark"]) .nb-note.warn,
  :root:not([data-theme="dark"]) .nb-note.bad{color:var(--ink2)}
  :root:not([data-theme="dark"]) .nb-note code{background:rgba(19,28,41,.07)}
}


.nb-theme{
  display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;
  border-radius:var(--r-sm);color:var(--ink2);
  border:1px solid transparent;
}
.nb-theme:hover{background:var(--panel2);color:var(--ink);border-color:var(--line)}
.nb-theme .sun{display:none}
.nb-theme .moon{display:block}
:root[data-theme="light"] .nb-theme .sun{display:block}
:root[data-theme="light"] .nb-theme .moon{display:none}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .nb-theme .sun{display:block}
  :root:not([data-theme="dark"]) .nb-theme .moon{display:none}
}

.nb-wrap{max-width:var(--maxw);margin:0 auto;padding:34px 24px 70px}
.nb-lead{color:var(--ink2);font-size:15px;line-height:1.75;max-width:70ch;margin:0 0 22px}

.nb-grid{display:grid;gap:16px}
.nb-grid.c2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.nb-grid.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.nb-grid.c4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}

.nb-mono{font-family:var(--mono);font-size:12.5px;color:var(--ink2);word-break:break-all}
.nb-dim{color:var(--ink3)}


.nb-split{
  position:relative;flex:0 0 5px;background:var(--line);
  transition:background .12s;touch-action:none;
}
.nb-split::after{
  content:'';position:absolute;
  
  inset:-3px;
}
.nb-split-x{cursor:col-resize;width:5px;align-self:stretch}
.nb-split-y{cursor:row-resize;height:5px;width:100%}
.nb-split:hover,.nb-split.on,.nb-split:focus-visible{background:var(--accent);outline:none}


.nb-split::before{
  content:'';position:absolute;background:var(--ink4);border-radius:2px;
  opacity:0;transition:opacity .12s;
}
.nb-split-x::before{width:1px;height:22px;left:2px;top:50%;margin-top:-11px;
  box-shadow:2px 0 0 var(--ink4)}
.nb-split-y::before{height:1px;width:22px;top:2px;left:50%;margin-left:-11px;
  box-shadow:0 2px 0 var(--ink4)}
.nb-split:hover::before{opacity:.9}
.nb-split:hover::before,.nb-split.on::before{background:var(--accent-ink);box-shadow:none}


body.nb-resizing{user-select:none;-webkit-user-select:none}
body.nb-resizing-x,body.nb-resizing-x *{cursor:col-resize !important}
body.nb-resizing-y,body.nb-resizing-y *{cursor:row-resize !important}

body.nb-resizing iframe,body.nb-resizing canvas{pointer-events:none}


@media(max-width:900px){
  .nb-split{display:none}
}


.nb-count{
  position:absolute;top:2px;right:2px;min-width:15px;height:15px;padding:0 4px;
  border-radius:9px;background:var(--accent);color:var(--accent-ink);
  font:700 11px/15px var(--sans);font-style:normal;text-align:center;
}
#nbImages{position:relative}

.nb-drawer{position:fixed;inset:0;z-index:120;pointer-events:none}
.nb-drawer.on{pointer-events:auto}
.nb-drawer-back{
  position:absolute;inset:0;background:rgba(4,9,17,.5);
  opacity:0;transition:opacity .18s;
}
.nb-drawer.on .nb-drawer-back{opacity:1}
.nb-drawer-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(430px,92vw);
  background:var(--panel);border-left:1px solid var(--line);
  box-shadow:var(--shadow-l);display:flex;flex-direction:column;
  
  transform:translateX(100%);transition:transform .2s ease;
}
.nb-drawer.on .nb-drawer-panel{transform:none}
@media (prefers-reduced-motion: reduce){
  .nb-drawer-panel,.nb-drawer-back{transition:none}
}
.nb-drawer-panel > header{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;border-bottom:1px solid var(--line);flex:0 0 auto;
}
.nb-drawer-panel > header b{font-size:15px}

.nb-drawer-panel > header.bare{
  border-bottom:0;padding:10px 12px 0;justify-content:flex-end;min-height:0;
}
.nb-drawer-x{font-size:22px;line-height:1;color:var(--ink3);padding:0 4px}
.nb-drawer-x:hover{color:var(--ink)}
.nb-drawer-body{flex:1;overflow:auto;padding:18px}

.nb-drawer-grp{
  font-size:11px;letter-spacing:.9px;text-transform:uppercase;
  color:var(--ink3);font-weight:600;margin:20px 0 9px;
}
.nb-drawer-grp:first-child{margin-top:0}

.nb-img{
  border:1px solid var(--line);border-radius:var(--r-sm);
  padding:11px 13px;margin-bottom:8px;background:var(--panel2);
}
.nb-img-hd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.nb-img-hd b{font-size:13.5px}
.nb-img-sub{font-size:11px;color:var(--ink3);margin-top:4px;line-height:1.6}
.nb-img-path{font-family:var(--mono);font-size:11px;color:var(--ink4);
             margin-top:5px;word-break:break-all}
.nb-img-err{font-size:11px;color:var(--bad);margin-top:6px;line-height:1.5}




@media(max-width:900px){
  table{
    display:block; width:100%; max-width:100%;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
  }
  pre{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  
  code, .nb-mono, .mono, .nb-img-path{ overflow-wrap:anywhere; word-break:break-word; }
  img, svg, video, canvas{ max-width:100%; height:auto; }
}


@media(max-width:560px){
  .nb-badge, .nb-badge.free, .nb-badge.pro, .nb-badge.enterprise,
  .nb-badge.admin, .nb-badge.soon,
  .nb-who span, .nb-menu .hd span, .nb-img-sub, .nb-img-err, .nb-img-path,
  th, .grp, .xs, .pill, .tag, .note, .sub, .lbl, figcaption, small{
    font-size:12.5px;
  }
  code, .mono, .nb-mono{ font-size:12.5px; }
}


@media (pointer: coarse){
  .nb-head button, .nb-head a.nb-brand, .nb-burger, .nb-theme, .nb-bell,
  .nb-chip, .nb-ask, .nb-ddbtn{ min-height:40px; min-width:40px; }
  
  .nb-brand, .nb-chip{ display:flex; align-items:center; justify-content:center; }
  .nb-nav a, .nb-menu a, .nb-menu button, .nb-sub a{
    min-height:44px; display:flex; align-items:center;
  }
  
  input, select, textarea{ font-size:15px; }
}


html, body{ max-width:100%; overflow-x:clip; }


@media (pointer:coarse){
  .nb-btn, .btn, button, [role="button"], .nb-chip,
  .nb-ask, .nb-bell, .nb-av-btn, .nb-ddbtn{ min-height:44px; }
  
  .nb-btn.icon-only, .btn.icon-only, .nb-ask, .nb-bell, .nb-av-btn{ min-width:44px; }
  
  .nb-in, input, select, textarea{ min-height:44px; font-size:15px; }
  
  .nb-nav a, .nb-menu a, .nb-sub a{
    min-height:44px; display:flex; align-items:center;
  }
  
  .nb-foot-links a{ min-height:44px; display:inline-flex; align-items:center; }
  
  .filters, .row-btns{ gap:10px; }
}


@media(max-width:560px){ .nb-head{ gap:6px; padding:0 10px; } }
@media(max-width:400px){ .nb-head{ gap:4px; } }
@media(max-width:360px){ .nb-head{ gap:3px; padding:0 7px; } }


.nb-head [hidden]{display:none !important}


.nb-acgrid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}


.nb-nuform{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:12px;margin:4px 0 8px;background:var(--bg2,transparent)}
.nb-nuform label{font-size:11px;font-weight:700;color:var(--ink3,#667);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 3px}
.nb-nuform label:first-child{margin-top:0}
.nb-nuform input,.nb-nuform select{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px}
.nb-nurow{display:flex;gap:8px}
.nb-nurow > div{flex:1;display:flex;flex-direction:column}


.nb-flabel{display:block;font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px}
.nb-frow{display:flex;gap:8px}
.nb-frow > div{flex:1;min-width:0}
select.nb-in{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}


.nb-langwrap{position:relative;display:inline-flex}
.nb-langbtn{display:inline-flex;align-items:center;gap:4px;width:auto!important;padding:0 8px!important}
.nb-langbtn b{font-size:11px;font-weight:700;letter-spacing:.03em}
.nb-langmenu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:260px;max-height:70vh;overflow:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-l,0 16px 40px rgba(0,0,0,.3));padding:6px;z-index:1200}
.nb-langmenu.open{display:block}
.nb-langmenu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:7px;
  background:none;color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer;text-align:left}
.nb-langmenu button:hover{background:var(--panel2)}
.nb-langmenu button.on{background:var(--accent);color:var(--accent-ink)}
.nb-langmenu .en{font-size:11px;color:var(--ink3)}
.nb-langmenu button.on .en{color:inherit;opacity:.8}
.nb-lang-note{font-size:11px;color:var(--ink3);padding:8px 10px 4px;border-top:1px solid var(--line);margin-top:4px;line-height:1.4}


.nb-foot{
  margin-top:48px;
  background:var(--panel);
  border-top:1px solid var(--line);
  color:var(--ink3);
  font-size:11px;line-height:1.7;
}
.nb-foot-in{max-width:var(--maxw);margin:0 auto;padding:34px 24px 28px}
.nb-foot-links{margin-bottom:6px}
.nb-foot a{color:var(--ink3);text-decoration:underline;text-underline-offset:2px}
.nb-foot a:hover{color:var(--accent)}
.nb-foot-tm{max-width:none}


.nb-foot-cols{
  display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));
  gap:22px 28px;margin-bottom:26px;
}
@media (max-width:860px){.nb-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.nb-foot-cols{grid-template-columns:1fr}}
.nb-foot-mark{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;
  letter-spacing:-.4px;color:var(--ink);margin-bottom:10px}
.nb-foot-mark{text-decoration:none;font-size:19px}
.nb-foot-mark:hover{text-decoration:none}
.nb-foot-mark svg{flex:none}
.nb-foot-blurb{line-height:1.7;max-width:40ch;margin-bottom:10px}
.nb-foot-pills{display:flex;gap:6px;flex-wrap:wrap}

.nb-foot-social{display:flex;gap:10px;margin-top:14px}
.nb-foot-social a{
  display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  border:1px solid var(--line);border-radius:8px;color:var(--ink3);text-decoration:none;
}

.nb-foot-social a.soc-github  {color:#ffffff}
.nb-foot-social a.soc-x       {color:#ffffff}
.nb-foot-social a.soc-linkedin{color:#0a66c2}
.nb-foot-social a.soc-youtube {color:#ff0000}
.nb-foot-social a.soc-discord {color:#5865f2}

.nb-foot-social a:hover{border-color:currentColor}
.nb-foot-pills .pill{
  font-size:11px;font-weight:600;background:var(--panel);border:1px solid var(--line);
  color:var(--ink3);padding:4px 11px;border-radius:20px;
}

.nb-foot-col h4, .nb-foot-col .nb-foot-h{
  margin:0 0 10px;font-size:13.5px;font-weight:700;letter-spacing:-.1px;
  text-transform:none;color:var(--ink);
}
.nb-foot-col a{display:block;margin-bottom:8px;text-decoration:none;font-size:12.5px;color:var(--ink3)}
.nb-foot-col a:hover{text-decoration:underline;color:var(--accent)}
.nb-foot-about{
  padding-top:18px;border-top:1px solid var(--line);margin-bottom:12px;
}


.msg{padding:10px 12px;border-radius:8px;font-size:12.5px;line-height:1.6;margin-bottom:12px}
.msg.info{background:var(--tint-accent);border:1px solid var(--edge-accent);color:var(--ink2)}
.msg.warn{background:var(--tint-warn);border:1px solid var(--edge-warn);color:var(--ink2)}
.msg.bad {background:var(--tint-bad);border:1px solid var(--edge-bad);color:var(--ink2)}
.msg.ok  {background:var(--tint-ok);border:1px solid var(--edge-ok);color:var(--ink2)}
.msg code{font-family:var(--mono);font-size:11px;background:rgba(0,0,0,.3);
          padding:1px 5px;border-radius:4px;display:inline-block}

.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;
      margin-bottom:20px}
.card h3{margin:0 0 12px;font-size:13.5px;font-weight:600;display:flex;
         justify-content:space-between;align-items:center;gap:10px}

table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}
table.tbl th{text-align:left;padding:8px 10px;color:var(--ink3);font-size:11px;
             letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line)}
table.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.tbl tr:last-child td{border-bottom:none}

.pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}

.pill.ready,.pill.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);
  border:1px solid color-mix(in srgb,var(--ok) 38%,transparent);color:var(--ok)}
.pill.pending{background:color-mix(in srgb,var(--warn) 18%,transparent);
  border:1px solid color-mix(in srgb,var(--warn) 38%,transparent);color:var(--warn)}
.pill.error,.pill.no{background:color-mix(in srgb,var(--bad) 18%,transparent);
  border:1px solid color-mix(in srgb,var(--bad) 38%,transparent);color:var(--bad)}
.pill.admin{background:var(--tint-pro);color:var(--pro)}
.pill.user{background:rgba(75,127,214,.15);color:var(--accent)}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;
       margin-bottom:22px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:14px 16px}
.stat .n{font-size:24px;font-weight:700;line-height:1.2}
.stat .l{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);
         font-weight:600;margin-top:3px}
.stat .sub{font-size:11px;color:var(--ink3);margin-top:6px}

.stat.warn .n{color:var(--warn)} .stat.ok .n{color:var(--ok)} .stat.bad .n{color:var(--bad)}

.meter{height:5px;border-radius:4px;background:var(--panel2);overflow:hidden;margin-top:9px}
.meter i{display:block;height:100%;background:var(--accent);transition:width .3s}
.meter i.warn{background:var(--warn)} .meter i.bad{background:var(--bad)}

.mono{font-family:var(--mono);font-size:11px;color:var(--ink2);word-break:break-all}

.note{font-size:11px;color:var(--ink3);line-height:1.6}



.mongrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;
         margin-bottom:22px}
.moncard{background:var(--panel);border:1px solid var(--line);border-radius:11px;
         padding:14px 16px 10px;min-width:0}
.moncard .monh{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);
               font-weight:600}
.moncard .monv{font-size:26px;font-weight:700;line-height:1.25;margin-top:2px}
.moncard .monu{font-size:13.5px;font-weight:600;color:var(--ink3);margin-left:3px}
.moncard .monago{font-size:11px;font-weight:600;color:var(--ink3);margin-left:8px}
.moncard .monsub{font-size:11px;color:var(--ink3);margin-top:2px}
.monchart{display:block;width:100%;height:46px;margin-top:10px;cursor:crosshair;overflow:visible}
.monalert{display:flex;gap:10px;align-items:flex-start;margin:7px 0;font-size:12.5px;
          line-height:1.55}
.monalert .pill{flex:0 0 auto}
.montbl td{vertical-align:middle}

.monbarwrap{position:relative;height:18px;background:var(--panel2);border-radius:5px;
            overflow:hidden;min-width:80px}
.monbarwrap .monbar{display:block;height:100%;background:var(--accent);border-radius:5px;
                    transition:width .4s ease}
.monbarwrap .monbarv{position:absolute;right:6px;top:0;line-height:18px;font-size:11px;
                     font-weight:600;font-family:var(--mono,monospace);color:var(--ink)}



@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]) .nb-foot-social a.soc-github{color:#181717}
  :root:not([data-theme="dark"]) .nb-foot-social a.soc-x{color:#000000}
}
:root[data-theme="light"] .nb-foot-social a.soc-github{color:#181717}
:root[data-theme="light"] .nb-foot-social a.soc-x{color:#000000}





















@media(max-width:900px){
  
  .card{padding:15px}
  .card h3{font-size:13.5px}
  
  .row{flex-wrap:wrap}
  .pills,.portal{flex-wrap:wrap}
}

@media(max-width:760px){
  
  .card{overflow-x:auto}
  table.tbl{font-size:12.5px;min-width:540px}
  table.tbl th,table.tbl td{padding:7px 8px}
  
  .card label{display:block}
  input,select,textarea{max-width:100%}
  
  .grid,.grid2,.grid3,.cols,.two,.three{grid-template-columns:1fr !important}
}

@media(max-width:560px){
  
  .row > .btn{flex:1 1 auto}
  .card{padding:13px;border-radius:10px}
  table.tbl{min-width:460px}
  h1{font-size:21px}
  h2{font-size:17px}
}


@media (pointer:coarse){
  .btn{min-height:36px}
  input,select{min-height:36px}
  table.tbl td,table.tbl th{padding-top:10px;padding-bottom:10px}
}



.nb-word{
  
  font-family:'Nunito',var(--sans);font-weight:800;letter-spacing:-.4px;
  color:var(--ink);white-space:nowrap;font-size:inherit;
  
  display:inline-block;
}
.nb-word i,.nb-word b,.nb-word em{display:inline-block;animation:nbWave 4.2s ease-in-out infinite}
.nb-word b{animation-delay:.18s}
.nb-word em{animation-delay:.36s;font-style:normal;font-weight:800;color:var(--brand);position:relative}
.nb-word em u,.nb-brand .nb-word em u,.brand .nb-word em u{color:inherit!important;-webkit-text-fill-color:currentColor!important}
.nb-word i,.nb-brand .nb-word i,.brand .nb-word i,.nb-word b,.nb-brand .nb-word b{color:var(--ink)!important}
@keyframes nbWave{0%,64%,100%{transform:translateY(0) scale(1)}74%{transform:translateY(-4px) scale(1.06)}84%{transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.nb-word i,.nb-word b,.nb-word em{animation:none}}

.nb-word i,.nb-word u{font-style:normal;text-decoration:none;font-weight:700;color:var(--brand)}

.nb-word b,.nb-brand .nb-word b{font-weight:700;color:var(--ink)}


.nb-mark{flex:0 0 auto;display:block;width:34px;height:34px}
.nb-brand .nb-word{font-size:21px}
@media (max-width:600px){.nb-mark{width:30px;height:30px}.nb-brand .nb-word{font-size:18px}}
@media (prefers-reduced-motion:reduce){
  .nb-mark .pkt{display:none}
}


@font-face{font-family:"Poppins Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");size-adjust:112%;ascent-override:93%;descent-override:31%;line-gap-override:8%}