Decoder2704/python-chatbot-jay

1.sidebar-profile {2  padding: 1.35rem 1.25rem;3  background: #ffffff;4  border: 1px solid rgba(15, 23, 42, 0.07);5  border-radius: 16px;6  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);7  transition:8    box-shadow var(--duration-normal) var(--ease-standard),9    transform var(--duration-normal) var(--ease-standard),10    border-color var(--duration-normal) var(--ease-standard);11}12 13@media (hover: hover) {14  .sidebar-profile:hover {15    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.08);16    transform: translateY(-1px);17    border-color: rgba(99, 102, 241, 0.12);18  }19}20 21.sidebar-profile__avatar {22  width: 3.5rem;23  height: 3.5rem;24  margin-bottom: 1rem;25  display: flex;26  align-items: center;27  justify-content: center;28  font-size: 0.95rem;29  font-weight: 700;30  color: #4f46e5;31  background: linear-gradient(145deg, rgba(99, 102, 241, 0.18) 0%, rgba(124, 58, 237, 0.12) 100%);32  border: 2px solid rgba(99, 102, 241, 0.25);33  border-radius: 50%;34}35 36.sidebar-profile__name {37  margin: 0 0 0.2rem;38  font-size: 1.0625rem;39  font-weight: 700;40  letter-spacing: -0.02em;41  color: #0f172a;42}43 44.sidebar-profile__role {45  margin: 0 0 1.15rem;46  font-size: 0.8125rem;47  color: #64748b;48}49 50.sidebar-profile__credits-row {51  display: flex;52  justify-content: space-between;53  align-items: center;54  margin-bottom: 0.45rem;55  font-size: 0.75rem;56}57 58.sidebar-profile__credits-label {59  font-weight: 600;60  color: #64748b;61  text-transform: uppercase;62  letter-spacing: 0.04em;63}64 65.sidebar-profile__credits-value {66  font-weight: 600;67  color: #4338ca;68}69 70.sidebar-profile__bar {71  height: 8px;72  background: #f1f5f9;73  border-radius: 9999px;74  overflow: hidden;75}76 77.sidebar-profile__bar-fill {78  height: 100%;79  background: linear-gradient(90deg, #6366f1, #8b5cf6);80  border-radius: 9999px;81  transition: width 0.3s ease;82}83