:root{--bg: #f4f6f8;--surface: #ffffff;--text: #17202a;--muted: #55606c;--border: #d3d9df;--primary: #0b5cad;--primary-text: #ffffff;--danger: #b3261e;--ok-bg: #d9f2e0;--ok-fg: #12501f;--warn-bg: #fff0b8;--warn-fg: #5c4400;--crit-bg: #fbd9d6;--crit-fg: #7a1410;--neu-bg: #e5e9ee;--neu-fg: #34404c;--bar-ok: #2e8b4a;--bar-warn: #d19a00;--bar-crit: #c62828}@media (prefers-color-scheme: dark){:root{--bg: #12171c;--surface: #1c232b;--text: #eaeef2;--muted: #a5b0bb;--border: #35404b;--primary: #6cb0f5;--primary-text: #0a1520;--danger: #ff8a80;--ok-bg: #1b4328;--ok-fg: #b8efc6;--warn-bg: #544100;--warn-fg: #ffe9a0;--crit-bg: #5a1d19;--crit-fg: #ffc9c4;--neu-bg: #2c3640;--neu-fg: #cdd5dd;--bar-ok: #4fbf72;--bar-warn: #e6b422;--bar-crit: #ef5350}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.2rem;margin:1.5rem 0 .5rem}h3{font-size:1rem;margin:0 0 .5rem}a{color:var(--primary)}code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center;padding:2rem}.breakall{word-break:break-all}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--text);text-decoration:none;font-size:1.1rem}.topbar nav{display:flex;gap:.25rem;flex:1}.topbar nav a{padding:.35rem .7rem;border-radius:6px;color:var(--text);text-decoration:none}.topbar nav a.active{background:var(--primary);color:var(--primary-text)}.userbox{display:flex;align-items:center;gap:.75rem}.container{max-width:1100px;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin:0 0 1rem}.card.highlight{border-color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}label{display:block;font-weight:600;margin:.75rem 0 .25rem}input,select{width:100%;padding:.55rem .65rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px}.btn{display:inline-block;padding:.55rem 1rem;font:inherit;font-weight:600;border:1px solid var(--primary);border-radius:6px;background:var(--primary);color:var(--primary-text);cursor:pointer;text-decoration:none;text-align:center}.btn.secondary{background:transparent;color:var(--primary)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}form>.btn{margin-top:1rem}.msg{padding:.6rem .8rem;border-radius:6px;margin:.75rem 0}.msg.error{background:var(--crit-bg);color:var(--crit-fg)}.msg.ok{background:var(--ok-bg);color:var(--ok-fg)}.msg.small{margin:.25rem 0;padding:.3rem .6rem}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:420px}.auth-card.wide{max-width:520px}.auth-card h2{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}.qr-box{display:flex;justify-content:center;margin:.5rem 0}.qr{width:100%;max-width:280px;height:auto;border:1px solid var(--border);border-radius:6px}.steps{padding-left:1.25rem;margin:.5rem 0}.copybox{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .65rem;margin:.5rem 0}.copybox code{flex:1;min-width:0;font-size:1rem}.strength{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--muted);margin-top:.35rem}.meter{width:90px;height:8px;background:var(--neu-bg);border-radius:4px;overflow:hidden;flex:none}.meter-fill{height:100%;background:var(--bar-crit)}.meter-fill.s0{width:10%}.meter-fill.s1{width:25%}.meter-fill.s2{width:50%;background:var(--bar-warn)}.meter-fill.s3{width:70%;background:var(--bar-warn)}.meter-fill.s4{width:85%;background:var(--bar-ok)}.meter-fill.s5{width:100%;background:var(--bar-ok)}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.crit{background:var(--crit-bg);color:var(--crit-fg)}.badge.neutral{background:var(--neu-bg);color:var(--neu-fg)}.alerts{display:grid;gap:.5rem;margin-bottom:1rem}.alert{padding:.65rem .9rem;border-radius:8px;border-left:6px solid}.alert.crit{background:var(--crit-bg);color:var(--crit-fg);border-color:var(--bar-crit)}.alert.warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--bar-warn)}.alert.none{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--bar-ok)}.banner{padding:.65rem .9rem;border-radius:8px;margin-bottom:1rem}.banner.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--bar-warn)}.disk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.bar{height:14px;background:var(--neu-bg);border-radius:7px;overflow:hidden}.bar-fill{height:100%}.bar-fill.ok{background:var(--bar-ok)}.bar-fill.warn{background:var(--bar-warn)}.bar-fill.crit{background:var(--bar-crit)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:.85rem;color:var(--muted);font-weight:600}.actions{white-space:nowrap}.actions .btn{margin-right:.4rem;padding:.35rem .7rem}.form-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1rem;align-items:end}.form-inline>.btn{margin-top:1rem}@media (max-width: 640px){.container{padding:.75rem}table,thead,tbody,tr,td{display:block}thead{position:absolute;left:-9999px}tr{border-bottom:2px solid var(--border);padding:.4rem 0}td{border:0;padding:.2rem}td[data-label]:before{content:attr(data-label) ": ";color:var(--muted);font-size:.85rem}.actions{white-space:normal}}.conn-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.conn-card{margin:0}.conn-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.conn-head h3{margin:0;font-size:1.1rem}.conn-card p{margin:.3rem 0}.conn-actions,.conn-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.conn-delete{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.conn-form h2{margin-top:0}.conn-fields{border:1px solid var(--border);border-radius:8px;margin:1rem 0 0;padding:0 .9rem .9rem}.conn-fields legend{font-weight:700;padding:0 .4rem}.conn-help{margin:.25rem 0 0}.conn-err{color:var(--danger);margin:.25rem 0 0;font-weight:600}.conn-warn{color:var(--warn-fg);background:var(--warn-bg);border-radius:6px;padding:.2rem .5rem;margin:.25rem 0 0}.conn-secret-state{margin:0 0 .35rem}.conn-secret-row{display:flex;gap:.5rem}.conn-secret-row input{flex:1;min-width:0}.conn-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.conn-chip{padding:.2rem .6rem;font-size:.85rem;font-weight:500}label.conn-check{display:flex;align-items:center;gap:.5rem;font-weight:600}label.conn-check input{width:auto}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}input[readonly]{opacity:.75}@media (max-width: 640px){.conn-list{grid-template-columns:1fr}}