.tab-bar-container{width:100%;margin:auto;font-family:Arial,sans-serif;display:flex;flex-direction:row}.tab-left{width:70%;margin-top:20px;margin-left:11px}.tab-right{width:30%;display:flex;justify-content:center}.tab-bar{display:flex;gap:20px;padding:15px;border-radius:8px}.tab-button{padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#333;position:relative;transition:color .3s ease}.tab-button:hover{color:#000000}.tab-button.active{color:#007bff;background-color:#f1f1f1;border-radius:5px}.tab-badge{color:white;font-size:12px;border-radius:50%;padding:3px 8px;top:-5px;right:-10px}.tab-badge,.tab-underline{background-color:#007bff;position:absolute}.tab-underline{bottom:0;left:0;width:100%;height:3px;border-radius:5px}.tab-content-container{padding:20px;border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:16px;color:#333}@media (max-width:768px){.tab-bar-container{flex-direction:column}.tab-left{width:98%!important}.doctorsDetail{flex-direction:column!important}.medinova-action-container{display:flex;align-self:flex-start}.medinova-message-btn{margin-left:20px!important}.tab-bar{gap:0!important}.tab-right{width:100%!important}}@media (max-width:400px){.tab-left{width:90%!important}.tab-content-container{width:90%}.tab-bar{gap:0!important;padding:0 5px!important;margin-left:0!important}.tab-button{font-size:8px;padding:20px 18px!important}}.dark-mode .tab-bar-container{width:100%;margin:auto;font-family:Arial,sans-serif;display:flex;flex-direction:row}.dark-mode .tab-left{width:70%;margin-top:20px;margin-left:11px}.dark-mode .tab-right{width:30%;display:flex;justify-content:center}.dark-mode .tab-bar{display:flex;gap:20px;padding:15px;border-radius:8px;background-color:#1a1a1a}.dark-mode .tab-button{padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#ccc;position:relative;transition:color .3s ease,background .3s ease}.dark-mode .tab-button:hover{color:#ffffff}.dark-mode .tab-button.active{color:#62aaf8;background-color:#333;border-radius:5px}.dark-mode .tab-badge{background-color:#62aaf8;color:#000;font-size:12px;border-radius:50%;padding:3px 8px;position:absolute;top:-5px;right:-10px}.dark-mode .tab-underline{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#62aaf8;border-radius:5px}.dark-mode .tab-content-container{padding:20px;border-radius:8px;background-color:#121212;box-shadow:0 4px 6px rgba(0,0,0,.6);font-size:16px;color:#e0e0e0}@media (max-width:768px){.dark-mode .tab-bar-container{flex-direction:column}.dark-mode .tab-left{width:98%!important}.dark-mode .doctorsDetail{flex-direction:column!important}.dark-mode .medinova-action-container{display:flex;align-self:flex-start}.dark-mode .medinova-message-btn{margin-left:20px!important}.dark-mode .tab-bar{gap:0!important}.dark-mode .tab-right{width:100%!important}}@media (max-width:400px){.dark-mode .tab-left{width:90%!important}.dark-mode .tab-content-container{width:90%}.dark-mode .tab-bar{gap:0!important;padding:0 5px!important;margin-left:0!important}.dark-mode .tab-button{font-size:8px;padding:20px 18px!important}}