.portal-page{padding:var(--space-8) 0 var(--space-16);background:var(--color-bg-alt);min-height:calc(100vh - 200px)}.loading-state{text-align:center;padding:var(--space-16)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.page-header{margin-bottom:var(--space-6)}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);font-weight:var(--font-semibold);text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-4);transition:all var(--transition-fast)}.btn-back:hover{background:var(--color-primary);color:#fff}.header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4)}.page-header h1{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-2)}.page-header h1 svg{color:var(--color-primary)}.page-header p{color:var(--color-text-secondary)}.unread-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm)}.unread-badge.empty{background:var(--color-text-muted)}.inbox-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.messages-list{display:flex;flex-direction:column;gap:var(--space-3)}.message-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);align-items:start}.message-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.message-card.unread{border-left:4px solid var(--color-primary);background:linear-gradient(135deg,#f0f7ff 0%,var(--color-surface) 100%)}.message-card.unread .message-sender{font-weight:var(--font-bold)}.sender-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.message-main{min-width:0}.message-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.message-sender{font-weight:var(--font-semibold);color:var(--color-text)}.message-type{padding:var(--space-1) var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.message-type.quote{background:#dbeafe;color:#1d4ed8}.message-type.consultation{background:#dcfce7;color:#16a34a}.message-type.emergency{background:#fee2e2;color:#dc2626}.message-type.question{background:#fef3c7;color:#d97706}.message-type.announcement{background:#1e3a5f;color:#fff}.message-card.system-message{border-left:4px solid #1E3A5F;background:linear-gradient(135deg,#f0f4f8 0%,var(--color-surface) 100%)}.message-card.system-message .sender-avatar{background:linear-gradient(135deg,#1e3a5f,#0f2540)}.message-card.system-message .sender-avatar svg{width:24px;height:24px}.message-preview{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-meta{text-align:right;flex-shrink:0}.message-date{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.message-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.msg-action-btn{padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.msg-action-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.empty-state{text-align:center;padding:var(--space-16);background:var(--color-surface);border-radius:var(--radius-xl);border:2px dashed var(--color-border)}.empty-state svg{color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-secondary);max-width:400px;margin:0 auto}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.message-modal{max-width:650px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:var(--text-xl);margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--color-text-secondary);line-height:1}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.message-sender-info{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.message-sender-info .sender-avatar{width:56px;height:56px;font-size:var(--text-xl)}.sender-details{display:flex;flex-direction:column;gap:var(--space-1)}.sender-details strong{font-size:var(--text-lg)}.sender-contact{font-size:var(--text-sm);color:var(--color-text-secondary)}.sender-contact a{color:var(--color-primary)}.sender-details time{font-size:var(--text-sm);color:var(--color-text-muted)}.message-content{background:var(--color-bg-alt);padding:var(--space-5);border-radius:var(--radius-lg);line-height:1.7;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:640px){.message-card{grid-template-columns:1fr}.sender-avatar{display:none}.message-meta{text-align:left}}.tier-gate{text-align:center;padding:4rem 2rem}.tier-gate .gate-content{max-width:400px;margin:0 auto}.tier-gate svg{color:var(--color-primary);margin-bottom:1.5rem}.tier-gate h2{font-size:1.5rem;margin-bottom:.75rem}.tier-gate p{color:#6b7280;margin-bottom:1.5rem}.btn-upgrade{display:inline-block;background:var(--color-primary);color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600}.btn-upgrade:hover{background:var(--color-primary-dark)}