.rule-form[data-v-d82d2a33]{display:flex;flex-direction:column;gap:var(--space-5)}.tag-input[data-v-d82d2a33]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.tag-input[data-v-d82d2a33]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.tag-input__container[data-v-d82d2a33]{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);align-items:center;min-height:44px}.tag-input__field[data-v-d82d2a33]{flex:1;min-width:120px;border:none;background:transparent;padding:var(--space-1);font-size:var(--text-sm);color:var(--color-text-primary);outline:none}.tag-input__field[data-v-d82d2a33]::placeholder{color:var(--color-text-muted)}.toggle-row[data-v-d82d2a33]{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.toggle-row[data-v-d82d2a33]:last-child{border-bottom:none}.toggle[data-v-d82d2a33]{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.toggle__input[data-v-d82d2a33]{position:absolute;opacity:0}.toggle__slider[data-v-d82d2a33]{position:relative;width:44px;height:24px;background:var(--color-border-strong);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default);flex-shrink:0;margin-top:2px}.toggle__slider[data-v-d82d2a33]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-bounce);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider[data-v-d82d2a33]{background:var(--color-primary)}.toggle__input:checked+.toggle__slider[data-v-d82d2a33]:after{transform:translate(20px)}.toggle__input:focus-visible+.toggle__slider[data-v-d82d2a33]{box-shadow:var(--shadow-focus)}.toggle__label[data-v-d82d2a33]{font-size:var(--text-sm);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-1)}.toggle__label .form-hint[data-v-d82d2a33]{margin-top:0}.rule-card[data-v-94e4a434]{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.rule-card[data-v-94e4a434]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.rule-card--disabled[data-v-94e4a434]{opacity:.65}.rule-card--disabled[data-v-94e4a434]:hover{transform:none;box-shadow:none}.rule-card__accent[data-v-94e4a434]{height:3px;transition:opacity var(--duration-normal) var(--ease-default)}.rule-card__accent--active[data-v-94e4a434]{background:var(--gradient-primary)}.rule-card__accent--pending[data-v-94e4a434]{background:var(--color-warning)}.rule-card__accent--failed[data-v-94e4a434]{background:var(--color-danger)}.rule-card__accent--disabled[data-v-94e4a434]{background:var(--color-border-default)}.rule-card__body[data-v-94e4a434]{padding:var(--space-4)}.rule-card__header[data-v-94e4a434]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.rule-card__status[data-v-94e4a434]{display:flex;align-items:center;gap:var(--space-2)}.rule-card__id[data-v-94e4a434]{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:1px 5px;letter-spacing:.02em;flex-shrink:0}.rule-card__status-dot[data-v-94e4a434]{width:8px;height:8px;border-radius:50%}.rule-card__status-dot--active[data-v-94e4a434]{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-50);animation:pulse-94e4a434 2s ease-in-out infinite}.rule-card__status-dot--pending[data-v-94e4a434]{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-50);animation:pulse-94e4a434 1.5s ease-in-out infinite}.rule-card__status-dot--failed[data-v-94e4a434]{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-50)}.rule-card__status-dot--disabled[data-v-94e4a434]{background:var(--color-text-muted)}.rule-card__status-text[data-v-94e4a434]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.rule-card__status-text--active[data-v-94e4a434]{color:var(--color-success)}.rule-card__status-text--pending[data-v-94e4a434]{color:var(--color-warning)}.rule-card__status-text--failed[data-v-94e4a434]{color:var(--color-danger)}.rule-card__actions[data-v-94e4a434]{display:flex;align-items:center;gap:var(--space-1)}.rule-card__action[data-v-94e4a434]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);border:none;background:transparent;color:var(--color-text-muted)}.rule-card__action[data-v-94e4a434]:hover{background:var(--color-bg-hover)}.rule-card__action--pause[data-v-94e4a434]:hover{color:var(--color-warning);background:var(--color-warning-50)}.rule-card__action--play[data-v-94e4a434]:hover{color:var(--color-success);background:var(--color-success-50)}.rule-card__action--edit[data-v-94e4a434]:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.rule-card__action--delete[data-v-94e4a434]:hover{color:var(--color-danger);background:var(--color-danger-50)}.rule-card__mapping[data-v-94e4a434]{display:flex;align-items:center;gap:var(--space-3)}.rule-card__endpoint[data-v-94e4a434]{flex:1;min-width:0}.rule-card__endpoint-label[data-v-94e4a434]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--space-1-5)}.rule-card__protocol[data-v-94e4a434]{font-size:9px;font-weight:var(--font-bold);padding:1px 5px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.rule-card__protocol--http[data-v-94e4a434]{background:var(--color-primary-subtle);color:var(--color-primary)}.rule-card__protocol--https[data-v-94e4a434]{background:var(--color-success-50);color:var(--color-success)}.rule-card__endpoint-value[data-v-94e4a434]{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);min-height:40px}.rule-card__endpoint-value svg[data-v-94e4a434]{color:var(--color-text-muted);flex-shrink:0}.rule-card__endpoint-value code[data-v-94e4a434]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rule-card__arrow[data-v-94e4a434]{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;margin-top:var(--space-5);opacity:.7}.rule-card__footer[data-v-94e4a434]{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.rule-card__tag[data-v-94e4a434]{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2-5);background:var(--color-bg-surface);color:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--color-border-default)}@keyframes float-94e4a434{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-3px) translate(2px)}}@keyframes pulse-94e4a434{0%,to{opacity:1}50%{opacity:.6}}.modal-enter-active[data-v-3b307b2f],.modal-leave-active[data-v-3b307b2f]{transition:opacity var(--duration-normal) var(--ease-default)}.modal-enter-from[data-v-3b307b2f],.modal-leave-to[data-v-3b307b2f]{opacity:0}.modal-enter-active .modal[data-v-3b307b2f],.modal-leave-active .modal[data-v-3b307b2f]{transition:transform var(--duration-slow) var(--ease-bounce),opacity var(--duration-slow) var(--ease-bounce)}.modal-enter-from .modal[data-v-3b307b2f],.modal-leave-to .modal[data-v-3b307b2f]{transform:scale(.9);opacity:0}.modal-backdrop[data-v-3b307b2f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#25173666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal[data-v-3b307b2f]{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal--lg[data-v-3b307b2f]{max-width:640px}.modal__header[data-v-3b307b2f]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;background:var(--gradient-soft)}.modal__title[data-v-3b307b2f]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.modal__subtitle[data-v-3b307b2f]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.modal__close[data-v-3b307b2f]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--duration-normal) var(--ease-bounce);flex-shrink:0}.modal__close[data-v-3b307b2f]:hover{background:var(--color-danger-50);color:var(--color-danger);transform:rotate(90deg)}.modal__body[data-v-3b307b2f]{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer[data-v-3b307b2f]{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--gradient-soft);flex-shrink:0}@media (max-width: 640px){.modal-backdrop[data-v-3b307b2f]{padding:var(--space-4);align-items:flex-end}.modal[data-v-3b307b2f]{max-height:calc(100vh - var(--space-8));border-radius:var(--radius-3xl) var(--radius-3xl) 0 0}.modal-enter-active .modal[data-v-3b307b2f],.modal-leave-active .modal[data-v-3b307b2f]{transition:transform var(--duration-slow) var(--ease-bounce)}.modal-enter-from .modal[data-v-3b307b2f],.modal-leave-to .modal[data-v-3b307b2f]{transform:translateY(100%)}}.rule-list[data-v-ff65640f]{min-height:300px}.rule-grid[data-v-ff65640f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-4)}@media (min-width: 2200px){.rule-grid[data-v-ff65640f]{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media (min-width: 1600px) and (max-width: 2199px){.rule-grid[data-v-ff65640f]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1599px){.rule-grid[data-v-ff65640f]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.rule-grid[data-v-ff65640f]{grid-template-columns:1fr}}.empty-state[data-v-ff65640f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state__icon[data-v-ff65640f]{color:var(--color-primary);opacity:.4;margin-bottom:var(--space-5);animation:float-ff65640f 4s ease-in-out infinite}.empty-state__title[data-v-ff65640f]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description[data-v-ff65640f]{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:360px;line-height:1.6}@keyframes float-ff65640f{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.space-y-4[data-v-ff65640f]>*+*{margin-top:var(--space-4)}.flex[data-v-ff65640f]{display:flex}.justify-end[data-v-ff65640f]{justify-content:flex-end}.gap-3[data-v-ff65640f]{gap:var(--space-3)}.mr-2[data-v-ff65640f]{margin-right:var(--space-2)}.mt-1[data-v-ff65640f]{margin-top:var(--space-1)}.bg-subtle[data-v-ff65640f]{background:var(--color-bg-subtle)}.p-4[data-v-ff65640f]{padding:var(--space-4)}.rounded-lg[data-v-ff65640f]{border-radius:var(--radius-lg)}.text-sm[data-v-ff65640f]{font-size:var(--text-sm)}.text-xs[data-v-ff65640f]{font-size:var(--text-xs)}.font-mono[data-v-ff65640f]{font-family:var(--font-mono)}.text-primary[data-v-ff65640f]{color:var(--color-text-primary)}.text-secondary[data-v-ff65640f]{color:var(--color-text-secondary)}.text-tertiary[data-v-ff65640f]{color:var(--color-text-tertiary)}.rule-form[data-v-28a4b756]{display:flex;flex-direction:column;gap:var(--space-4)}.form-row[data-v-28a4b756]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.form-group[data-v-28a4b756]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-28a4b756]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-label--required[data-v-28a4b756]:after{content:" *";color:var(--color-danger)}.form-help[data-v-28a4b756]{font-size:var(--text-xs);color:var(--color-text-muted)}.input[data-v-28a4b756]{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-default)}.input[data-v-28a4b756]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input--narrow[data-v-28a4b756]{padding:var(--space-2)}.backends-header[data-v-28a4b756]{display:flex;justify-content:space-between;align-items:center}.backends-list[data-v-28a4b756]{display:flex;flex-direction:column;gap:var(--space-2)}.backend-item[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast)}.backend-item[data-v-28a4b756]:hover{border-color:var(--color-border-strong)}.backend-item--dragging[data-v-28a4b756]{opacity:.5}.backend-drag-handle[data-v-28a4b756]{display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--color-text-muted);cursor:grab;border-radius:var(--radius-sm)}.backend-drag-handle[data-v-28a4b756]:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.backend-drag-handle[data-v-28a4b756]:active{cursor:grabbing}.backend-fields[data-v-28a4b756]{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.backend-row[data-v-28a4b756]{display:flex;gap:var(--space-2)}.backend-row .input[data-v-28a4b756]:first-child{flex:1}.backend-fields--inline[data-v-28a4b756]{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.backend-address-input[data-v-28a4b756]{flex:1;min-width:0}.backend-weight-wrapper[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.backend-weight-label[data-v-28a4b756]{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.backend-weight-input[data-v-28a4b756]{width:56px;text-align:center;padding:var(--space-2) var(--space-1)}.backend-options[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-4)}.backend-option[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.backend-checkbox[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer}.backend-checkbox input[type=checkbox][data-v-28a4b756]{width:16px;height:16px;accent-color:var(--color-primary)}.btn[data-v-28a4b756]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn--sm[data-v-28a4b756]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--primary[data-v-28a4b756]{background:var(--gradient-primary);color:#fff}.btn--primary[data-v-28a4b756]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn--secondary[data-v-28a4b756]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.btn--secondary[data-v-28a4b756]:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn--danger-ghost[data-v-28a4b756]{background:transparent;color:var(--color-text-muted);padding:var(--space-2)}.btn--danger-ghost[data-v-28a4b756]:hover{color:var(--color-danger);background:var(--color-danger-50)}.btn--icon[data-v-28a4b756]{padding:var(--space-2);border-radius:var(--radius-md)}.btn--full[data-v-28a4b756]{width:100%;padding:var(--space-3)}.btn[data-v-28a4b756]:disabled{opacity:.6;cursor:not-allowed}.tag-input[data-v-28a4b756]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.tag-input[data-v-28a4b756]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.tag-input__container[data-v-28a4b756]{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);align-items:center;min-height:44px}.tag-input__field[data-v-28a4b756]{flex:1;min-width:120px;border:none;background:transparent;padding:var(--space-1);font-size:var(--text-sm);color:var(--color-text-primary);outline:none}.tag-input__field[data-v-28a4b756]::placeholder{color:var(--color-text-muted)}.tag[data-v-28a4b756]{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary)}.tag__remove[data-v-28a4b756]{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;border-radius:50%;transition:all var(--duration-fast)}.tag__remove[data-v-28a4b756]:hover{background:var(--color-danger-50);color:var(--color-danger)}.toggle-row[data-v-28a4b756]{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle__input[data-v-28a4b756]{position:absolute;opacity:0;width:0;height:0}.toggle__slider[data-v-28a4b756]{position:relative;width:44px;height:24px;background:var(--color-border-strong);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce);flex-shrink:0}.toggle__slider[data-v-28a4b756]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider[data-v-28a4b756]{background:var(--gradient-primary)}.toggle__input:checked+.toggle__slider[data-v-28a4b756]:after{transform:translate(20px)}.toggle__label[data-v-28a4b756]{font-size:var(--text-sm);color:var(--color-text-secondary)}.rule-card[data-v-b6413ba2]{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.rule-card[data-v-b6413ba2]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.rule-card--disabled[data-v-b6413ba2]{opacity:.65}.rule-card--disabled[data-v-b6413ba2]:hover{transform:none;box-shadow:none}.rule-card__accent[data-v-b6413ba2]{height:3px;transition:opacity var(--duration-normal) var(--ease-default)}.rule-card__accent--active[data-v-b6413ba2]{background:var(--gradient-primary)}.rule-card__accent--disabled[data-v-b6413ba2]{background:var(--color-border-default)}.rule-card__body[data-v-b6413ba2]{padding:var(--space-4)}.rule-card__header[data-v-b6413ba2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.rule-card__status[data-v-b6413ba2]{display:flex;align-items:center;gap:var(--space-2)}.rule-card__id[data-v-b6413ba2]{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:1px 5px;letter-spacing:.02em;flex-shrink:0}.rule-card__status-dot[data-v-b6413ba2]{width:8px;height:8px;border-radius:50%}.rule-card__status-dot--active[data-v-b6413ba2]{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-50);animation:pulse-b6413ba2 2s ease-in-out infinite}.rule-card__status-dot--disabled[data-v-b6413ba2]{background:var(--color-text-muted)}.rule-card__status-text[data-v-b6413ba2]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.rule-card__status-text--active[data-v-b6413ba2]{color:var(--color-success)}.rule-card__status-text--disabled[data-v-b6413ba2]{color:var(--color-text-muted)}.rule-card__actions[data-v-b6413ba2]{display:flex;align-items:center;gap:var(--space-1)}.rule-card__action[data-v-b6413ba2]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);border:none;background:transparent;color:var(--color-text-muted)}.rule-card__action[data-v-b6413ba2]:hover{background:var(--color-bg-hover)}.rule-card__action--pause[data-v-b6413ba2]:hover{color:var(--color-warning);background:var(--color-warning-50)}.rule-card__action--play[data-v-b6413ba2]:hover{color:var(--color-success);background:var(--color-success-50)}.rule-card__action--edit[data-v-b6413ba2]:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.rule-card__action--delete[data-v-b6413ba2]:hover{color:var(--color-danger);background:var(--color-danger-50)}.rule-card__mapping[data-v-b6413ba2]{display:flex;align-items:center;gap:var(--space-3)}.rule-card__endpoint[data-v-b6413ba2]{flex:1;min-width:0}.rule-card__endpoint-label[data-v-b6413ba2]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--space-1-5)}.rule-card__protocol[data-v-b6413ba2]{font-size:9px;font-weight:var(--font-bold);padding:1px 5px;border-radius:var(--radius-sm);font-family:var(--font-mono)}.rule-card__protocol--tcp[data-v-b6413ba2]{background:var(--color-primary-subtle);color:var(--color-primary)}.rule-card__protocol--udp[data-v-b6413ba2]{background:var(--color-warning-50);color:var(--color-warning)}.rule-card__endpoint-value[data-v-b6413ba2]{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);min-height:40px}.rule-card__endpoint-value svg[data-v-b6413ba2]{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.rule-card__endpoint-value code[data-v-b6413ba2]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rule-card__arrow[data-v-b6413ba2]{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;margin-top:var(--space-5);opacity:.7}.rule-card__footer[data-v-b6413ba2]{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.rule-card__tag[data-v-b6413ba2]{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2-5);background:var(--color-bg-surface);color:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--color-border-default)}.rule-card__backend-badge[data-v-b6413ba2]{font-size:9px;font-weight:var(--font-bold);padding:1px 5px;background:var(--color-success-50);color:var(--color-success);border-radius:var(--radius-sm);margin-left:var(--space-2)}.rule-card__lb-badge[data-v-b6413ba2]{font-size:9px;font-weight:var(--font-bold);padding:1px 5px;background:var(--color-primary-subtle);color:var(--color-primary);border-radius:var(--radius-sm);margin-left:var(--space-2);cursor:help}.rule-card__backends-summary[data-v-b6413ba2]{cursor:help}@keyframes pulse-b6413ba2{0%,to{opacity:1}50%{opacity:.6}}.rule-list[data-v-ae3fbe23]{min-height:200px}.rule-list__grid[data-v-ae3fbe23]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-4)}@media (min-width: 2200px){.rule-list__grid[data-v-ae3fbe23]{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media (min-width: 1600px) and (max-width: 2199px){.rule-list__grid[data-v-ae3fbe23]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1599px){.rule-list__grid[data-v-ae3fbe23]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.rule-list__grid[data-v-ae3fbe23]{grid-template-columns:1fr}}.rule-list__empty[data-v-ae3fbe23]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);text-align:center}.rule-list__empty svg[data-v-ae3fbe23]{opacity:.5;animation:float-ae3fbe23 4s ease-in-out infinite}.rule-list__empty span[data-v-ae3fbe23]{font-size:var(--text-sm)}@keyframes float-ae3fbe23{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cert-form[data-v-950612d8]{display:flex;flex-direction:column;gap:var(--space-4)}.form-row[data-v-950612d8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.cert-banner[data-v-950612d8]{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.6}.cert-banner--warn[data-v-950612d8]{background:var(--color-warning-50);color:var(--color-warning);border:1px solid var(--color-warning)}.cert-banner--info[data-v-950612d8]{background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary)}.cert-banner svg[data-v-950612d8]{flex-shrink:0;margin-top:1px}.tag-input[data-v-950612d8]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.tag-input[data-v-950612d8]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.tag-input__container[data-v-950612d8]{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);align-items:center;min-height:44px}.tag-input__field[data-v-950612d8]{flex:1;min-width:120px;border:none;background:transparent;padding:var(--space-1);font-size:var(--text-sm);color:var(--color-text-primary);outline:none}.tag-input__field[data-v-950612d8]::placeholder{color:var(--color-text-muted)}.tag[data-v-950612d8]{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-primary)}.tag__remove[data-v-950612d8]{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;border-radius:50%;transition:all var(--duration-fast)}.tag__remove[data-v-950612d8]:hover{background:var(--color-danger-50);color:var(--color-danger)}.toggle-row[data-v-950612d8]{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle__input[data-v-950612d8]{position:absolute;opacity:0;width:0;height:0}.toggle__slider[data-v-950612d8]{position:relative;width:44px;height:24px;background:var(--color-border-strong);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce);flex-shrink:0}.toggle__slider[data-v-950612d8]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider[data-v-950612d8]{background:var(--gradient-primary)}.toggle__input:checked+.toggle__slider[data-v-950612d8]:after{transform:translate(20px)}.toggle__label[data-v-950612d8]{font-size:var(--text-sm);color:var(--color-text-secondary)}.cert-list[data-v-58545d7e]{min-height:200px}.cert-list__grid[data-v-58545d7e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-4)}@media (min-width: 2200px){.cert-list__grid[data-v-58545d7e]{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}@media (min-width: 1600px) and (max-width: 2199px){.cert-list__grid[data-v-58545d7e]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1599px){.cert-list__grid[data-v-58545d7e]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.cert-list__grid[data-v-58545d7e]{grid-template-columns:1fr}}.cert-list__empty[data-v-58545d7e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);text-align:center}.cert-list__empty svg[data-v-58545d7e]{opacity:.5}.cert-list__empty span[data-v-58545d7e]{font-size:var(--text-sm)}.cert-card[data-v-58545d7e]{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cert-card[data-v-58545d7e]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.cert-card--disabled[data-v-58545d7e]{opacity:.65}.cert-card__accent[data-v-58545d7e]{height:3px}.cert-card__accent--active[data-v-58545d7e]{background:var(--gradient-primary)}.cert-card__accent--pending[data-v-58545d7e]{background:var(--color-warning)}.cert-card__accent--error[data-v-58545d7e]{background:var(--color-danger)}.cert-card__accent--disabled[data-v-58545d7e]{background:var(--color-border-default)}.cert-card__body[data-v-58545d7e]{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cert-card__header[data-v-58545d7e]{display:flex;align-items:center;justify-content:space-between}.cert-card__status[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-2)}.cert-card__id[data-v-58545d7e]{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:1px 5px;flex-shrink:0}.cert-card__status-dot[data-v-58545d7e]{width:8px;height:8px;border-radius:50%}.cert-card__status-dot--active[data-v-58545d7e]{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-50);animation:pulse-58545d7e 2s ease-in-out infinite}.cert-card__status-dot--pending[data-v-58545d7e]{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-50)}.cert-card__status-dot--error[data-v-58545d7e]{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-50)}.cert-card__status-dot--disabled[data-v-58545d7e]{background:var(--color-text-muted)}.cert-card__status-text[data-v-58545d7e]{font-size:var(--text-xs);font-weight:var(--font-semibold)}.cert-card__status-text--active[data-v-58545d7e]{color:var(--color-success)}.cert-card__status-text--pending[data-v-58545d7e]{color:var(--color-warning)}.cert-card__status-text--error[data-v-58545d7e]{color:var(--color-danger)}.cert-card__status-text--disabled[data-v-58545d7e]{color:var(--color-text-muted)}.cert-card__actions[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-1)}.cert-card__action[data-v-58545d7e]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);border:none;background:transparent;color:var(--color-text-muted)}.cert-card__action[data-v-58545d7e]:disabled{opacity:.35;cursor:not-allowed}.cert-card__action[data-v-58545d7e]:not(:disabled):hover{background:var(--color-bg-hover)}.cert-card__action--issue[data-v-58545d7e]:not(:disabled):hover{color:var(--color-success);background:var(--color-success-50)}.cert-card__action--edit[data-v-58545d7e]:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.cert-card__action--delete[data-v-58545d7e]:hover{color:var(--color-danger);background:var(--color-danger-50)}.cert-card__domain-row[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cert-card__domain-box[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.cert-card__domain-box svg[data-v-58545d7e]{color:var(--color-text-muted);flex-shrink:0}.cert-card__domain-box code[data-v-58545d7e]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-card__badges[data-v-58545d7e]{display:flex;gap:var(--space-1);flex-shrink:0}.cert-card__badge[data-v-58545d7e]{font-size:9px;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:nowrap}.cert-card__badge--scope[data-v-58545d7e]{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.cert-card__badge--master[data-v-58545d7e]{background:var(--color-primary-subtle);color:var(--color-primary)}.cert-card__badge--local[data-v-58545d7e]{background:var(--color-warning-50);color:var(--color-warning)}.cert-card__error[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-danger);padding:var(--space-2) var(--space-3);background:var(--color-danger-50);border-radius:var(--radius-md)}.cert-card__meta[data-v-58545d7e]{display:flex;align-items:center;gap:var(--space-2)}.cert-card__meta-label[data-v-58545d7e]{font-size:var(--text-xs);color:var(--color-text-muted)}.cert-card__meta-value[data-v-58545d7e]{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}.cert-card__footer[data-v-58545d7e]{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.cert-card__tag[data-v-58545d7e]{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2-5);background:var(--color-bg-surface);color:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--color-border-default)}@keyframes pulse-58545d7e{0%,to{opacity:1}50%{opacity:.6}}.theme-selector[data-v-fbc2f935]{position:relative}.theme-trigger[data-v-fbc2f935]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);transition:all var(--duration-normal) var(--ease-bounce);cursor:pointer;font-family:inherit;color:var(--color-text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-trigger[data-v-fbc2f935]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-trigger--open[data-v-fbc2f935]{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.theme-trigger__emoji[data-v-fbc2f935]{font-size:16px;line-height:1}.theme-trigger__arrow[data-v-fbc2f935]{color:var(--color-text-tertiary);transition:transform var(--duration-normal) var(--ease-bounce)}.theme-trigger__arrow--up[data-v-fbc2f935]{transform:rotate(180deg)}.theme-dropdown[data-v-fbc2f935]{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:180px;background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.theme-dropdown__header[data-v-fbc2f935]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);padding:var(--space-2) var(--space-3)}.theme-option[data-v-fbc2f935]{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);border:1.5px solid transparent;background:transparent;font-family:inherit;color:var(--color-text-primary);text-align:left}.theme-option[data-v-fbc2f935]:hover{background:var(--color-bg-hover);border-color:#c084fc26;transform:translate(4px)}.theme-option--active[data-v-fbc2f935]{background:var(--color-primary-subtle);border-color:var(--color-primary)}.theme-option__preview[data-v-fbc2f935]{width:20px;height:20px;border-radius:var(--radius-md);flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.theme-option__emoji[data-v-fbc2f935]{font-size:16px;line-height:1;flex-shrink:0}.theme-option__label[data-v-fbc2f935]{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.theme-option__check[data-v-fbc2f935]{color:var(--color-primary);flex-shrink:0}.dropdown-enter-active[data-v-fbc2f935],.dropdown-leave-active[data-v-fbc2f935]{transition:opacity var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-bounce)}.dropdown-enter-from[data-v-fbc2f935],.dropdown-leave-to[data-v-fbc2f935]{opacity:0;transform:translateY(-8px) scale(.95)}.auth-page[data-v-ce4dd6f5]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--theme-bg);background-attachment:fixed;position:relative}.auth-page[data-v-ce4dd6f5]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 25% 25%,rgba(192,132,252,.08) 0%,transparent 50%),radial-gradient(ellipse at 75% 75%,rgba(244,114,182,.06) 0%,transparent 50%);opacity:var(--theme-decorator-opacity, .5);animation:sparkle-ce4dd6f5 6s ease-in-out infinite alternate;pointer-events:none}@keyframes sparkle-ce4dd6f5{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.auth-card[data-v-ce4dd6f5]{width:100%;max-width:420px;background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:scaleIn .5s var(--ease-bounce);position:relative;z-index:1}.auth-card__header[data-v-ce4dd6f5]{padding:var(--space-10) var(--space-6) var(--space-5);text-align:center}.auth-logo[data-v-ce4dd6f5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.auth-logo__icon[data-v-ce4dd6f5]{width:72px;height:72px;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow);animation:float 4s ease-in-out infinite}.auth-logo__title[data-v-ce4dd6f5]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-logo__subtitle[data-v-ce4dd6f5]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.auth-form[data-v-ce4dd6f5]{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.auth-card__footer[data-v-ce4dd6f5]{padding:var(--space-4) var(--space-6);background:var(--gradient-soft);border-top:1px solid var(--color-border-subtle)}.auth-hint[data-v-ce4dd6f5]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.status-message-container[data-v-9ad9b1e1]{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.status-message[data-v-9ad9b1e1]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-sm);border-left:4px solid;pointer-events:auto;min-width:300px;max-width:480px}.status-message--success[data-v-9ad9b1e1]{border-left-color:var(--color-success)}.status-message--error[data-v-9ad9b1e1]{border-left-color:var(--color-danger)}.status-message--info[data-v-9ad9b1e1]{border-left-color:var(--color-primary)}.status-message__icon[data-v-9ad9b1e1]{flex-shrink:0}.status-message--success .status-message__icon[data-v-9ad9b1e1]{color:var(--color-success)}.status-message--error .status-message__icon[data-v-9ad9b1e1]{color:var(--color-danger)}.status-message--info .status-message__icon[data-v-9ad9b1e1]{color:var(--color-primary)}.status-message__text[data-v-9ad9b1e1]{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);line-height:var(--leading-snug)}.status-message__close[data-v-9ad9b1e1]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.status-message__close[data-v-9ad9b1e1]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.toast-enter-active[data-v-9ad9b1e1],.toast-leave-active[data-v-9ad9b1e1]{transition:all var(--duration-normal) var(--ease-default)}.toast-enter-from[data-v-9ad9b1e1],.toast-leave-to[data-v-9ad9b1e1]{opacity:0;transform:translate(100%)}.toast-move[data-v-9ad9b1e1]{transition:transform var(--duration-normal) var(--ease-default)}@media (max-width: 640px){.status-message-container[data-v-9ad9b1e1]{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4)}.status-message[data-v-9ad9b1e1]{min-width:auto;max-width:100%}.toast-enter-from[data-v-9ad9b1e1],.toast-leave-to[data-v-9ad9b1e1]{opacity:0;transform:translateY(100%)}}.loading-screen[data-v-86b144fa]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);background:var(--theme-bg)}.loading-logo[data-v-86b144fa]{position:relative;width:64px;height:64px}.loading-logo__ring[data-v-86b144fa]{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--color-border-default);border-top-color:var(--color-primary);border-right-color:var(--color-primary-hover);border-radius:50%;animation:spin-86b144fa 1s linear infinite}.loading-logo__core[data-v-86b144fa]{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-primary);animation:pulse 1.5s ease-in-out infinite}.loading-text[data-v-86b144fa]{font-size:var(--text-sm);color:var(--color-text-tertiary)}.join-modal[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-4)}.join-tabs[data-v-86b144fa]{display:flex;gap:var(--space-2);background:var(--color-bg-subtle);padding:var(--space-1);border-radius:var(--radius-xl)}.join-tab[data-v-86b144fa]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);background:transparent;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default);font-family:inherit}.join-tab[data-v-86b144fa]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.join-tab--active[data-v-86b144fa]{background:var(--color-bg-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.join-tab__icon[data-v-86b144fa]{display:flex;align-items:center;color:inherit}.join-command-block[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-2)}.join-command-meta[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2)}.join-command-hint[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.join-command-wrap[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-subtle);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4)}.join-command-scroll[data-v-86b144fa]{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.join-command-scroll[data-v-86b144fa]::-webkit-scrollbar{display:none}.join-command-code[data-v-86b144fa]{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);line-height:1.7;white-space:pre}.join-command-copy[data-v-86b144fa]{flex-shrink:0;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-3);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-default),filter var(--duration-normal) var(--ease-default);font-family:inherit;white-space:nowrap}.join-command-copy[data-v-86b144fa]:hover{box-shadow:var(--shadow-glow);filter:brightness(1.1)}.join-steps[data-v-86b144fa]{list-style:none;padding:var(--space-3) var(--space-4);margin:0;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);counter-reset:step-counter}.join-steps__item[data-v-86b144fa]{display:flex;align-items:flex-start;gap:var(--space-2-5);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;counter-increment:step-counter}.join-steps__item[data-v-86b144fa]:before{content:counter(step-counter);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;font-size:10px;font-weight:var(--font-semibold);font-family:var(--font-mono);background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;margin-top:1px}.join-modal__actions[data-v-86b144fa]{display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes spin-86b144fa{to{transform:rotate(360deg)}}.app-shell[data-v-86b144fa]{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.sidebar-overlay[data-v-86b144fa]{display:none}.topbar[data-v-86b144fa]{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:var(--z-sticky);flex-shrink:0}.topbar__left[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3)}.topbar__hamburger[data-v-86b144fa]{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;border:none;background:transparent}.topbar__brand[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3)}.topbar__logo[data-v-86b144fa]{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md);flex-shrink:0}.topbar__title[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2)}.topbar__name[data-v-86b144fa]{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.topbar__badge[data-v-86b144fa]{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);letter-spacing:.03em}.topbar__center[data-v-86b144fa]{display:flex;align-items:center}.topbar__nav[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-1);background:var(--color-bg-subtle);padding:var(--space-1);border-radius:var(--radius-xl)}.topbar__nav-item[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default);border:none;background:transparent;font-family:inherit;white-space:nowrap}.topbar__nav-item[data-v-86b144fa]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.topbar__nav-item--active[data-v-86b144fa]{color:var(--color-text-inverse);background:var(--gradient-primary);box-shadow:var(--shadow-sm)}.topbar__actions[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3)}.topbar__divider[data-v-86b144fa]{width:1px;height:24px;background:var(--color-border-default)}.topbar__action[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default);border:none;background:transparent}.topbar__action[data-v-86b144fa]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.topbar__action--logout[data-v-86b144fa]:hover{color:var(--color-danger);background:var(--color-danger-50)}.app-layout[data-v-86b144fa]{display:flex;flex:1;min-height:0}.sidebar[data-v-86b144fa]{width:280px;display:flex;flex-direction:column;background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;overflow:hidden}.sidebar__section[data-v-86b144fa]{flex:1;overflow-y:auto;padding:var(--space-4)}.sidebar__section-header[data-v-86b144fa]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sidebar__section-header-actions[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-1)}.sidebar__collapse-btn svg[data-v-86b144fa]{transition:transform var(--duration-normal) var(--ease-bounce)}.sidebar__section-title[data-v-86b144fa]{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary)}.sidebar__search[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);margin-bottom:var(--space-3);background:var(--color-bg-subtle);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-default)}.sidebar__search[data-v-86b144fa]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.sidebar__search svg[data-v-86b144fa]{color:var(--color-text-muted);flex-shrink:0}.sidebar__search-input[data-v-86b144fa]{width:100%;border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);font-family:inherit}.sidebar__search-input[data-v-86b144fa]::placeholder{color:var(--color-text-muted)}.sidebar__section-action[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);border:none;background:transparent}.sidebar__section-action[data-v-86b144fa]:hover{color:var(--color-primary);background:var(--color-bg-hover)}.sidebar__agents[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar__agent[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);border:1.5px solid transparent}.sidebar__agent[data-v-86b144fa]:hover{background:var(--color-bg-hover);border-color:var(--color-border-default);transform:translate(2px)}.sidebar__agent--active[data-v-86b144fa]{background:var(--color-primary-subtle);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.sidebar__agent-indicator[data-v-86b144fa]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sidebar__agent-indicator--online[data-v-86b144fa]{background:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);animation:pulse 2s ease-in-out infinite}.sidebar__agent-indicator--pending[data-v-86b144fa]{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-50);animation:pulse 1.5s ease-in-out infinite}.sidebar__agent-indicator--failed[data-v-86b144fa]{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-50)}.sidebar__agent-indicator--offline[data-v-86b144fa]{background:var(--color-text-muted)}.sidebar__agent-info[data-v-86b144fa]{flex:1;min-width:0}.sidebar__agent-name[data-v-86b144fa]{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__agent--active .sidebar__agent-name[data-v-86b144fa]{color:var(--color-primary);font-weight:var(--font-semibold)}.sidebar__agent-meta[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:flex;align-items:center;gap:3px}.sidebar__agent-mode-icon[data-v-86b144fa]{display:flex;align-items:center;flex-shrink:0;opacity:.7}.sidebar__agent-url-text[data-v-86b144fa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__agent-count[data-v-86b144fa]{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0}.sidebar__empty[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.sidebar__status-bar[data-v-86b144fa]{padding:var(--space-2-5) var(--space-4);border-top:1px solid var(--color-border-subtle);flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-subtle)}.sidebar__status-dot[data-v-86b144fa]{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar__status-dot--online[data-v-86b144fa]{background:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-subtle);animation:pulse 2s ease-in-out infinite}.sidebar__status-dot--offline[data-v-86b144fa]{background:var(--color-text-muted)}.sidebar__status-text[data-v-86b144fa]{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.sidebar__status-sep[data-v-86b144fa]{color:var(--color-text-muted);font-size:var(--text-xs)}.sidebar__status-counts[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.sidebar__agent-actions[data-v-86b144fa]{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--duration-fast) var(--ease-default);flex-shrink:0}.sidebar__agent:hover .sidebar__agent-actions[data-v-86b144fa],.sidebar__agent--active .sidebar__agent-actions[data-v-86b144fa]{opacity:1}.sidebar__agent-action[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.sidebar__agent-action[data-v-86b144fa]:hover{background:var(--color-bg-hover);color:var(--color-primary)}.sidebar__agent-action--danger[data-v-86b144fa]:hover{background:var(--color-danger-50);color:var(--color-danger)}.agent-modal[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-4)}.agent-modal__desc[data-v-86b144fa]{font-size:var(--text-sm);color:var(--color-text-secondary)}.agent-modal__warn[data-v-86b144fa]{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-danger-50);border:1px solid var(--color-danger-100);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-danger)}.agent-modal__actions[data-v-86b144fa]{display:flex;justify-content:flex-end;gap:var(--space-3)}.global-search-overlay[data-v-86b144fa]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}.global-search-panel[data-v-86b144fa]{width:min(760px,92vw);max-height:80vh;background:var(--color-bg-surface-raised, var(--color-bg-surface));border-radius:var(--radius-2xl);border:1.5px solid var(--color-border-default);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden}.global-search-header[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.global-search-input-wrap[data-v-86b144fa]{flex:1;display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-subtle);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);padding:0 var(--space-4);height:44px;transition:border-color var(--duration-fast) var(--ease-default)}.global-search-input-wrap[data-v-86b144fa]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.global-search-input-wrap svg[data-v-86b144fa]{color:var(--color-text-muted);flex-shrink:0}.global-search-input[data-v-86b144fa]{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--color-text-primary);outline:none}.global-search-input[data-v-86b144fa]::placeholder{color:var(--color-text-muted)}.global-search-clear[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--color-bg-hover);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer}.global-search-close[data-v-86b144fa]{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:transparent;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);flex-shrink:0}.global-search-close[data-v-86b144fa]:hover{background:var(--color-bg-hover)}.global-search-stats[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-subtle)}.global-search-stat[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-secondary)}.global-search-stat strong[data-v-86b144fa]{color:var(--color-text-primary);font-weight:var(--font-semibold)}.global-search-stat-sep[data-v-86b144fa]{color:var(--color-text-muted);font-size:var(--text-xs)}.global-search-body[data-v-86b144fa]{flex:1;overflow-y:auto;padding:var(--space-4)}.global-search-loading[data-v-86b144fa],.global-search-hint[data-v-86b144fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.global-search-results[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-5)}.global-search-group[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-2)}.global-search-group-header[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;margin-bottom:var(--space-1)}.global-search-group-dot[data-v-86b144fa]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.global-search-group-dot--online[data-v-86b144fa]{background:var(--color-primary)}.global-search-group-dot--offline[data-v-86b144fa]{background:var(--color-text-muted)}.global-search-group-name[data-v-86b144fa]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);flex:1}.global-search-group-count[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-subtle);padding:2px 8px;border-radius:var(--radius-full)}.global-search-rule[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.global-search-rule[data-v-86b144fa]:hover{border-color:var(--color-primary);background:var(--color-primary-subtle);transform:translate(2px)}.global-search-rule-status[data-v-86b144fa]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.global-search-rule-status--on[data-v-86b144fa]{background:var(--color-primary)}.global-search-rule-status--off[data-v-86b144fa]{background:var(--color-text-muted)}.global-search-rule-info[data-v-86b144fa]{flex:1;min-width:0}.global-search-rule-front[data-v-86b144fa]{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-rule-back[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-rule-tags[data-v-86b144fa]{display:flex;gap:var(--space-1);flex-shrink:0}.global-search-rule-proto[data-v-86b144fa]{display:inline-block;font-size:9px;font-weight:var(--font-bold);padding:1px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);background:var(--color-primary-subtle);color:var(--color-primary);margin-right:var(--space-1);vertical-align:middle}.tag--sm[data-v-86b144fa]{font-size:10px;padding:1px 6px}.sidebar--collapsed[data-v-86b144fa]{width:64px}.sidebar--collapsed .sidebar__section[data-v-86b144fa]{padding:var(--space-3) var(--space-2)}.sidebar--collapsed .sidebar__section-header[data-v-86b144fa]{justify-content:center;margin-bottom:var(--space-2)}.sidebar--collapsed .sidebar__section-header-actions[data-v-86b144fa]{flex-direction:column;gap:var(--space-1)}.sidebar--collapsed .sidebar__agent[data-v-86b144fa]{justify-content:center;padding:var(--space-2)}.sidebar--collapsed .sidebar__agent-info[data-v-86b144fa],.sidebar--collapsed .sidebar__agent-count[data-v-86b144fa]{display:none}.sidebar--collapsed .sidebar__agent-indicator[data-v-86b144fa]{width:8px;height:8px}.sidebar--collapsed .sidebar__empty[data-v-86b144fa]{padding:var(--space-4)}.content[data-v-86b144fa]{flex:1;min-width:0;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.content__header[data-v-86b144fa]{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.content__header-left[data-v-86b144fa]{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.content__breadcrumb[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.content__breadcrumb-item--active[data-v-86b144fa]{color:var(--color-text-secondary)}.content__title[data-v-86b144fa]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.content__subtitle[data-v-86b144fa]{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.content__header-right[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.content__search[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content__search[data-v-86b144fa]:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.content__search svg[data-v-86b144fa]{color:var(--color-text-muted);flex-shrink:0}.content__search-input[data-v-86b144fa]{border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text-primary);width:180px;outline:none;font-family:inherit}.content__search-input[data-v-86b144fa]::placeholder{color:var(--color-text-muted)}.stats-row[data-v-86b144fa]{display:flex;gap:var(--space-3);flex-wrap:wrap}.stat-pill[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:140px;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.stat-pill[data-v-86b144fa]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.stat-pill--active[data-v-86b144fa]:hover{border-color:var(--color-border-strong)}.stat-pill--clickable[data-v-86b144fa]{cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.stat-pill--clickable[data-v-86b144fa]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.stat-pill--selected[data-v-86b144fa]{border-color:var(--color-primary)!important;background:var(--color-primary-subtle);box-shadow:var(--shadow-sm)}.stat-pill--selected .stat-pill__icon[data-v-86b144fa]{background:var(--color-primary);color:#fff}.stat-pill--selected .stat-pill__value[data-v-86b144fa],.stat-pill--selected .stat-pill__label[data-v-86b144fa]{color:var(--color-primary)}.stat-pill__icon[data-v-86b144fa]{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-pill__icon--servers[data-v-86b144fa]{background:var(--color-primary-subtle);color:var(--color-primary)}.stat-pill__icon--online[data-v-86b144fa]{background:var(--color-success-50);color:var(--color-success)}.stat-pill__icon--rules[data-v-86b144fa]{background:var(--color-primary-subtle);color:var(--color-primary)}.stat-pill__icon--l4[data-v-86b144fa]{background:var(--color-warning-50);color:var(--color-warning)}.stat-pill__icon--certs[data-v-86b144fa],.stat-pill__icon--online[data-v-86b144fa]{background:var(--color-success-50);color:var(--color-success)}.tabs-bar[data-v-86b144fa]{display:flex;gap:var(--space-2);background:var(--color-bg-subtle);padding:var(--space-1);border-radius:var(--radius-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:0;z-index:10}.main-tabs-bar[data-v-86b144fa]{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-default);position:sticky;top:56px;z-index:50;overflow-x:auto;-webkit-overflow-scrolling:touch}.main-tabs-bar__item[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);font-family:inherit;white-space:nowrap}.main-tabs-bar__item[data-v-86b144fa]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.main-tabs-bar__item--active[data-v-86b144fa]{background:var(--color-bg-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-default)}.main-tabs-bar__badge[data-v-86b144fa]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-semibold);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full)}.main-tabs-bar__item--active .main-tabs-bar__badge[data-v-86b144fa]{background:var(--color-primary)}.tabs-bar__item[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);font-family:inherit;white-space:nowrap}.tabs-bar__item[data-v-86b144fa]:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tabs-bar__item--active[data-v-86b144fa]{background:var(--color-bg-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.tabs-bar__badge[data-v-86b144fa]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:var(--font-semibold);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full)}.tabs-bar__item--active .tabs-bar__badge[data-v-86b144fa]{background:var(--color-primary)}.stat-pill__icon--active[data-v-86b144fa]{background:var(--color-primary-subtle);color:var(--color-primary)}.stat-pill__data[data-v-86b144fa]{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stat-pill__row[data-v-86b144fa]{display:flex;align-items:baseline;gap:var(--space-1);line-height:1}.stat-pill__value[data-v-86b144fa]{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.stat-pill__value--active[data-v-86b144fa]{color:var(--color-primary)}.stat-pill__unit[data-v-86b144fa]{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.stat-pill__unit--muted[data-v-86b144fa]{color:var(--color-text-muted)}.stat-pill__label[data-v-86b144fa]{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stat-pill__footer[data-v-86b144fa]{display:flex;align-items:center;gap:var(--space-2)}.stat-pill__bar-wrap[data-v-86b144fa]{flex:1;height:3px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden}.stat-pill__bar-fill[data-v-86b144fa]{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.rules-section[data-v-86b144fa]{flex:1;min-width:0}.space-y-4[data-v-86b144fa]>*+*{margin-top:var(--space-4)}.flex[data-v-86b144fa]{display:flex}.justify-end[data-v-86b144fa]{justify-content:flex-end}.gap-3[data-v-86b144fa]{gap:var(--space-3)}.mr-2[data-v-86b144fa]{margin-right:var(--space-2)}.bg-subtle[data-v-86b144fa]{background:var(--color-bg-subtle)}.p-4[data-v-86b144fa]{padding:var(--space-4)}.rounded-lg[data-v-86b144fa]{border-radius:var(--radius-lg)}.text-xs[data-v-86b144fa]{font-size:var(--text-xs)}.text-sm[data-v-86b144fa]{font-size:var(--text-sm)}.text-secondary[data-v-86b144fa]{color:var(--color-text-secondary)}.text-tertiary[data-v-86b144fa]{color:var(--color-text-tertiary)}.break-all[data-v-86b144fa]{word-break:break-all}.overflow-auto[data-v-86b144fa]{overflow:auto}.max-h-48[data-v-86b144fa]{max-height:12rem}@media (min-width: 2560px){.topbar[data-v-86b144fa]{height:64px;padding:0 var(--space-8)}.sidebar[data-v-86b144fa]:not(.sidebar--collapsed){width:340px}.content[data-v-86b144fa]{padding:var(--space-8);gap:var(--space-6)}.content__title[data-v-86b144fa]{font-size:var(--text-2xl)}.stat-pill[data-v-86b144fa]{padding:var(--space-4) var(--space-5)}.stat-pill__icon[data-v-86b144fa]{width:44px;height:44px}.stat-pill__value[data-v-86b144fa]{font-size:var(--text-2xl)}}@media (min-width: 1440px) and (max-width: 2559px){.sidebar[data-v-86b144fa]:not(.sidebar--collapsed){width:300px}.content[data-v-86b144fa]{padding:var(--space-6)}}@media (max-width: 1439px){.sidebar[data-v-86b144fa]:not(.sidebar--collapsed){width:260px}}@media (max-width: 1023px){.topbar__nav[data-v-86b144fa]{display:none}.sidebar[data-v-86b144fa]{position:fixed;top:56px;left:0;bottom:0;z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-default);width:280px!important}.sidebar--open[data-v-86b144fa]{transform:translate(0)}.sidebar--collapsed[data-v-86b144fa]{width:280px!important}.sidebar--collapsed .sidebar__section[data-v-86b144fa]{padding:var(--space-4)}.sidebar--collapsed .sidebar__section-header[data-v-86b144fa]{justify-content:space-between}.sidebar--collapsed .sidebar__section-header-actions[data-v-86b144fa]{flex-direction:row}.sidebar--collapsed .sidebar__agent[data-v-86b144fa]{justify-content:flex-start;padding:var(--space-3)}.sidebar--collapsed .sidebar__agent-info[data-v-86b144fa],.sidebar--collapsed .sidebar__agent-count[data-v-86b144fa]{display:block}.sidebar__collapse-btn[data-v-86b144fa]{display:none}.sidebar-overlay[data-v-86b144fa]{display:block;position:fixed;right:0;bottom:0;left:0;top:56px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-fixed) - 1)}.topbar__hamburger[data-v-86b144fa]{display:flex}.content[data-v-86b144fa]{padding:var(--space-5);z-index:1}.main-tabs-bar[data-v-86b144fa]{left:0;padding:var(--space-2) var(--space-4)}.stats-row[data-v-86b144fa]{gap:var(--space-2)}}@media (max-width: 768px){.topbar[data-v-86b144fa]{padding:0 var(--space-3)}.topbar__title[data-v-86b144fa]{display:none}.topbar__hamburger[data-v-86b144fa]{display:flex}.content[data-v-86b144fa]{padding:var(--space-4);gap:var(--space-4);z-index:1}.content__header[data-v-86b144fa]{flex-direction:column;align-items:stretch;gap:var(--space-3)}.content__header-right[data-v-86b144fa]{flex-direction:column;align-items:stretch;gap:var(--space-2)}.join-modal__actions[data-v-86b144fa]{flex-direction:column}.join-modal__actions .btn[data-v-86b144fa],.content__search[data-v-86b144fa]{width:100%}.content__search-input[data-v-86b144fa]{width:100%;flex:1}.content__title[data-v-86b144fa]{font-size:var(--text-lg)}.stats-row[data-v-86b144fa]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stat-pill[data-v-86b144fa]{padding:var(--space-2-5) var(--space-3)}.stat-pill__icon[data-v-86b144fa]{width:32px;height:32px}.stat-pill__value[data-v-86b144fa]{font-size:var(--text-lg)}.main-tabs-bar[data-v-86b144fa]{left:0;padding:var(--space-2) var(--space-3)}.main-tabs-bar__item[data-v-86b144fa]{padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){.topbar[data-v-86b144fa]{height:52px;padding:0 var(--space-2)}.topbar__logo[data-v-86b144fa]{width:32px;height:32px}.topbar__actions[data-v-86b144fa]{gap:var(--space-2)}.topbar__divider[data-v-86b144fa]{display:none}.content[data-v-86b144fa]{padding:var(--space-3);gap:var(--space-3)}.content__breadcrumb[data-v-86b144fa]{display:none}.content__title[data-v-86b144fa]{font-size:var(--text-base)}.content__subtitle[data-v-86b144fa]{font-size:var(--text-xs)}.stats-row[data-v-86b144fa]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.stat-pill[data-v-86b144fa]{padding:var(--space-2);gap:var(--space-2)}.stat-pill__icon[data-v-86b144fa]{width:28px;height:28px}.stat-pill__icon svg[data-v-86b144fa]{width:14px;height:14px}.stat-pill__value[data-v-86b144fa]{font-size:var(--text-base)}.stat-pill__label[data-v-86b144fa]{font-size:10px}}.mobile-bottom-nav[data-v-86b144fa]{display:none}@media (max-width: 768px){.mobile-bottom-nav[data-v-86b144fa]{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--color-bg-surface);border-top:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:var(--z-sticky);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav__item[data-v-86b144fa]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:var(--color-text-muted);font-size:10px;font-family:inherit;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-default);position:relative}.mobile-bottom-nav__item[data-v-86b144fa]:active{transform:scale(.92);background:var(--color-bg-hover)}.mobile-bottom-nav__item--active[data-v-86b144fa]{color:var(--color-primary)}.mobile-bottom-nav__item--active svg[data-v-86b144fa]{stroke:var(--color-primary)}.mobile-bottom-nav__badge[data-v-86b144fa]{position:absolute;top:4px;right:calc(50% - 14px);min-width:16px;height:16px;padding:0 4px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1}.content[data-v-86b144fa]{padding-bottom:calc(60px + var(--space-4))}.app-shell .sidebar[data-v-86b144fa]{bottom:60px}.sidebar-overlay[data-v-86b144fa]{bottom:60px!important}}.topbar__nav-mobile[data-v-86b144fa]{display:none}@media (max-width: 1023px){.topbar__nav-mobile[data-v-86b144fa]{display:flex}}@media (max-width: 768px){.topbar__nav-mobile[data-v-86b144fa]{display:none}}.sidebar__search-clear[data-v-86b144fa]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--color-bg-hover);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease-default)}.sidebar__search-clear[data-v-86b144fa]:hover{background:var(--color-danger-50);color:var(--color-danger)}.sidebar__search-meta[data-v-86b144fa]{font-size:11px;color:var(--color-text-muted);padding:0 var(--space-1) var(--space-2)}.sidebar__search-meta strong[data-v-86b144fa]{color:var(--color-primary);font-weight:var(--font-semibold)}@media (max-width: 768px){.global-search-overlay[data-v-86b144fa]{padding-top:0;align-items:stretch}.global-search-panel[data-v-86b144fa]{width:100%;max-height:calc(100vh - 60px);border-radius:0;border-left:none;border-right:none;border-top:none}}:root{--font-sans: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", "Courier New", monospace;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 260px;--header-height: 64px;--container-max: 1440px}[data-theme=sakura]{--font-sans: "ZCOOL KuaiLe", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--color-primary: #c084fc;--color-primary-hover: #a855f7;--color-primary-active: #9333ea;--color-primary-subtle: #faf5ff;--color-text-primary: #251736;--color-text-secondary: #6b4e80;--color-text-tertiary: #8c6ea0;--color-text-muted: #c4a8d4;--color-text-inverse: #ffffff;--color-bg-canvas: #fdf2f8;--color-bg-surface: rgba(255, 255, 255, .82);--color-bg-surface-raised: rgba(255, 255, 255, .94);--color-bg-subtle: #fce7f3;--color-bg-hover: #f9e0f2;--color-bg-active: #f3d5ec;--color-border-subtle: rgba(192, 132, 252, .12);--color-border-default: rgba(192, 132, 252, .22);--color-border-strong: rgba(192, 132, 252, .38);--color-success: #16a34a;--color-success-50: rgba(22, 163, 74, .1);--color-success-700: #15803d;--color-danger: #e11d48;--color-danger-50: rgba(225, 29, 72, .08);--color-danger-100: rgba(225, 29, 72, .13);--color-danger-700: #be123c;--color-warning: #d97706;--color-warning-50: rgba(217, 119, 6, .1);--shadow-xs: 0 2px 8px rgba(192, 132, 252, .08);--shadow-sm: 0 4px 12px rgba(192, 132, 252, .12);--shadow-md: 0 8px 24px rgba(192, 132, 252, .15);--shadow-lg: 0 12px 32px rgba(192, 132, 252, .18);--shadow-xl: 0 20px 48px rgba(192, 132, 252, .22);--shadow-2xl: 0 28px 64px rgba(192, 132, 252, .26);--shadow-focus: 0 0 0 4px rgba(192, 132, 252, .22);--shadow-glow: 0 0 20px rgba(244, 114, 182, .35), 0 0 40px rgba(192, 132, 252, .18);--gradient-primary: linear-gradient(135deg, #ff6b9d 0%, #c084fc 50%, #818cf8 100%);--gradient-soft: linear-gradient(135deg, #fce7f3 0%, #f3e8ff 50%, #e0e7ff 100%);--theme-bg: linear-gradient(135deg, #fdf2f8 0%, #faf5ff 40%, #eef2ff 70%, #fdf2f8 100%);--theme-decorator-opacity: .6}[data-theme=cyberpunk]{--font-sans: "Noto Sans SC", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--color-primary: #00d4e6;--color-primary-hover: #00bcd4;--color-primary-active: #00a5ba;--color-primary-subtle: rgba(0, 212, 230, .08);--color-text-primary: #daf6fa;--color-text-secondary: #52c8d8;--color-text-tertiary: #1ea8bc;--color-text-muted: #0d6e7e;--color-text-inverse: #010e14;--color-bg-canvas: #020c14;--color-bg-surface: rgba(3, 16, 26, .92);--color-bg-surface-raised: rgba(5, 22, 38, .94);--color-bg-subtle: rgba(0, 212, 230, .05);--color-bg-hover: rgba(0, 212, 230, .09);--color-bg-active: rgba(0, 212, 230, .15);--color-border-subtle: rgba(0, 212, 230, .1);--color-border-default: rgba(0, 212, 230, .2);--color-border-strong: rgba(0, 212, 230, .44);--color-success: #2ee87a;--color-success-50: rgba(46, 232, 122, .1);--color-success-700: #18c058;--color-danger: #ff1a6e;--color-danger-50: rgba(255, 26, 110, .1);--color-danger-100: rgba(255, 26, 110, .15);--color-danger-700: #cc0055;--color-warning: #f0c000;--color-warning-50: rgba(240, 192, 0, .1);--shadow-xs: 0 0 10px rgba(0, 212, 230, .18);--shadow-sm: 0 0 18px rgba(0, 212, 230, .24);--shadow-md: 0 0 28px rgba(0, 212, 230, .3), 0 0 56px rgba(160, 0, 240, .12);--shadow-lg: 0 0 40px rgba(0, 212, 230, .36), 0 0 80px rgba(160, 0, 240, .16);--shadow-xl: 0 0 55px rgba(0, 212, 230, .42);--shadow-2xl: 0 0 75px rgba(0, 212, 230, .48);--shadow-focus: 0 0 0 2px rgba(0, 212, 230, .6), 0 0 20px rgba(0, 212, 230, .25);--shadow-glow: 0 0 32px rgba(0, 212, 230, .55), 0 0 70px rgba(160, 0, 240, .28);--gradient-primary: linear-gradient(135deg, #00d4e6 0%, #7000f0 55%, #ff1a6e 100%);--gradient-soft: linear-gradient(135deg, rgba(0,212,230,.07) 0%, rgba(112,0,240,.06) 50%, rgba(255,26,110,.06) 100%);--theme-bg: linear-gradient(135deg, #020c14 0%, #050f20 50%, #020c14 100%);--theme-decorator-opacity: .88}[data-theme=business]{--font-sans: "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-subtle: rgba(37, 99, 235, .07);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-bg-canvas: #f8fafc;--color-bg-surface: rgba(255, 255, 255, .96);--color-bg-surface-raised: rgba(255, 255, 255, .99);--color-bg-subtle: #f1f5f9;--color-bg-hover: #e2e8f0;--color-bg-active: #cbd5e1;--color-border-subtle: rgba(15, 23, 42, .06);--color-border-default: rgba(15, 23, 42, .11);--color-border-strong: rgba(15, 23, 42, .2);--color-success: #16a34a;--color-success-50: rgba(22, 163, 74, .08);--color-success-700: #15803d;--color-danger: #dc2626;--color-danger-50: rgba(220, 38, 38, .07);--color-danger-100: rgba(220, 38, 38, .11);--color-danger-700: #b91c1c;--color-warning: #d97706;--color-warning-50: rgba(217, 119, 6, .08);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .07);--shadow-xl: 0 16px 40px rgba(15, 23, 42, .14), 0 6px 14px rgba(15, 23, 42, .08);--shadow-2xl: 0 24px 56px rgba(15, 23, 42, .16), 0 10px 20px rgba(15, 23, 42, .09);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .28);--shadow-glow: 0 4px 16px rgba(37, 99, 235, .18), 0 1px 4px rgba(37, 99, 235, .1);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 45%, #1d4ed8 80%, #1e40af 100%);--gradient-soft: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--theme-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--theme-decorator-opacity: .25}[data-theme=midnight]{--font-sans: "Noto Sans SC", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-active: #4f46e5;--color-primary-subtle: rgba(129, 140, 248, .1);--color-text-primary: #e6edf3;--color-text-secondary: #8d96a0;--color-text-tertiary: #5c6470;--color-text-muted: #3d444d;--color-text-inverse: #0f172a;--color-bg-canvas: #0d1117;--color-bg-surface: rgba(22, 27, 34, .9);--color-bg-surface-raised: rgba(33, 38, 46, .92);--color-bg-subtle: rgba(129, 140, 248, .07);--color-bg-hover: rgba(129, 140, 248, .11);--color-bg-active: rgba(129, 140, 248, .17);--color-border-subtle: rgba(129, 140, 248, .08);--color-border-default: rgba(129, 140, 248, .15);--color-border-strong: rgba(129, 140, 248, .3);--color-success: #3fb950;--color-success-50: rgba(63, 185, 80, .1);--color-success-700: #2ea043;--color-danger: #f85149;--color-danger-50: rgba(248, 81, 73, .1);--color-danger-100: rgba(248, 81, 73, .15);--color-danger-700: #da3633;--color-warning: #d29922;--color-warning-50: rgba(210, 153, 34, .1);--shadow-xs: 0 2px 8px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .65);--shadow-2xl: 0 28px 64px rgba(0, 0, 0, .7);--shadow-focus: 0 0 0 4px rgba(129, 140, 248, .22);--shadow-glow: 0 0 22px rgba(129, 140, 248, .3), 0 0 44px rgba(99, 102, 241, .14);--gradient-primary: linear-gradient(135deg, #a5b4fc 0%, #818cf8 38%, #6366f1 72%, #4f46e5 100%);--gradient-soft: linear-gradient(135deg, rgba(129,140,248,.09) 0%, rgba(99,102,241,.11) 100%);--theme-bg: linear-gradient(135deg, #0d1117 0%, #101827 50%, #0d1117 100%);--theme-decorator-opacity: .7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--theme-bg);background-attachment:fixed;min-height:100vh;overflow-x:hidden;position:relative;transition:background .5s ease,color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(192,132,252,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(244,114,182,.06) 0%,transparent 50%);opacity:var(--theme-decorator-opacity, .5);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,currentColor,transparent),radial-gradient(2px 2px at 40% 70%,currentColor,transparent),radial-gradient(1.5px 1.5px at 60% 20%,currentColor,transparent),radial-gradient(2px 2px at 80% 50%,currentColor,transparent),radial-gradient(1.5px 1.5px at 10% 80%,currentColor,transparent),radial-gradient(2px 2px at 70% 90%,currentColor,transparent);opacity:.04;animation:sparkle 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}[data-theme=cyberpunk] body:after{background-image:radial-gradient(2px 2px at 20% 30%,#00f0ff,transparent),radial-gradient(2px 2px at 40% 70%,#ff0055,transparent),radial-gradient(1.5px 1.5px at 60% 20%,#00f0ff,transparent),radial-gradient(2px 2px at 80% 50%,#ff0055,transparent),radial-gradient(1.5px 1.5px at 10% 80%,#00f0ff,transparent),radial-gradient(2px 2px at 70% 90%,#39ff14,transparent);opacity:.12}[data-theme=midnight] body:after{background-image:radial-gradient(2px 2px at 20% 30%,#a78bfa,transparent),radial-gradient(2px 2px at 40% 70%,#60a5fa,transparent),radial-gradient(1.5px 1.5px at 60% 20%,#818cf8,transparent),radial-gradient(2px 2px at 80% 50%,#a78bfa,transparent),radial-gradient(1.5px 1.5px at 10% 80%,#60a5fa,transparent),radial-gradient(2px 2px at 70% 90%,#818cf8,transparent);opacity:.15}@keyframes sparkle{0%{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-5px)}to{opacity:.3;transform:translateY(0)}}#app{position:relative;z-index:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-primary);color:var(--color-text-inverse);opacity:.25}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot--online{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-50);animation:pulse 2s ease-in-out infinite}.status-dot--offline{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-50)}.status-dot--pending{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-50)}.app{min-height:100vh;display:flex}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header__left{display:flex;flex-direction:column;gap:var(--space-1)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em}.page-header__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6)}.panel{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.panel__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-1)}.panel__actions{display:flex;align-items:center;gap:var(--space-2)}.panel__body{flex:1;overflow-y:auto;padding:var(--space-2)}.list{display:flex;flex-direction:column;gap:var(--space-1)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);border:1.5px solid transparent}.list-item:hover{background:var(--color-bg-hover);border-color:#c084fc26;transform:translate(4px)}.list-item--active{background:linear-gradient(135deg,#f472b614,#c084fc14);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.list-item__icon{width:40px;height:40px;background:linear-gradient(135deg,#fce7f380,#f3e8ff80);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.list-item--active .list-item__icon{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-md)}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-0_5)}.list-item__badge{flex-shrink:0}@media (max-width: 1280px){.dashboard-grid{grid-template-columns:280px 1fr}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full);transition:background var(--duration-normal) var(--ease-bounce),box-shadow var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),filter var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);border:none}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}.btn--primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1.5px solid var(--color-border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:#c084fc1a;color:var(--color-primary)}.btn--danger{background:linear-gradient(135deg,#fb7185,#f43f5e);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){box-shadow:0 0 20px #fb718566;transform:translateY(-2px)}.btn--success{background:linear-gradient(135deg,#34d399,#10b981);color:var(--color-text-inverse)}.btn--success:hover:not(:disabled){box-shadow:0 0 20px #34d39966;transform:translateY(-2px)}.btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-lg)}.btn--icon-sm{width:32px;height:32px}.btn--icon-lg{width:40px;height:40px}.btn--sm{padding:var(--space-1-5) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-2xl)}.btn--full{width:100%}.card{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-md);border-color:#f472b64d}.card--no-hover:hover{box-shadow:var(--shadow-sm);transform:none}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card__body{padding:var(--space-5)}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-subtle);background:#fce7f34d;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-label--required:after{content:" *";color:var(--color-danger)}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.input{width:100%;height:44px;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input:hover{border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background:var(--color-bg-subtle);cursor:not-allowed}.input--error{border-color:var(--color-danger);background:#fb71850d}.input--error:focus{box-shadow:0 0 0 4px #fb718526}.input--sm{height:36px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-lg)}.input-wrapper{position:relative}.input-wrapper__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--duration-fast) var(--ease-default);z-index:1;display:flex;align-items:center}.input-wrapper .input{padding-left:var(--space-10)}.input-wrapper:focus-within .input-wrapper__icon{color:var(--color-primary)}.textarea{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical;border-radius:var(--radius-xl)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239b7bb0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:var(--space-10);border-radius:var(--radius-xl)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__slider{position:relative;width:48px;height:26px;background:var(--color-border-strong);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce)}.toggle__slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-bounce);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider{background:var(--gradient-primary)}.toggle__input:checked+.toggle__slider:after{transform:translate(22px)}.toggle__input:focus-visible+.toggle__slider{box-shadow:var(--shadow-focus)}.toggle__label{margin-left:var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-none);border-radius:var(--radius-full)}.badge--primary{background:linear-gradient(135deg,#f472b626,#c084fc26);color:var(--color-primary);border:1px solid rgba(192,132,252,.2)}.badge--success{background:#34d3991f;color:#059669;border:1px solid rgba(52,211,153,.25)}.badge--warning{background:#fb923c1f;color:#d97706;border:1px solid rgba(251,146,60,.25)}.badge--danger{background:#fb71851f;color:#e11d48;border:1px solid rgba(251,113,133,.25)}.badge--neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-default)}.tag:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:scale(1.05)}.tag__remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--space-1);border-radius:var(--radius-full);cursor:pointer;opacity:.6;transition:all var(--duration-fast) var(--ease-default)}.tag__remove:hover{opacity:1;background:var(--color-danger-50);color:var(--color-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{width:72px;height:72px;margin-bottom:var(--space-5);color:var(--color-primary);opacity:.6;animation:float 4s ease-in-out infinite}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-6);line-height:1.6}.spinner{width:22px;height:22px;border:2.5px solid var(--color-border-default);border-top-color:var(--color-primary);border-right-color:#f472b680;border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:36px;height:36px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--color-bg-subtle) 0%,rgba(192,132,252,.12) 50%,var(--color-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#25173666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-default)}.modal{background:var(--color-bg-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:hidden;animation:scaleIn var(--duration-slow) var(--ease-bounce);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal--lg{max-width:640px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--duration-normal) var(--ease-bounce)}.modal__close:hover{background:#fb71851a;color:var(--color-danger);transform:rotate(90deg)}.modal__body{padding:var(--space-6);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);background:#fce7f333}.tooltip{position:relative}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;background:linear-gradient(135deg,#c084fc,#818cf8);border-radius:var(--radius-lg);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--duration-fast) var(--ease-default);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#c084fc}.tooltip:hover .tooltip__content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.status-message-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.status-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1.5px solid var(--color-border-default);border-left:4px solid;pointer-events:auto;animation:slideInRight var(--duration-normal) var(--ease-out);max-width:400px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-message--success{border-left-color:var(--color-success)}.status-message--error{border-left-color:var(--color-danger)}.status-message--info{border-left-color:var(--color-primary)}.status-message__icon{flex-shrink:0;width:20px;height:20px}.status-message--success .status-message__icon{color:var(--color-success)}.status-message--error .status-message__icon{color:var(--color-danger)}.status-message--info .status-message__icon{color:var(--color-primary)}.status-message__content{flex:1;min-width:0}.status-message__text{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-medium)}.status-message__close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.status-message__close:hover{color:var(--color-text-primary)}.status-message--exiting{animation:slideOutRight var(--duration-normal) var(--ease-in) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 640px){.status-message-container{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4)}.status-message{max-width:100%}.status-message--exiting{animation:slideOutDown var(--duration-normal) var(--ease-in) forwards}@keyframes slideInRight{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}