:root{color:#0f2233;background:#eef6fb;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #eef6fb;--bg-glow-1: #cdeafd;--bg-glow-2: #d6f5ee;--surface: #ffffff;--surface-muted: #eef3f8;--text: #0f2233;--muted: #5b7186;--border: #dfe9f1;--accent: #0ea5e9;--accent-soft: #e0f4fe;--ph: #2563eb;--temp: #f97316;--orp: #14b8a6;--time: #8b5cf6;--online: #10b981;--offline: #ef4444;--shadow: 0 18px 40px -18px rgb(15 60 90 / 28%);--shadow-hover: 0 26px 56px -20px rgb(15 60 90 / 38%);--radius: 18px}@media(prefers-color-scheme:dark){:root{color:#e6f0f8;background:#0a1119;color-scheme:dark;--background: #0a1119;--bg-glow-1: #0e2a3d;--bg-glow-2: #0d2b27;--surface: #131d29;--surface-muted: #1c2836;--text: #e6f0f8;--muted: #93a6ba;--border: #243446;--accent: #38bdf8;--accent-soft: #0c2c3e;--ph: #60a5fa;--temp: #fb923c;--orp: #2dd4bf;--time: #a78bfa;--online: #34d399;--offline: #fb7185;--shadow: 0 18px 44px -18px rgb(0 0 0 / 55%);--shadow-hover: 0 26px 60px -20px rgb(0 0 0 / 65%)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 12% -8%,var(--bg-glow-1),transparent 60%),radial-gradient(820px 520px at 98% 4%,var(--bg-glow-2),transparent 55%),var(--background);background-attachment:fixed}main{width:min(100% - 24px,1180px);margin:0 auto;padding:20px 0 32px;animation:fade-in .5s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}header{display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:16px;background:linear-gradient(140deg,var(--accent),var(--orp));box-shadow:0 10px 24px -8px var(--accent);font-size:26px}h1,h2,p{margin:0}h1{color:var(--text);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.12;background:linear-gradient(120deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{margin-bottom:16px;color:var(--text);font-size:19px;font-weight:700;line-height:1.2}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-version{margin-top:2px;color:var(--muted);font-size:13px;line-height:1.3}.admin-tools{margin-top:6px;color:var(--muted);font-size:12px}.admin-tools summary{width:fit-content;cursor:pointer;list-style-position:inside;-webkit-user-select:none;user-select:none}.admin-tools summary:hover{color:var(--text)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.admin-tools button{border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--muted);cursor:pointer;font:inherit;padding:8px 12px;transition:color .15s ease,border-color .15s ease,background .15s ease}.admin-tools button:hover{color:#fff;background:var(--offline);border-color:var(--offline)}.admin-tools .refresh-btn:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.admin-tools .refresh-btn:disabled{cursor:default;opacity:.6;color:var(--muted);background:var(--surface-muted);border-color:var(--border)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0f223375;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.password-dialog{display:grid;width:min(100%,360px);gap:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-hover);padding:20px}.password-dialog h2{margin-bottom:6px}.password-dialog p{color:var(--muted);font-size:14px;line-height:1.4}.password-dialog label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.password-dialog input{width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--text);font:inherit;padding:10px 12px;outline:none}.password-dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.password-dialog .dialog-error{color:var(--offline);font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--muted);cursor:pointer;font:inherit;font-weight:700;padding:9px 13px}.dialog-actions button[type=submit]{color:#fff;background:var(--offline);border-color:var(--offline)}.dialog-actions button:disabled{cursor:default;opacity:.55}.connections,.metrics,.charts{display:grid;grid-template-columns:1fr;gap:14px}.connections,.metrics{margin-bottom:18px}article,.chart{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}article:hover,.chart:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}article{min-height:104px;padding:16px 18px}.metrics article{overflow:hidden}.metrics article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-accent, var(--accent))}.metric-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.metric-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:color-mix(in srgb,var(--card-accent, var(--accent)) 16%,transparent);font-size:16px}article span{display:block;color:var(--muted);font-size:13px;font-weight:600}.metric-head span{margin-bottom:0}article strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.connection{min-height:112px;padding:16px 18px}.connection-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.dot{position:relative;width:11px;height:11px;flex:none;border-radius:50%;background:var(--offline)}.dot.is-online{background:var(--online)}.dot.is-online:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--online);animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}.connection .state{font-size:22px;font-weight:800;letter-spacing:-.01em}.online-text{color:var(--online)}.offline-text{color:var(--offline)}.connection small{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4}.chart{min-width:0;width:100%;padding:18px 12px 14px 14px}.chart h2{display:flex;align-items:center;gap:9px;padding-left:4px}.chart h2:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--chart-accent, var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--chart-accent, var(--accent)) 18%,transparent)}.chart .recharts-cartesian-axis-tick-value{fill:var(--muted);font-size:12px}.chart .recharts-cartesian-grid line{stroke:var(--border);stroke-dasharray:3 4}.chart .recharts-cartesian-axis-line,.chart .recharts-cartesian-axis-tick-line{stroke:var(--border)}.empty{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:14px}@media(min-width:560px){main{width:min(100% - 32px,1180px);padding:32px 0 40px}.connections,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart{padding:20px}}@media(max-width:420px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}article strong{font-size:22px}.metrics article{min-height:96px}}@media(min-width:900px){header{margin-bottom:30px}h1{font-size:36px}.connections{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.charts{gap:18px}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation:none!important;transition:none!important}}