.toast-container[data-v-6af93b09]{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-notification[data-v-6af93b09]{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-bg-elevated, #1c2230);border:1px solid var(--color-border, #30363d);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.5));width:320px;color:var(--color-text-primary, #e6edf3);position:relative;overflow:hidden}.toast-notification[data-v-6af93b09]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success[data-v-6af93b09]:before{background-color:var(--color-success, #3fb950)}.toast-success .toast-icon[data-v-6af93b09]{color:var(--color-success, #3fb950)}.toast-error[data-v-6af93b09]:before{background-color:var(--color-error, #f85149)}.toast-error .toast-icon[data-v-6af93b09]{color:var(--color-error, #f85149)}.toast-info[data-v-6af93b09]:before{background-color:var(--color-teal-400, #2278a0)}.toast-info .toast-icon[data-v-6af93b09]{color:var(--color-teal-400, #2278a0)}.toast-icon[data-v-6af93b09]{flex-shrink:0;margin-top:2px}.toast-content[data-v-6af93b09]{flex-grow:1;font-size:var(--font-size-sm, 14px);line-height:1.5}.toast-close[data-v-6af93b09]{background:transparent;border:none;color:var(--color-text-muted, #484f58);cursor:pointer;padding:4px;margin:-4px -4px -4px 0;border-radius:4px;flex-shrink:0}.toast-close[data-v-6af93b09]:hover{background:#ffffff1a;color:var(--color-text-primary, #e6edf3)}.toast-list-enter-active[data-v-6af93b09],.toast-list-leave-active[data-v-6af93b09]{transition:all .3s ease}.toast-list-enter-from[data-v-6af93b09]{opacity:0;transform:translate(30px)}.toast-list-leave-to[data-v-6af93b09]{opacity:0;transform:translateY(-30px)}:root{--color-bg-deep: #f8fafc;--color-bg-surface: #ffffff;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-hover: #e2e8f0;--color-teal-900: #002244;--color-teal-800: #003366;--color-teal-700: #004080;--color-teal-600: #0052a3;--color-teal-500: #0066cc;--color-teal-400: #1a8cff;--color-teal-300: #4da6ff;--color-teal-200: #80c0ff;--color-teal-100: #b3d7ff;--color-mint-500: #d4af37;--color-mint-400: #dfb945;--color-mint-300: #e7c75c;--color-mint-200: #eed47c;--color-mint-100: #f6e7a9;--color-pastoral-green: #2e7d32;--color-terracotta-red: #c0392b;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #cbd5e1;--color-border-muted: #e2e8f0;--color-error: #c0392b;--color-warning: #d4af37;--color-success: #2e7d32;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-serif: "Merriweather", "Georgia", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.05), 0 4px 6px -2px rgba(0,0,0,.02);--shadow-glow-teal: 0 0 15px rgba(0, 64, 128, .08);--shadow-glow-mint: 0 0 15px rgba(212, 175, 55, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--sidebar-width: 220px;--sidebar-collapsed: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:12px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--color-bg-deep);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:700;line-height:1.35;color:var(--color-teal-900)}a{color:var(--color-teal-700);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-mint-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-teal-500),var(--color-teal-400));color:#fff;border-color:var(--color-teal-400);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-teal-400),var(--color-teal-300));box-shadow:var(--shadow-glow-teal);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-full{width:100%}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:all var(--transition-fast);outline:none}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-teal-400);box-shadow:0 0 0 3px #2278a026}.input-field.error{border-color:var(--color-error);box-shadow:0 0 0 3px #f8514926}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-slide-in{animation:slideIn var(--transition-base) ease forwards}.animate-pulse{animation:pulse 1.5s ease infinite}.animate-spin{animation:spin 1s linear infinite}.typing-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-mint-400);animation:pulse 1.2s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.status-online{background:#3fb95026;color:var(--color-success)}.status-online:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:pulse 2s ease infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--color-text-secondary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}