:root{--groups-green:#0b7a4b;--groups-green-2:#16a765;--groups-soft:#71d7a0;--groups-bg:#06100c;--groups-surface:#0b1711;--groups-surface-2:#102019;--groups-text:#f7faf8;--groups-muted:#9caf9f;--groups-border:rgba(255,255,255,.09);--groups-shadow:0 24px 70px rgba(0,0,0,.20)}html[data-theme="light"]{--groups-bg:#f4f7f5;--groups-surface:#fff;--groups-surface-2:#edf3ef;--groups-text:#0b1510;--groups-muted:#607167;--groups-border:rgba(7,41,25,.11);--groups-shadow:0 18px 48px rgba(15,52,32,.09)}body[data-uon-page="groups"]{background:var(--groups-bg)!important;color:var(--groups-text)!important}body[data-uon-page="groups"] main{min-height:calc(100vh - 74px);background:radial-gradient(circle at 50% -10%,rgba(22,167,101,.10),transparent 34%),var(--groups-bg)}body[data-uon-page="groups"] .groups-wrap{width:min(1120px,calc(100% - 32px));max-width:none;margin:auto}.groups-hero{padding:64px 0 26px;text-align:center}.groups-kicker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(22,167,101,.22);background:rgba(22,167,101,.08);color:#7bd5a4;font-size:12px;font-weight:900}.groups-hero h1{margin:17px 0 10px;font-size:clamp(38px,6vw,62px);line-height:1.08;letter-spacing:-.04em}.groups-hero>p{margin:0 auto;max-width:680px;color:var(--groups-muted);font-size:16px;line-height:1.9}.community-channel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:28px 0 22px;padding:21px 22px!important;border:1px solid rgba(22,167,101,.20)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(13,30,21,.94),rgba(7,19,13,.96))!important;box-shadow:0 18px 48px rgba(0,0,0,.12)!important;text-align:start}.channel-copy{display:flex;align-items:center;gap:14px}.community-channel .channel-icon{width:54px!important;height:54px!important;border-radius:17px!important;background:rgba(22,167,101,.12)!important;border:1px solid rgba(22,167,101,.20);color:var(--groups-soft)!important;font-size:25px!important}.community-channel h2{margin:0 0 4px!important;font-size:18px!important}.community-channel p{margin:0!important;color:var(--groups-muted)!important;font-size:13px!important}.groups-primary-action,.whatsapp-join-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--groups-green-2),var(--groups-green));color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 28px rgba(11,122,75,.20)}.groups-tools{display:grid!important;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.8fr) auto auto!important;gap:10px!important;margin:22px 0 28px!important;padding:12px;border:1px solid var(--groups-border);border-radius:22px;background:rgba(255,255,255,.025)}.groups-tools input,.groups-tools select{min-height:48px!important;border:1px solid var(--groups-border)!important;background:var(--groups-surface)!important;color:var(--groups-text)!important;border-radius:15px!important;padding:0 14px!important;font:600 14px Tajawal,sans-serif!important;outline:none}.groups-tools input:focus,.groups-tools select:focus{border-color:rgba(22,167,101,.45)!important;box-shadow:0 0 0 3px rgba(22,167,101,.08)}.groups-tools .btn{min-height:48px!important;border-radius:15px!important;padding-inline:16px!important}.groups-tools .btn.primary{background:linear-gradient(135deg,var(--groups-green-2),var(--groups-green))!important;border-color:transparent!important;color:#fff!important}.groups-tools .btn.secondary{background:var(--groups-surface)!important;border:1px solid var(--groups-border)!important;color:var(--groups-text)!important}.groups-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding-bottom:48px}.simple-group-card{position:relative;min-height:224px;padding:18px!important;border:1px solid var(--groups-border)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(15,31,23,.80),rgba(8,20,14,.88))!important;box-shadow:none!important;overflow:hidden;display:flex!important;flex-direction:column!important;transition:.2s ease}.simple-group-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--groups-green-2),transparent);opacity:.75}.simple-group-card:hover{transform:translateY(-2px)!important;border-color:rgba(22,167,101,.30)!important}.simple-group-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.wa-logo-wrap{width:48px!important;height:48px!important;border-radius:16px!important;background:rgba(22,167,101,.10)!important;color:var(--groups-soft)!important;border:1px solid rgba(22,167,101,.18)!important}.badge{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(22,167,101,.08)!important;border:1px solid rgba(22,167,101,.16)!important;color:#84dcae!important;font-size:10px!important}.simple-group-card h3{margin:18px 0 6px!important;font-size:19px!important;line-height:1.45}.simple-group-card p{margin:0 0 16px!important;color:var(--groups-muted)!important;font-size:12px!important;direction:ltr;text-align:start!important}.whatsapp-join-button{margin-top:auto!important;width:100%;min-height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--groups-green-2),var(--groups-green))!important;color:#fff!important;font-size:13px!important}.whatsapp-join-button .wa-card-logo{color:#fff}.group-empty,.groups-empty,.empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--groups-muted);border:1px dashed rgba(22,167,101,.18);border-radius:22px;background:rgba(22,167,101,.025)}body[data-uon-page="groups"] .modal{backdrop-filter:blur(10px)}body[data-uon-page="groups"] .modal-card{width:min(94vw,700px)!important;max-height:88vh!important;overflow:auto;background:var(--groups-surface)!important;border:1px solid var(--groups-border)!important;border-radius:26px!important;box-shadow:var(--groups-shadow)!important}body[data-uon-page="groups"] .modal-card h2{margin:0;font-size:24px}.submit-intro{color:var(--groups-muted)!important}.submit-note{background:rgba(22,167,101,.07)!important;border:1px solid rgba(22,167,101,.18)!important;color:var(--groups-text)!important}.form-grid input,.form-grid select,.form-grid textarea{background:var(--groups-surface-2)!important;border:1px solid var(--groups-border)!important;color:var(--groups-text)!important}.groups-legal{width:min(1120px,calc(100% - 32px));margin:8px auto 0}.groups-note{padding:18px 20px;border:1px solid rgba(22,167,101,.18);border-radius:22px;background:rgba(22,167,101,.035);color:var(--groups-muted);text-align:center;font-size:14px;line-height:1.9}.groups-note strong{color:var(--groups-text)}.groups-footer{margin-top:24px;padding:34px 0 38px;border-top:1px solid var(--groups-border);text-align:center;color:var(--groups-muted)}.groups-footer-main{display:flex;flex-direction:column;align-items:center;gap:11px}.groups-footer p{margin:0}.groups-footer-prayer{font-size:22px}.groups-footer-credit{font-size:18px}.groups-footer-handle{font-size:20px;font-weight:900;color:var(--groups-text);text-decoration:none;direction:ltr;unicode-bidi:isolate}.groups-footer-rights{font-size:15px;font-weight:800;color:var(--groups-text)}.schedule-shell-logo img,.groups-shell-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}body[data-uon-page="groups"] .site-header .v176-brand>span,body[data-uon-page="groups"] #v176SideMenu .v176-brand>span{overflow:hidden;border-radius:50%!important;background:#07130e!important;border:1px solid rgba(113,215,160,.20)!important;padding:0!important}html[data-theme="light"] .community-channel,html[data-theme="light"] .simple-group-card{background:#fff!important}html[data-theme="light"] .groups-tools{background:rgba(7,88,58,.025)}@media(max-width:900px){.groups-tools{grid-template-columns:1fr 1fr!important}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.community-channel{grid-template-columns:1fr}.community-channel>a{width:100%}.groups-primary-action{width:100%}}@media(max-width:620px){body[data-uon-page="groups"] .groups-wrap,.groups-legal{width:min(100% - 22px,1120px)}.groups-hero{padding:42px 0 18px}.groups-hero h1{font-size:40px}.groups-hero>p{font-size:14px}.community-channel{padding:17px!important;border-radius:21px!important;margin-top:22px}.community-channel .channel-icon{width:48px!important;height:48px!important}.community-channel h2{font-size:16px!important}.community-channel p{font-size:12px!important}.groups-tools{grid-template-columns:1fr!important;padding:9px!important;border-radius:19px!important}.groups-tools .btn{width:100%}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.simple-group-card{min-height:202px;padding:14px!important;border-radius:20px!important}.simple-group-card h3{font-size:16px!important;margin-top:14px!important}.wa-logo-wrap{width:43px!important;height:43px!important;border-radius:14px!important}.whatsapp-join-button{font-size:12px!important}.groups-note{font-size:13px;padding:16px}.groups-footer{padding:28px 0 32px}.groups-footer-prayer{font-size:20px}.groups-footer-credit{font-size:17px}.groups-footer-handle{font-size:19px}}@media(max-width:380px){.groups-grid{grid-template-columns:1fr!important}.simple-group-card{min-height:190px}}