:root{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #fafbfc;--border: #e3e8ef;--border-strong: #cdd5e0;--fg: #0d1526;--fg-muted: #5b6b85;--fg-faint: #8c9ab0;--accent: #4f46e5;--accent-soft: #eef2ff;--accent-fg: #ffffff;--good: #0f9d58;--good-bg: #e7f6ed;--moderate: #c98a04;--moderate-bg: #fdf6e3;--poor: #e2680f;--poor-bg: #fdf0e6;--bad: #d92d20;--bad-bg: #fdecea;--offline: #94a3b8;--offline-bg: #f1f5f9;--r-sm: 6px;--r: 10px;--r-lg: 14px;--shadow: 0 1px 2px rgba(13, 21, 38, .05), 0 1px 3px rgba(13, 21, 38, .04);--shadow-lg: 0 4px 12px rgba(13, 21, 38, .08), 0 2px 4px rgba(13, 21, 38, .04);--sidebar-w: 290px;--map-w: 380px;--gap: 14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0a0e16;--surface: #111826;--surface-2: #0e1420;--border: #1e2838;--border-strong: #2b3952;--fg: #e8edf5;--fg-muted: #93a3bd;--fg-faint: #6b7b96;--accent: #7c7cf8;--accent-soft: #1b1f3a;--good: #34d399;--good-bg: #0c2a20;--moderate: #fbbf24;--moderate-bg: #2b2210;--poor: #fb923c;--poor-bg: #2e1c0e;--bad: #f87171;--bad-bg: #2d1414;--offline: #64748b;--offline-bg: #16202f;--shadow: 0 1px 2px rgba(0, 0, 0, .5);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--bg: #0a0e16;--surface: #111826;--surface-2: #0e1420;--border: #1e2838;--border-strong: #2b3952;--fg: #e8edf5;--fg-muted: #93a3bd;--fg-faint: #6b7b96;--accent: #7c7cf8;--accent-soft: #1b1f3a;--good: #34d399;--good-bg: #0c2a20;--moderate: #fbbf24;--moderate-bg: #2b2210;--poor: #fb923c;--poor-bg: #2e1c0e;--bad: #f87171;--bad-bg: #2d1414;--offline: #64748b;--offline-bg: #16202f;--shadow: 0 1px 2px rgba(0, 0, 0, .5);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer}.shell{display:grid;grid-template-rows:auto auto;min-height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand h1{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand span{font-size:12px;color:var(--fg-faint);white-space:nowrap}.topbar-spacer{flex:1 1 auto}.netbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.netstat{display:flex;align-items:baseline;gap:5px;font-size:12px;color:var(--fg-muted)}.netstat b{font-size:14px;color:var(--fg);font-weight:620}.levelbar{display:flex;height:7px;width:112px;border-radius:99px;overflow:hidden;background:var(--offline-bg)}.levelbar i{display:block;height:100%}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--fg-muted);transition:background .12s,color .12s}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--map-w);gap:var(--gap);padding:var(--gap);align-items:start;min-height:0}@media (max-width: 1440px){:root{--map-w: 330px}}@media (max-width: 1180px){.layout{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.col-map{grid-column:1 / -1}}@media (max-width: 820px){.layout{grid-template-columns:1fr}.col-side{order:2}.col-main{order:1}.col-map{order:3}}.col-side,.col-main,.col-map{display:flex;flex-direction:column;gap:var(--gap);min-width:0}@media (min-width: 821px){.col-side{position:sticky;top:66px;max-height:calc(100vh - 80px)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border)}.card-head h2{margin:0;font-size:13px;font-weight:620;letter-spacing:-.005em}.card-head .sub{font-size:11.5px;color:var(--fg-faint)}.card-body{padding:14px}.side-card{display:flex;flex-direction:column;min-height:0;overflow:hidden}.side-search{padding:9px 12px;border-bottom:1px solid var(--border)}.side-search input{width:100%;padding:7px 10px;font-size:13px;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none}.side-search input:focus{border-color:var(--accent);background:var(--surface)}.side-search input::placeholder{color:var(--fg-faint)}.node-list{list-style:none;margin:0;padding:6px;overflow-y:auto;min-height:0;flex:1}.node-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:var(--r);text-align:left;transition:background .12s,border-color .12s}.node-item:hover{background:var(--surface-2)}.node-item.active{background:var(--accent-soft);border-color:var(--accent)}.node-item.stale{opacity:.55}.dot{width:8px;height:8px;border-radius:99px}.node-meta{min-width:0}.node-name{font-size:13px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-sub{font-size:11px;color:var(--fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-right{display:flex;align-items:center;gap:8px}.node-val{font-size:13px;font-weight:640}.node-unit{font-size:10px;color:var(--fg-faint);font-weight:400;margin-left:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat{padding:11px 13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);font-weight:600}.stat-value{font-size:25px;font-weight:680;line-height:1.15;margin-top:3px;letter-spacing:-.02em}.stat-value small{font-size:12px;font-weight:450;color:var(--fg-faint);margin-left:3px}.stat-sub{font-size:11.5px;color:var(--fg-muted);margin-top:2px}.stat.dim .stat-value{opacity:.45}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:560;border-radius:99px;white-space:nowrap}.badge-good{background:var(--good-bg);color:var(--good)}.badge-moderate{background:var(--moderate-bg);color:var(--moderate)}.badge-poor{background:var(--poor-bg);color:var(--poor)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-offline{background:var(--offline-bg);color:var(--offline)}.seg{display:inline-flex;padding:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:2px}.seg button{padding:4px 11px;font-size:12px;font-weight:530;color:var(--fg-muted);background:transparent;border:0;border-radius:4px;transition:background .12s,color .12s}.seg button:hover{color:var(--fg)}.seg button.on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.note{display:flex;gap:10px;padding:11px 13px;border-radius:var(--r);border-left:3px solid;font-size:13px}.note strong{display:block;font-size:13px;font-weight:620;margin-bottom:2px}.note p{margin:0;color:var(--fg-muted);line-height:1.45}.note-high{background:var(--bad-bg);border-color:var(--bad)}.note-medium{background:var(--moderate-bg);border-color:var(--moderate)}.note-low{background:var(--good-bg);border-color:var(--good)}.note-warn{background:var(--poor-bg);border-color:var(--poor)}.note-err{background:var(--surface-2);border-color:var(--border-strong)}.note pre{margin:7px 0 0;padding:7px 9px;background:#000000c7;color:#e6edf7;border-radius:var(--r-sm);font-size:11px;overflow-x:auto}.param-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px}.param{padding:9px 11px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.param-name{font-size:10.5px;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.param-val{font-size:17px;font-weight:640;margin-top:2px}.param-val small{font-size:10.5px;font-weight:420;color:var(--fg-faint);margin-left:2px}.map{height:420px;width:100%;border-radius:0 0 var(--r-lg) var(--r-lg);z-index:0}@media (max-width: 1180px){.map{height:340px}}.leaflet-container{background:var(--surface-2);font:inherit}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-lg)}.leaflet-popup-content{margin:10px 12px;font-size:12.5px;line-height:1.5}.leaflet-bar a{background:var(--surface);color:var(--fg);border-color:var(--border)}.leaflet-bar a:hover{background:var(--surface-2)}.legend{display:flex;gap:12px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--fg-muted)}.muted{color:var(--fg-muted)}.faint{color:var(--fg-faint)}.small{font-size:11.5px}.chart-note{font-size:11.5px;color:var(--fg-faint);line-height:1.5;margin:9px 0 0}.empty{padding:28px 16px;text-align:center;color:var(--fg-faint);font-size:13px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:sweep 1.3s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{padding:14px 16px 22px;font-size:11.5px;color:var(--fg-faint);line-height:1.6;text-align:center}.autorska-prava{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:11px}.rc-tip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:8px 10px;font-size:12px}.rc-tip-label{color:var(--fg-faint);font-size:11px;margin-bottom:4px}.rc-tip-row{display:flex;align-items:center;gap:7px}.rc-tip-row b{margin-left:auto;font-variant-numeric:tabular-nums}.side-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.side-toggle input{accent-color:var(--accent);margin:0;cursor:pointer}.pridruzi-dugme{padding:7px 14px;border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.pridruzi-dugme:hover{filter:brightness(1.08)}.modal-pozadina{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:1000;overflow-y:auto}.modal{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:20px 22px 22px}.modal-zaglavlje{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-zaglavlje h2{margin:0;font-size:1.15rem}.koraci{display:flex;gap:6px;list-style:none;margin:0 0 18px;padding:0;font-size:.78rem;counter-reset:korak}.koraci li{flex:1;padding:6px 8px;border-radius:var(--r-sm);background:var(--offline-bg);color:var(--fg-faint);text-align:center;counter-increment:korak}.koraci li:before{content:counter(korak) ". "}.koraci li.tekuci{background:var(--accent-soft);color:var(--accent);font-weight:600}.koraci li.gotov{background:var(--good-bg);color:var(--good)}.forma{display:grid;gap:13px}.forma label{display:grid;gap:5px;font-size:.85rem;color:var(--fg-muted)}.forma input[type=text],.forma input[type=email],.forma input[type=password],.forma input[type=number],.forma input:not([type]),.forma select{padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font:inherit}.forma input:focus,.forma select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.forma small{color:var(--fg-faint);font-size:.76rem;font-weight:400}.forma-red{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kvadratic{display:flex!important;align-items:center;gap:9px;color:var(--fg);cursor:pointer}.kvadratic input{width:16px;height:16px;accent-color:var(--accent)}.prekidac-para{display:flex;gap:6px}.prekidac-para button{flex:1;padding:8px;border:1px solid var(--border);border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);font:inherit;cursor:pointer}.prekidac-para button.aktivan{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.glavno-dugme{margin-top:4px;padding:11px;border:0;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);font:inherit;font-weight:600;cursor:pointer}.glavno-dugme:disabled{opacity:.45;cursor:not-allowed}.napomena{margin:0;font-size:.78rem;line-height:1.5;color:var(--fg-faint)}.napomena.vazno{padding:9px 11px;border-left:3px solid var(--moderate);background:var(--moderate-bg);color:var(--fg-muted);border-radius:0 var(--r-sm) var(--r-sm) 0}.pomoc{margin:-6px 0 0;font-size:.76rem;color:var(--fg-faint);line-height:1.45}.greska{margin:0 0 12px;padding:9px 11px;border-radius:var(--r-sm);background:var(--bad-bg);color:var(--bad);font-size:.84rem}.uspjeh{margin:0;color:var(--good);font-weight:600}.kljuc{display:block;padding:10px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--offline-bg);color:var(--fg);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82rem;word-break:break-all;-webkit-user-select:all;user-select:all}.uputstvo{display:grid;gap:8px;padding:13px;border:1px solid var(--border);border-radius:var(--r-sm)}.uputstvo h3{margin:0;font-size:.92rem}.uputstvo p{margin:0;font-size:.82rem;color:var(--fg-muted)}@media (max-width: 560px){.forma-red{grid-template-columns:1fr}.modal{padding:16px}}.prekidac-para.nacini button{padding:6px 4px;font-size:.8rem}.uputstvo .kljuc{white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;line-height:1.5;-webkit-user-select:text;user-select:text}.uputstvo a{color:var(--accent)}.napomena code{padding:1px 5px;border-radius:3px;background:var(--offline-bg);font-family:ui-monospace,Consolas,monospace;font-size:.95em}.kod-polje{font-family:ui-monospace,Consolas,monospace!important;font-size:1.5rem!important;letter-spacing:.4em;text-align:center;padding:12px!important}.veza-dugme{padding:4px;border:0;background:none;color:var(--fg-faint);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}.veza-dugme:hover{color:var(--fg-muted)}.ikona-dugme{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);font:inherit;font-size:1.15rem;line-height:1;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.ikona-dugme:hover{background:var(--offline-bg);border-color:var(--border-strong);color:var(--fg)}.ikona-dugme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-zaglavlje .ikona-dugme{flex:0 0 auto;font-size:1.4rem}.odjava-dugme{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);font:inherit;font-size:.82rem;cursor:pointer;max-width:190px}.odjava-dugme:hover{background:var(--offline-bg);color:var(--fg)}.odjava-dugme .adresa{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.odjava-dugme .adresa{display:none}}.maska{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.maska-okvir{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg, 12px);box-shadow:0 8px 28px #0d152614}.maska-okvir h1{margin:0;font-size:1.15rem;line-height:1.35;color:var(--fg)}.maska-opis{margin:-6px 0 4px;font-size:.85rem;color:var(--fg-muted)}.maska-okvir label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--fg-muted)}.maska-okvir input{padding:9px 11px;font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm)}.maska-okvir input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.maska-greska{margin:0;font-size:.82rem;color:var(--bad)}