:root{--emerald:#1e3a5f;--emerald-dark:#132744;--gold:#c9a24b;--cream:#faf7f0;--ink:#1d2430;}
body{font-family:'Nunito Sans',system-ui,sans-serif;background:var(--cream);color:var(--ink)}
h1,h2,h3,.h1,.h2,.h3,.h4,.display-5,.display-6,.nb-brand{font-family:'Amiri',Georgia,serif;font-weight:700}
a{color:var(--emerald)} a:hover{color:var(--emerald-dark)}
.text-emerald{color:var(--emerald)!important}.bg-emerald{background:var(--emerald)!important;color:#fff}
.border-emerald{border:2px solid var(--emerald)!important}
.btn-emerald{background:var(--emerald);color:#fff;border:0}.btn-emerald:hover{background:var(--emerald-dark);color:#fff}
.btn-outline-emerald{border:1px solid var(--emerald);color:var(--emerald)}.btn-outline-emerald:hover,.btn-check:checked+.btn-outline-emerald{background:var(--emerald);color:#fff}
.btn-gold{background:var(--gold);color:#1d1606;border:0;font-weight:600}.btn-gold:hover{background:#b48d38;color:#1d1606}
.nav-pills .nav-link.active{background:var(--emerald)} .nav-pills .nav-link{color:var(--emerald)}
.page-item.active .page-link{background:var(--emerald);border-color:var(--emerald)}
.nb-nav{background:var(--emerald);} .nb-nav .nav-link,.nb-nav .navbar-brand{color:#fff!important}.nb-nav .nav-link:hover{opacity:.8}
.nb-nav .navbar-toggler{filter:invert(1)} .nb-brand i{color:var(--gold)}
.nb-dot{position:absolute;top:2px;right:-4px;font-size:.6rem}
.nb-hero{background:linear-gradient(135deg,var(--emerald-dark),var(--emerald));color:#fff;margin-top:-1.5rem;position:relative;overflow:hidden}
.nb-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(201,162,75,.18) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.nb-hero .container{position:relative;z-index:1}.nb-hero .nb-card
.nb-card{background:#fff;border:1px solid #e9e2d0;border-radius:14px;box-shadow:0 2px 10px rgba(19,39,68,.05)}
.nb-stat i{font-size:1.8rem;color:var(--gold)}
.nb-mini{display:block;background:#fff;border:1px solid #e9e2d0;border-radius:12px;padding:1rem;text-decoration:none;color:var(--ink);height:100%}.nb-mini:hover{border-color:var(--emerald)}
.nb-member{display:block;background:#fff;border:1px solid #e9e2d0;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);height:100%;transition:transform .15s}
.nb-member:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.nb-member-img{aspect-ratio:4/3;background:#efe9db;position:relative;overflow:hidden}.nb-member-img img{width:100%;height:100%;object-fit:cover}
.is-blurred img{filter:blur(14px);transform:scale(1.1)}
.nb-lock{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:20px}
.nb-tag{background:#eaf0f7;color:var(--emerald);font-size:.72rem;padding:2px 8px;border-radius:20px}
.nb-avatar-lg{width:180px;height:180px;margin:0 auto;border-radius:50%;overflow:hidden;border:4px solid var(--gold);background:#efe9db}.nb-avatar-lg img{width:100%;height:100%;object-fit:cover}
.nb-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}.nb-facts span{display:block;font-size:.75rem;color:#6c757d}
.nb-photo{position:relative}.nb-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.nb-photo .badge{position:absolute;top:6px;left:6px}
.nb-toc{top:80px;display:flex;flex-direction:column;gap:.25rem}.nb-toc a{padding:.4rem .75rem;border-radius:8px;text-decoration:none}.nb-toc a:hover{background:#eaf0f7}
.nb-savebar{position:sticky;bottom:0;background:linear-gradient(transparent,var(--cream) 30%);padding:1rem 0;text-align:right}
.nb-chat{height:55vh;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#fbfaf6}
.nb-msg{max-width:75%;background:#fff;border:1px solid #e9e2d0;padding:.5rem .8rem;border-radius:14px 14px 14px 4px;align-self:flex-start}
.nb-msg.mine{align-self:flex-end;background:var(--emerald);color:#fff;border-color:var(--emerald);border-radius:14px 14px 4px 14px}
.nb-msg small{display:block;font-size:.68rem;opacity:.7}
.nb-empty{background:#fff;border:1px dashed #d8cfb8;border-radius:12px;padding:2rem;text-align:center;color:#6c757d}
.nb-footer{background:var(--emerald-dark);color:#e6ecf4}.nb-footer a{color:var(--gold)}.ayah{font-family:'Amiri',serif;font-size:1.1rem}
.nb-prose{max-width:780px}.nb-prose li{margin-bottom:.5rem}
.nb-account{background:#f4f7fb;border:1px solid #dbe4f0;border-radius:10px;padding:.75rem 1rem}
.nb-account .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#6c757d}
.nb-account .val{font-weight:600;color:var(--ink);word-break:break-all}