@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-main:#f6f7f9;--bg-card:#fff;--bg-card-subtle:#f3f4f6;--bg-input:#fff;--border-subtle:#e5e7eb;--border-strong:#cbcfd7;--text-primary:#0f1729;--text-secondary:#65758b;--text-muted:#97a3b4;--accent-primary:#3c83f6;--accent-primary-hover:#156bf4;--accent-primary-subtle:#e7f0fe;--accent-emerald:#27b07d;--accent-emerald-subtle:#e4fbf0;--accent-emerald-border:#abedd5;--accent-amber:#f59f0a;--accent-amber-subtle:#fef7dc;--accent-amber-border:#fbd99d;--accent-rose:#f03853;--accent-rose-subtle:#feebee;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -4px #0000000d}@media (prefers-color-scheme:dark){:root{--bg-main:#090e1a;--bg-card:#0e1525;--bg-card-subtle:#121b31;--bg-input:#0b111e;--border-subtle:#1d283a;--border-strong:#2b3b55;--text-primary:#f8fafc;--text-secondary:#a3b0c2;--text-muted:#65758b;--accent-primary:#3c83f6;--accent-primary-hover:#639cf8;--accent-primary-subtle:#3c83f61f;--accent-emerald:#36d399;--accent-emerald-subtle:#36d3991f;--accent-emerald-border:#36d39940;--accent-amber:#f6a823;--accent-amber-subtle:#f6a8231f;--accent-amber-border:#f6a82340;--accent-rose:#f35970;--accent-rose-subtle:#f359701f;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-webkit-scrollbar-corner{background:0 0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.app-layout{flex-direction:column;min-height:100vh;display:flex}.top-navbar{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:.65rem 1.75rem;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:.75rem;display:flex}.brand-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.brand-subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:500}.nav-links{gap:.35rem;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .85rem;font-size:.825rem;font-weight:600;transition:all .15s}.nav-tab:hover{color:var(--text-primary);background:var(--bg-card-subtle)}.nav-tab.active{color:var(--accent-primary);background:var(--accent-primary-subtle);border-color:var(--border-subtle)}.navbar-actions{align-items:center;gap:1rem;display:flex}.status-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.status-badge.online{background:var(--accent-emerald-subtle);color:var(--accent-emerald);border:1px solid var(--accent-emerald-border)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.main-content{width:100%;max-width:1280px;margin:0 auto;padding:1rem 1.75rem}h1.page-title{letter-spacing:-.03em;margin-bottom:.15rem;font-size:1.35rem;font-weight:700}p.page-description{color:var(--text-secondary);margin-bottom:.75rem;font-size:.825rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.15rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title{letter-spacing:-.01em;font-size:.95rem;font-weight:600}.card-subtitle{color:var(--text-secondary);font-size:.775rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-helper{color:var(--text-secondary);margin-top:.35rem;font-size:.775rem}input[type=text],input[type=password],input[type=number],select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-input);width:100%;color:var(--text-primary);padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}textarea.mono-input{font-family:var(--font-mono);resize:vertical;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;font-size:.825rem;line-height:1.45;overflow-y:auto}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle);outline:none}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-card-subtle);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-subtle)}.btn-sm{padding:.35rem .75rem;font-size:.775rem}.btn:disabled{opacity:.5;cursor:not-allowed}.code-box{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;padding:.75rem 1rem;font-size:.825rem;position:relative;overflow-x:auto}.code-box-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.meta-list{flex-direction:column;gap:.75rem;display:flex}.meta-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;display:flex}.meta-item:last-child{border-bottom:none;padding-bottom:0}.meta-key{color:var(--text-secondary);font-weight:500}.meta-val{font-weight:600;font-family:var(--font-mono);font-size:.825rem}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.alert-success{background:var(--accent-emerald-subtle);color:var(--accent-emerald);border:1px solid var(--accent-emerald-border)}.alert-error{background:var(--accent-rose-subtle);color:var(--accent-rose);border:1px solid var(--accent-rose)}.alert-warning{background:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid var(--accent-amber-border)}.help-icon-btn{background:var(--bg-card-subtle);border:1px solid var(--border-strong);width:16px;height:16px;color:var(--text-secondary);cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:.35rem;padding:0;font-size:.65rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.help-icon-btn:hover{background:var(--accent-primary-subtle);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.15)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}