:root{--primary:#0f6;--primary-hover:#00cc52;--primary-glow:#0f63;--bg-color:#050505;--surface-color:#111;--surface-color-light:#1a1a1a;--text-primary:#fff;--text-secondary:#888;--border-color:#333;--danger:#f36;--success:#0f6}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}body{background-color:var(--bg-color);color:var(--text-primary);letter-spacing:-.01em;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:1.5rem 1rem;transition:all .3s;display:flex}.brand{color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.brand span{color:var(--text-primary)}.nav-menu{flex-direction:column;gap:.25rem;display:flex}.nav-item{cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--surface-color-light);color:var(--text-primary);border-color:var(--border-color)}.nav-item.active{background-color:var(--bg-color);color:var(--primary);border:1px solid var(--primary);box-shadow:inset 4px 0 0 var(--primary)}.main-content{background-color:var(--bg-color);flex-direction:column;flex:1;padding:1.5rem 2rem;display:flex;overflow-y:auto}.page-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.page-title{letter-spacing:-.02em;color:var(--text-primary);text-transform:uppercase;margin-bottom:.5rem;font-size:1.75rem;font-weight:300}.page-description{color:var(--text-secondary);font-size:1rem}.form-group{margin-bottom:1.5rem}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-control{background-color:var(--surface-color);border:1px solid var(--border-color);width:100%;color:var(--text-primary);padding:.5rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);background-color:var(--bg-color);box-shadow:inset 4px 0 0 var(--primary);outline:none}textarea.form-control{resize:vertical;min-height:200px}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#000;border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-danger{color:var(--danger);border:1px solid var(--danger);background-color:#0000}.btn-danger:hover{background-color:var(--danger);color:#fff}.chat-container{background-color:var(--surface-color);border:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-status{text-align:left;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:1.25rem;font-size:.9rem;font-weight:500;display:flex}.status-indicator{width:10px;height:10px;margin-right:.5rem;display:inline-block}.status-connected{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-disconnected{background-color:var(--danger)}.chat-history{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.message{word-break:break-word;border:1px solid var(--border-color);max-width:80%;padding:1.5rem;font-size:1rem;line-height:1.6}.message-user{background-color:var(--surface-color-light);color:var(--text-primary);border-right:4px solid var(--primary);align-self:flex-end}.message-ai{background-color:var(--bg-color);color:var(--text-primary);border-left:4px solid var(--text-secondary);align-self:flex-start}.source-cards-container{border-top:1px dashed var(--border-color);flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.source-cards-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.source-cards-list{grid-template-columns:1fr;gap:1rem;display:grid}.source-card{background:var(--bg-color);border:1px solid var(--border-color);border-left:2px solid var(--primary);padding:1.25rem;transition:all .2s}.source-card:hover{background:var(--surface-color-light)}.source-card-title{color:var(--primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.source-card-snippet{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.typing-indicator{align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.typing-indicator span{background-color:var(--primary);width:8px;height:8px;animation:1s ease-in-out infinite both typing;display:block}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.empty-icon{color:var(--border-color);margin-bottom:2rem}.empty-state h3{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-weight:400}.chat-controls{border-top:1px solid var(--border-color);background-color:var(--bg-color);justify-content:center;align-items:center;padding:2rem;display:flex}.mic-btn{border:1px solid var(--border-color);background:var(--surface-color);width:80px;height:80px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.mic-btn:hover{background:var(--surface-color-light);border-color:var(--primary);color:var(--primary)}.mic-btn.recording{background:var(--danger);border-color:var(--danger);color:#fff;animation:1.5s infinite pulse-square}@keyframes pulse-square{0%{box-shadow:0 0 #f366}70%{box-shadow:0 0 0 15px #f360}to{box-shadow:0 0 #f360}}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);padding:1.5rem}.card{background-color:var(--surface-color);border:1px solid var(--border-color);margin-bottom:1rem;padding:1.25rem}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--bg-color);font-size:.85rem;font-weight:500}td{color:var(--text-primary)}tbody tr:hover{background-color:var(--surface-color-light)}.text-center{text-align:center}.mt-4{margin-top:1rem}