:root{--brand:#0f766e;--brand-hover:#115e59;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--canvas:#f8fafc;--soft:#eaf7f5}
*{box-sizing:border-box}body.with-top-navbar{padding-top:0;background:var(--canvas);color:var(--ink);font-family:Cairo,Arial,sans-serif;font-size:16px;line-height:1.8}button,input,textarea,select{font:inherit}a{color:var(--brand)}a:hover{color:var(--brand-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #14b8a6;outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}
.site-header{background:white;border-bottom:1px solid var(--line);margin-bottom:36px}.header-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:32px}.site-brand{font-size:29px;font-weight:700;color:var(--brand);display:flex;gap:10px;align-items:center;text-decoration:none!important}.brand-icon{display:inline-grid;place-items:center;border:2px solid var(--brand);border-radius:12px;width:35px;height:30px;font-size:22px;line-height:1}.site-links{display:flex;gap:24px;align-items:center}.site-links a{color:var(--ink);font-weight:700}.header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:18px}.header-account{display:flex;align-items:center;gap:18px}.language-switch{font-size:14px;white-space:nowrap}.header-account .button{padding:7px 17px}.header-logout{color:var(--muted);font-size:14px}.button{border:1px solid transparent;border-radius:10px;min-height:44px;padding:10px 20px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s}.button-primary{color:#fff!important;background:var(--brand)}.button-primary:hover{background:var(--brand-hover)}.button-outline{background:white;border-color:var(--line);color:var(--brand)}.button-outline:hover{background:var(--soft);border-color:var(--brand)}.button[aria-disabled=true]{opacity:.7;cursor:wait}.site-footer{border-top:1px solid var(--line);margin-top:64px;padding:24px;text-align:center;color:var(--muted);font-size:13px}.footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:10px}.footer-links a{color:var(--muted)}.site-how{max-width:1100px;margin:40px auto;padding:0 24px}.site-how summary{cursor:pointer;color:var(--brand);font-weight:700}.site-how ol{padding-inline-start:24px}.surface{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 14px rgba(15,23,42,.035)}
.profile-layout{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.profile-card{text-align:center;padding:32px 24px;position:sticky;top:24px;overflow-wrap:anywhere}.profile-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;background:var(--soft);border:5px solid #f0faf8;margin:0 auto 18px}.profile-card h1{font-size:26px;line-height:1.5;font-weight:700;margin:0 0 4px}.verified-mark{font-size:15px;background:var(--brand);color:white;border-radius:50%;padding:1px 5px}.profile-handle{color:var(--muted);font:15px Arial,sans-serif;margin:0 0 20px}.profile-bio{font-size:15px;line-height:1.9;margin-bottom:18px}.profile-social{font-size:13px;overflow-wrap:anywhere;margin-bottom:16px}.profile-social:empty{display:none}.share-profile{width:100%;border-color:var(--brand);font-size:14px}.share-status{font-size:13px;color:var(--brand);margin:8px 0 0;min-height:0}.share-status:empty{display:none}.profile-main{min-width:0}.composer{padding:28px}.composer h2,.public-messages h2{font-size:24px;font-weight:700;line-height:1.5;margin:0 0 4px}.section-intro{color:var(--muted);font-size:16px;margin-bottom:24px}.message-input{border:1px solid #cbd5e1;border-radius:12px;background:#fff;transition:border .15s}.message-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e15}.message-textarea{width:100%;resize:vertical;min-height:156px;display:block;padding:16px;border:0;border-radius:12px;background:transparent;color:var(--ink);outline:none!important;line-height:1.8}.message-textarea::placeholder{color:#64748b}.attachment-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.attachment-label{font-size:14px;color:var(--muted);margin:0;padding:8px 14px}.attachment-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.attachment-tools:focus-within .attachment-label{outline:3px solid #14b8a6;outline-offset:3px}.attachment-hint{font-size:12px;color:var(--muted)}.attachment-preview{padding:12px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.attachment-thumbnail{height:64px;width:64px;object-fit:cover;border-radius:8px}.attachment-name{font-size:13px;overflow-wrap:anywhere;flex:1}.remove-attachment{background:transparent;border:0;color:#b91c1c;font-size:26px;width:44px;height:44px;cursor:pointer}.send-button{width:100%;min-height:52px;font-size:17px}.composer-note{margin:12px 0 0;color:var(--muted);font-size:12px;text-align:center}.client-feedback,.send-feedback:not(:empty){display:block;color:#9f1239;background:#fff1f2;border-radius:10px;padding:12px;margin-bottom:16px;font-size:14px}.send-feedback:empty{display:none}.send-success{text-align:center;padding:18px 0}.success-icon{display:inline-grid;place-items:center;background:var(--soft);color:var(--brand);width:56px;height:56px;border-radius:50%;font-size:28px;margin-bottom:12px}.admin-action{display:inline-block;margin-top:20px;color:#b91c1c;font-size:13px}.public-messages{margin-top:32px}.public-messages h2{font-size:21px;margin-bottom:18px}.message-list,.reply-list{list-style:none;padding:0;margin:0}.message-card{padding:24px;margin-bottom:16px}.message-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:12px}.message-author{font-weight:700;display:flex;align-items:center;gap:8px}.sender-icon{width:30px;height:30px;background:#f1f5f9;border-radius:50%;display:inline-grid;place-items:center;font-size:24px;color:var(--muted)}.message-heading time{color:var(--muted);font-size:11px}.message-copy{font-size:17px;line-height:1.9;margin:0;overflow-wrap:anywhere}.message-reply{background:var(--soft);padding:14px 16px;border-radius:10px;margin-top:18px}.reply-label{font-size:11px;font-weight:700;color:var(--brand)}.message-reply p{margin:4px 0 0;font-size:15px;overflow-wrap:anywhere}.empty-messages{padding:32px;text-align:center;color:var(--muted);border:1px dashed #cbd5e1;border-radius:16px}.profile-ad{min-height:280px;margin-top:32px;text-align:center;color:var(--muted);font-size:12px}.admin-messages:empty{display:none}
.btn-primary,.btn-primary-outline{border-color:var(--brand);border-radius:9px}.btn-primary{background:var(--brand)}.btn-primary-outline{color:var(--brand)}.form-control{border-radius:9px;border-color:#cbd5e1;min-height:44px;font-size:16px}.panel{border-color:var(--line);border-radius:16px}.panel-heading{border-radius:16px 16px 0 0}.profile-page .site-how{display:none}
@media(min-width:900px){html[dir=ltr] .profile-layout{grid-template-columns:minmax(0,1fr) 300px}html[dir=ltr] .profile-card{grid-column:2;grid-row:1}html[dir=ltr] .profile-main{grid-column:1;grid-row:1}}
@media(max-width:760px){.header-inner{padding:14px 18px;gap:12px;flex-wrap:wrap}.site-header{margin-bottom:24px}.site-brand{font-size:24px}.site-links{display:none}.header-actions{gap:12px}.header-account{gap:12px;font-size:12px}.header-account .button{font-size:12px;padding:8px 10px}.profile-layout{display:flex;flex-direction:column;padding:0 16px;gap:20px}.profile-card{width:100%;position:static;padding:24px;background:transparent;box-shadow:none;border:0}.profile-avatar{width:96px;height:96px;margin-bottom:12px}.profile-card h1{font-size:24px}.profile-bio{max-width:360px;margin:0 auto 16px}.profile-handle{margin-bottom:12px}.share-profile{width:auto;min-width:180px}.profile-main{width:100%}.composer{padding:20px}.composer h2{font-size:23px}.section-intro{font-size:14px;margin-bottom:20px}.message-textarea{min-height:150px}.attachment-hint{font-size:11px}.message-card{padding:18px}.public-messages{margin-top:28px}.message-copy{font-size:16px}.site-footer{margin-top:36px}.header-logout{font-size:12px}.header-account>a:not(.button){font-size:12px}}
.profile-handle{direction:ltr!important;unicode-bidi:isolate}.cc_container{background:#fff!important;color:var(--muted)!important;border-top:1px solid var(--line);box-shadow:0 -3px 18px #0f172a08;font-family:Cairo,Arial,sans-serif!important;font-size:12px!important}.cc_container .cc_btn{background:var(--brand)!important;color:white!important;border-radius:8px!important;min-height:40px}.cc_container a{color:var(--brand)!important}
.recent-members{max-width:1132px;margin:32px auto;padding:28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 24px #0f172a04}
.recent-members h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:0 0 24px}.recent-members h2:before{content:"";width:5px;height:23px;background:var(--brand);border-radius:4px}
.recent-members .userslist{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;overflow:visible;padding:0;max-width:100%}
.recent-members .userslist .member-card{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:14px 6px;border:1px solid transparent;border-radius:14px;color:var(--ink);text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.recent-members .member-avatar{display:block;padding:4px;border:1px solid #d5eeea;background:#f4fbf9;border-radius:50%}
.recent-members .userslist img{display:block;width:64px;height:64px;object-fit:cover;border-radius:50%;margin:0}
.recent-members .member-name{display:block;width:100%;font-size:12px;font-weight:700;line-height:1.6;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recent-members .userslist .member-card:hover{background:#f0faf7;border-color:#d5eeea;transform:translateY(-3px)}
.recent-members .userslist .member-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px;background:#f0faf7}
@media(max-width:760px){.recent-members{margin:24px 16px;padding:20px 14px}.recent-members h2{font-size:18px;margin-bottom:18px}.recent-members .userslist{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recent-members .userslist .member-card{padding:10px 2px;gap:8px}.recent-members .userslist img{width:48px;height:48px}.recent-members .member-avatar{padding:3px}.recent-members .member-name{font-size:11px}}
@media(max-width:359px){.recent-members .userslist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}