.portal-page{background:#f5f7fb;min-height:65vh;padding:36px 0 64px;color:#172033}.portal-wrap{max-width:1180px;margin:auto;padding:0 20px}.portal-heading{font-size:30px;font-weight:800;margin:0 0 8px}.portal-subtitle{color:#64748b;margin-bottom:24px}.portal-card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 5px 20px #0f172a05}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.portal-card h2{font-size:19px;font-weight:750}.portal-card a{color:#4f46e5;text-decoration:none}.portal-card p{color:#64748b;line-height:1.7}.portal-search{display:flex;gap:10px;margin-bottom:24px}.portal-input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 14px}.portal-button{display:inline-block;background:#4f46e5;color:#fff!important;border:0;border-radius:10px;padding:11px 20px;text-decoration:none;cursor:pointer}.portal-button:disabled{opacity:.5;cursor:wait}.portal-meta{font-size:12px;color:#64748b;margin:9px 0}.portal-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.portal-chip{padding:7px 14px;border-radius:20px;background:white;border:1px solid #e2e8f0;color:#475569;text-decoration:none}.portal-chip.active{background:#4f46e5;color:white}.portal-empty{padding:40px;text-align:center;color:#64748b}.portal-alert{padding:14px;border-radius:10px;background:#fff1f2;color:#9f1239;margin-bottom:18px}.portal-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:15px}.portal-copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.portal-pagination{display:flex;justify-content:space-between;margin-top:22px}.chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.chat-contact{display:block;padding:14px;border-bottom:1px solid #eef2f7;color:#334155;text-decoration:none}.chat-contact.active{background:#eef2ff;color:#4338ca}.chat-contact small{display:block;color:#64748b}.chat-log{height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:15px;background:#f8fafc;border-radius:12px}.chat-bubble{align-self:flex-start;max-width:82%;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;background:#eef2ff;border-color:#c7d2fe}.chat-bubble small{display:block;font-size:10px;color:#64748b;margin-top:5px}.chat-compose{display:flex;gap:10px;margin-top:14px}.chat-compose textarea{resize:vertical;min-height:48px}.portal-unread{border-left:4px solid #4f46e5}.portal-status{min-height:25px;color:#64748b;font-size:13px;margin:10px 0}@media(max-width:767px){.chat-layout{grid-template-columns:1fr}.chat-contacts{max-height:210px;overflow:auto}.portal-heading{font-size:25px}.portal-card{padding:18px}.portal-search{flex-wrap:wrap}.chat-log{height:360px}.chat-compose{flex-wrap:wrap}}
