:root{--c: #1fb8d8;--g: #0c9a78;--gd: #0a6f80;--gn: #5bb82a;--gl: #eef8f7;--t: #122326;--m: #52676b;--b: #d7e9e7;--dark: #062a33;--grad: linear-gradient(100deg, #0a8fb0, #0c9a78 60%, #5bb82a);--sun: #f2a900;--warn: #e0a800;--bad: #b3261e;--r: 16px;--sh: 0 10px 30px -12px rgba(6, 42, 51, .25);--sh2: 0 2px 10px rgba(6, 42, 51, .06);--fh: "Manrope", system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--t);background:#f4f9f8;font-size:15px;line-height:1.45}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--fh);letter-spacing:-.01em;margin:0;color:var(--dark)}.muted{color:var(--m)}.small{font-size:13px}.tiny{font-size:12px}.center{text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.sticky-top{position:sticky;top:0;z-index:60}.demo-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;padding:6px 12px;background:#fff3c4;color:#5c4400;border-bottom:1px solid #f0d77a;font-size:13px;text-align:center}.demo-banner strong{letter-spacing:.02em}.demo-sub{font-size:12px;opacity:.85}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--warn);display:inline-block}.topbar{background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--b)}.topbar-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 12px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--dark);margin-right:auto}.brand img{width:32px;height:auto}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-family:var(--fh);font-size:15px}.brand small{font-size:11.5px;color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.top-nav{display:none;gap:4px}.top-nav a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--gd);font-weight:600}.top-nav a:hover{background:var(--gl)}.icon-btn{border:0;background:transparent;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;cursor:pointer;color:var(--gd)}.icon-btn:hover:not(:disabled){background:var(--gl)}.icon-btn:disabled{opacity:.3;cursor:default}.main{max-width:1120px;margin:0 auto;padding:12px 12px 24px}.page-h{margin:6px 2px 12px}.page-h h2{font-size:22px}.page-h p{margin:2px 0 0}.foot{text-align:center;color:var(--m);font-size:12px;padding:8px 12px 24px}.card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:14px;box-shadow:var(--sh2);min-width:0}.card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.card-h h3{font-size:15.5px}.note{margin-top:14px}.note p{margin:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}.chip-online{background:#e2f6f1;color:#087a5f}.chip-avertizare{background:#fff3c4;color:#8a6400}.chip-offline,.sev-critic{background:#fde7e5;color:var(--bad)}.sev-avertizare{background:#fff3c4;color:#8a6400}.sev-info{background:#e3f3fa;color:var(--gd)}.login{min-height:calc(100vh - 34px);display:grid;place-items:center;padding:20px 16px;background:radial-gradient(circle at 20% 0%,#e2f6f1,transparent 55%),radial-gradient(circle at 100% 100%,#e3f3fa,transparent 50%),#f8fcfb}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--b);border-radius:22px;padding:26px 22px;box-shadow:var(--sh);text-align:center}.login-logo{width:84px;height:auto;margin:0 auto 10px;display:block}.login h1{font-size:22px;line-height:1.25}.login form{display:grid;gap:12px;margin-top:18px;text-align:left}.login label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--dark)}.login input{font:inherit;padding:12px 14px;border:1px solid var(--b);border-radius:12px;background:#fbfefe}.login input:focus{outline:2px solid var(--c);border-color:transparent}.btn{display:block;width:100%;padding:13px 16px;border-radius:12px;font-weight:700;cursor:pointer;border:0;font-size:15px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 20px -10px #0c9a78b3}.btn-ghost{background:var(--gl);color:var(--gd);border:1px solid var(--b)}.or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--m);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--b)}.login .tiny{margin:14px 0 0}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.summary>*{background:var(--grad);color:#fff;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;border:0;text-align:left;min-width:0}.summary span{font-size:11.5px;opacity:.9}.summary b{font-family:var(--fh);font-size:19px;white-space:nowrap}.summary small{font-size:12px;font-weight:600}.sum-alert{background:#fff!important;color:var(--dark)!important;border:1px solid var(--b)!important;cursor:pointer}.sum-alert b.warn{color:var(--bad)}.sys-grid{display:grid;gap:10px}.sys-card{position:relative;text-align:left;background:#fff;border:1px solid var(--b);border-left:5px solid var(--g);border-radius:var(--r);padding:14px 40px 14px 14px;cursor:pointer;box-shadow:var(--sh2);transition:transform .12s,box-shadow .12s}.sys-card:hover{transform:translateY(-1px);box-shadow:var(--sh)}.sys-card.st-avertizare{border-left-color:var(--warn)}.sys-card.st-offline{border-left-color:var(--bad)}.sys-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.sys-name{font-family:var(--fh);font-weight:800;font-size:16px;color:var(--dark)}.sys-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sys-kpis span{display:block;font-size:12px;color:var(--m)}.sys-kpis b{font-family:var(--fh);font-size:18px}.sys-kpis small{font-size:12px;color:var(--m)}.sys-bar{grid-column:1 / -1;height:6px;border-radius:6px;background:var(--gl);overflow:hidden}.sys-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),#ffd166);border-radius:6px}.sys-go{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--m)}.sys-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:4px 2px 10px}.sys-head h2{font-size:20px}.sys-head p{margin:2px 0 0}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;border:1px solid var(--b);border-radius:14px;padding:4px;margin-bottom:12px;box-shadow:var(--sh2)}.tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;text-decoration:none;color:var(--m);font-size:11.5px;font-weight:700}.tabs a.on{background:var(--gl);color:var(--g)}.dash{display:grid;gap:12px}.stale{background:#fde7e5;color:#7a1a14;border:1px solid #f5c2bd;border-radius:12px;padding:10px 12px;font-size:13.5px}.hero-main{display:flex;align-items:center;gap:12px;position:relative}.hero-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff8e6;color:var(--sun);flex:none}.hero-v{font-family:var(--fh);font-size:34px;font-weight:800;line-height:1.1;color:var(--dark)}.hero-v small{font-size:16px;color:var(--m);font-weight:700}.live{position:absolute;right:0;top:0;font-size:12px;color:var(--m);display:flex;align-items:center;gap:6px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 #0c9a7899;animation:pulse 2s infinite}.pulse.off{background:var(--bad);animation:none}@keyframes pulse{70%{box-shadow:0 0 0 8px #0c9a7800}to{box-shadow:0 0 #0c9a7800}}.bar{height:8px;background:var(--gl);border-radius:8px;overflow:hidden;margin:12px 0}.bar.thin{height:6px;margin:6px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),#ffd166);border-radius:8px;transition:width .6s}.flow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-i{border:1px solid var(--b);border-radius:12px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;color:var(--acc);background:color-mix(in srgb,var(--acc) 6%,#fff);min-width:0}.flow-i svg{grid-row:span 2}.flow-i span{font-size:12px;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-i b{font-family:var(--fh);font-size:15.5px;color:var(--dark);white-space:nowrap}.soc{grid-column:1 / -1;height:5px;background:#e6f2e0;border-radius:4px;margin-top:6px;overflow:hidden}.soc i{display:block;height:100%;background:var(--gn)}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:#fff;border:1px solid var(--b);border-radius:14px;padding:10px 12px;border-top:3px solid var(--acc, var(--g));min-width:0}.stat-l{font-size:12px;color:var(--m);font-weight:600}.stat-v{font-family:var(--fh);font-size:21px;font-weight:800;color:var(--dark);white-space:nowrap}.stat-v small{font-size:13px;color:var(--m);font-weight:700}.stat-s{font-size:11.5px;color:var(--m)}.chart{height:240px;width:100%}.split{display:grid;gap:6px}.split-row{display:flex;justify-content:space-between;gap:8px;font-size:14px}.split-row span{color:var(--m)}.stack{display:flex;height:14px;border-radius:8px;overflow:hidden;margin:6px 0 2px;gap:2px;background:var(--gl)}.legend{display:grid;gap:3px;font-size:12.5px;color:var(--m)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.mini-kpis div{background:var(--gl);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column}.mini-kpis b{font-family:var(--fh);font-size:20px;color:var(--g)}.mini-kpis span{font-size:11.5px;color:var(--m)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vs{margin-top:12px}.card p.tiny{margin:10px 0 0}.page-inner{display:grid;gap:12px}.seg{display:flex;background:#fff;border:1px solid var(--b);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;padding:8px;border-radius:9px;font-weight:700;color:var(--m);cursor:pointer}.seg button.on{background:var(--g);color:#fff}.period{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--b);border-radius:12px;padding:2px 4px}.period b{font-family:var(--fh);text-transform:capitalize}.alerts{list-style:none;padding:0;margin:0;display:grid;gap:10px}.alert{background:#fff;border:1px solid var(--b);border-left:5px solid var(--gd);border-radius:14px;padding:12px 14px}.alert.sev-b-critic{border-left-color:var(--bad)}.alert.sev-b-avertizare{border-left-color:var(--warn)}.alert.sev-b-info{border-left-color:var(--c)}.alert.resolved{opacity:.78}.alert-top{display:flex;justify-content:space-between;align-items:center}.alert h4{margin:8px 0 2px;font-size:15.5px}.alert p{margin:6px 0;font-size:13.5px;color:#2b3e41}.alert-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--m)}.state{font-size:12px;font-weight:700;color:var(--m)}.state.act{color:var(--bad)}.link{border:0;background:none;padding:0;color:var(--gd);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline}.empty{text-align:center;padding:30px;color:var(--m)}.dev-grid{display:grid;gap:10px}.device{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:14px}.device header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}.device h4{font-size:15px}.dev-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--gl);color:var(--g)}.device dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;margin:12px 0 0;font-size:13.5px}.device dt{color:var(--m)}.device dd{margin:0;overflow-wrap:anywhere}.dev-note{margin:10px 0 0;background:#fff8e6;border-radius:10px;padding:8px 10px;font-size:13px;color:#6b4e00}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--m)}.spinner{width:18px;height:18px;border:3px solid var(--b);border-top-color:var(--g);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err{background:#fde7e5;color:var(--bad);padding:12px;border-radius:12px}@media (min-width: 720px){body{font-size:15.5px}.top-nav{display:flex}.main{padding:18px 20px 30px}.summary{max-width:640px}.sys-grid{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:repeat(4,max-content);width:max-content}.tabs a{flex-direction:row;gap:6px;padding:8px 14px;font-size:13.5px}.kpis{grid-template-columns:repeat(4,1fr)}.dash{grid-template-columns:1fr 1fr}.dash>.hero,.dash>.kpis,.dash>.span2,.dash>.stale{grid-column:1 / -1}.flow{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.chart{height:300px}.page-inner{max-width:100%}.seg{max-width:420px}.dev-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1040px){.dash{grid-template-columns:1fr 1fr 1fr}.sys-grid{grid-template-columns:1fr 1fr}}.login-card a,.page a.link{color:var(--gd);font-weight:600}.pw-wrap{position:relative;display:block}.pw-wrap input{width:100%;padding-right:76px!important}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--gl);color:var(--gd);font-size:12px;font-weight:700;padding:6px 9px;border-radius:8px;cursor:pointer}.hint{margin:-6px 0 0;font-size:12px;color:var(--m);font-weight:500}.hint.bad{color:var(--bad)}.hint.good{color:#087a5f}.form-err{background:#fde7e5;color:var(--bad);border-radius:10px;padding:9px 11px;font-size:13.5px;text-align:left}.form-ok{background:#e2f6f1;color:#075e4a;border-radius:10px;padding:10px 12px;font-size:14px;text-align:left;margin:14px 0}.btn:disabled{opacity:.6;cursor:default}.btn-sm{display:inline-block;width:auto;padding:8px 12px;font-size:13.5px;border-radius:10px}.btn.danger{color:var(--bad)}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form{display:grid;gap:12px}.form label,.lbl{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--dark)}.form input:not([type=checkbox]),.picker input[type=search],.copy-row input{font:inherit;padding:11px 13px;border:1px solid var(--b);border-radius:12px;background:#fbfefe;width:100%;min-width:0}.form input:focus,.picker input:focus{outline:2px solid var(--c);border-color:transparent}.narrow{max-width:560px;margin:0 auto}.notice{border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:14px}.warn-box{background:#fff3c4;color:#5c4400;border:1px solid #f0d77a}.warn-text{color:#8a6400}.mob-only{display:inline-grid}.tabs.tabs3{grid-template-columns:repeat(3,1fr)}.tabs.tabs3 a{flex-direction:row;justify-content:center;font-size:13px;padding:9px 4px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-summary div{background:#fff;border:1px solid var(--b);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}.admin-summary b{font-family:var(--fh);font-size:22px;color:var(--g)}.admin-summary span{font-size:12px;color:var(--m)}.ulist,.plist{display:grid;gap:10px}.ucard,.pcard{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:12px 14px;display:grid;gap:8px;box-shadow:var(--sh2)}.pcard.off{background:#fffdf3}.ucard header,.pcard-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ucard h4,.pcard h4{font-size:15.5px}.chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.pchips{display:flex;flex-wrap:wrap;gap:6px}.pchip{background:var(--gl);color:var(--gd);border:1px solid var(--b);padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none}.picker{display:grid;gap:6px}.picker-list{max-height:260px;overflow:auto;border:1px solid var(--b);border-radius:12px;padding:4px;background:#fbfefe}.check{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:10px;padding:8px;border-radius:9px;cursor:pointer;font-weight:500!important}.check:hover{background:var(--gl)}.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--g);flex:none}.check small{font-weight:400}.linkbox{background:#e3f3fa;border:1px solid #b7dfee;border-radius:14px;padding:12px 14px;margin-bottom:12px}.linkbox-h{display:flex;justify-content:space-between;gap:8px}.linkbox p{margin:6px 0}.copy-row{display:flex;gap:8px}.copy-row input{font-family:ui-monospace,monospace;font-size:12.5px}.seg-sm{flex:1;min-width:240px}.seg-sm button{padding:6px;font-size:13px}.inline-form{background:#fff;border:1px solid var(--b);border-radius:14px;padding:12px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:13.5px}.kv dt{color:var(--m)}.kv dd{margin:0;overflow-wrap:anywhere}@media (min-width: 720px){.mob-only{display:none}.tabs.tabs3{width:max-content;grid-template-columns:repeat(3,max-content)}.tabs.tabs3 a{padding:8px 16px}.ulist,.plist{grid-template-columns:1fr 1fr}.admin-summary{max-width:640px}}.chart-note{margin:-4px 4px 0}