:root{--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .4375rem;--space-3: .5625rem;--space-4: .6875rem;--space-5: .8125rem;--space-6: 1.125rem;--space-7: 1.375rem;--space-8: 1.625rem;--space-9: 2.25rem;--space-10: 2.75rem;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 7px;--radius-xl: 9px;--radius-2xl: 11px;--radius-full: 9999px;--icon-xs: 13px;--icon-sm: 15px;--icon-md: 18px;--icon-lg: 20px;--icon-xl: 22px;--icon-2xl: 26px;--icon-3xl: 35px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease;--transition-slower: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}[data-density=cozy]{--text-2xs: .75rem;--text-xs: .875rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.4375rem;--text-2xl: 1.5625rem;--space-1: .3125rem;--space-2: .5rem;--space-3: .6875rem;--space-4: .8125rem;--space-5: .9375rem;--space-6: 1.3125rem;--space-7: 1.5625rem;--space-8: 1.875rem;--space-9: 2.5rem;--space-10: 3.125rem;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 8px;--radius-xl: 10px;--icon-xs: 15px;--icon-sm: 17px;--icon-md: 20px;--icon-lg: 22px;--icon-xl: 24px;--icon-2xl: 30px;--icon-3xl: 40px}:root,[data-theme=dark]{--bg-base: #0f0f0f;--bg-surface: #1a1a1a;--bg-elevated: #222222;--bg-overlay: #252525;--bg-input: #2a2a2a;--bg-muted: #333333;--border-base: #2a2a2a;--border-muted: #222222;--border-strong: #333333;--border-focus: #FFA500;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--text-faint: #666666;--text-disabled: #555555;--text-inverse: #000000;--accent: #FFA500;--accent-hover: #FFB733;--accent-muted: rgba(255, 165, 0, .15);--accent-subtle: rgba(255, 165, 0, .1);--success: #10b981;--success-hover: #059669;--success-muted: rgba(16, 185, 129, .15);--success-subtle: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-hover: #d97706;--warning-muted: rgba(245, 158, 11, .15);--warning-subtle: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-hover: #dc2626;--danger-muted: rgba(239, 68, 68, .15);--danger-subtle: rgba(239, 68, 68, .1);--info: #3b82f6;--info-hover: #2563eb;--info-muted: rgba(59, 130, 246, .15);--info-subtle: rgba(59, 130, 246, .1);--purple: #8b5cf6;--purple-hover: #7c3aed;--purple-muted: rgba(139, 92, 246, .15);--purple-subtle: rgba(139, 92, 246, .1);--sidebar-bg: var(--bg-surface);--sidebar-border: var(--border-base);--sidebar-item-hover: var(--bg-elevated);--sidebar-item-active: var(--accent-muted);--card-bg: var(--bg-surface);--card-border: var(--border-base);--card-hover: var(--bg-elevated);--input-bg: var(--bg-input);--input-border: var(--border-base);--input-border-focus: var(--accent);--input-placeholder: var(--text-muted);--btn-primary-bg: var(--accent);--btn-primary-text: var(--text-inverse);--btn-primary-hover: var(--accent-hover);--btn-secondary-bg: var(--bg-input);--btn-secondary-border: var(--border-strong);--btn-secondary-text: var(--text-secondary);--btn-secondary-hover: var(--bg-muted);--table-header-bg: var(--bg-input);--table-row-hover: var(--bg-elevated);--table-border: var(--border-base);--modal-bg: var(--bg-surface);--modal-border: var(--border-strong);--modal-backdrop: rgba(0, 0, 0, .8);--scrollbar-track: var(--bg-base);--scrollbar-thumb: var(--bg-muted);--scrollbar-thumb-hover: var(--border-strong);--skeleton-base: #1f1f1f;--skeleton-highlight: #2a2a2a;--canvas-bg: var(--bg-base);--bg-secondary: var(--bg-surface);--border-color: var(--border-base);--accent-primary: var(--accent);--accent-success: var(--success);--accent-warning: var(--warning);--node-bg: var(--bg-surface);--node-border: var(--border-muted);--connection-line: var(--text-muted);--panel-bg: var(--bg-surface);--canvas-dot-small: rgba(255, 255, 255, .06);--canvas-dot-large: rgba(255, 255, 255, .12);--code-text: #A6E3A1}[data-theme=light]{--bg-base: #f5f5f5;--bg-surface: #ffffff;--bg-elevated: #f0f0f0;--bg-overlay: #ffffff;--bg-input: #ffffff;--bg-muted: #e5e5e5;--border-base: #d0d0d0;--border-muted: #e0e0e0;--border-strong: #b0b0b0;--border-focus: #c77800;--text-primary: #111111;--text-secondary: #333333;--text-muted: #555555;--text-faint: #777777;--text-disabled: #999999;--text-inverse: #ffffff;--accent: #c77800;--accent-hover: #a56500;--accent-muted: rgba(180, 100, 0, .2);--accent-subtle: rgba(180, 100, 0, .1);--success: #0a7a55;--success-hover: #065f42;--success-muted: rgba(10, 122, 85, .15);--success-subtle: rgba(10, 122, 85, .1);--danger: #c82020;--danger-hover: #a51a1a;--danger-muted: rgba(200, 32, 32, .15);--danger-subtle: rgba(200, 32, 32, .1);--warning: #b86500;--warning-hover: #955200;--warning-muted: rgba(184, 101, 0, .15);--warning-subtle: rgba(184, 101, 0, .1);--info: #1d4ed8;--info-hover: #1e40af;--info-muted: rgba(29, 78, 216, .15);--info-subtle: rgba(29, 78, 216, .1);--purple: #6d28d9;--purple-hover: #5b21b6;--purple-muted: rgba(109, 40, 217, .15);--purple-subtle: rgba(109, 40, 217, .1);--skeleton-base: #e0e0e0;--skeleton-highlight: #c8c8c8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .18);--scrollbar-track: var(--bg-base);--scrollbar-thumb: #b0b0b0;--scrollbar-thumb-hover: #888888;--canvas-bg: var(--bg-base);--bg-secondary: var(--bg-surface);--border-color: var(--border-base);--accent-primary: var(--accent);--accent-success: var(--success);--accent-warning: var(--warning);--node-bg: var(--bg-surface);--node-border: var(--border-muted);--connection-line: var(--text-muted);--panel-bg: var(--bg-surface);--canvas-dot-small: rgba(0, 0, 0, .08);--canvas-dot-large: rgba(0, 0, 0, .15);--code-text: #166534}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);line-height:var(--leading-normal);transition:background-color var(--transition-slow),color var(--transition-slow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::selection{background-color:var(--accent-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.bg-base{background-color:var(--bg-base)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-muted{background-color:var(--bg-muted)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:12px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body,#app{display:block}}.actions-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-6)}.actions-left h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.actions-left p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.actions-right{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-accent)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--danger);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.btn-icon:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.btn-danger-icon{border-color:var(--danger);color:var(--danger)}.btn-danger-icon:hover{background:var(--danger-subtle);border-color:var(--danger);color:var(--danger)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-8);color:var(--text-muted)}.spinner{width:48px;height:48px;border:4px solid var(--border-base);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-8);color:var(--danger)}.error-state svg{margin-bottom:var(--space-4)}.error-state p{margin:0 0 var(--space-6) 0;font-size:var(--text-base)}.empty-state-container{text-align:center;padding:var(--space-10) var(--space-8);background:var(--bg-surface);border:2px dashed var(--border-base);border-radius:var(--radius-2xl)}.empty-icon{margin-bottom:var(--space-4);color:var(--text-faint)}.empty-state-container h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-container p{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-6) 0}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-2xl);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.modal-small{max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-base)}.modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-base)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select{width:100%;padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-base)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-textarea{width:100%;padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:all var(--transition-base)}.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--danger-subtle);border:1px solid var(--danger-muted);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);margin-top:var(--space-4)}.warning-message{display:flex;align-items:start;gap:var(--space-3);padding:var(--space-4);background:var(--warning-subtle);border:1px solid var(--warning-muted);border-radius:var(--radius-md)}.warning-message svg{color:var(--warning);flex-shrink:0;margin-top:.125rem}.warning-message p{margin:0 0 var(--space-2) 0;color:var(--warning);font-size:var(--text-sm)}.warning-message p:last-child{margin-bottom:0}.warning-note{font-size:var(--text-xs);color:var(--warning-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f0f;color:#e0e0e0;min-height:100vh;overflow-x:hidden}#app{min-height:100vh}.modal-overlay[data-v-6b24012d]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn-6b24012d .2s ease}@keyframes fadeIn-6b24012d{0%{opacity:0}to{opacity:1}}.modal-content[data-v-6b24012d]{background:#1a1a1a;border:1px solid #333;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp-6b24012d .3s ease}@keyframes slideUp-6b24012d{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-6b24012d]{text-align:center;padding:2rem 2rem 1.5rem;border-bottom:1px solid #333}.header-icon[data-v-6b24012d]{width:80px;height:80px;background:linear-gradient(135deg,orange,#ff8c00);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#000;margin:0 auto 1.5rem}.modal-header h2[data-v-6b24012d]{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.subtitle[data-v-6b24012d]{font-size:1.1rem;color:#888;margin:0}.trial-info[data-v-6b24012d]{padding:1.5rem 2rem;background:linear-gradient(135deg,#ffa5001a,#ff8c000d);border-bottom:1px solid #333}.trial-badge[data-v-6b24012d]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0f0f0f;border:1px solid #FFA500;border-radius:8px;margin-bottom:1rem}.trial-badge svg[data-v-6b24012d]{color:orange}.badge-title[data-v-6b24012d]{font-size:1rem;font-weight:600;color:orange;margin-bottom:.25rem}.badge-subtitle[data-v-6b24012d]{font-size:.85rem;color:#888}.trial-limits[data-v-6b24012d]{display:flex;gap:2rem;justify-content:center}.limit-item[data-v-6b24012d]{display:flex;align-items:center;gap:.5rem;color:#ccc;font-size:.95rem}.limit-item svg[data-v-6b24012d]{color:orange}.getting-started[data-v-6b24012d]{padding:2rem}.getting-started h3[data-v-6b24012d]{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.steps[data-v-6b24012d]{display:flex;flex-direction:column;gap:1.5rem}.step[data-v-6b24012d]{display:flex;gap:1rem}.step-number[data-v-6b24012d]{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,orange,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;font-size:.95rem}.step-content[data-v-6b24012d]{flex:1}.step-content h4[data-v-6b24012d]{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.step-content p[data-v-6b24012d]{font-size:.9rem;color:#888;margin:0 0 .75rem;line-height:1.5}.step-link[data-v-6b24012d]{display:inline-flex;align-items:center;gap:.25rem;color:orange;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.step-link[data-v-6b24012d]:hover{color:#ff8c00}.modal-footer[data-v-6b24012d]{padding:1.5rem 2rem;border-top:1px solid #333;display:flex;gap:1rem;justify-content:center}.primary-btn[data-v-6b24012d]{padding:.875rem 2rem;background:linear-gradient(135deg,orange,#ff8c00);border:none;border-radius:8px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn[data-v-6b24012d]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffa5004d}.secondary-btn[data-v-6b24012d]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:1px solid #333;border-radius:8px;color:#ccc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.secondary-btn[data-v-6b24012d]:hover{border-color:orange;color:orange}.close-btn[data-v-6b24012d]{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#888;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn[data-v-6b24012d]:hover{color:orange}@media(max-width:768px){.modal-content[data-v-6b24012d]{max-height:95vh}.modal-header[data-v-6b24012d]{padding:1.5rem}.modal-header h2[data-v-6b24012d]{font-size:1.5rem}.trial-info[data-v-6b24012d]{padding:1rem 1.5rem}.trial-limits[data-v-6b24012d]{flex-direction:column;gap:.75rem;align-items:flex-start}.getting-started[data-v-6b24012d]{padding:1.5rem}.modal-footer[data-v-6b24012d]{flex-direction:column}.primary-btn[data-v-6b24012d],.secondary-btn[data-v-6b24012d]{width:100%;justify-content:center}}.environment-selector[data-v-a1b27c66]{display:flex;align-items:center}.env-select[data-v-a1b27c66]{padding:var(--space-3, .5rem) var(--space-5, .75rem);background:var(--bg-surface);border:1px solid var(--border-base);border-radius:var(--radius-md, 5px);color:var(--text-primary);font-size:var(--text-sm, .75rem);cursor:pointer;transition:all var(--transition-base, .15s)}.env-select[data-v-a1b27c66]:hover{border-color:var(--accent)}.env-select[data-v-a1b27c66]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.env-select option[data-v-a1b27c66]{background:var(--bg-surface);color:var(--text-primary)}.env-select optgroup[data-v-a1b27c66]{background:var(--bg-base);color:var(--accent);font-weight:var(--font-semibold, 600);font-size:var(--text-xs, .6875rem);text-transform:uppercase;letter-spacing:.5px}.theme-toggle[data-v-9751db08]{display:flex;gap:var(--space-2, .375rem)}.toggle-btn[data-v-9751db08]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-input, #2a2a2a);border:1px solid var(--border-base, #2a2a2a);border-radius:var(--radius-md, 5px);color:var(--text-muted, #888);cursor:pointer;transition:all var(--transition-base, .15s)}.toggle-btn[data-v-9751db08]:hover{background:var(--bg-muted, #333);color:var(--accent, #FFA500);border-color:var(--accent, #FFA500)}.portal-layout[data-v-2c687a04]{display:block;min-height:100vh;background:var(--bg-base);position:relative}.portal-sidebar[data-v-2c687a04]{width:220px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:width .3s ease,background-color .3s ease}.sidebar-header[data-v-2c687a04]{padding:.75rem 1rem;border-bottom:1px solid var(--border-base);display:flex;align-items:center;justify-content:space-between}.logo[data-v-2c687a04]{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex:1;min-width:0}.collapse-btn[data-v-2c687a04]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.collapse-btn[data-v-2c687a04]:hover{background:var(--bg-input);color:var(--accent)}.logo-icon[data-v-2c687a04]{width:26px;height:26px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse)}.logo-name[data-v-2c687a04]{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.2}.logo-tagline[data-v-2c687a04]{display:none}.sidebar-nav[data-v-2c687a04]{flex:1;overflow-y:auto;padding:.5rem 0}.nav-section[data-v-2c687a04]{margin-bottom:.75rem}.nav-section-header[data-v-2c687a04]{padding:.375rem .875rem;color:var(--text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.nav-section-header.nav-section-collapsible[data-v-2c687a04]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:color .2s;color:var(--text-faint)}.nav-section-header.nav-section-collapsible[data-v-2c687a04]:hover{color:var(--text-muted)}.nav-section-header.nav-section-collapsible svg[data-v-2c687a04]{transition:transform .2s}.nav-section-header.nav-section-collapsible svg.rotated[data-v-2c687a04]{transform:rotate(180deg)}.nav-section-content[data-v-2c687a04]{animation:slideDown-2c687a04 .15s ease-out}@keyframes slideDown-2c687a04{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-item[data-v-2c687a04]{display:flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;transition:all .15s;cursor:pointer;border-left:2px solid transparent}.nav-item[data-v-2c687a04]:hover:not(.disabled){background:var(--sidebar-item-hover);border-left-color:var(--accent)}.nav-item.router-link-active[data-v-2c687a04],.nav-item.active[data-v-2c687a04]{background:var(--sidebar-item-active);border-left-color:var(--accent);color:var(--accent)}.nav-item.disabled[data-v-2c687a04]{opacity:.5;cursor:not-allowed}.nav-item.nav-item-danger[data-v-2c687a04]{color:var(--danger)}.nav-item.nav-item-danger[data-v-2c687a04]:hover:not(.disabled){background:var(--danger-subtle);border-left-color:var(--danger)}.nav-item.nav-item-danger.router-link-active[data-v-2c687a04],.nav-item.nav-item-danger.active[data-v-2c687a04]{background:var(--danger-muted);border-left-color:var(--danger);color:var(--danger)}.nav-item.setup-guide[data-v-2c687a04]{background:var(--success-subtle);border-left-color:var(--success)}.nav-item.setup-guide[data-v-2c687a04]:hover{background:var(--success-muted);border-left-color:var(--success)}.nav-item.setup-guide.router-link-active[data-v-2c687a04],.nav-item.setup-guide.active[data-v-2c687a04]{background:var(--success-muted);border-left-color:var(--success);color:var(--success)}.nav-item span[data-v-2c687a04]:nth-child(2){flex:1}.badge-live[data-v-2c687a04]{background:var(--accent);color:var(--text-inverse);padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700}.badge-new[data-v-2c687a04]{background:linear-gradient(135deg,var(--success),var(--success-hover));color:var(--text-primary);padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;animation:pulse-new-2c687a04 2s ease-in-out infinite}@keyframes pulse-new-2c687a04{0%,to{opacity:1}50%{opacity:.7}}.badge-beta[data-v-2c687a04]{background:linear-gradient(135deg,var(--warning),var(--warning-hover));color:var(--text-primary);padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700}.badge-soon[data-v-2c687a04]{background:var(--bg-muted);color:var(--text-muted);padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600}.sidebar-footer[data-v-2c687a04]{padding:.5rem .75rem;border-top:1px solid var(--border-base)}.footer-actions[data-v-2c687a04]{display:flex;gap:.5rem;align-items:center}.user-profile[data-v-2c687a04]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-overlay);border-radius:6px;margin-bottom:.5rem}.user-avatar[data-v-2c687a04]{width:28px;height:28px;background:var(--bg-muted);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent)}.user-info[data-v-2c687a04]{flex:1;min-width:0}.user-name[data-v-2c687a04]{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-2c687a04]{font-size:.6875rem;color:var(--text-muted)}.logout-btn[data-v-2c687a04]{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:transparent;border:1px solid var(--border-base);border-radius:5px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.logout-btn[data-v-2c687a04]:hover{background:var(--bg-overlay);border-color:var(--accent);color:var(--accent)}.portal-main[data-v-2c687a04]{margin-left:220px;min-height:100vh;display:block;transition:margin-left .3s ease}.portal-main.sidebar-collapsed[data-v-2c687a04]{margin-left:52px}.portal-sidebar.collapsed[data-v-2c687a04]{width:52px}.portal-sidebar.collapsed .logo-text[data-v-2c687a04],.portal-sidebar.collapsed .nav-section-header[data-v-2c687a04],.portal-sidebar.collapsed .nav-item span[data-v-2c687a04],.portal-sidebar.collapsed .badge-soon[data-v-2c687a04],.portal-sidebar.collapsed .badge-live[data-v-2c687a04],.portal-sidebar.collapsed .badge-new[data-v-2c687a04],.portal-sidebar.collapsed .badge-beta[data-v-2c687a04],.portal-sidebar.collapsed .user-info[data-v-2c687a04],.portal-sidebar.collapsed .logout-btn span[data-v-2c687a04],.portal-sidebar.collapsed .nav-section-content[data-v-2c687a04],.portal-sidebar.collapsed .theme-toggle[data-v-2c687a04]{display:none}.portal-sidebar.collapsed .sidebar-header[data-v-2c687a04]{padding:.5rem;flex-direction:column;gap:4px}.portal-sidebar.collapsed .logo[data-v-2c687a04]{justify-content:center}.portal-sidebar.collapsed .collapse-btn[data-v-2c687a04]{width:100%;justify-content:center;padding:6px;background:var(--bg-overlay);border-radius:4px}.portal-sidebar.collapsed .nav-item[data-v-2c687a04]{padding:.5rem;justify-content:center}.portal-sidebar.collapsed .sidebar-footer[data-v-2c687a04]{padding:.5rem}.portal-sidebar.collapsed .user-profile[data-v-2c687a04]{padding:.375rem;justify-content:center}.portal-sidebar.collapsed .logout-btn[data-v-2c687a04]{padding:.5rem;justify-content:center}.content-header[data-v-2c687a04]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-base)}.header-left h1[data-v-2c687a04]{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .125rem}.page-description[data-v-2c687a04]{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.4}.header-right[data-v-2c687a04]{display:flex;gap:.5rem;align-items:center}.header-action[data-v-2c687a04]{width:32px;height:32px;background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:5px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.header-action[data-v-2c687a04]:hover{background:var(--bg-muted);border-color:var(--accent);color:var(--accent)}.portal-content[data-v-2c687a04]{padding:1rem}@media(max-width:1024px){.portal-sidebar[data-v-2c687a04]{width:200px}.portal-main[data-v-2c687a04]{margin-left:200px}.portal-header[data-v-2c687a04]{padding:1rem 1.5rem}.portal-content[data-v-2c687a04]{padding:1rem}}@media(max-width:768px){.portal-sidebar[data-v-2c687a04]{transform:translate(-100%);transition:transform .3s}.portal-main[data-v-2c687a04]{margin-left:0}.portal-content[data-v-2c687a04]{padding:1rem}}
