.messages-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);gap:10px;flex-wrap:wrap}.filter-btn,.messages-filter{gap:4px;display:flex}.filter-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:.2s;align-items:center;white-space:nowrap}.filter-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color)!important;background-image:none!important;color:#fff!important;border-color:var(--primary-color)!important}.filter-btn i{font-size:11px}.messages-actions .btn-secondary{padding:6px 10px;font-size:12px;white-space:nowrap}.messages-list{max-height:500px;overflow-y:auto;padding-right:8px}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb,201,168,108),.3);border-radius:4px;transition:background .3s}.messages-list::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.4)}.message-item{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1rem;transition:.3s;position:relative}.message-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateX(4px);box-shadow:var(--shadow-md)}.message-item.unread{border-left:3px solid var(--primary-color)}.message-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:1.25rem}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.message-body,.message-time{color:var(--text-secondary)}.message-time{font-size:.85rem;white-space:nowrap}.action-btn i,.message-body{font-size:.9rem}.message-body{line-height:1.5;margin:0;word-wrap:break-word}.action-btn:hover,.unread-badge{background:var(--primary-color);color:#fff}.unread-badge{display:inline-block;margin-top:.5rem;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:12px}.action-btn,.empty-state,.loading-state{display:flex;color:var(--text-secondary)}.message-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.action-btn{width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:.3s;align-items:center;justify-content:center}.action-btn:hover{border-color:var(--primary-color);transform:scale(1.1)}.action-btn.danger:hover{background:var(--danger-color);border-color:var(--danger-color)}.empty-state,.loading-state{flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.loading-state i{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p,.loading-state p{margin:0;font-size:1rem}@media (max-width:768px){.messages-actions{flex-direction:column;gap:8px;align-items:stretch}.messages-filter{justify-content:space-between}.filter-btn{flex:1;justify-content:center;padding:6px 8px;font-size:11px}.messages-actions .btn-secondary{text-align:center;justify-content:center}.message-item{flex-direction:column}.message-actions{flex-direction:row;justify-content:flex-end}}@media (max-width:480px){.message-header{flex-direction:column;align-items:flex-start;gap:.5rem}.message-icon{width:40px;height:40px;font-size:1.1rem}}