:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f5ef;--surface:#ffffffc7;--surface-strong:#fff;--text:#23211e;--muted:#706b63;--line:#e6ded0;--accent:#6858f2;--accent-soft:#eeeafe;--success:#21866b;--danger:#c44747;--shadow:0 18px 55px #332a181f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at top left, #efeaff 0, transparent 32rem), radial-gradient(circle at bottom right, #e2f5ef 0, transparent 30rem), var(--bg);margin:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto 28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:750;display:flex}.pill{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.layout{grid-template-columns:240px 1fr;gap:24px;max-width:1180px;margin:0 auto;display:grid}.sidebar,.card,.hero-card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffbf;border-radius:28px}.sidebar{align-self:start;padding:18px;position:sticky;top:24px}.nav-link,.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:650;display:inline-flex}.nav-link{width:100%;color:var(--muted);justify-content:flex-start}.nav-link:hover,.nav-link-active{background:var(--accent-soft);color:var(--accent)}.btn{background:var(--accent);color:#fff}.btn-secondary{color:var(--accent);border-color:var(--line);background:#fff}.btn-danger{background:var(--danger)}.content{gap:20px;display:grid}.hero-card,.card{padding:26px}.hero-card h1{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(32px,4vw,52px);line-height:1.04}.hero-card p,.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border:1px solid var(--line);background:#ffffff9e;border-radius:20px;padding:18px}.stat strong{font-size:28px;display:block}.form{gap:14px;display:grid}.field{gap:7px;font-weight:650;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:48px;font:inherit;border-radius:16px;padding:11px 14px}.field textarea{min-height:130px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.badge-ok{color:var(--success);background:#e7f6ef}.actions{flex-wrap:wrap;gap:10px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input,.inline-form select{border:1px solid var(--line);max-width:110px;min-height:38px;font:inherit;border-radius:12px;padding:8px 10px}.error{color:var(--danger);font-weight:650}.success{color:var(--success);font-weight:650}.ext-peers{flex-direction:column;gap:14px;display:flex}.ext-peers-form{flex-wrap:wrap;gap:10px;display:flex}.ext-peers-form input{border:1px solid var(--line);min-height:38px;font:inherit;border-radius:12px;flex:1;padding:8px 12px}.ext-peers-generated{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:16px}.ext-peers-conf{white-space:pre-wrap;word-break:break-all;background:#00000059;border-radius:10px;max-height:320px;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;overflow:auto}.alert{color:var(--danger);background:#dc262614;border:1px solid #dc262640;border-radius:10px;padding:10px 12px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}@media (max-width:860px){.shell{padding:18px}.topbar,.layout{grid-template-columns:1fr;display:grid}.sidebar{position:static}.grid-2,.grid-3{grid-template-columns:1fr}}
