.comments-container{max-width:100%;margin:0 auto;direction:rtl}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #232636}.comments-header h3{color:#FFFFFF;font-size:20px;font-weight:700;margin:0}.add-comment-button{display:flex;align-items:center;gap:8px;background-color:#394FF0;color:#FFFFFF;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-comment-button:hover{background-color:#2A3ED8;transform:translateY(-1px)}.comment-form-container{background-color:#1A1F31;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #232636}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h4{color:#FFFFFF;font-size:18px;font-weight:600;margin:0}.close-form-button{background:none;border:none;color:#747A9B;cursor:pointer;padding:4px;border-radius:4px;transition:color .3s ease}.close-form-button:hover{color:#FFFFFF}.comment-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#E4E9FD;font-size:14px;font-weight:500}.form-group input,.form-group textarea{background-color:#232636;border:1px solid #2a2f42;border-radius:8px;padding:12px 16px;color:#FFFFFF;font-size:14px;transition:border-color .3s ease;direction:rtl}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#394FF0}.form-group input::placeholder,.form-group textarea::placeholder{color:#747A9B}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:8px}.submit-button{display:flex;align-items:center;gap:8px;background-color:#394FF0;color:#FFFFFF;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#2A3ED8}.submit-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background-color:transparent;color:#747A9B;border:1px solid #232636;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{color:#FFFFFF;border-color:#394FF0}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background-color:#1A1F31;border-radius:12px;padding:20px;border:1px solid #232636}.comment-item.reply{margin-right:40px;background-color:#15192A;border-left:3px solid #394ff0}.comment-header{justify-content:space-between;margin-bottom:12px}.comment-header,.comment-user{display:flex;align-items:center}.comment-user{gap:12px}.user-avatar{width:40px;height:40px;background-color:#232636;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-info{display:flex;flex-direction:column;gap:4px}.user-email{color:#FFFFFF;font-size:14px;font-weight:600}.comment-date{color:#747A9B;font-size:12px;direction:ltr}.comment-status{display:flex;align-items:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.approved{background-color:rgba(52,199,89,.1);color:#34C759}.status-badge.waiting{background-color:rgba(255,149,0,.1);color:#FF9500}.status-badge.rejected{background-color:rgba(255,59,48,.1);color:#FF3B30}.comment-content{margin-bottom:16px}.comment-title{color:#FFFFFF;font-size:16px;font-weight:600;margin:0 0 8px}.comment-text{color:#E4E9FD;font-size:14px;line-height:1.6;margin:0}.comment-actions{justify-content:space-between}.comment-actions,.reply-button{display:flex;align-items:center}.reply-button{gap:8px;background:none;border:none;color:#747A9B;font-size:14px;cursor:pointer;transition:color .3s ease}.reply-button:hover{color:#394FF0}.replies-count{color:#747A9B;font-size:12px}.replies-container{margin-top:16px;display:flex;flex-direction:column;gap:12px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.loading-spinner{width:24px;height:24px;border:2px solid rgba(57,79,240,.3);border-top-color:#394ff0;border-radius:50%;animation:spin 1s linear infinite}.loading-container span{color:#747A9B;font-size:14px}.no-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:16px}.no-comments svg{opacity:.6}.no-comments p{color:#747A9B;font-size:14px;margin:0;line-height:1.5}.no-comments p:first-of-type{font-weight:600;font-size:16px}.load-more-container{display:flex;justify-content:center;margin-top:20px}.load-more-button{display:flex;align-items:center;gap:8px;background-color:transparent;color:#394FF0;border:1px solid #394ff0;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-button:hover:not(:disabled){background-color:#394FF0;color:#FFFFFF}.load-more-button:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.star:hover:not(.readonly) svg{animation:starPulse .3s ease-in-out}.star-rating{display:flex;gap:4px;align-items:center}.star{background:none;border:none;cursor:pointer;padding:2px;color:#747A9B;transition:all .2s ease;border-radius:4px}.star:hover:not(.readonly){color:#FFD700;transform:scale(1.1)}.star.filled{color:#FFD700}.star.readonly{cursor:default}.star:focus:not(.readonly){outline:2px solid #394FF0;outline-offset:2px}.star svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.comment-rating{margin:4px 0}.comment-rating .star{padding:1px}.comment-rating .star svg{width:16px;height:16px}.form-group .star-rating{margin-top:8px}.form-group .star-rating .star{padding:4px}.form-group .star-rating .star:hover:not(.readonly){background-color:rgba(57,79,240,.1)}.form-group .star-rating-container{display:flex;flex-direction:column;gap:8px}.rating-text{color:#747A9B;font-size:12px;margin-top:4px}@media (max-width:768px){.comments-header{flex-direction:column;gap:16px;align-items:stretch}.form-row{grid-template-columns:1fr}.comment-item.reply{margin-right:20px}.comment-actions{gap:12px;align-items:flex-start}.comment-actions,.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%;justify-content:center}.star-rating{gap:6px}.star svg{width:18px;height:18px}}@media (max-width:480px){.comment-item{padding:16px}.comment-item.reply{margin-right:16px}.user-avatar{width:32px;height:32px}.comment-form-container{padding:16px}.comment-header{flex-direction:column;gap:12px;align-items:flex-start}.comment-user{align-self:stretch}.user-info{flex:1 1}.star-rating{gap:4px}.star svg{width:16px;height:16px}.rating-text{font-size:11px}}