[dir] #data-list-list-view{padding:1.5rem}[dir] #data-list-list-view .contacts-header{border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(102,126,234,.3)}[dir=ltr] #data-list-list-view .contacts-header{background:linear-gradient(135deg,#667eea,#764ba2)}[dir=rtl] #data-list-list-view .contacts-header{background:linear-gradient(-135deg,#667eea,#764ba2)}#data-list-list-view .contacts-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}#data-list-list-view .contacts-header .header-content .header-title-section .page-title{color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center}[dir] #data-list-list-view .contacts-header .header-content .header-title-section .page-title{margin:0 0 .5rem 0}#data-list-list-view .contacts-header .header-content .header-title-section .page-title svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}#data-list-list-view .contacts-header .header-content .header-title-section .page-subtitle{color:hsla(0,0%,100%,.9);font-size:1rem}[dir] #data-list-list-view .contacts-header .header-content .header-title-section .page-subtitle{margin:0}#data-list-list-view .contacts-header .header-content .header-stats{display:flex;gap:1.5rem;flex-wrap:wrap}#data-list-list-view .contacts-header .header-content .header-stats .stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:1rem;min-width:150px;transition:all .3s ease}[dir] #data-list-list-view .contacts-header .header-content .header-stats .stat-card{background:hsla(0,0%,100%,.15);border-radius:12px;padding:1.25rem}[dir] #data-list-list-view .contacts-header .header-content .header-stats .stat-card:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}#data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}[dir] #data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-icon{border-radius:12px}#data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-content .stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}[dir] #data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-content .stat-value{margin:0}#data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-content .stat-label{color:hsla(0,0%,100%,.9);font-size:.875rem}[dir] #data-list-list-view .contacts-header .header-content .header-stats .stat-card .stat-content .stat-label{margin:.25rem 0 0 0}@media (max-width:689px){#data-list-list-view .vs-con-table .vs-table--search{max-width:unset;width:100%}[dir=ltr] #data-list-list-view .vs-con-table .vs-table--search{margin-left:0}[dir=rtl] #data-list-list-view .vs-con-table .vs-table--search{margin-right:0}#data-list-list-view .vs-con-table .vs-table--search .vs-table--search-input{width:100%}}@media (max-width:461px){#data-list-list-view .vs-con-table .items-per-page-handler{display:none}}#data-list-list-view .vs-con-table .vs-table{border-collapse:separate;border-spacing:0 1.5rem}[dir] #data-list-list-view .vs-con-table .vs-table{padding:0}[dir] #data-list-list-view .vs-con-table .vs-table tr.contact-row{box-shadow:none;background:transparent}[dir] #data-list-list-view .vs-con-table .vs-table tr.contact-row td.contact-cell{padding:0;border:none}#data-list-list-view .vs-con-table .vs-table .contact-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e5e7eb}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card.unread{border-left:4px solid #f59e0b;background:linear-gradient(90deg,#fffbeb 0,#fff 5%)}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card.unread{border-right:4px solid #f59e0b;background:linear-gradient(270deg,#fffbeb 0,#fff 5%)}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-4px)}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header{display:flex;justify-content:space-between;align-items:flex-start}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author{display:flex;align-items:flex-start;gap:1rem;flex:1}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-student{background:linear-gradient(135deg,#3b82f6,#2563eb)}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-student{background:linear-gradient(-135deg,#3b82f6,#2563eb)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-teacher{background:linear-gradient(135deg,#10b981,#059669)}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-teacher{background:linear-gradient(-135deg,#10b981,#059669)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-parent{background:linear-gradient(135deg,#f59e0b,#d97706)}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-parent{background:linear-gradient(-135deg,#f59e0b,#d97706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-other{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar.profile-other{background:linear-gradient(-135deg,#8b5cf6,#7c3aed)}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-avatar .avatar-text{color:#fff;font-weight:700;font-size:1rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info{flex:1}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row{display:flex;align-items:center;gap:.5rem}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row{margin-bottom:.5rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row .author-name{font-size:1rem;font-weight:600;color:#1f2937}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row .author-name{margin:0}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row .unread-badge{color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-name-row .unread-badge{background:#f59e0b;padding:.25rem .5rem;border-radius:6px}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-details{display:flex;flex-direction:column;gap:.25rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-details .contact-email,#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-details .contact-phone{font-size:.875rem;color:#6b7280;display:flex;align-items:center}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-details .contact-email,[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-author .author-info .author-details .contact-phone{margin:0}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-meta .contact-date{font-size:.875rem;color:#6b7280;display:flex;align-items:center}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-header .contact-meta .read-status.read{opacity:.6}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body{margin-bottom:1rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge,#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge,[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge,[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{margin-right:.5rem}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge,[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{margin-left:.5rem}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{color:#667eea}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{border:1px solid rgba(102,126,234,.18823529411764706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{background:linear-gradient(135deg,rgba(102,126,234,.0823529),rgba(118,75,162,.0823529))}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .subject-badge{background:linear-gradient(-135deg,rgba(102,126,234,.0823529),rgba(118,75,162,.0823529))}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-student{color:#3b82f6}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-student{border:1px solid rgba(59,130,246,.18823529411764706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-student{background:linear-gradient(135deg,rgba(59,130,246,.0823529),rgba(37,99,235,.0823529))}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-student{background:linear-gradient(-135deg,rgba(59,130,246,.0823529),rgba(37,99,235,.0823529))}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-teacher{color:#10b981}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-teacher{border:1px solid rgba(16,185,129,.18823529411764706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-teacher{background:linear-gradient(135deg,rgba(16,185,129,.0823529),rgba(5,150,105,.0823529))}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-teacher{background:linear-gradient(-135deg,rgba(16,185,129,.0823529),rgba(5,150,105,.0823529))}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-parent{color:#f59e0b}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-parent{border:1px solid rgba(245,158,11,.18823529411764706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-parent{background:linear-gradient(135deg,rgba(245,158,11,.0823529),rgba(217,119,6,.0823529))}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-parent{background:linear-gradient(-135deg,rgba(245,158,11,.0823529),rgba(217,119,6,.0823529))}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-other{color:#8b5cf6}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-other{border:1px solid rgba(139,92,246,.18823529411764706)}[dir=ltr] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-other{background:linear-gradient(135deg,rgba(139,92,246,.0823529),rgba(124,58,237,.0823529))}[dir=rtl] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .profile-badge.profile-other{background:linear-gradient(-135deg,rgba(139,92,246,.0823529),rgba(124,58,237,.0823529))}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .contact-message{font-size:1rem;line-height:1.6;color:#374151;word-wrap:break-word;white-space:pre-wrap}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-body .contact-message{margin:0}#data-list-list-view .vs-con-table .vs-table .contact-card .contact-actions{display:flex;justify-content:flex-end;gap:.5rem}[dir] #data-list-list-view .vs-con-table .vs-table .contact-card .contact-actions{padding-top:1rem;border-top:1px solid #f3f4f6}#data-list-list-view .vs-con-table .vs-table--pagination{justify-content:center}[dir] #data-list-list-view .vs-con-table .vs-table--pagination{margin-top:2rem}@media (max-width:768px){[dir] #data-list-list-view{padding:1rem}[dir] #data-list-list-view .contacts-header{padding:1.5rem}#data-list-list-view .contacts-header .header-content{flex-direction:column;align-items:flex-start}#data-list-list-view .contacts-header .header-content .header-stats{width:100%}#data-list-list-view .contacts-header .header-content .header-stats .stat-card{flex:1;min-width:auto}[dir] #data-list-list-view .contact-card{padding:1rem}#data-list-list-view .contact-card .contact-header{flex-direction:column;gap:1rem}#data-list-list-view .contact-card .contact-header .contact-meta{align-items:flex-start;width:100%}#data-list-list-view .contact-card .contact-actions{flex-direction:column}#data-list-list-view .contact-card .contact-actions .vs-button{width:100%}}@media (max-width:480px){[dir] #data-list-list-view .contacts-header{padding:1rem}#data-list-list-view .contacts-header .header-title-section .page-title{font-size:1.5rem}#data-list-list-view .contacts-header .header-stats{flex-direction:column;width:100%}#data-list-list-view .contacts-header .header-stats .stat-card{width:100%}}