*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-sidebar: #0d1117;--bg-main: #161b22;--bg-surface: #21262d;--bg-surface-hover: #30363d;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #79c0ff;--user-bubble: #1f6feb;--ai-bubble: #21262d;--error: #f85149;--success: #3fb950;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary)}body{background:var(--bg-main);min-height:100vh}#root{min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-main)}.login-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:40px;width:100%;max-width:400px}.login-title{text-align:center;font-size:36px;font-weight:700;color:var(--accent);margin-bottom:32px;letter-spacing:4px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-secondary)}.form-group input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:10px 12px;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus{border-color:var(--accent)}.login-button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.login-button:hover{background:var(--accent-hover)}.login-error{color:var(--error);font-size:13px;text-align:center}.login-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--text-secondary)}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;text-decoration:underline;padding:0}.link-button:hover{color:var(--accent-hover)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;min-width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:20px;font-weight:700;color:var(--accent);letter-spacing:2px}.new-chat-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer;font-weight:600}.new-chat-btn:hover{background:var(--accent-hover)}.session-list{flex:1;overflow-y:auto;padding:8px}.session-item{padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:13px;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.session-item:hover,.session-item.active{background:var(--bg-surface);color:var(--text-primary)}.session-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:0;transition:opacity .15s;font-size:16px;padding:0 4px}.session-item:hover .session-delete{opacity:1}.session-delete:hover{color:var(--error)}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.logout-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}.logout-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-main)}.chat-header{padding:12px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:content;font-weight:600;color:var(--text-primary)}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message-bubble{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-bubble.user{align-self:flex-end;background:var(--user-bubble);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{align-self:flex-start;background:var(--ai-bubble);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble.assistant pre{background:var(--bg-sidebar);border-radius:6px;padding:12px;overflow-x:auto;margin:8px 0}.message-bubble.assistant code{font-family:SF Mono,Fira Code,monospace;font-size:13px}.message-bubble.assistant p{margin:4px 0}.message-bubble.assistant ul,.message-bubble.assistant ol{margin:4px 0;padding-left:20px}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px}.input-area{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;align-items:flex-end}.input-area textarea{flex:1;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 14px;font-size:14px;font-family:inherit;resize:none;outline:none;min-height:44px;max-height:200px;line-height:1.4}.input-area textarea:focus{border-color:var(--accent)}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.send-btn:hover{background:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;animation:blink 1s infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.thinking-indicator{align-self:flex-start}.thinking-dots{display:inline-flex;gap:4px;align-items:center;padding:2px 0}.thinking-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:thinking-pulse 1.4s infinite ease-in-out}.thinking-dots span:nth-child(1){animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.sidebar-footer-actions{display:flex;gap:8px}.admin-btn{background:none;border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}.admin-btn:hover{background:var(--accent);color:#fff}.modal-card-wide{max-width:640px;max-height:85vh;overflow-y:auto}.user-management{margin-top:16px;border-top:1px solid var(--border-color);padding-top:16px}.user-management-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.user-management-header h3{margin:0;font-size:16px;color:var(--text-primary)}.create-user-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.create-user-form .settings-input{flex:1 1 120px;min-width:0}.create-user-form select{background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:4px 8px;font-size:12px;outline:none}.create-user-form select:focus{border-color:var(--accent)}.user-list{display:flex;flex-direction:column;gap:8px}.user-row{background:var(--bg-main);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px}.user-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-name{font-weight:600;color:var(--text-primary);font-size:13px}.user-badge{font-size:10px;padding:2px 6px;border-radius:10px;text-transform:uppercase;font-weight:600}.user-badge.admin{background:var(--accent);color:#fff}.user-badge.user{background:var(--bg-surface-hover);color:var(--text-secondary)}.user-badge.active{background:var(--success);color:#fff}.user-badge.disabled{background:var(--error);color:#fff}.user-actions{display:flex;gap:6px;align-items:center}.user-self-label{font-size:12px;color:var(--text-secondary);font-style:italic}.action-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}.action-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.action-btn.disable{color:#e3b341;border-color:#e3b341}.action-btn.enable{color:var(--success);border-color:var(--success)}.action-btn.delete{color:var(--error);border-color:var(--error)}.action-btn.delete:hover{background:var(--error);color:#fff}.inline-form{display:flex;gap:6px;align-items:center;margin-top:8px}.confirm-delete{margin-top:8px;padding:8px;background:#f851491a;border-radius:4px;font-size:12px;color:var(--error);display:flex;align-items:center;gap:8px}.session-rename-input{background:var(--bg-main);border:none;border-bottom:1px solid var(--accent);color:var(--text-primary);font-size:13px;padding:0;outline:none;width:100%;font-family:inherit}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:24px;width:100%;max-width:400px}.modal-card h2{margin-bottom:16px;color:var(--text-primary)}.modal-card .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:13px}.modal-card .info-row span:first-child{color:var(--text-secondary)}.modal-card .info-row span:last-child{color:var(--text-primary);font-family:SF Mono,monospace;font-size:12px}.modal-close{background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:6px 16px;cursor:pointer;margin-top:16px;width:100%}.modal-close:hover{color:var(--text-primary);border-color:var(--text-secondary)}.wizard-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:40px;width:100%;max-width:440px}.wizard-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px}.wizard-progress-step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:var(--bg-surface-hover);color:var(--text-secondary);border:2px solid var(--border-color)}.wizard-progress-step.active{background:var(--accent);color:#fff;border-color:var(--accent)}.wizard-progress-step.completed{background:var(--success);color:#fff;border-color:var(--success)}.wizard-progress-line{flex:1;height:2px;background:var(--border-color);max-width:60px}.wizard-progress-line.active{background:var(--accent)}.wizard-label{text-align:center;color:var(--text-primary);margin-bottom:16px;font-size:15px}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.wizard-back-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer}.wizard-back-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.editable-field{display:flex;align-items:center;gap:8px}.settings-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:4px 8px;font-size:12px;width:140px;outline:none}.settings-input:focus{border-color:var(--accent)}.save-btn{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:11px;cursor:pointer}.save-btn:hover{background:var(--accent-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-message{color:var(--success);font-size:12px;text-align:right;margin-top:4px}.info-row.editable{flex-direction:column;align-items:flex-start;gap:4px}.info-row.editable span:first-child{margin-bottom:4px}