.app-layout[data-v-02364402]{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar[data-v-02364402]{position:fixed;left:0;top:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--border-light);z-index:100;-webkit-user-select:none;user-select:none;-webkit-app-region:drag}:root.dark .sidebar[data-v-02364402]{background:#0c0a09c7;border-right-color:var(--border-light)}.sidebar-header[data-v-02364402]{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;-webkit-app-region:drag}.logo[data-v-02364402]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-700));color:#fff;flex-shrink:0;box-shadow:var(--shadow-accent)}.logo-text h1[data-v-02364402]{font-size:15px;font-weight:700;color:var(--text-color);letter-spacing:-.3px;line-height:1.2}.sidebar-nav[data-v-02364402]{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 12px;overflow-y:auto;-webkit-app-region:no-drag}.nav-item[data-v-02364402]{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast) var(--ease-default);outline:none;text-align:left}.nav-item[data-v-02364402]:hover{background:var(--bg-secondary);color:var(--text-color)}.nav-item[data-v-02364402]:focus-visible{box-shadow:0 0 0 2px var(--ring-color)}.nav-item.active[data-v-02364402]{background:var(--primary-bg-soft);color:var(--primary-color);font-weight:600}.nav-item.active[data-v-02364402]:hover{background:var(--primary-bg-soft-hover)}.nav-item.active .nav-icon[data-v-02364402]{color:var(--primary-color)}.nav-icon[data-v-02364402]{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast) var(--ease-default)}.nav-item:hover .nav-icon[data-v-02364402]{color:var(--text-secondary)}.nav-label[data-v-02364402]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-02364402]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border-light);-webkit-app-region:no-drag}.connection-status[data-v-02364402]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--text-muted)}.status-dot[data-v-02364402]{width:8px;height:8px;border-radius:50%;background:var(--color-warm-400);transition:all var(--transition-normal) var(--ease-default)}.connection-status.connected .status-dot[data-v-02364402]{background:var(--success-color);box-shadow:0 0 8px #05966966;animation:pulse 2s ease-in-out infinite}.connection-status.connected .status-text[data-v-02364402]{color:var(--success-color)}.theme-toggle[data-v-02364402]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) var(--ease-default);outline:none}.theme-toggle[data-v-02364402]:hover{background:var(--bg-secondary);color:var(--text-color)}.theme-toggle[data-v-02364402]:focus-visible{box-shadow:0 0 0 2px var(--ring-color)}.main-content[data-v-02364402]{flex:1;margin-left:240px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar[data-v-02364402]{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--bg-color);border-bottom:1px solid var(--border-light);flex-shrink:0;-webkit-app-region:drag}.page-title[data-v-02364402]{font-size:16px;font-weight:600;color:var(--text-color);letter-spacing:-.3px}.top-bar-right[data-v-02364402]{display:flex;align-items:center;gap:8px;-webkit-app-region:no-drag}.content-area[data-v-02364402]{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:var(--bg-secondary)}.fade-enter-active[data-v-02364402]{animation:fadeInUp .3s var(--ease-default)}.fade-leave-active[data-v-02364402]{animation:fadeInUp .2s var(--ease-default) reverse}.toast-container[data-v-02364402]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item[data-v-02364402]{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:380px;animation:toast-in-02364402 .3s var(--ease-spring)}.toast-item.success[data-v-02364402]{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.toast-item.error[data-v-02364402]{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.toast-item.warning[data-v-02364402]{background:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-border)}.toast-item.info[data-v-02364402]{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}.toast-enter-active[data-v-02364402]{animation:toast-in-02364402 .3s var(--ease-spring)}.toast-leave-active[data-v-02364402]{animation:toast-out-02364402 .2s var(--ease-default)}@keyframes toast-in-02364402{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out-02364402{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media(max-width:768px){.sidebar[data-v-02364402]{width:64px}.sidebar-header[data-v-02364402]{padding:16px 12px;justify-content:center}.logo-text[data-v-02364402]{display:none}.sidebar-nav[data-v-02364402]{padding:4px 8px}.nav-item[data-v-02364402]{padding:10px;justify-content:center}.nav-label[data-v-02364402]{display:none}.sidebar-footer[data-v-02364402]{flex-direction:column;gap:8px;padding:8px}.status-text[data-v-02364402]{display:none}.main-content[data-v-02364402]{margin-left:64px}}:root{--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-white: #ffffff;--color-warm-50: #fafaf9;--color-warm-100: #f5f5f4;--color-warm-200: #e7e5e4;--color-warm-300: #d6d3d1;--color-warm-400: #a8a29e;--color-warm-500: #78716c;--color-warm-600: #57534e;--color-warm-700: #44403c;--color-warm-800: #292524;--color-warm-900: #1c1917;--color-warm-950: #0c0a09;--success-color: #059669;--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning-color: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--error-color: #dc2626;--error-bg: #fef2f2;--error-border: #fecaca;--bg-color: var(--color-white);--bg-secondary: var(--color-warm-50);--bg-elevated: var(--color-white);--bg-accent: var(--color-teal-50);--bg-accent-hover: var(--color-teal-100);--text-color: var(--color-warm-900);--text-secondary: var(--color-warm-600);--text-muted: var(--color-warm-400);--text-on-accent: var(--color-white);--border-color: var(--color-warm-200);--border-light: var(--color-warm-100);--border-accent: var(--color-teal-200);--primary-color: var(--color-teal-600);--primary-hover: var(--color-teal-700);--primary-active: var(--color-teal-800);--primary-bg: var(--color-teal-600);--primary-bg-hover: var(--color-teal-700);--primary-bg-soft: var(--color-teal-50);--primary-bg-soft-hover: var(--color-teal-100);--accent-color: var(--color-teal-500);--accent-hover: var(--color-teal-600);--accent-subtle: var(--color-teal-50);--link-color: var(--color-teal-600);--link-hover: var(--color-teal-800);--info-color: var(--color-teal-600);--info-bg: var(--color-teal-50);--info-border: var(--color-teal-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-accent: 0 4px 14px -2px rgba(13, 148, 136, .25);--shadow-accent-lg: 0 10px 30px -4px rgba(13, 148, 136, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ring-color: rgba(13, 148, 136, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}:root.dark{--bg-color: var(--color-warm-950);--bg-secondary: var(--color-warm-800);--bg-elevated: #1e1c1a;--bg-accent: rgba(13, 148, 136, .12);--bg-accent-hover: rgba(13, 148, 136, .2);--text-color: var(--color-warm-50);--text-secondary: var(--color-warm-300);--text-muted: var(--color-warm-500);--text-on-accent: var(--color-white);--border-color: var(--color-warm-700);--border-light: rgba(255, 255, 255, .06);--border-accent: rgba(13, 148, 136, .3);--primary-color: var(--color-teal-400);--primary-hover: var(--color-teal-300);--primary-active: var(--color-teal-200);--primary-bg: var(--color-teal-500);--primary-bg-hover: var(--color-teal-400);--primary-bg-soft: rgba(13, 148, 136, .12);--primary-bg-soft-hover: rgba(13, 148, 136, .2);--accent-color: var(--color-teal-400);--accent-hover: var(--color-teal-300);--accent-subtle: rgba(13, 148, 136, .12);--link-color: var(--color-teal-400);--link-hover: var(--color-teal-300);--info-color: var(--color-teal-400);--info-bg: rgba(13, 148, 136, .12);--info-border: rgba(13, 148, 136, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-accent: 0 4px 14px -2px rgba(13, 148, 136, .2);--shadow-accent-lg: 0 10px 30px -4px rgba(13, 148, 136, .25);--ring-color: rgba(45, 212, 191, .5);--success-bg: rgba(5, 150, 105, .12);--warning-bg: rgba(217, 119, 6, .12);--error-bg: rgba(220, 38, 38, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-color);line-height:1.6;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in-up{animation:fadeInUp .35s var(--ease-default) both}.scale-in{animation:scaleIn .25s var(--ease-spring) both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-warm-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-warm-400)}:root.dark ::-webkit-scrollbar-thumb{background:var(--color-warm-600)}::selection{background-color:var(--color-teal-200);color:var(--color-teal-800)}:root.dark ::selection{background-color:#0d948859;color:#ccfbf1}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;border:none;outline:none;transition:all var(--transition-normal) var(--ease-default)}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring-color)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-bg);color:var(--text-on-accent);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--primary-bg-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-accent)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-color)}.btn-sm{padding:5px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent)}.input{width:100%;padding:10px 14px;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);transition:all var(--transition-normal) var(--ease-default);outline:none}.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--ring-color)}.input::placeholder{color:var(--text-muted)}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}select.input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select.input option{background:var(--bg-elevated);color:var(--text-color);padding:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.badge-success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-border)}.badge-error{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.badge-info{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-border)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.4}.empty-state p{font-size:15px}