.messages-page{padding:2rem 0;min-height:calc(100vh - 140px)}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:var(--color-secondary);margin-bottom:.5rem}.page-desc{color:var(--color-gray-600);font-size:1rem}.messages-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-item{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);text-align:center}.stat-label{font-size:.875rem;color:var(--color-gray-600);margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all .2s}.message-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.message-card.sent{border-left:4px solid var(--color-primary)}.message-card.received{border-left:4px solid var(--color-accent)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-gray-200)}.message-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.message-type-badge{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-sm);text-transform:uppercase}.message-type-badge.sent{background:var(--color-primary-light);color:var(--color-primary)}.message-type-badge.received{background:#00d4ff1a;color:var(--color-accent)}.message-from,.message-to{font-size:.9375rem;color:var(--color-gray-700);font-weight:500}.arrow{color:var(--color-gray-400)}.message-status{font-size:.875rem;font-weight:600}.message-content{background:var(--color-gray-50);padding:1rem;border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;color:var(--color-gray-800);white-space:pre-line;margin-bottom:.75rem}.message-footer{display:flex;justify-content:flex-end}.message-time{font-size:.875rem;color:var(--color-gray-500)}@media (max-width: 768px){.messages-stats{grid-template-columns:1fr}.message-header{flex-direction:column;align-items:flex-start;gap:.75rem}}