.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px #0003;margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}:root{--ink: #1E1033;--muted: #6B6580;--canvas: #FAF9FE;--panel: rgba(255, 255, 255, .72);--line: rgba(26, 11, 46, .12);--accent: #6366f1;--accent-strong: #4f46e5;--rose: #EC4899;--success: #059669;--warning: #D97706;--sidebar-bg: #1A0B2E;--sidebar-text: #B8A5D4;--sidebar-active:#2D1B4E;--sidebar-accent:#818CF8;--border: #C7D2FE;--border-light: #EEF2FF;--surface-hover: #EEF2FF}html,body{margin:0;min-height:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{min-height:100vh}*{box-sizing:border-box}button,[type=button],[type=reset],[type=submit]{cursor:pointer;padding:.7rem 1.2rem;border-radius:999px;border:none;font-weight:700;background:#6366f1;color:#fff;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s ease}button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button.btn-secondary,[type=button].btn-secondary,[type=reset].btn-secondary,[type=submit].btn-secondary{background:#1a0b2e14;color:#1e1033;border:1px solid rgba(26,11,46,.12)}button.btn-secondary:hover:not(:disabled),[type=button].btn-secondary:hover:not(:disabled),[type=reset].btn-secondary:hover:not(:disabled),[type=submit].btn-secondary:hover:not(:disabled){background:#1a0b2e1f}button.secondary{background:#1a0b2e14;color:#1e1033}button:disabled{opacity:.55;cursor:not-allowed}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 0;border-top:1px solid rgba(26,11,46,.05);margin-top:.5rem}.pagination-bar button{display:flex;align-items:center;gap:.25rem}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 22px;border-top:1px solid #EEF2FF}.page-btn{padding:7px 14px;border-radius:8px;border:1px solid #C7D2FE;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#6b6580;display:flex;align-items:center;gap:4px;transition:background .15s,border-color .15s}.page-btn:hover:not(:disabled){background:#eef2ff;border-color:#a5b4fc}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn .material-icons-outlined{font-size:16px}.page-info{font-size:13px;color:#6b6580}.page-info strong{color:#1e1033}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:6px;background:linear-gradient(90deg,#eef2ff 25% 50%,#eef2ff 75%);background-size:800px 100%;animation:shimmer 1.4s infinite}.shepherd-element{z-index:10000}.shepherd-theme-custom{max-width:400px;border-radius:8px;box-shadow:0 10px 25px #00000026}.shepherd-theme-custom .shepherd-content{border-radius:8px;padding:0;background:#fff}.shepherd-theme-custom .shepherd-text{padding:20px;font-size:15px;line-height:1.6;color:#374151}.shepherd-theme-custom .shepherd-text h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.shepherd-theme-custom .shepherd-text p{margin:0}.shepherd-theme-custom .shepherd-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:8px}.shepherd-theme-custom .shepherd-button{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-family:Plus Jakarta Sans,sans-serif}.shepherd-theme-custom .shepherd-button-primary{background:#2563eb;color:#fff;min-width:80px}.shepherd-theme-custom .shepherd-button-primary:hover{background:#1d4ed8}.shepherd-theme-custom .shepherd-button-secondary{background:transparent;color:#6b7280;padding:8px 12px}.shepherd-theme-custom .shepherd-button-secondary:hover{background:#f3f4f6;color:#374151}.shepherd-theme-custom .shepherd-cancel-icon{background:none;border:none;border-radius:0;padding:0;margin:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;font-size:20px;line-height:1;opacity:1;cursor:pointer;transition:color .15s;transform:none}.shepherd-theme-custom .shepherd-cancel-icon:hover{background:none;color:#374151;transform:none;opacity:1}.shepherd-theme-custom .shepherd-arrow:before{background:#fff}.shepherd-modal-overlay-container{z-index:9999}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.5}.page{display:grid;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header h2{margin:0 0 4px;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.page-header p{margin:0;color:var(--muted);font-size:.9rem}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feedback{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.4}.feedback.success{background:#d1fae5;color:var(--success);border:1px solid #A7F3D0}.feedback.error{background:#ffe4e6;color:#e11d48;border:1px solid #FECDD3}.feedback.warning{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.feedback-icon{font-size:1.15rem;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;font-size:13px;text-decoration:none;font-family:inherit;box-shadow:0 4px 12px -2px #6366f14d;cursor:pointer;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.92}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#1a0b2e0f;color:var(--ink);font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s}.btn-secondary:hover:not(:disabled){background:#1a0b2e1a}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:6px 14px;font-size:12px;border-radius:8px}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid #FECDD3;background:#ffe4e6;color:#e11d48;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s}.btn-danger:hover:not(:disabled){background:#fecdd3}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;height:38px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.form-field{display:grid;gap:.4rem}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.82rem;font-weight:600;color:var(--muted)}.field-input{width:100%;padding:.72rem .9rem;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:.92rem;color:var(--ink);background:#fff;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.field-error{color:#e11d48;font-size:.8rem;font-weight:500}.field-success{color:var(--success);font-size:.82rem;font-weight:600}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:var(--muted);pointer-events:none;font-size:18px}.password-toggle-field{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:.75rem;background:none;border:none;padding:4px;cursor:pointer;color:#a190b8;display:flex;align-items:center;justify-content:center;transition:color .15s}.password-toggle-btn:hover{color:var(--accent)}.password-toggle-field .field-input{padding-right:3rem}.modal-overlay{position:fixed;inset:0;background:#1a0b2e80;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;width:480px;max-width:92vw;box-shadow:0 24px 64px #1a0b2e38;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border-light)}.modal-title{font-size:16px;font-weight:700;margin:0;color:var(--ink)}.modal-body{padding:20px 22px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--border-light)}.close-btn,.modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--canvas);color:var(--muted);font-size:1.1rem;cursor:pointer;padding:0;transition:background .15s}.close-btn:hover,.modal-close:hover{background:var(--surface-hover);color:var(--ink)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;padding:12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--canvas);border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:11px 14px;border-bottom:1px solid var(--border-light);color:var(--ink);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td{background:var(--surface-hover)}.section-panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #1a0b2e0a}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);background:#fff}.section-header h3{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:64px 24px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:14px;background:#fff}.empty-state .material-icons-outlined{font-size:48px;color:var(--border)}.empty-state h3{font-size:16px;font-weight:650;color:var(--ink);margin:0}.empty-state p{margin:0;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:var(--muted);text-align:center}.skeleton-row{height:44px;border-radius:8px;background:linear-gradient(90deg,var(--border-light) 25%,#fff 50%,var(--border-light) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.badge.success{background:#d1fae5;color:#065f46}.badge.error{background:#ffe4e6;color:#9f1239}.badge.warning{background:#fef3c7;color:#92400e}.badge.neutral{background:var(--border-light);color:var(--muted)}.pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;background:var(--border-light);color:var(--accent-strong)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--muted)}.status-dot.active,.status-dot.connected{background:var(--success);box-shadow:0 0 0 3px #05966926}.status-dot.inactive,.status-dot.error{background:#e11d48}.status-dot.warning{background:var(--warning)}.search-bar{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;height:40px;transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f}.search-bar input{border:none;background:transparent;outline:none;font:inherit;font-size:13px;color:var(--ink);flex:1;min-width:0}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}