:root{color-scheme:dark;--bg: #0c0f14;--bg-elevated: #141922;--border: #243046;--text: #e8edf7;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #22d3ee;--danger: #fb7185;--ok: #34d399;--warn: #fbbf24;--shadow: 0 18px 50px rgba(0, 0, 0, .35);font-family:IBM Plex Sans,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 20% -10%,#152036 0%,var(--bg) 55%);color:var(--text)}code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92em}.layout{max-width:1100px;margin:0 auto;padding:28px 22px 56px}.layout.narrow{max-width:460px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px)}.topbar{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0f14b8;border-bottom:1px solid rgba(36,48,70,.65)}.topbar-inner{max-width:1100px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-inline{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 26px #22d3ee38}.logo.sm{width:26px;height:26px;border-radius:8px}.brand{display:flex;gap:14px;align-items:flex-start}.brand h1{margin:0 0 6px;font-size:1.35rem;letter-spacing:-.02em}.main{padding-top:22px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head.split{align-items:center}.page-head h1{margin:0 0 6px;font-size:1.65rem;letter-spacing:-.03em}.inline-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card{background:linear-gradient(180deg,#141922eb,#0f121aeb);border:1px solid rgba(36,48,70,.85);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.card.login-card{width:100%}.card.empty{text-align:center;padding:34px 22px}.card.table-card{padding:0;overflow:hidden}.stack{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:.92rem}.input{width:100%;border-radius:10px;border:1px solid rgba(36,48,70,.95);background:#0a0c12a6;color:var(--text);padding:10px 12px;outline:none}.input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 3px #38bdf82e}.input.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92rem}.btn{border-radius:10px;border:1px solid rgba(36,48,70,.95);background:#0c0e14a6;color:var(--text);padding:9px 12px;cursor:pointer;font-weight:600}.btn:hover{border-color:#38bdf859}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{border-color:#38bdf88c;background:linear-gradient(135deg,#38bdf847,#22d3ee24)}.btn.stretch{width:100%}.btn.ghost{background:transparent}.btn.danger{border-color:#fb71858c;color:#fecdd3}.btn.danger.ghost{background:transparent}.link-back{color:var(--muted);text-decoration:none}.link-back:hover{color:var(--text)}.top-actions{display:flex;gap:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid rgba(36,48,70,.65);text-align:left;vertical-align:middle}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table tbody tr:hover{background:#38bdf80d}.right{text-align:right!important}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600;border:1px solid rgba(36,48,70,.95)}.badge-online{border-color:#34d39973;color:#bbf7d0;background:#34d39914}.badge-offline{border-color:#fb718559;color:#fecdd3;background:#fb71850f}.badge-unknown{border-color:#fbbf2459;color:#fde68a;background:#fbbf240f}.muted{color:var(--muted)}.small{font-size:.9rem}.error{color:#fecdd3;margin:0}.dns-banner{margin-top:16px;padding:12px 14px;border-radius:10px;border:1px solid;font-size:.95rem;line-height:1.5}.dns-banner-ok{background:#22c55e14;border-color:#22c55e73;color:#bbf7d0}.dns-banner-warn{background:#eab30814;border-color:#eab30880;color:#fde68a}.dns-banner strong{display:block;margin-bottom:6px}.dns-list{margin:6px 0 0;padding-left:18px;word-break:break-word}.dns-list code{font-family:inherit;background:#00000040;padding:1px 6px;border-radius:4px}.dns-banner-warn a{color:#fde68a;text-decoration:underline}.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ingress-editor .ingress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.ingress-editor h2{margin:0;font-size:1.05rem}.ingress-actions{display:flex;gap:10px;flex-wrap:wrap}.ingress-rows{display:grid;gap:10px}.ingress-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.ingress-row-head{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}@media(max-width:880px){.ingress-row,.ingress-row-head{grid-template-columns:1fr}.right{text-align:left!important}}