*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #2563eb;--accent-hover: #1d4ed8;--border: #e0e0e0;--success: #16a34a;--danger: #dc2626;--warning: #f59e0b;--msg-user-bg: #2563eb;--msg-user-text: #ffffff;--msg-ai-bg: #f0f0f0;--msg-ai-text: #1a1a1a;--sidebar-bg: #f8f9fa;--sidebar-hover: #e9ecef}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #4f8ff7;--accent-hover: #3b7de8;--border: #2a2a4a;--success: #22c55e;--danger: #ef4444;--warning: #fbbf24;--msg-user-bg: #4f8ff7;--msg-user-text: #ffffff;--msg-ai-bg: #252545;--msg-ai-text: #e0e0e0;--sidebar-bg: #16213e;--sidebar-hover: #1a2744}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);padding:1rem}.login-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;color:var(--accent);margin-bottom:.25rem}.login-header p{color:var(--text-secondary);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-row input,.form-row select{padding:.625rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-row input:focus{border-color:var(--accent)}.login-error{color:var(--danger);font-size:.85rem;padding:.5rem;background:#dc262614;border-radius:6px}.login-btn{padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.login-btn:hover{background:var(--accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.chat-layout{display:flex;height:100vh;overflow:hidden}.chat-sidebar{width:280px;min-width:280px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:1.1rem;margin-bottom:.75rem;color:var(--accent)}.btn-new-chat{width:100%;padding:.5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.btn-new-chat:hover{background:var(--accent-hover)}.session-list{flex:1;overflow-y:auto;padding:.5rem}.session-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;text-align:left;color:var(--text-primary);font-size:.85rem;transition:background .15s}.session-item:hover{background:var(--sidebar-hover)}.session-item.active{background:var(--accent);color:#fff}.session-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-badge{font-size:.7rem;padding:.125rem .375rem;background:var(--warning);color:#000;border-radius:4px;font-weight:600}.session-count{font-size:.7rem;color:var(--text-muted)}.no-sessions{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.sidebar-footer{border-top:1px solid var(--border);padding:.75rem}.user-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-name{font-weight:600;font-size:.85rem}.user-role{font-size:.75rem;padding:.125rem .5rem;background:var(--bg-tertiary);border-radius:4px;text-transform:capitalize}.sidebar-actions{display:flex;gap:.375rem;flex-wrap:wrap}.btn-small{padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:background .15s}.btn-small:hover{background:var(--bg-tertiary)}.btn-logout,.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-primary)}.chat-header h3{flex:1;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-actions{display:flex;gap:.5rem;align-items:center}.lock-indicator{font-size:.75rem;padding:.125rem .5rem;background:var(--warning);color:#000;border-radius:4px;font-weight:600}.btn-toggle-sidebar{padding:.375rem .5rem;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;color:var(--text-primary)}.shortcuts-bar{display:flex;gap:.375rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);overflow-x:auto;background:var(--bg-secondary)}.shortcut-btn{padding:.375rem .75rem;border:1px solid var(--accent);border-radius:16px;background:transparent;color:var(--accent);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:.25rem}.shortcut-btn:hover{background:var(--accent);color:#fff}.shortcut-btn:disabled{opacity:.5;cursor:not-allowed}.shortcut-global{font-size:.6rem;padding:0 .25rem;background:var(--bg-tertiary);border-radius:3px}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-muted);gap:.5rem}.chat-empty h2{color:var(--text-secondary);font-size:1.25rem}.message{display:flex;gap:.75rem;max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.message.user .message-avatar{background:var(--accent);color:#fff}.message.assistant .message-avatar{background:var(--bg-tertiary);color:var(--text-primary)}.message-content{display:flex;flex-direction:column;gap:.25rem}.message-text{padding:.75rem 1rem;border-radius:12px;line-height:1.5;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.message.user .message-text{background:var(--msg-user-bg);color:var(--msg-user-text);border-bottom-right-radius:4px}.message.assistant .message-text{background:var(--msg-ai-bg);color:var(--msg-ai-text);border-bottom-left-radius:4px}.message-time{font-size:.7rem;color:var(--text-muted)}.message.user .message-time{text-align:right}.typing{opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.3}}.chat-input-form{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg-primary)}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-input:disabled{opacity:.6}.btn-send{padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-send:hover{background:var(--accent-hover)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.panel-overlay{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--bg-primary);border-left:1px solid var(--border);box-shadow:-4px 0 24px #0000001a;z-index:100;display:flex;flex-direction:column}.panel{display:flex;flex-direction:column;height:100%}.panel-wide{width:480px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.panel-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-primary)}.panel-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.panel-body button{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.session-id{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.history-messages{display:flex;flex-direction:column;gap:.75rem}.history-msg{padding:.5rem;border-radius:6px;font-size:.85rem}.history-msg.user{background:#2563eb14}.history-msg.assistant{background:var(--bg-secondary)}.history-msg strong{display:block;margin-bottom:.25rem}.history-msg small{display:block;color:var(--text-muted);font-size:.7rem;margin-top:.25rem}.admin-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary)}.admin-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border)}.admin-header h1{flex:1;font-size:1.25rem}.admin-header-actions{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.btn-back{padding:.375rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.85rem}.admin-tabs{display:flex;gap:0;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 1.5rem}.admin-tabs button{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;transition:all .15s}.admin-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.admin-content{flex:1;padding:1.5rem;overflow-y:auto}.admin-section h2{font-size:1.15rem;margin-bottom:1rem}.admin-section h3{font-size:.95rem;margin-bottom:.75rem;color:var(--text-secondary)}.form-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.form-row button{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:.375rem;font-size:.85rem}.error-text{color:var(--danger);font-size:.85rem}.success-text{color:var(--success);font-size:.85rem}.create-user-form,.create-shortcut-form{background:var(--bg-primary);padding:1rem;border-radius:8px;border:1px solid var(--border);margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.admin-table th,.admin-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.admin-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.mono{font-family:monospace;font-size:.8rem}.role-badge{padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.role-admin{background:#fecaca;color:#991b1b}.role-coordinator{background:#bfdbfe;color:#1e40af}.role-user{background:#d1fae5;color:#065f46}.status-locked{color:var(--warning);font-weight:600;font-size:.8rem}.status-active{color:var(--success);font-size:.8rem}@media(max-width:768px){.chat-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;box-shadow:4px 0 24px #0000001a}.message{max-width:95%}.panel-overlay{width:100%}.admin-content{padding:1rem}.form-row{flex-direction:column}}