.preview-popup-card[data-v-8e741363]{width:100%;max-width:380px;background:#161e31;border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0009}.preview-popup-card.warning[data-v-8e741363]{border-left:4px solid #f59e0b}.preview-popup-card.danger[data-v-8e741363]{border-left:4px solid #ef4444}.preview-popup-card.info[data-v-8e741363]{border-left:4px solid #06b6d4}.preview-popup-card.success[data-v-8e741363]{border-left:4px solid #10b981}.preview-popup-card.update[data-v-8e741363]{border-left:4px solid #6366f1}.preview-btn-ghost[data-v-8e741363]{background:transparent;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:6px 12px;border-radius:6px;font-size:.75rem;cursor:default}.preview-btn-action[data-v-8e741363]{background:#6366f1;border:none;color:#fff;padding:6px 14px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:default}.controls-layout[data-v-551f3e27]{display:flex;min-height:100vh;background:var(--bg-main)}.controls-sidebar[data-v-551f3e27]{width:var(--sidebar-w);background:#0d121f;border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100}.sidebar-brand[data-v-551f3e27]{padding:24px 20px 16px;display:flex;align-items:center;gap:12px}.brand-badge[data-v-551f3e27]{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff;font-weight:800;font-size:.85rem;padding:8px 10px;border-radius:10px;box-shadow:0 4px 12px var(--primary-glow)}.brand-title[data-v-551f3e27]{font-weight:800;font-size:1.05rem;font-family:var(--font-display);letter-spacing:-.3px}.brand-sub[data-v-551f3e27]{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.sidebar-server-chip[data-v-551f3e27]{margin:0 16px 16px;padding:6px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;font-family:var(--font-mono)}.sidebar-menu[data-v-551f3e27]{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-link[data-v-551f3e27]{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s}.sidebar-link[data-v-551f3e27]:hover{background:#ffffff0d;color:var(--text-main);transform:translate(3px)}.sidebar-link.active[data-v-551f3e27]{background:linear-gradient(90deg,#6366f12e,#6366f10a);color:#fff;border-left:3px solid var(--primary)}.sidebar-bottom[data-v-551f3e27]{padding:16px;border-top:1px solid var(--border)}.admin-chip[data-v-551f3e27]{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:8px 12px;border-radius:12px;border:1px solid var(--border)}.admin-avatar[data-v-551f3e27]{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.admin-name[data-v-551f3e27]{font-size:.825rem;font-weight:700}.admin-role[data-v-551f3e27]{font-size:.7rem;color:var(--text-dim)}.btn-logout[data-v-551f3e27]{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.btn-logout[data-v-551f3e27]:hover{background:#ef444426;transform:scale(1.1)}.controls-workspace[data-v-551f3e27]{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.controls-header[data-v-551f3e27]{height:var(--header-h);background:#0d121fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.header-title[data-v-551f3e27]{font-size:1.25rem;font-weight:800;font-family:var(--font-display)}.header-actions[data-v-551f3e27]{display:flex;align-items:center;gap:16px}.header-time[data-v-551f3e27]{font-size:.875rem;font-family:var(--font-mono);color:var(--text-muted);background:#ffffff08;padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.controls-main[data-v-551f3e27]{padding:32px;flex:1}.kpi-icon[data-v-7df5b064]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kpi-value[data-v-7df5b064]{font-size:1.6rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.5px}.instance-card[data-v-7df5b064]{background:#101623b3;border:1px solid var(--border);border-radius:14px;padding:16px;transition:all .2s}.instance-card[data-v-7df5b064]:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.instance-card.card-locked[data-v-7df5b064]{border-color:#ef444466;background:#ef444408}.inst-name[data-v-7df5b064]{font-size:1rem;font-weight:700;color:#fff}.inst-domain[data-v-7df5b064]{font-size:.85rem;color:var(--secondary);margin-bottom:2px}.inst-api[data-v-7df5b064]{font-size:.75rem;color:var(--text-dim);margin-bottom:12px}.inst-meta-box[data-v-7df5b064]{background:#00000040;border-radius:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.04)}.popup-card[data-v-f42569e5]{background:#101623b3;border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;transition:all .2s}.popup-card.popup-inactive[data-v-f42569e5]{opacity:.6}.popup-card.warning[data-v-f42569e5]{border-left:4px solid #f59e0b}.popup-card.danger[data-v-f42569e5]{border-left:4px solid #ef4444}.popup-card.info[data-v-f42569e5]{border-left:4px solid #06b6d4}.popup-card.success[data-v-f42569e5]{border-left:4px solid #10b981}.popup-card.update[data-v-f42569e5]{border-left:4px solid #6366f1}.popup-title[data-v-f42569e5]{font-weight:700;font-size:.95rem;color:#fff}.popup-msg[data-v-f42569e5]{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:12px;flex:1}.popup-meta[data-v-f42569e5]{background:#00000040;border-radius:8px;padding:8px 12px}.login-wrapper[data-v-58eac4d3]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg-main)}.login-glow-bg[data-v-58eac4d3]{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(6,182,212,.05) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(60px)}.login-card[data-v-58eac4d3]{width:100%;max-width:420px;padding:36px 32px;background:#101623d9;border:1px solid var(--border-strong);border-radius:20px;box-shadow:0 25px 60px #0009;position:relative;z-index:10}.login-badge-icon[data-v-58eac4d3]{display:inline-block;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff;font-weight:800;font-size:1rem;padding:10px 16px;border-radius:14px;box-shadow:0 8px 20px var(--primary-glow);margin-bottom:16px}.login-title[data-v-58eac4d3]{font-size:1.5rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:4px}.login-subtitle[data-v-58eac4d3]{font-size:.825rem;color:var(--text-muted)}.login-footer-hint[data-v-58eac4d3]{font-size:.75rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:14px}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--bg-main: #0a0d14;--bg-surface: #101623;--bg-surface-hover: #161e31;--bg-card: rgba(22, 30, 49, .7);--bg-card-border: rgba(255, 255, 255, .08);--bg-card-highlight: rgba(99, 102, 241, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .35);--secondary: #06b6d4;--secondary-glow: rgba(6, 182, 212, .3);--success: #10b981;--success-glow: rgba(16, 185, 129, .25);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .25);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .3);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--sidebar-w: 260px;--header-h: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2a3449;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3b4863}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-card-border);border-radius:16px;box-shadow:0 10px 30px #0000004d}.glass-card{background:#161e3199;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:14px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 12px 28px #0006,0 0 20px var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:8px}.btn-icon{width:36px;height:36px;padding:0;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-danger,.badge-locked{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-expired{background:#64748b33;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.badge-info{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background:#10b981;box-shadow:0 0 8px #10b981}.dot-yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.dot-red{background:#ef4444;box-shadow:0 0 8px #ef4444}.dot-gray{background:#64748b}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;background:#101623cc;border:1px solid var(--border-strong);border-radius:10px;padding:10px 14px;font-size:.875rem;color:var(--text-main);font-family:inherit;transition:all .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.form-textarea{resize:vertical;min-height:80px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container{width:100%;max-width:600px;background:#101623;border:1px solid var(--border-strong);border-radius:18px;box-shadow:0 25px 50px -12px #000000b3;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;animation:modalPop .25s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.15rem;font-weight:700;font-family:var(--font-display)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#10162380}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.data-table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border);font-weight:700}.data-table td{padding:16px;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.04)}.data-table tr:hover td{background:#ffffff05}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast-item{min-width:300px;max-width:420px;padding:14px 18px;border-radius:12px;background:#161e31;border:1px solid var(--border-strong);box-shadow:0 10px 30px #00000080;display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease}.toast-item.success{border-color:#10b98166}.toast-item.error{border-color:#ef444466}.toast-item.info{border-color:#06b6d466}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.text-muted{color:var(--text-muted)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-mono{font-family:var(--font-mono)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}