:root{--blue-600:#2563eb;--blue-500:#3b82f6;--blue-50:#eff5ff;--blue-100:#dbe7fe;--coral-500:#f2704f;--coral-50:#fff1ec;--ink-900:#0f1b33;--ink-700:#34425c;--ink-500:#64718a;--ink-300:#a9b3c4;--line:#e3e8f0;--line-strong:#cfd7e4;--surface:#fff;--canvas:#f6f8fb;--green-600:#13895a;--green-50:#e9f8f0;--amber-600:#b26b00;--amber-50:#fff6e5;--red-600:#d0342c;--red-50:#fdeeed;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-pop:0 12px 32px #0f1b3324, 0 2px 6px #0f1b330f;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-md:1.125rem;--t-lg:1.375rem;--t-xl:1.75rem;--t-2xl:2.25rem}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--t-base);color:var(--ink-900);background:var(--canvas);font-feature-settings:"tnum" 0;margin:0;line-height:1.55}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.25}h1{font-size:var(--t-xl);font-weight:700}h2{font-size:var(--t-md)}h2,h3{font-weight:600}h3{font-size:var(--t-base)}p{margin:0}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-500)}.small{font-size:var(--t-sm)}:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:4px}.btn{border-radius:var(--radius-sm);height:38px;font:600 var(--t-sm) var(--font);cursor:pointer;white-space:nowrap;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-900);justify-content:center;align-items:center;gap:.45rem;padding:0 .95rem;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--ink-300);background:#fbfcfe}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4fd8;border-color:#1d4fd8}.btn-danger{background:var(--surface);color:var(--red-600);border-color:#f1c4c1}.btn-danger:hover:not(:disabled){background:var(--red-50);border-color:var(--red-600)}.btn-ghost{color:var(--ink-700);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--blue-50);border-color:#0000}.btn-sm{height:30px;padding:0 .65rem}.field{gap:.35rem;display:grid}.field label{font-size:var(--t-sm);color:var(--ink-700);font-weight:600}.field .hint{font-size:var(--t-xs);color:var(--ink-500)}.field .err{font-size:var(--t-xs);color:var(--red-600)}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;height:40px;font:400 var(--t-base) var(--font);color:var(--ink-900);padding:0 .75rem}.input:focus,.select:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100);outline:none}.input[aria-invalid=true]{border-color:var(--red-600)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.panel-body{padding:1.25rem}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--t-sm)}table.data th{text-align:left;color:var(--ink-500);white-space:nowrap;background:#fafbfd;padding:.7rem 1.25rem;font-weight:600}table.data td,table.data th{border-bottom:1px solid var(--line)}table.data td{vertical-align:middle;padding:.8rem 1.25rem}table.data tr:last-child td{border-bottom:0}table.data td.actions{text-align:right;white-space:nowrap}.badge{height:22px;font-size:var(--t-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:0 .55rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-active,.badge-available,.badge-connected{color:var(--green-600);background:var(--green-50)}.badge-disabled,.badge-disconnected,.badge-suspended{color:var(--ink-500);background:#eef1f6}.badge-error{color:var(--red-600);background:var(--red-50)}.badge-pending,.badge-planned{color:var(--amber-600);background:var(--amber-50)}.badge-role{color:var(--blue-600);background:var(--blue-50)}.badge-role:before{display:none}.skeleton{background:linear-gradient(90deg,#eef1f6 25%,#f6f8fb 50%,#eef1f6 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head p{color:var(--ink-500);max-width:62ch;margin-top:.3rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack{gap:1rem;display:grid}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}