:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-red:#da291c;--primary-red-hover:#b92218;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--transition-fast:.2s ease}[data-theme=light]{--bg-color:#f5f7fa;--sidebar-bg:#ffffffb3;--chat-bg:#ffffffe6;--glass-border:#ffffff80;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#00000014;--item-hover:#0000000a;--item-active:#da291c14;--message-user-bg:#f3f4f6;--message-user-text:#1f2937;--message-agent-bg:var(--primary-red);--message-agent-text:#fff;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 32px #00000014}[data-theme=dark]{--bg-color:#0f111a;--sidebar-bg:#1e212b99;--chat-bg:#14161fcc;--glass-border:#ffffff0d;--text-main:#f9fafb;--text-muted:#9ca3af;--border-color:#ffffff1a;--item-hover:#ffffff0d;--item-active:#da291c26;--message-user-bg:#2d313f;--message-user-text:#f9fafb;--message-agent-bg:var(--primary-red);--message-agent-text:#fff;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 32px #0006}*{box-sizing:border-box}body,html{font-family:var(--font-family);background-color:var(--bg-color);height:100%;color:var(--text-main);transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;padding:0}.dashboard-container{background-color:var(--bg-color);width:100vw;height:100vh;transition:background-color var(--transition-fast);background-image:radial-gradient(circle at 15%,#da291c08,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f608,#0000 25%);display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);width:340px;box-shadow:var(--shadow-sm);z-index:10;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header h1{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.tab-buttons{border-bottom:1px solid var(--border-color);gap:8px;padding:16px 24px;display:flex}.tab-buttons button{border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:10px;font-size:13px;border:1px solid var(--border-color)!important;background:0 0!important;font-weight:500!important}.tab-buttons button[style*=bold]{background:var(--item-active)!important;color:var(--primary-red)!important;border-color:#da291c33!important;font-weight:600!important}.tab-buttons button:hover{background:var(--item-hover)!important}.list-area{flex:1;padding:12px;overflow-y:auto}.list-area::-webkit-scrollbar{width:6px}.list-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.list-item{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;margin-bottom:8px;padding:16px}.list-item:hover{background:var(--item-hover);transform:translateY(-1px)}.list-item.active{background:var(--item-active);border-color:#da291c33}.list-item h3{color:var(--text-main);margin:0 0 4px;font-size:15px;font-weight:600}.list-item p{color:var(--text-muted);margin:0;font-size:13px}.main-content{background:var(--chat-bg);-webkit-backdrop-filter:blur(10px);flex-direction:column;flex:1;display:flex}.empty-state{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.chat-view{flex-direction:column;height:100%;display:flex}.view-header{border-bottom:1px solid var(--border-color);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.view-header h2{color:var(--text-main);margin:0 0 4px;font-size:20px;font-weight:700}.view-header p{color:var(--text-muted);margin:0;font-size:12px}.messages-area{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:var(--border-radius-lg);max-width:70%;padding:14px 18px;font-size:14px;line-height:1.5;animation:.3s fadeIn;box-shadow:0 2px 8px #00000005}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--message-user-bg);color:var(--message-user-text);border-bottom-left-radius:4px;align-self:flex-start}.message.agent{background:var(--message-agent-bg);color:var(--message-agent-text);border-bottom-right-radius:4px;align-self:flex-end}.message.system{color:var(--text-muted);box-shadow:none;background:0 0;align-self:center;font-size:12px}.input-area{border-top:1px solid var(--border-color);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:12px;padding:20px 24px;display:flex}.input-area input{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-main);transition:all var(--transition-fast);border-radius:30px;outline:none;flex:1;padding:16px 24px;font-size:15px}.input-area input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px #da291c1a}.input-area button{background:var(--primary-red);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:30px;padding:0 28px;font-size:15px;font-weight:600}.input-area button:hover{background:var(--primary-red-hover);transform:translateY(-1px)}.btn-primary{background:var(--primary-red);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 20px;font-weight:600}.btn-primary:hover{background:var(--primary-red-hover)}.btn-secondary{background:var(--item-hover);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-weight:500}.btn-secondary:hover{background:var(--border-color)}.login-container{background-color:var(--bg-color);background-image:radial-gradient(circle at 15%,#da291c0d,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f60d,#0000 25%);justify-content:center;align-items:center;height:100vh;display:flex}.login-form{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;width:340px;padding:40px;display:flex}.login-form h2{color:var(--text-main);text-align:center;margin:0 0 12px;font-size:22px}.error-message{color:#f44336;border-radius:var(--border-radius-sm);text-align:center;background:#f443361a;border:1px solid #f4433633;padding:12px;font-size:13px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:13px;font-weight:600}.form-group input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-color);color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.form-group input:focus{border-color:var(--primary-red);box-shadow:0 0 0 3px #da291c1a}select{background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);outline:none}