@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
@font-face{font-family:Roboto Condensed;src:url(/assets/fonts/RobotoCondensed-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto Condensed;src:url(/assets/fonts/RobotoCondensed-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Roboto Condensed;src:url(/assets/fonts/RobotoCondensed-Bold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--bg-canvas:#f6f6f7;--bg-surface:#fff;--bg-inset:#f6f6f7;--text-primary:#0a0d2f;--text-secondary:#223b57;--text-muted:#8c929c;--text-light:#bcbcbf;--border-subtle:#bcbcbf66;--accent-teal:#11cfc9;--accent-teal-dark:#223b57;--accent-teal-soft:#11cfc91f;--accent-teal-glow:#11cfc940;--accent-blue:#47b3e2;--accent-blue-soft:#47b3e21f;--accent-muted-blue:#496d89;--accent-orange:#f68420;--accent-orange-hover:#d68a51;--accent-orange-soft:#f684201f;--accent-orange-glow:#f6842040;--accent-orange-secondary:#d68a51;--shadow-raised:5px 5px 14px #8c929c42, -5px -5px 14px #fffffff2;--shadow-raised-hover:7px 7px 18px #8c929c57, -7px -7px 18px #fff;--shadow-raised-sm:3px 3px 8px #8c929c38, -3px -3px 8px #ffffffeb;--shadow-inset:inset 3px 3px 6px #8c929c47, inset -3px -3px 6px #fffffff2;--shadow-card:8px 8px 20px #8c929c3d, -8px -8px 20px #fffffffa;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-teal)}.neu-card{background:var(--bg-surface);box-shadow:var(--shadow-card);border:1px solid #ffffffe6;border-radius:16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.neu-card:hover{box-shadow:var(--shadow-raised-hover)}.neu-panel{background:var(--bg-surface);box-shadow:var(--shadow-raised);border:1px solid #fffc;border-radius:12px}.neu-inset{background:var(--bg-canvas);box-shadow:var(--shadow-inset);border:1px solid #bcbcbf40;border-radius:12px}.top-header{z-index:40;background:var(--bg-canvas);border-bottom:1px solid #bcbcbf4d;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #8c929c1f}.nav-tab-btn{cursor:pointer;background:var(--bg-surface);color:var(--text-secondary);box-shadow:var(--shadow-raised-sm);border:none;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-tab-btn:hover{color:var(--text-primary);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.nav-tab-btn.active{background:var(--bg-canvas);color:var(--text-primary);box-shadow:var(--shadow-inset);border-left:3px solid var(--accent-teal);transform:translateY(0)}.btn-primary{background:var(--accent-orange);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--accent-orange-glow), 3px 3px 8px #8c929c40;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-orange-hover);box-shadow:0 6px 16px var(--accent-orange-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);box-shadow:var(--shadow-raised-sm);cursor:pointer;border:1px solid #ffffffd9;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:var(--text-primary);box-shadow:var(--shadow-raised);transform:translateY(-1px)}.btn-secondary:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.btn-danger{background:var(--bg-surface);color:var(--accent-orange);box-shadow:var(--shadow-raised-sm);cursor:pointer;border:1px solid #f684204d;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:var(--accent-orange-soft);box-shadow:var(--shadow-raised)}.badge{letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:700;font-family:var(--font-mono);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;display:inline-flex}.badge-running,.badge-healthy,.badge-active,.badge-planthead{background:var(--accent-teal-soft);color:var(--text-primary);border:1px solid #11cfc973;box-shadow:0 1px 3px #11cfc926}.badge-stopped,.badge-warning,.badge-degraded,.badge-csuite{background:var(--accent-orange-soft);color:var(--accent-orange);border:1px solid #f6842066;box-shadow:0 1px 3px #f6842026}.badge-admin{background:var(--accent-blue-soft);color:var(--accent-muted-blue);border:1px solid #47b3e266}.badge-inactive,.badge-revoked{background:var(--bg-canvas);color:var(--text-muted);border:1px solid var(--text-light)}.pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.pulse-dot-teal{background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal);animation:2s infinite pulse-teal}@keyframes pulse-teal{0%{transform:scale(.95);box-shadow:0 0 #11cfc9b3}70%{transform:scale(1);box-shadow:0 0 0 6px #11cfc900}to{transform:scale(.95);box-shadow:0 0 #11cfc900}}.neu-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.85rem}.neu-table th{background:var(--bg-canvas);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #bcbcbf4d;padding:1rem 1.25rem;font-size:.72rem;font-weight:700}.neu-table td{color:var(--text-primary);vertical-align:middle;background:var(--bg-surface);border-bottom:1px solid #bcbcbf40;padding:1.05rem 1.25rem}.neu-table tr:hover td{background:var(--bg-canvas)}.form-input,.form-select{background:var(--bg-canvas);width:100%;color:var(--text-primary);box-shadow:var(--shadow-inset);border:1px solid #bcbcbf59;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.85rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-orange);box-shadow:var(--shadow-inset), 0 0 0 3px var(--accent-orange-soft)}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.76rem;font-weight:700;display:block}.form-group{margin-bottom:1.25rem}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;background:#0a0d2f73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);width:100%;max-width:540px;box-shadow:0 25px 60px #0a0d2f38, var(--shadow-card);border:1px solid #fffffff2;border-radius:18px;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-theme=dark]{--bg-canvas:#0a0d2f;--bg-surface:#121845;--bg-inset:#070921;--text-primary:#fff;--text-secondary:#bcbcbf;--text-muted:#8c929c;--text-light:#496d89;--border-subtle:#8c929c33;--accent-teal:#11cfc9;--accent-teal-dark:#11cfc9;--accent-teal-soft:#11cfc92e;--accent-teal-glow:#11cfc959;--accent-blue:#47b3e2;--accent-blue-soft:#47b3e22e;--accent-muted-blue:#496d89;--accent-orange:#f68420;--accent-orange-hover:#d68a51;--accent-orange-soft:#f684202e;--accent-orange-glow:#f6842059;--accent-orange-secondary:#d68a51;--shadow-raised:5px 5px 14px #0009, -3px -3px 10px #ffffff0a;--shadow-raised-hover:7px 7px 18px #000000b3, -4px -4px 12px #ffffff0f;--shadow-raised-sm:3px 3px 8px #00000080, -2px -2px 6px #ffffff08;--shadow-inset:inset 3px 3px 7px #000000a6, inset -2px -2px 6px #ffffff08;--shadow-card:8px 8px 22px #000000a6, -4px -4px 14px #ffffff0a}[data-theme=dark] .neu-card{border:1px solid #ffffff14}[data-theme=dark] .neu-panel{border:1px solid #ffffff0f}[data-theme=dark] .neu-inset{border:1px solid #00000080}[data-theme=dark] .top-header{border-bottom:1px solid #ffffff14;box-shadow:0 4px 16px #00000073}[data-theme=dark] .nav-tab-btn{background:var(--bg-surface);border:1px solid #ffffff0d}[data-theme=dark] .nav-tab-btn.active{background:var(--bg-inset);color:var(--accent-teal);border-left:3px solid var(--accent-teal)}[data-theme=dark] .btn-secondary{border:1px solid #ffffff1f}[data-theme=dark] .btn-danger{border:1px solid #f6842066}[data-theme=dark] .neu-table th{color:var(--text-secondary);background:#0e1338;border-bottom:2px solid #ffffff14}[data-theme=dark] .neu-table td{background:var(--bg-surface);border-bottom:1px solid #ffffff0f}[data-theme=dark] .neu-table tr:hover td{background:#171e54}[data-theme=dark] .form-input,[data-theme=dark] .form-select{color:var(--text-primary);border:1px solid #ffffff1f}[data-theme=dark] .modal-content{box-shadow:0 25px 60px #000000bf, var(--shadow-card);border:1px solid #ffffff1f}[data-theme=dark] .badge-running,[data-theme=dark] .badge-healthy,[data-theme=dark] .badge-active,[data-theme=dark] .badge-planthead{color:var(--accent-teal)}[data-theme=dark] .badge-inactive,[data-theme=dark] .badge-revoked{background:var(--bg-inset);color:var(--text-muted);border:1px solid #8c929c4d}.wa-bubble-card{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-raised-sm);border-radius:14px;overflow:hidden}.wa-bubble-header{border-bottom:2px solid var(--accent-teal);color:#fff;background:#0a0d2f;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.8rem;font-weight:700;display:flex}.wa-bubble-body{color:var(--text-primary);background:var(--bg-inset);white-space:pre-wrap;font-size:.82rem;line-height:1.6;font-family:var(--font-sans);padding:1rem 1.15rem}.wa-bubble-action{border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem;display:flex}.wa-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--accent-teal-dark);box-shadow:var(--shadow-raised-sm);cursor:pointer;border-radius:8px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.wa-btn:hover{border-color:var(--accent-teal);transform:translateY(-1px)}.toast-badge{z-index:99999;background:var(--bg-surface);border:2px solid var(--accent-teal);color:var(--text-primary);box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.35rem;font-size:.84rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) slideUpToast;display:flex;position:fixed;bottom:2rem;right:2rem}@keyframes slideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}