:root{--bg-deep:#0a0e17;--bg-card:#0f1629;--bg-elevated:#151d32;--border:#00d4ff26;--accent:#00d4ff;--accent-dim:#00d4ff66;--success:#0f8;--danger:#f46;--warning:#fa0;--text:#e8ecf4;--text-muted:#8b95a8;--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--glow:0 0 20px #00d4ff26;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}#app{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dim)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.layout[data-v-ca8e47f6]{min-height:100vh;display:flex}.sidebar[data-v-ca8e47f6]{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:240px;height:100vh;display:flex;position:fixed}.logo[data-v-ca8e47f6]{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:24px;display:flex}.logo-icon[data-v-ca8e47f6]{color:var(--accent);text-shadow:0 0 12px var(--accent-dim);font-size:24px}.logo-text[data-v-ca8e47f6]{letter-spacing:.05em;font-size:1.1rem;font-weight:700}.nav[data-v-ca8e47f6]{flex:1;padding:20px 12px}.nav-item[data-v-ca8e47f6]{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s;display:flex}.nav-item[data-v-ca8e47f6]:hover{color:var(--text);background:var(--bg-elevated)}.nav-item.active[data-v-ca8e47f6]{color:var(--accent);border-left:2px solid var(--accent);background:#00d4ff14}.nav-icon[data-v-ca8e47f6]{opacity:.8;font-size:14px}.sidebar-footer[data-v-ca8e47f6]{border-top:1px solid var(--border);padding:16px 24px}.api-key-box[data-v-ca8e47f6]{flex-direction:column;gap:8px;display:flex}.api-key-box label[data-v-ca8e47f6]{color:var(--text-muted);font-size:.8rem}.api-key-input[data-v-ca8e47f6]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);padding:7px 10px;font-size:.85rem}.api-key-btn[data-v-ca8e47f6]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;padding:7px 10px}.api-key-btn[data-v-ca8e47f6]:hover{border-color:var(--accent);color:var(--accent)}.api-key-status[data-v-ca8e47f6]{color:var(--danger);font-size:.8rem}.api-key-status.ok[data-v-ca8e47f6]{color:var(--success)}.status-dot[data-v-ca8e47f6]{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:2s infinite pulse-ca8e47f6}@keyframes pulse-ca8e47f6{0%,to{opacity:1}50%{opacity:.5}}.main[data-v-ca8e47f6]{flex:1;min-height:100vh;margin-left:240px;padding:32px}.fade-enter-active[data-v-ca8e47f6],.fade-leave-active[data-v-ca8e47f6]{transition:opacity .2s}.fade-enter-from[data-v-ca8e47f6],.fade-leave-to[data-v-ca8e47f6]{opacity:0}