@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--color-green-900: #046974;--color-green-800: #007534;--color-green-700: #007534;--color-green-600: #02a048;--color-green-500: #16df5a;--color-green-text: #005c29;--color-lime: #98e303;--color-gold: #f6c600;--color-cream: #fffbf5;--color-paper: #fffbf5;--color-line: #eee5d8;--color-brown: #5a411e;--color-subtitle: #816338;--color-slate: #4d586b;--color-muted: #4a4a4a;--color-ink: #2a3850;--color-nav-inactive: #808080;--color-field-icon: #f2fff8;--color-rose: #fae2e5;--color-danger: #e1253a;--color-success-bg: #02a048;--font-display: "Roboto", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif;--font-heading: "Roboto", system-ui, sans-serif;--font-legal: "Roboto", system-ui, sans-serif;--font-arabic: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif;--font-size-base: 16px;--font-size-arabic: calc(var(--font-size-base) * 1.5);--viewport-height: 100vh;color:var(--color-ink);letter-spacing:0;background:#eef4ee;font-family:var(--font-body);font-size:var(--font-size-base)}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{box-sizing:border-box}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}html{height:100%;height:var(--viewport-height)}body{min-width:320px;min-height:var(--viewport-height);height:var(--viewport-height);margin:0;overflow:hidden;overscroll-behavior:none}#root{min-height:var(--viewport-height);height:var(--viewport-height);overflow:hidden}a{color:inherit;text-decoration:none}.phone-shell{width:100%;min-height:var(--viewport-height);height:var(--viewport-height);max-height:var(--viewport-height);max-width:640px;margin:0 auto;background:var(--color-paper);position:relative;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}@media (max-width: 767px){html,body,#root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body,#root{min-height:100%}.phone-shell{height:100%;min-height:100%;max-height:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:640px;margin-inline:auto;z-index:50}.chat-messages,.app-scroll,.app-scroll.sa-chat-fill .sa-chat-log,.forum-detail.forum-detail--chat .chat-messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@media (min-width: 768px){html{height:auto;position:static}body{position:static;height:auto;overflow:auto;overscroll-behavior:auto;background:linear-gradient(180deg,#e8f3ea,#eef4ee)}#root{position:static;height:auto;min-height:var(--viewport-height);overflow:visible}.phone-shell{max-width:430px;min-height:calc(var(--viewport-height) - 32px);height:calc(var(--viewport-height) - 32px);max-height:calc(var(--viewport-height) - 32px);margin:16px auto;border-radius:40px;box-shadow:0 20px 50px #00321c24,0 0 0 1px #00422514;overflow:hidden}.login-shell.phone-shell{border-radius:40px}.bottom-nav{position:absolute}}.mobile-screen{width:100%;flex:1;min-height:0;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.primary-action,.secondary-action,.join-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:var(--color-green-800, #007534);width:100%;font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:.01em;border-radius:10px;height:46px;line-height:1;padding:0 16px;box-sizing:border-box;text-decoration:none;text-align:center}.figma-login-btn{margin-top:8px}.secondary-action{color:var(--color-green-800, #007534);background:#fff;border:1px solid var(--color-line);width:100%;line-height:1;padding:0 16px;box-sizing:border-box;text-decoration:none}.join-button{color:#fff;background:var(--color-green-500);border-radius:24px;padding:0 32px}.text-link{color:var(--color-green-600);background:none;border:0;font-family:var(--font-body);font-weight:400}.figma-field{color:var(--color-ink);background:var(--color-field-icon);border:0;border-radius:10px;display:grid;grid-template-columns:46px 1fr;align-items:center;min-height:46px;padding:0 4px 0 0;margin-bottom:12px}.figma-field-icon{width:37px;height:37px;margin-left:4px;border-radius:8px;background:var(--color-field-icon);display:grid;place-items:center;font-size:16px;flex-shrink:0}.figma-field-icon .feature-icon{width:22px;height:22px;object-fit:contain}.figma-field input{min-width:0;color:var(--color-ink);background:#fff;border:0;border-radius:10px;outline:none;height:46px;padding:0 14px;font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:.01em}.figma-field input::placeholder{color:var(--color-ink);opacity:.72}.login-form{width:100%;max-width:298px;margin:0 auto}.login-forgot{text-align:right;margin:0 0 16px;font-family:var(--font-body);font-size:16px}.login-forgot a{color:var(--color-green-600);text-decoration:none}.signup-line{color:var(--color-ink);margin-top:20px;font-family:var(--font-body);font-size:16px;text-align:center}.signup-line a{color:var(--color-green-600);font-weight:500;text-decoration:none}.auth-footer{margin-top:auto;padding-top:24px;color:var(--color-brown);font-family:var(--font-body);font-size:14px;letter-spacing:.01em;text-align:center}.auth-subtitle{margin:8px 0 0;color:var(--color-subtitle);font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.5;text-align:center}.login-screen{background:var(--color-paper);padding:clamp(32px,8vh,56px) clamp(20px,6vw,40px) 28px}.login-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(24px,5vh,36px)}.field{color:#24b96b;background:#ffffffd6;border:1px solid #cfcfcf;border-radius:8px;display:grid;grid-template-columns:34px 1fr;align-items:center;height:47px;padding:0 12px}.field input{min-width:0;color:var(--color-ink);background:none;border:0;outline:none}.field input::placeholder{color:#b0b4bd}.form-row{display:block;margin-bottom:14px}.form-row span{color:var(--color-brown);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-row div,.form-row select,.form-row .searchable-select{border:1px solid #eee5d8;border-radius:8px;align-items:center;gap:8px;min-height:43px;padding:0 12px;display:flex;width:100%;background:#fff}.form-row .searchable-select{padding:0;display:block;position:relative}.form-row input,.form-row select{width:100%;color:var(--color-slate);background:none;border:0;outline:none}.searchable-select-trigger{width:100%;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;color:var(--color-slate);text-align:left;font:inherit}.searchable-select-placeholder{color:#9aa3b2}.searchable-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-chevron{color:var(--color-brown);font-size:14px;flex-shrink:0}.searchable-select.is-open .searchable-select-chevron{transform:rotate(180deg)}.searchable-select.is-disabled{opacity:.55;pointer-events:none}.searchable-select-panel{box-sizing:border-box;background:#fff;border:1px solid var(--color-line);border-radius:8px;box-shadow:0 12px 28px #28261b24;overflow:hidden}.searchable-select-search{display:block;width:100%;max-width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--color-line);padding:10px 12px;min-height:43px;font:inherit;font-size:14px;color:var(--color-ink);outline:none;background:#fff}.searchable-select-search::-webkit-search-cancel-button{-webkit-appearance:none}.searchable-select-list{list-style:none;margin:0;padding:6px 0;max-height:min(280px,45vh);overflow:auto;-webkit-overflow-scrolling:touch}.searchable-select-option{width:100%;border:0;background:none;text-align:left;padding:10px 12px;font:inherit;font-size:14px;color:var(--color-slate);cursor:pointer}.searchable-select-option:hover,.searchable-select-option:focus-visible{background:#f2fff8;outline:none}.searchable-select-option.is-selected{color:var(--color-green-800);font-weight:600;background:#f2fff8}.searchable-select-option.is-clear{color:var(--color-muted);font-style:italic}.searchable-select-empty{padding:10px 12px;color:var(--color-muted);font-size:14px}.app-logo{display:block;line-height:0}.app-logo img{width:auto;height:auto;max-width:min(140px,32vw);max-height:120px;object-fit:contain}.app-logo.large img{max-width:min(220px,52vw);max-height:180px}.app-logo.small img{max-width:min(96px,24vw);max-height:72px}.auth-screen{display:flex;flex-direction:column;align-items:center;background:var(--color-paper);overflow:auto;width:100%;height:100%;min-height:0}.auth-title{color:var(--color-green-800);margin:clamp(12px,2vh,16px) 0 0;font-family:var(--font-display);font-size:50px;font-weight:600;line-height:1.22;letter-spacing:0;text-align:center}.onboarding-screen{position:relative;overflow:hidden;background-color:var(--color-green-900)}.onboarding-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none}.onboarding-brand{position:absolute;top:clamp(24px,6vh,40px);left:50%;transform:translate(-50%);z-index:4;filter:drop-shadow(0 8px 18px #00321c33)}.pattern-green{background:repeating-linear-gradient(45deg,#ffffff29 0 2px,transparent 2px 66px),linear-gradient(180deg,var(--color-green-500),var(--color-green-900))}.onboarding-copy h1{margin:0 0 16px;font-family:var(--font-heading);font-size:27px;font-weight:700;line-height:1.5}.onboarding-copy p{margin:0;font-family:var(--font-heading);font-size:14px;font-weight:400;line-height:1.5}.onboarding-cta{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:4;font-family:var(--font-heading);font-size:16px;font-weight:600;min-width:160px}.onboarding-copy{z-index:3;color:#fff;text-align:center;position:absolute;top:clamp(54%,58vh,64%);left:clamp(20px,6vw,40px);right:clamp(20px,6vw,40px)}.dots{justify-content:center;gap:14px;margin-top:34px;display:flex}.dots button{background:none;border:1px solid #fff;border-radius:999px;width:10px;height:10px;padding:0}.dots button.active{background:var(--color-lime)}.onboarding-desktop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:100vh;width:100%;background:var(--color-paper, #fffbf5)}.onboarding-desktop-visual{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(160deg,#046974,#007534 55%,#064e2a)}.onboarding-desktop-visual .onboarding-bg{object-position:center center}.onboarding-desktop-visual-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#04697440,#064e2a8c 55%,#064e2ad1);pointer-events:none}.onboarding-desktop-visual-copy{position:absolute;left:48px;right:48px;bottom:56px;z-index:2;color:#fff;max-width:480px}.onboarding-desktop-visual-copy .app-logo{margin-bottom:20px;filter:drop-shadow(0 8px 18px #00321c55)}.onboarding-desktop-visual-copy .app-logo.desktop img{max-width:min(112px,18vw);max-height:112px}.onboarding-desktop-eyebrow{margin:0 0 10px;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}.onboarding-desktop-visual-copy h2{margin:0;font-family:var(--font-heading);font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.3;text-shadow:0 8px 24px rgba(0,50,28,.35)}.onboarding-desktop-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--color-paper, #fffbf5)}.onboarding-desktop-panel-inner{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch}.onboarding-desktop-panel-inner>.app-logo{align-self:center;margin-bottom:28px}.onboarding-desktop-panel-inner>.app-logo.large img{max-width:min(200px,42vw);max-height:200px}.onboarding-desktop-kicker{margin:0 0 8px;font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-green-800, #007534);letter-spacing:.04em;text-transform:uppercase}.onboarding-desktop-panel-inner h1{margin:0 0 14px;font-family:var(--font-heading);font-size:30px;font-weight:700;line-height:1.35;color:var(--color-ink, #2a3850)}.onboarding-desktop-text{margin:0;font-family:var(--font-heading);font-size:15px;font-weight:400;line-height:1.55;color:var(--color-slate, #4d586b)}.onboarding-desktop-panel-inner .dots{justify-content:flex-start;margin-top:28px;margin-bottom:8px}.onboarding-desktop-panel-inner .dots button{border-color:var(--color-green-800, #007534)}.onboarding-desktop-panel-inner .dots button.active{background:var(--color-green-700, #02a048);border-color:var(--color-green-700, #02a048)}.onboarding-desktop-cta{position:static;transform:none;width:100%;margin-top:28px;background:var(--color-green-600, #02a048);color:#fff}.onboarding-desktop-login{margin:18px 0 0;text-align:center;font-size:14px;color:var(--color-slate, #4d586b)}.onboarding-desktop-login a{color:var(--color-green-800, #007534);font-weight:600;text-decoration:underline;text-underline-offset:2px}@media (max-width: 1023px){.onboarding-desktop{display:none}}.login-desktop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:100vh;width:100%;background:var(--color-paper, #fffbf5)}.login-desktop-visual{position:relative;min-height:100vh;overflow:hidden;background:#064e2a}.login-desktop-visual>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.login-desktop-visual-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#04697433,#064e2a73,#064e2ae0);pointer-events:none}.login-desktop-visual-copy{position:absolute;left:48px;right:48px;bottom:56px;z-index:2;color:#fff;max-width:480px}.login-desktop-visual-copy .app-logo{margin-bottom:20px;filter:drop-shadow(0 8px 18px #00321c55)}.login-desktop-visual-copy .app-logo.desktop img{max-width:min(112px,18vw);max-height:112px}.login-desktop-eyebrow{margin:0 0 10px;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.92}.login-desktop-visual-copy h2{margin:0;font-family:var(--font-heading);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.25;text-shadow:0 8px 24px rgba(0,50,28,.35)}.login-desktop-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--color-paper, #fffbf5)}.login-desktop-panel-inner{width:100%;max-width:400px;display:flex;flex-direction:column}.login-desktop-panel-inner>.app-logo{align-self:center;margin-bottom:24px}.login-desktop-panel-inner>.app-logo.large img{max-width:min(200px,42vw);max-height:200px}.login-desktop-kicker{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-green-800);letter-spacing:.04em;text-transform:uppercase}.login-desktop-panel-inner h1{margin:0 0 20px;font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-ink)}@media (max-width: 1023px){.login-desktop{display:none}}@media (min-width: 1024px){.desktop-shell:has(.forum-detail--desktop) .desktop-content{max-width:min(1400px,100%);height:calc(100vh - 64px);overflow:hidden;padding-bottom:16px;display:flex;flex-direction:column}.forum-detail--desktop{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);grid-template-rows:auto 1fr;gap:12px 16px;overflow:hidden;padding-bottom:0!important}.forum-detail--desktop .forum-detail-span,.forum-detail--desktop .error-banner,.forum-detail--desktop .forum-status-banner{grid-column:1 / -1}.forum-detail--desktop .forum-detail-chat{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:12px;overflow:hidden}.forum-detail--desktop .chat-panel{flex:1;min-height:0;margin-top:0;display:flex;flex-direction:column}.forum-detail--desktop .chat-messages,.forum-detail--desktop .chat-panel--forum .chat-messages,.forum-detail--desktop .chat-panel--polling .chat-messages{flex:1;max-height:none!important;min-height:0}.forum-detail--desktop .forum-detail-side{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:12px}}.sa-yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sa-yt-card{display:flex;flex-direction:column;gap:6px;text-align:left;border:1px solid var(--color-line);border-radius:12px;background:#fff;padding:0;overflow:hidden;cursor:pointer;font:inherit;color:inherit}.sa-yt-card img,.sa-yt-thumb-fallback{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#e8efe9}.sa-yt-card strong{padding:0 10px;font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-yt-card small{padding:0 10px 10px;color:var(--color-slate);font-size:11px}.sa-yt-player{margin-bottom:16px;background:#fff;border-radius:14px;border:1px solid var(--color-line);padding:12px}.sa-yt-player iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:10px;background:#000}.app-layout{position:relative;flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-layout>.app-screen,.app-layout>.form-screen{flex:1;min-height:0;height:100%;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app-screen{background:#fffaf1;display:flex;flex-direction:column;overflow:hidden}.app-layout>.app-screen.app-screen--scroll{overflow-y:auto}.app-screen>*:not(.app-scroll){flex-shrink:0}.green-header{color:#fff;display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:clamp(10px,3vw,14px);min-height:0;padding:max(40px,env(safe-area-inset-top,0px) + 16px) clamp(16px,4vw,24px) 52px;background:linear-gradient(180deg,var(--color-green-600),var(--color-green-800));position:relative}.sa-home-header .greeting span{font-size:13px;opacity:.92}.sa-home-header .greeting strong{font-size:17px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.greeting span{font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:.01em}.greeting strong{font-family:var(--font-body);font-size:18px;font-weight:600;letter-spacing:.01em;line-height:1.25;overflow-wrap:anywhere}.greeting small{font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.01em;line-height:1.35;opacity:.95;overflow-wrap:anywhere}.member-avatar{width:52px;height:52px;box-shadow:0 8px 18px #28261b17;background:#fff;border-radius:10px;display:grid;place-items:center;font-weight:800;color:var(--color-green-700);font-size:20px;overflow:hidden}.greeting{display:flex;flex-direction:column;gap:2px;min-width:0}.section-header{color:var(--color-brown);display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;font-family:var(--font-body);font-size:16px;font-weight:500;letter-spacing:.01em}.section-header a{font-size:14px;font-weight:400;color:var(--color-green-600)}.app-scroll{flex:1;min-height:0;overflow:auto;padding:0 clamp(16px,4vw,24px) 16px;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}.home-scroll{margin-top:-36px;position:relative;z-index:2}.sa-home-stack{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.sa-home-hero-row{display:flex;flex-direction:column;gap:12px}.sa-home-stack .home-profile-alert,.sa-home-stack .membership-strip,.sa-home-stack .home-member-list{margin:0}.sa-home-block{display:flex;flex-direction:column;gap:10px}.sa-home-title{margin:0;font-family:var(--font-body);font-size:15px;font-weight:700;line-height:1.3;color:var(--color-green-800)}.sa-home-stack .section-header{margin:0;align-items:center;gap:12px}.sa-home-stack .section-header .sa-home-title{min-width:0;flex:1}.sa-home-stack .section-link{flex-shrink:0;font-size:13px;font-weight:600}.sa-home-empty{margin:0;padding:14px 16px;border-radius:12px;background:#fff;border:1px dashed var(--color-line);color:var(--color-muted);font-size:13px;line-height:1.4}.member-list{display:grid;gap:12px}@media (min-width: 540px){.member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(84px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:0;box-shadow:0 -8px 18px #80633733;display:grid;grid-template-columns:repeat(4,1fr);z-index:30;flex-shrink:0}.bottom-nav-5{grid-template-columns:repeat(5,1fr)}.bottom-nav-5 a{font-size:11px;line-height:1.2;padding:0 2px;text-align:center}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-nav-inactive);background:none;border:0;font-family:var(--font-heading);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}.bottom-nav a.active,.bottom-nav button.active{color:var(--color-green-600)}.member-card{text-align:left;width:100%;box-shadow:0 8px 18px #28261b17;background:#fff;border:0;border-radius:8px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px;min-height:96px;padding:16px;cursor:pointer}.member-card h3{color:var(--color-slate);margin:0;font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:.01em}.member-card p{color:var(--color-slate);margin:4px 0 0;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.01em}.member-logo{width:56px;height:56px;border-radius:8px;background:#eef2eb;display:grid;place-items:center;font-weight:800;color:var(--color-green-700);overflow:hidden;flex-shrink:0;box-sizing:border-box}.member-logo--photo{display:block;object-fit:cover;object-position:center top;background:#e8f8ee}.member-logo--avatar{position:relative;background-color:#e8f8ee;background-image:url(/icons/avatar-peci.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}.member-logo--avatar.member-logo--female{background-image:url(/icons/avatar-hijab.png)}.member-logo-initials{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-body, Roboto, sans-serif);font-size:clamp(14px,38%,22px);font-weight:800;letter-spacing:.04em;line-height:1;color:#f6c600;text-shadow:0 1px 0 rgba(0,50,30,.55),0 0 6px rgba(0,80,40,.35);pointer-events:none}.member-avatar .member-logo{width:100%;height:100%;border-radius:10px}.sa-member-detail-avatar .member-logo{width:96px;height:96px;border-radius:16px;font-size:28px}.sa-member-detail-avatar .member-logo-initials{font-size:28px}.progress-alert{text-align:left;color:#6e6270;width:100%;min-height:100px;box-shadow:0 8px 18px #28261b17;background:#fde1e4;border:0;border-radius:8px;padding:18px 16px}.progress-alert span{font-size:15px;line-height:1.3;display:block}.membership-strip{color:#fff;background:linear-gradient(135deg,var(--color-green-800),var(--color-green-600));width:100%;min-height:76px;box-shadow:0 8px 18px #28261b17;text-align:left;border:0;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:16px 18px;text-decoration:none}.membership-strip div{min-width:0}.membership-strip strong{display:block;overflow-wrap:anywhere}.membership-strip.static{cursor:default}.membership-strip.renewal{background:linear-gradient(135deg,#c47a00,var(--color-gold))}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--color-line);border-radius:8px;height:44px;padding:0 14px;margin-bottom:12px}.search-box input{flex:1;border:0;outline:none;background:none}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.filter-row select{height:40px;border:1px solid var(--color-line);border-radius:8px;padding:0 10px;background:#fff;color:var(--color-brown);font-size:13px}.status{border-radius:999px;display:inline-grid;place-items:center;min-width:72px;min-height:26px;font-size:11px;font-weight:900}.status.aktif{color:var(--color-green-800);background:#dff8e7}.status.expired{color:#a34b00;background:#fff0db}.status.pending{color:#a40b25;background:#ffe1e8}.form-screen{background:var(--color-cream);flex-direction:column;gap:18px;padding:max(28px,env(safe-area-inset-top,0px) + 16px) clamp(16px,4vw,24px) 28px;display:flex;overflow-y:auto}.simple-header{color:var(--color-brown);display:flex;justify-content:space-between;align-items:center;font-weight:800}.icon-button{width:38px;height:38px;color:inherit;background:#ffffffb8;border:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.error-banner{background:var(--color-rose);color:var(--color-danger);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600}.success-banner{background:#e8f8ee;color:var(--color-green-800);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600}.admin-layout .admin-screen{display:flex;flex-direction:column;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));background:#f7faf7}.admin-denied{min-height:var(--viewport-height);display:grid;place-content:center;gap:16px;padding:24px;text-align:center}.admin-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--color-green-800),var(--color-green-900));color:#fff;padding:max(10px,env(safe-area-inset-top,0px)) 12px 10px;box-shadow:0 6px 16px #001a0f33}.admin-header-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-header-brand{display:flex;align-items:center;gap:10px;min-width:0}.admin-header-brand .app-logo img{width:36px;height:36px;object-fit:contain}.admin-header-brand strong{display:block;font-size:14px;line-height:1.2}.admin-header-brand span{display:block;font-size:11px;opacity:.8}.admin-header-actions{display:flex;gap:6px;flex-shrink:0}.admin-header-btn{border:1px solid #ffffff55;background:#fff2;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.admin-header-btn.ghost{background:transparent}.admin-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{flex:0 0 auto;color:#fffc;background:#ffffff14;border:1px solid #ffffff33;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;white-space:nowrap;text-decoration:none}.admin-tabs a.active{color:var(--color-green-900);background:#fff;border-color:#fff}.admin-shell{min-height:var(--viewport-height);display:block;background:#f8faf7}.admin-sidebar{display:none}.admin-content{padding:16px 14px 24px;overflow:auto;flex:1}.admin-topbar h2{color:var(--color-brown);margin:0;font-size:22px}.admin-topbar p{margin:6px 0 0;color:var(--color-slate);font-size:13px}.admin-alert-card{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;padding:14px 16px;border-radius:10px;background:#fff8e8;border:1px solid #f0e0b8;text-decoration:none;color:inherit}.admin-alert-card strong{color:var(--color-brown);font-size:15px}.admin-alert-card span{color:var(--color-slate);font-size:13px}.admin-status-card{background:#fff;border-radius:10px;padding:18px 16px 14px;box-shadow:0 8px 18px #28261b17;margin-bottom:16px}.admin-status-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.admin-status-head h3{color:var(--color-brown);margin:0;font-size:17px}.admin-status-head small{color:#94a3b8;font-size:11px}.admin-status-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.admin-status-list li{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.admin-status-mark{font-size:16px;line-height:1.3}.admin-status-list strong{display:block;color:var(--color-brown);font-size:13.5px;line-height:1.35}.admin-status-list small{display:block;margin-top:2px;color:var(--color-slate);font-size:12px;line-height:1.4}.admin-status-legend{margin:14px 0 0;padding-top:10px;border-top:1px solid #f0eadf;color:#94a3b8;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metric-card{box-shadow:0 8px 18px #28261b17;background:#fff;border-radius:10px;min-height:96px;padding:16px;display:grid;gap:6px}.metric-card strong{color:var(--color-brown);font-size:28px}.metric-card span{color:var(--color-slate);font-weight:700;font-size:13px}.admin-table{border:1px solid #ede6d8;border-radius:10px;overflow:hidden;background:#fff}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #ede6d8;border-radius:10px;background:#fff}.admin-table-wrap .admin-table{border:0;border-radius:0;width:100%;min-width:520px;border-collapse:collapse;font-size:13px}.admin-table-wrap th,.admin-table-wrap td{text-align:left;padding:10px 12px;border-bottom:1px solid #f0eadf;vertical-align:top}.admin-table-wrap th{background:#fff8e9;color:var(--color-brown);font-weight:800}.admin-table-wrap button{border:1px solid var(--color-line);background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;margin:2px 2px 2px 0}.admin-row{min-height:64px;color:var(--color-slate);border-top:1px solid #f0eadf;display:grid;grid-template-columns:1fr;align-items:start;gap:8px;padding:14px 16px}.admin-row.head{display:none}.admin-row strong{display:block;color:var(--color-brown)}@media (min-width: 860px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-row{grid-template-columns:1.2fr 1fr 1fr 120px 140px;align-items:center;padding:0 16px}.admin-row.head{display:grid;min-height:48px;color:var(--color-brown);background:#fff8e9;border-top:0;font-weight:800}}.terms-box{background:#fff;border-radius:8px;padding:18px;box-shadow:0 8px 18px #28261b17;font-size:14px;line-height:1.6;color:var(--color-slate);max-height:50vh;overflow:auto}.terms-box h3{color:var(--color-brown);margin:16px 0 8px;font-size:15px}.terms-box h3:first-child{margin-top:0}.terms-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--color-brown);font-weight:600}.payment-summary{background:#fff;border-radius:8px;padding:20px;box-shadow:0 8px 18px #28261b17;text-align:center}.payment-summary strong{display:block;color:var(--color-green-800);font-size:28px;margin:8px 0}.payment-summary small{color:var(--color-slate);font-size:12px}.payment-label{color:var(--color-brown);font-weight:800;margin:8px 0}.payment-methods{display:grid;gap:10px}.payment-method{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:#fff;border:2px solid var(--color-line);border-radius:8px;padding:14px;text-align:left}.payment-method.selected{border-color:var(--color-green-600);background:#f0faf3}.payment-method strong{display:block;color:var(--color-brown)}.payment-method small{color:var(--color-slate);font-size:12px}.payment-icon{font-size:28px;text-align:center}.payment-instruction{background:#fff8e9;border-radius:8px;padding:16px;font-size:14px;color:var(--color-brown)}.payment-instruction code{background:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.qris-mock{text-align:center}.qris-placeholder{width:120px;height:120px;margin:0 auto 12px;background:#fff;border:2px dashed var(--color-line);border-radius:8px;display:grid;place-items:center;font-weight:800;color:var(--color-slate)}.success-screen{align-items:center;text-align:center;justify-content:center}.success-icon{width:72px;height:72px;border-radius:50%;background:var(--color-green-600);color:#fff;font-size:36px;display:grid;place-items:center;margin-bottom:16px}.success-screen h2{color:var(--color-green-800);margin:0 0 12px}.success-note{color:var(--color-slate);font-size:14px;margin-bottom:24px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:max(20px,env(safe-area-inset-top,0px) + 12px) 20px 12px;background:#fff;border-bottom:1px solid var(--color-line)}.page-header h1{margin:0;font-size:20px;color:var(--color-brown)}.notif-page-title{display:inline-flex;align-items:center;gap:10px}.mock-badge{font-size:11px;font-weight:700;color:var(--color-green-800);background:#dff8e7;padding:4px 10px;border-radius:999px}.info-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--color-line)}.info-tabs button{border:0;background:none;padding:8px 4px;font-size:11px;font-weight:700;color:var(--color-slate);border-radius:6px}.info-tabs button.active{color:#fff;background:var(--color-green-600)}.info-card{display:block;background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 8px 18px #28261b17;text-decoration:none}.info-card.compact{margin-top:0}.info-card h3{color:var(--color-brown);margin:0 0 6px;font-size:15px}.info-card p{color:var(--color-slate);margin:0;font-size:13px}.info-card-meta{display:flex;justify-content:space-between;margin-bottom:8px}.info-category{font-size:11px;font-weight:800;color:var(--color-green-700);background:#e8f8ee;padding:2px 8px;border-radius:4px}.info-date{font-size:12px;color:var(--color-slate)}.info-card-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--color-slate)}.lock-badge{color:#a34b00}.info-cover{margin:0 0 14px;border-radius:14px;overflow:hidden;background:#f3efe6;aspect-ratio:16 / 9}.info-cover img{width:100%;height:100%;object-fit:cover;display:block}.info-detail h1{color:var(--color-brown);font-size:22px;margin:8px 0}.sa-halal-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start}.sa-halal-thumb{width:84px;height:84px;border-radius:12px;overflow:hidden;background:#f3efe6}.sa-halal-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sa-halal-copy{min-width:0}.sa-halal-copy strong{display:block;line-height:1.35}.sa-halal-copy p{margin:6px 0 0}.info-author{color:var(--color-slate);font-size:13px}.info-body figure{margin:16px 0}.info-body figure img{width:100%;height:auto;border-radius:12px;display:block}.info-body figure.info-body-logo img{max-width:280px;margin:0 auto}.info-body figcaption{margin-top:8px;font-size:12px;color:#666;line-height:1.4}.info-body figcaption.center{text-align:center}.info-body hr{border:none;border-top:1px solid #e7e0d4;margin:20px 0}.info-body .info-sources{font-size:13px;color:#555}.info-stats{margin:16px 0;font-size:14px;color:var(--color-green-700);font-weight:700}.info-gate{background:#fff0db;color:#a34b00;padding:14px;border-radius:8px;font-size:14px;font-weight:600}.join-form{margin-top:16px}.join-success{background:#dff8e7;color:var(--color-green-800);padding:14px;border-radius:8px;font-weight:700;margin-top:16px}.chat-mock{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-line)}.chat-mock h4{color:var(--color-brown);margin:0 0 12px}.chat-bubble{border-radius:14px;padding:10px 12px;margin-bottom:0;max-width:min(88%,340px);font-size:14px;line-height:1.4;box-sizing:border-box;box-shadow:0 2px 8px #28261b0c}.chat-bubble.other{background:#fff;color:var(--color-ink);border:1px solid var(--color-line, #eee5d8);align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.mine{background:linear-gradient(160deg,#02a048,#007534);color:#fff;margin-left:auto;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.chat-bubble-meta strong{display:block;font-size:12px;font-weight:700;margin:0;line-height:1.2}.chat-bubble.other .chat-bubble-meta strong{color:var(--color-green-800, #007534)}.chat-bubble.mine .chat-bubble-meta strong{color:#fffffff2}.chat-bubble-meta time{font-size:10px;font-weight:500;opacity:.65;flex-shrink:0;white-space:nowrap}.chat-bubble strong{display:block;font-size:12px;margin-bottom:4px}.chat-bubble p,.chat-bubble-text{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-panel{margin-top:12px;padding-top:0;border-top:0;display:flex;flex-direction:column;min-height:0}.chat-panel--forum{margin-top:10px}.chat-panel-head{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;min-width:0}.chat-panel h4{color:var(--color-ink);margin:0;font-size:15px;font-weight:700;min-width:0;display:flex;align-items:center;gap:6px;flex:1}.chat-panel-title-icon{flex-shrink:0}.chat-panel-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-mode-badge{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--color-green-800, #007534);background:#e8f7ee;border-radius:999px;padding:4px 8px;white-space:nowrap}.chat-refresh-btn{border:1px solid var(--color-line);background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--color-ink);cursor:pointer}.chat-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.chat-messages{display:flex;flex-direction:column;gap:8px;max-height:min(48vh,420px);min-height:180px;overflow-y:auto;margin-bottom:10px;padding:10px;border-radius:14px;background:#eef5f0;border:1px solid rgba(0,117,52,.08);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c5d5c9 transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#c5d5c9;border-radius:999px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-panel--polling .chat-messages,.sa-community-detail .chat-messages,.forum-detail .chat-messages{max-height:min(48vh,420px);min-height:180px}.app-layout:has(.forum-detail--chat)>.app-screen,.app-layout:has(.sa-chat-fill)>.app-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.forum-detail.forum-detail--chat{display:flex;flex-direction:column;flex:1 1 0;min-height:0;max-height:100%;overflow:hidden;padding:8px 10px 0!important;gap:6px}.forum-detail.forum-detail--chat .forum-tabs,.forum-detail.forum-detail--chat .error-banner,.forum-detail.forum-detail--chat .forum-status-banner{flex-shrink:0}.forum-detail.forum-detail--chat .chat-panel,.forum-detail.forum-detail--chat .chat-panel--forum,.forum-detail.forum-detail--chat .chat-panel--polling{flex:1 1 0;min-height:0;margin-top:0!important;display:flex;flex-direction:column}.forum-detail.forum-detail--chat .chat-panel-head{flex-shrink:0;margin-bottom:4px}.forum-detail.forum-detail--chat .chat-messages,.forum-detail.forum-detail--chat .chat-panel--forum .chat-messages,.forum-detail.forum-detail--chat .chat-panel--polling .chat-messages{flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important;margin-bottom:6px}.forum-detail.forum-detail--chat .chat-compose,.forum-detail.forum-detail--chat .chat-typing,.forum-detail.forum-detail--chat .chat-readonly-note,.forum-detail.forum-detail--chat .chat-pinned{flex-shrink:0}.forum-detail.forum-detail--chat .chat-compose{margin-top:auto;padding-bottom:4px;padding-top:4px}.app-scroll.sa-chat-fill{display:flex;flex-direction:column;flex:1 1 0;min-height:0;max-height:100%;overflow:hidden;padding:8px 10px 0!important;gap:6px}.app-scroll.sa-chat-fill .sa-assistant-quota,.app-scroll.sa-chat-fill .sa-assistant-toolbar,.app-scroll.sa-chat-fill .sa-assistant-status,.app-scroll.sa-chat-fill .sa-assistant-plans,.app-scroll.sa-chat-fill .error-banner,.app-scroll.sa-chat-fill .sa-assistant-pending-file{flex-shrink:0}.app-scroll.sa-chat-fill .sa-chat-log{flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;margin:0 -2px}.app-scroll.sa-chat-fill .sa-chat-composer{flex-shrink:0;margin-top:auto;position:static;background:transparent;padding:4px 0}@media (max-width: 1023px){.chat-bubble-actions{gap:4px;margin-top:4px}.chat-bubble-actions button{padding:3px 7px;font-size:10px;min-height:22px}.chat-compose-tools .chat-icon-btn{width:40px;height:40px}.chat-compose input,.chat-compose-row>input,.chat-send{height:40px}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom,0px))}.app-layout>.app-screen,.app-layout>.form-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.app-layout:has(.forum-detail--chat)>.app-screen,.app-layout:has(.sa-chat-fill)>.app-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.chat-status,.chat-offline-note,.chat-readonly-note{color:#806f57;font-size:14px}.chat-readonly-note{margin:0;padding:12px;border-radius:10px;background:#fff8e8;border:1px solid #f0e0b8}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.chat-compose input{border:1px solid var(--color-line);border-radius:12px;padding:10px 12px;font-size:14px;height:44px;box-sizing:border-box;background:#fff;min-width:0}.chat-send{background:var(--color-green-800, #007534);color:#fff;border:none;border-radius:12px;padding:0 14px;height:44px;font-weight:700;font-size:14px;cursor:pointer;flex-shrink:0;white-space:nowrap}.chat-send:disabled{opacity:.6;cursor:not-allowed}.chat-compose--rich{display:flex;flex-direction:column;gap:8px;margin-top:2px}.chat-compose-row{display:flex;gap:8px;align-items:center;min-width:0}.chat-compose-row>input{flex:1;min-width:0}.chat-compose-tools{display:flex;gap:6px;flex-shrink:0}.chat-icon-btn{border:1px solid var(--color-line);background:#fff;border-radius:12px;width:44px;height:44px;cursor:pointer;display:inline-grid;place-items:center;font-size:16px;padding:0;flex-shrink:0}.chat-icon-btn.recording{background:#fee2e2;border-color:#ef4444}.chat-bubble.system{align-self:center;max-width:92%;background:transparent;color:#64748b;font-size:12px;text-align:center;box-shadow:none;border:0;padding:4px 8px;margin:2px 0}.chat-reply-quote,.chat-pinned{font-size:12px;background:#0000000f;border-left:3px solid var(--color-green-600);padding:6px 8px;margin-bottom:6px;border-radius:6px;line-height:1.35}.chat-bubble.mine .chat-reply-quote{background:#ffffff2e;border-left-color:#f6c600}.chat-reply-quote-name{display:block;font-weight:700;margin-bottom:2px;opacity:.9}.chat-reply-quote-body{display:block;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-pinned{display:flex;gap:8px;align-items:flex-start;background:#fff8e6;border:1px solid #f0e0b8;border-left-width:3px;margin-bottom:8px}.chat-bubble-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;align-items:center}.chat-bubble-more{border:0;background:#0075341a;color:var(--color-green-800, #007534);font-size:14px;font-weight:700;cursor:pointer;padding:2px 8px;border-radius:999px;line-height:1;min-height:24px;letter-spacing:.08em}.chat-bubble.mine .chat-bubble-more{color:#fff;background:#0003}.chat-bubble-actions-menu{display:flex;gap:6px;flex-wrap:wrap}.chat-bubble-actions button{border:0;background:#0075341a;color:var(--color-green-800, #007534);font-size:11px;font-weight:700;cursor:pointer;padding:5px 10px;border-radius:999px;text-decoration:none;line-height:1;min-height:26px}@media (max-width: 1023px){.chat-bubble-actions{gap:4px;margin-top:4px}.chat-bubble-actions-menu{display:none;width:100%}.chat-bubble-actions.is-open .chat-bubble-actions-menu{display:flex}}@media (min-width: 1024px){.chat-bubble-more{display:none}.chat-bubble-actions-menu{display:flex}}.chat-bubble.mine .chat-bubble-actions button{color:#fff;text-shadow:none;background:#0003}.chat-bubble.mine .chat-bubble-actions button:hover,.chat-bubble.mine .chat-bubble-actions button:focus-visible{background:#00000052;color:#fff}.chat-bubble.other .chat-bubble-actions button{color:var(--color-green-800, #007534)}.chat-bubble.other .chat-bubble-actions button:hover,.chat-bubble.other .chat-bubble-actions button:focus-visible{background:#0075342e}.chat-image{max-width:min(220px,100%);border-radius:8px;display:block}.chat-audio audio{width:min(220px,100%)}.chat-file{color:inherit;text-decoration:underline}.chat-typing{font-size:12px;color:#64748b;padding:0 4px 6px}.chat-reply-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;background:#e8f5ee;border:1px solid rgba(0,117,52,.15);padding:8px 10px;border-radius:10px}.chat-reply-bar-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.chat-reply-bar-copy strong{color:var(--color-green-800);font-size:12px}.chat-reply-bar-copy span{color:var(--color-slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-bar-close{border:0;background:transparent;color:var(--color-slate);font-size:14px;cursor:pointer;padding:4px 6px;flex-shrink:0}.chat-deleted{font-style:italic;opacity:.75;margin:0}.forum-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.forum-tabs{display:flex;gap:6px;flex-wrap:wrap}.forum-tabs button{border:1px solid var(--color-line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.forum-tabs button.active{background:var(--color-green-600);color:#fff;border-color:var(--color-green-600)}@media (max-width: 380px){.chat-compose-tools .chat-icon-btn{width:40px;height:40px}.chat-compose input,.chat-send{height:40px}.chat-send{padding:0 12px;font-size:13px}.chat-bubble{max-width:92%}}.forum-create-btn{width:100%}.forum-form{display:grid;gap:12px}.forum-form label{display:grid;gap:6px;font-size:13px;font-weight:600}.forum-form input,.forum-form textarea,.forum-form select{border:1px solid var(--color-line);border-radius:8px;padding:10px 12px;font:inherit;font-weight:400}.admin-edit-panel{margin:0 0 20px;padding:16px;border:1px solid var(--color-line);border-radius:12px;background:#fff;box-shadow:0 8px 24px #00321c12}.admin-edit-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-edit-panel__head h3{margin:0;font-size:17px}.admin-edit-panel__close{border:1px solid var(--color-line);background:#fff;border-radius:8px;padding:6px 12px;font:inherit}.admin-edit-panel__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-field{display:grid;gap:6px}.admin-field__label{font-size:13px;font-weight:600}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.rte-shell{border:1px solid var(--color-line);border-radius:10px;background:#fff;overflow:hidden}.rte-shell.is-disabled{opacity:.65;pointer-events:none}.rte-loading{padding:16px;color:var(--color-muted);font-size:14px}.rte-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid var(--color-line);background:#f7faf7}.rte-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--color-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.rte-btn:hover{background:#e8f3ea}.rte-btn.active{background:#d8eedc;border-color:#b5d8bc;color:var(--color-green-text)}.rte-sep{width:1px;align-self:stretch;margin:2px 4px;background:var(--color-line)}.rte-shell .ProseMirror{padding:12px 14px;min-height:140px;outline:none;font:inherit;line-height:1.55;color:var(--color-ink)}.rte-shell .ProseMirror p{margin:0 0 .65em}.rte-shell .ProseMirror p:last-child{margin-bottom:0}.rte-shell .ProseMirror h2{margin:.4em 0 .35em;font-size:1.25rem}.rte-shell .ProseMirror h3{margin:.35em 0 .3em;font-size:1.1rem}.rte-shell .ProseMirror ul,.rte-shell .ProseMirror ol{margin:0 0 .65em;padding-left:1.35em}.rte-shell .ProseMirror blockquote{margin:0 0 .65em;padding-left:12px;border-left:3px solid var(--color-green-600);color:var(--color-slate)}.rte-shell .ProseMirror a{color:var(--color-green-600);text-decoration:underline}.rte-shell .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9aa39a;pointer-events:none;height:0}.html-content{line-height:1.55;overflow-wrap:anywhere}.html-content p{margin:0 0 .7em}.html-content p:last-child{margin-bottom:0}.html-content h2{margin:.5em 0 .35em;font-size:1.25rem}.html-content h3{margin:.45em 0 .3em;font-size:1.1rem}.html-content ul,.html-content ol{margin:0 0 .7em;padding-left:1.35em}.html-content blockquote{margin:0 0 .7em;padding-left:12px;border-left:3px solid var(--color-green-600);color:var(--color-slate)}.html-content img{max-width:100%;height:auto;display:block;border-radius:12px;margin:12px 0;background:#efe8dc;min-height:120px;object-fit:cover}.html-content figure{margin:16px 0}.html-content figcaption{margin-top:8px;font-size:12px;color:#666;line-height:1.4}.html-content a{color:var(--color-green-600);text-decoration:underline}.faq-answer{margin-top:8px}.info-body.html-content,.cms-body.html-content,.sa-product-desc.html-content{white-space:normal}.forum-status-banner{background:#fff8e8;border:1px solid #f0e0b8;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px}.forum-info{display:grid;gap:12px}.forum-invite-box{display:grid;gap:8px}.forum-invite-url{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;word-break:break-all}.forum-member-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.forum-member-list li{display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--color-line);border-radius:10px;background:#fff;align-items:center}.forum-member-identity{display:flex;align-items:center;gap:10px;min-width:0}.forum-member-identity .member-logo{width:40px;height:40px}.forum-member-list small{display:block;color:#64748b}.forum-member-actions{display:flex;flex-direction:column;gap:4px}.forum-member-actions button{border:1px solid var(--color-line);background:#fff;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer}.notif-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-line)}.notif-item.unread{background:#f8fdf9;margin:0 -16px;padding:14px 16px}.notif-icon{font-size:24px}.notif-item p{margin:0 0 4px;color:var(--color-brown);font-size:14px}.notif-item small{color:var(--color-slate);font-size:12px}.doc-hint{color:var(--color-slate);font-size:14px;line-height:1.5}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--color-line);border-radius:8px;padding:28px;margin:16px 0;cursor:pointer;background:#fff}.upload-zone span{font-size:32px}.upload-zone strong{color:var(--color-brown)}.upload-zone small{color:var(--color-slate)}.doc-list{display:grid;gap:10px}.doc-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:8px;padding:14px;box-shadow:0 4px 12px #28261b12}.doc-icon{font-size:24px}.doc-item strong{display:block;color:var(--color-brown);font-size:14px}.doc-item small{color:var(--color-slate)}.doc-status{font-size:11px;font-weight:800;white-space:nowrap}.doc-status.approved{color:var(--color-green-700)}.doc-status.pending{color:#a34b00}.payment-row{grid-template-columns:.8fr 1.2fr 1fr 1fr 100px}.pay-status{font-size:11px;font-weight:900;padding:4px 8px;border-radius:4px;text-align:center}.pay-status.paid{background:#dff8e7;color:var(--color-green-800)}.pay-status.pending{background:#fff0db;color:#a34b00}.pay-status.failed{background:#ffe1e8;color:#a40b25}.figma-screen{background:var(--color-paper);min-height:100%;height:100%;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top,0px) + 12px) clamp(16px,4vw,24px) calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}.figma-page-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px}.figma-page-header h1{margin:0;text-align:center;font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.22;color:var(--color-brown)}.figma-back,.figma-back-spacer{width:40px;height:40px;display:grid;place-items:center;color:var(--color-brown);text-decoration:none;font-size:20px}.figma-subline{text-align:center;margin:0 0 20px;font-family:var(--font-body);font-size:16px;color:var(--color-subtitle)}.figma-subline a{color:var(--color-green-600);font-weight:500;text-decoration:none}.figma-form{display:grid;gap:2px}.figma-form-row{display:block;margin-bottom:12px}.figma-form-row>span{display:block;margin-bottom:6px;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-brown)}.figma-field-box,.figma-field-box input,.figma-field-box select{width:100%}.figma-field-box input,.figma-field-box select{height:46px;border:1px solid #eee5d8;border-radius:10px;background:#fff;padding:0 14px;font-family:var(--font-body);font-size:16px;color:var(--color-ink);outline:none}.figma-field-box select:disabled{opacity:.6}.figma-upload{display:flex;align-items:center;justify-content:center;min-height:88px;border:1px dashed #02a048;border-radius:10px;background:#fff;color:var(--color-green-600);font-family:var(--font-body);font-size:14px;cursor:pointer;overflow:hidden;position:relative}.figma-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.figma-upload-preview{width:72px;height:72px;object-fit:cover;border-radius:8px}.figma-benefits{background:#fff;border-radius:10px;padding:16px;margin:8px 0 16px;box-shadow:0 8px 18px #28261b17;font-family:var(--font-body);font-size:14px;color:var(--color-brown);line-height:1.6}.figma-benefits ul{margin:8px 0 12px;padding-left:18px}.figma-benefits strong{font-weight:500}.figma-primary-btn,.figma-secondary-btn{margin-top:8px}.figma-secondary-btn{text-align:center;text-decoration:none;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-green-600);background:#fff;border:1px solid var(--color-green-600)}.figma-terms-screen{padding-bottom:120px}.figma-terms-updated{margin:0 0 12px;font-family:var(--font-legal);font-size:12px;color:var(--color-legal)}.figma-legal-box{background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 18px #28261b17;font-family:var(--font-legal);font-size:14px;line-height:1.22;color:var(--color-legal);text-align:justify}.figma-legal-box h3{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--color-green-600)}.figma-legal-box h3:first-of-type{margin-top:8px}.figma-terms-actions{position:sticky;bottom:0;display:grid;gap:10px;padding-top:16px;background:linear-gradient(180deg,transparent,var(--color-paper) 24%)}.figma-payment-head{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 8px 18px #28261b17}.figma-payment-label{display:block;font-family:var(--font-display);font-size:20px;font-weight:600;color:#404040;margin-bottom:8px}.figma-payment-amount{display:block;font-family:var(--font-display);font-size:28px;font-weight:600;color:#000;margin-bottom:4px}.figma-payment-head small{font-family:var(--font-body);font-size:14px;color:var(--color-muted)}.figma-success-screen{flex:1;min-height:100%;height:100%;width:100%;background:var(--color-success-bg, #02a048);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 24px;box-sizing:border-box}.figma-success-copy{max-width:340px}.figma-success-copy h1{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(28px,8vw,35px);font-weight:600;line-height:1.22;color:#fff}.figma-success-subtitle{margin:0 0 20px;font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.35;color:#fff}.figma-success-note{margin:0 auto;font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.4;max-width:300px;color:#ffffffeb}.figma-success-btn{margin-top:48px;display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;border-radius:10px;border:1px solid #fff;color:#fff;background:transparent;font-family:var(--font-body);font-size:16px;font-weight:500;text-decoration:none}.app-screen.figma-home{background:var(--color-paper)}.home-edit-btn{color:#fff!important;background:#00432557!important}.home-profile-alert{display:block;text-decoration:none;background:#ffe6e9;border-radius:12px;padding:14px 16px;margin-bottom:16px;box-shadow:0 8px 18px #28261b17}.home-profile-alert-top{display:grid;grid-template-columns:1fr 28px;gap:8px;align-items:start}.home-profile-alert-copy p{margin:0;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.45;letter-spacing:.01em;color:#4a4a4a}.home-profile-alert-copy p:first-child{font-weight:700;color:#9b1c31;margin-bottom:2px}.home-profile-alert-arrow{color:#9b1c31;display:grid;place-items:center;margin-top:2px}.home-profile-alert-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px}.home-profile-progress-track{height:14px;background:#fff;border-radius:999px;overflow:hidden}.home-profile-progress-fill{height:100%;background:#fc2743;border-radius:999px;transition:width .25s ease}.home-profile-progress-label{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:26px;letter-spacing:.01em;color:#4a4a4a;min-width:34px;text-align:right}.home-member-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f2fff8 55%,#e8f8ee);border-radius:12px;padding:18px 18px 14px;margin-bottom:16px;box-shadow:0 12px 28px #00321c24;border:1px solid #d4eddf}.home-member-card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,#02a04822 0%,transparent 42%),radial-gradient(circle at 0% 100%,#00753414 0%,transparent 38%);pointer-events:none}.home-member-card-top{position:relative;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.home-member-card-logo.member-logo{width:64px;height:64px;border-radius:10px;box-shadow:0 4px 12px #00321c1f}.home-member-card-brand{display:flex;flex-direction:column;gap:4px;min-width:0}.home-member-card-brand span{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-green-800)}.home-member-card-brand strong{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--color-brown);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-member-card-body{position:relative;margin-top:16px}.home-member-card-body h3{margin:0 0 4px;font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--color-brown)}.home-member-card-business{margin:0 0 8px;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-slate)}.home-member-card-meta{margin:0 0 4px;font-family:var(--font-body);font-size:13px;color:var(--color-muted);line-height:1.45}.home-member-card-footer{position:relative;margin-top:14px;padding-top:12px;border-top:1px dashed #b9dcc7;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-green-800)}.home-member-list,.home-info-list{display:grid;gap:12px;margin-bottom:8px}.home-member-row,.home-info-card{display:block;text-decoration:none;background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 18px #28261b17}.home-member-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}.home-member-copy{min-width:0}.home-member-row h3{margin:0;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1.3;color:var(--color-ink);overflow-wrap:anywhere}.home-member-row p{margin:4px 0 0;font-size:13px;line-height:1.35;color:var(--color-muted);overflow-wrap:anywhere}.home-member-row small{display:block;margin-top:2px;font-size:12px;color:var(--color-muted)}.home-info-category{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.01em}.home-info-card h3{margin:8px 0 6px;font-family:var(--font-body);font-size:18px;font-weight:500;color:var(--color-muted);line-height:1.17}.home-info-card p,.home-info-card small{display:block;margin:0;font-family:var(--font-body);font-size:12px;color:var(--color-muted)}.home-info-card small{margin-top:4px}.section-link{font-size:14px;font-weight:400;color:var(--color-green-600);text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sa-screen{background:var(--color-page-bg, #eef4ee)}.sa-scroll{padding:12px 16px 24px;display:flex;flex-direction:column;gap:14px}.sa-page-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;padding:12px 12px 8px;background:#fff;border-bottom:1px solid var(--color-line, #eee5d8)}.sa-page-header h1{margin:0;text-align:center;font-family:var(--font-heading, "Roboto", sans-serif);font-size:16px;font-weight:600;color:var(--color-green-800, #007534)}.sa-back{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;text-decoration:none;color:var(--color-green-800);background:var(--color-field-icon-bg, #f2fff8);font-size:18px}.sa-page-header-right{min-height:36px}.sa-menu-hero{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(160deg,var(--color-green-600),var(--color-green-900));color:#fff}.sa-menu-hero h1{margin:0;font-size:18px}.sa-menu-hero p{margin:4px 0 0;font-size:13px;opacity:.9}.sa-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sa-menu-card{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-radius:14px;background:#fff;border:1px solid var(--color-line, #eee5d8);text-decoration:none;color:var(--color-ink, #2a3850);min-height:96px}.sa-menu-icon{font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#f2fff8}.feature-icon{display:block;object-fit:contain;flex-shrink:0}.feature-icon-on-dark{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.nav-feature-icon{display:block}.sa-icon-credit{margin:4px 0 20px;text-align:center;font-size:11px;color:var(--color-muted, #6b7c86)}.sa-icon-credit a{color:var(--color-green-800, #007534);text-decoration:underline}.sa-menu-card strong{font-size:14px}.sa-menu-card small{color:var(--color-slate, #4d586b);font-size:11px;line-height:1.3}.sa-menu-account{margin-top:18px;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--color-line);display:flex;flex-direction:column;gap:10px}.sa-menu-account strong{display:block;font-size:15px;color:var(--color-ink)}.sa-menu-account small{display:block;margin-top:2px;color:var(--color-slate);font-size:12px;overflow-wrap:anywhere}.sa-menu-account-link{color:var(--color-green-700);font-weight:600;font-size:14px;text-decoration:none}.sa-pwa-install-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #b7d9cb;border-radius:12px;background:linear-gradient(180deg,#e8f5ee,#d7f0e5);color:var(--color-green-800, #007534);font:inherit;font-weight:600;font-size:14px;cursor:pointer}.sa-pwa-install-btn:disabled{opacity:.65;cursor:wait}.sa-pwa-install-btn .feature-icon{flex-shrink:0}.sa-pwa-install-hint{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #f0dfa0;color:var(--color-ink, #2a3850);font-size:13px;line-height:1.45}.sa-pwa-install-hint p{margin:0 0 8px}.sa-pwa-install-hint .sa-text-cta{border:0;background:none;padding:0;color:var(--color-green-700, #007534);font-weight:600;cursor:pointer}@media (display-mode: standalone),(display-mode: fullscreen),(display-mode: minimal-ui){.sa-pwa-install-btn,.sa-pwa-install-hint{display:none!important}}.sa-logout-btn{width:100%;border:1px solid #f1b4bc;background:#ffe6e9;color:#9b1c31;border-radius:12px;padding:12px 14px;font-weight:700;font-size:14px}.sa-product-detail{gap:14px}.sa-member-detail{display:flex;flex-direction:column;min-height:100%;background:var(--color-page, #eef4ee)}.sa-member-detail-hero{background:linear-gradient(180deg,var(--color-green-600, #02a048),var(--color-green-800, #007534));min-height:148px;padding:20px 20px 48px;color:#fff}.sa-member-detail-back{color:var(--color-green-800, #007534)!important;background:#fff;box-shadow:0 2px 8px #0028142e}.sa-member-detail-card{background:#fff;border-radius:16px;margin:-36px 16px 24px;padding:22px 20px 24px;box-shadow:0 14px 36px #1e2c1e1f;position:relative;z-index:1}.sa-member-detail-avatar{display:flex;justify-content:center;margin-bottom:14px}.sa-member-detail-name{margin:0 0 4px;font-size:22px;line-height:1.25;color:var(--color-brown, #3d2c1e);text-align:center}.sa-member-detail-person{margin:0;color:var(--color-slate, #4d586b);text-align:center;font-size:15px}.sa-member-detail-loc{margin:10px 0 0;color:var(--color-slate, #4d586b);text-align:center;font-size:13px;line-height:1.45}.sa-member-detail-kbli{background:#f2fff8;border:1px solid #cfe8d8;border-radius:10px;margin-top:18px;padding:12px 14px;text-align:center}.sa-member-detail-kbli strong{color:var(--color-green-800, #007534);font-size:14px;letter-spacing:.02em}.sa-member-detail-meta{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;color:var(--color-slate, #4d586b);font-size:14px}.sa-member-detail-meta li{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.sa-member-detail-meta .sa-meta-icon{display:grid;place-items:center;width:22px;flex-shrink:0;margin-top:1px}.sa-member-detail-meta .sa-meta-icon .feature-icon{width:20px;height:20px;object-fit:contain}.sa-member-detail-meta a{color:var(--color-green-800, #007534);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.sa-member-detail-cta{margin-top:22px}.sa-product-hero{height:180px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e8ffe8,#c8f5d4);box-shadow:0 8px 20px #00321c14}.sa-product-hero span{font-size:72px;line-height:1}.sa-product-main h1{margin:4px 0 8px;font-size:20px;line-height:1.3;color:var(--color-ink)}.sa-product-cat{margin:0;font-size:12px;font-weight:700;color:var(--color-green-700);text-transform:uppercase;letter-spacing:.04em}.sa-product-price-row{display:flex;align-items:baseline;gap:10px}.sa-product-price-row .sa-price{font-size:22px}.sa-product-meta{margin:8px 0 0;font-size:13px;color:var(--color-slate)}.sa-product-desc{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--color-ink)}.sa-product-block{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:14px 16px}.sa-product-block h2{margin:0 0 10px;font-size:15px;color:var(--color-green-800)}.sa-product-block ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--color-ink);font-size:14px;line-height:1.4}.sa-product-seller{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.sa-product-seller strong{display:block;font-size:14px}.sa-product-seller small{display:block;margin-top:2px;color:var(--color-slate);font-size:12px}.sa-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:8px;padding-top:4px}.sa-product-cart,.sa-product-buy{border-radius:12px;padding:14px 12px;font-weight:700;font-size:14px}.sa-product-cart{border:1px solid var(--color-green-600);background:#fff;color:var(--color-green-800)}.sa-product-buy{border:0;background:var(--color-green-600);color:#fff}.sa-search input{width:100%;border:1px solid var(--color-line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}.sa-hero-banner{border-radius:16px;padding:18px 16px;background:linear-gradient(145deg,var(--color-green-600),var(--color-green-900));color:#fff}.sa-ad-banner{position:relative;border-radius:12px;overflow:hidden;min-height:120px;background:linear-gradient(145deg,var(--color-green-600),var(--color-green-900))}.sa-ad-banner-img{display:block;width:100%;max-height:140px;object-fit:cover}.sa-ad-banner-fallback{padding:18px 16px}.sa-ad-banner-fallback[hidden]{display:none!important}.sa-ad-banner-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,#00321ccc);color:#fff;font-size:13px}.sa-ad-banner-caption strong{font-weight:700}.sa-hero-banner.soft{background:linear-gradient(145deg,#16df5a,#007534)}.sa-hero-banner h2{margin:0 0 8px;font-size:18px;line-height:1.25}.sa-hero-banner p{margin:0 0 12px;font-size:13px;opacity:.95}.sa-banner-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;color:var(--color-green-800);font-weight:600;font-size:13px;text-decoration:none;border:0;cursor:pointer}.sa-banner-cta.light{background:#fff;color:#046974}.sa-chip-row{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sa-chip-row::-webkit-scrollbar{display:none}.sa-chip{border:1px solid var(--color-line);background:#fff;color:var(--color-green-800);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.sa-chip.ghost{background:var(--color-cream, #fffbf5)}.sa-market .section-header{margin:0;align-items:center}.sa-market-block{display:flex;flex-direction:column;gap:10px}.sa-store-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sa-store-card,.sa-list-card,.sa-post-card,.sa-fact,.sa-org-card,.sa-leader-card{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:12px}.sa-store-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;flex:0 0 min(78%,260px);min-width:min(78%,260px);min-height:88px;scroll-snap-align:start;box-shadow:0 4px 14px #28261b12;color:var(--color-ink);text-decoration:none}.sa-store-avatar{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e8ffe8,#c8f5d4);color:var(--color-green-800);font-weight:800;font-size:18px;line-height:1}.sa-store-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.sa-store-copy strong{font-size:14px;font-weight:700;line-height:1.3;color:var(--color-ink);overflow-wrap:anywhere}.sa-store-copy small{font-size:12px;line-height:1.3;color:var(--color-slate)}.sa-store-rating{margin-top:2px;font-size:12px;font-weight:600;color:#c47a00}.sa-list{display:flex;flex-direction:column;gap:10px}.sa-list-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.sa-flash-card{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;box-shadow:0 4px 14px #28261b12}.sa-flash-thumb{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#fff4e5;font-size:22px}.sa-flash-copy{min-width:0}.sa-flash-copy strong{display:block;font-size:14px;font-weight:600;line-height:1.35;color:var(--color-ink);overflow-wrap:anywhere}.sa-flash-copy p{margin:6px 0 0}.sa-list-card.linkish:active{opacity:.85}.sa-kind{align-self:flex-start;font-size:11px;font-weight:700;color:var(--color-green-800, #007534);letter-spacing:.04em}.sa-price{color:var(--color-green-800);font-weight:700}.sa-was{color:var(--color-slate);font-size:12px}.sa-post-card header{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.sa-post-card h3{margin:0 0 6px;font-size:15px;color:var(--color-ink)}.sa-post-card p{margin:0 0 8px;font-size:13px;color:var(--color-muted, #4a4a4a);line-height:1.45}.sa-post-card footer{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--color-slate)}a.sa-post-card--link{display:block;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}a.sa-post-card--link:active{transform:scale(.99)}.sa-post-open{margin-left:auto;font-weight:600;color:var(--color-green-600, #02a048)}.sa-community-detail{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.sa-post-card--detail h1{margin:0 0 8px;font-size:18px;line-height:1.35;color:var(--color-ink)}.sa-community-gate{margin:12px 0 0}.sa-wallet-card{border-radius:18px;padding:16px 16px 14px;background:linear-gradient(160deg,#007534,#046974);color:#fff;box-shadow:0 12px 28px #00321c33}.sa-wallet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#ffffffeb}.sa-eye{background:transparent;border:0;color:#fff;font-size:16px;cursor:pointer;padding:2px;line-height:0;display:inline-grid;place-items:center}.sa-eye-icon{display:block;width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.sa-wallet-amount{display:block;margin:6px 0;font-size:clamp(22px,6.4vw,28px);line-height:1.2;letter-spacing:.01em;overflow-wrap:anywhere;color:#fff}.sa-wallet-note{margin:0 0 12px;font-size:12px;line-height:1.4;color:#e8fff0;opacity:1}.sa-wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#001c1259;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 6px}.sa-wallet-actions button{background:transparent;border:0;color:#fff;font:inherit;font-size:12px;font-weight:600;line-height:1.2;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.sa-wallet-actions button span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#007534;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000002e}.sa-wallet-actions button:disabled{opacity:1;color:#ffffffe0;cursor:not-allowed}.sa-wallet-actions button:disabled span{background:#ffffffeb;color:#007534;opacity:.85}.sa-id-shortcut{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--color-line);color:var(--color-green-800);font-weight:600;text-decoration:none;font-size:14px;line-height:1.3;box-shadow:0 6px 16px #28261b12}.sa-id-shortcut-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#02a04814;flex-shrink:0}.sa-id-shortcut-icon .feature-icon{width:28px;height:28px;object-fit:contain}.sa-id-shortcut-arrow{color:var(--color-green-600);font-size:16px}.sa-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-shortcut{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--color-line);text-decoration:none;color:var(--color-ink);text-align:left;box-shadow:0 4px 12px #28261b0f}.sa-shortcut-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f2fff8;font-size:20px;line-height:1}.sa-shortcut-icon .feature-icon{width:26px;height:26px}.sa-shortcut small{display:block;font-size:13px;font-weight:600;line-height:1.25;color:var(--color-ink);overflow-wrap:anywhere}.sa-today{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:14px 16px 8px;box-shadow:0 4px 12px #28261b0f}.sa-today h2{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--color-green-800)}.sa-today ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sa-today li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0ebe3;font-size:14px;line-height:1.4;color:var(--color-ink)}.sa-today li:first-of-type{border-top:0}.sa-today-icon{width:28px;flex-shrink:0;text-align:center;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.sa-today li span:last-child{min-width:0;overflow-wrap:anywhere}.sa-rec-card{border-radius:16px;padding:16px;background:linear-gradient(135deg,#e8ffe8,#c8f5d4);border:1px solid #b6e8c4}.sa-rec-card h3{margin:0 0 6px;font-size:15px;line-height:1.4;color:var(--color-green-800);overflow-wrap:anywhere}.sa-rec-card p{margin:0;color:var(--color-slate);font-size:13px;line-height:1.45}.sa-rec-dots{display:flex;gap:6px;margin-top:12px}.sa-rec-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#9cc9a8;padding:0;cursor:pointer}.sa-rec-dots button.active{background:var(--color-green-600);width:18px}.sa-org-card,.sa-leader-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.sa-leader-card{background:var(--color-green-900);color:#fff;justify-content:space-between}.sa-leader-card span:first-child{display:block;font-size:12px;opacity:.85;margin-bottom:4px}.sa-section h2{margin:0 0 8px;font-size:16px;color:var(--color-green-800)}.sa-section>p,.sa-muted{margin:0 0 10px;font-size:13px;color:var(--color-slate);line-height:1.45}.sa-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-gallery-card{margin:0;min-width:0}.sa-gallery-thumb{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#e8f8ee,#c8f5d4);border:1px solid rgba(0,117,52,.1)}.sa-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover}.sa-gallery-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(145deg,#046974,#007534);color:#fff;font-weight:800;font-size:18px;letter-spacing:.04em}.sa-gallery-fallback[hidden]{display:none!important}.sa-gallery-card figcaption{margin-top:6px;font-size:12px;font-weight:600;color:var(--color-ink);line-height:1.3}.sa-gallery-open{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit}.sa-gallery-open:focus-visible{outline:2px solid var(--color-green-700, #007534);outline-offset:2px;border-radius:12px}.sa-gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px 16px 40px;background:#0a1810e0}.sa-gallery-lightbox-panel{width:min(920px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;align-items:center;gap:10px}.sa-gallery-lightbox-panel img{display:block;max-width:100%;max-height:min(72vh,780px);object-fit:contain;border-radius:12px;background:#0b1a12}.sa-gallery-lightbox-panel p{margin:0;color:#f3fff6;font-size:14px;font-weight:650;text-align:center;line-height:1.35;max-width:36rem}.sa-gallery-lightbox-count{color:#f3fff6b8;font-size:12px}.sa-gallery-lightbox-close,.sa-gallery-lightbox-nav{position:absolute;border:0;background:#ffffff1f;color:#fff;cursor:pointer;border-radius:999px;display:grid;place-items:center;line-height:1}.sa-gallery-lightbox-close{top:14px;right:14px;width:40px;height:40px;font-size:28px}.sa-gallery-lightbox-nav{top:50%;transform:translateY(-50%);width:42px;height:42px;font-size:30px}.sa-gallery-lightbox-nav.prev{left:10px}.sa-gallery-lightbox-nav.next{right:10px}.sa-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:2px}.sa-section-head h2{margin:0}.sa-section-more{font-size:12px;font-weight:700;color:var(--color-green-700, #007534);text-decoration:none;white-space:nowrap}.sa-news-list{display:flex;flex-direction:column;gap:10px}.sa-news-card{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(0,117,52,.1);background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px #1028180a}.sa-news-card:not(:has(.sa-news-thumb)){grid-template-columns:1fr}.sa-news-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#e8f8ee}.sa-news-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sa-news-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--color-slate);margin-bottom:2px}.sa-news-meta span:first-child{color:var(--color-green-700, #007534);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sa-news-body h3{margin:0 0 4px;font-size:14px;line-height:1.3;color:var(--color-ink)}.sa-news-body p{margin:0;font-size:12px;line-height:1.4;color:var(--color-slate);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sa-fact span{display:block;font-size:11px;color:var(--color-slate)}.sa-fact strong{font-size:13px;color:var(--color-ink)}.sa-commit-banner{border-radius:16px;padding:16px;background:var(--color-green-900);color:#fff}.sa-commit-banner strong{display:block;margin-bottom:6px}.sa-commit-banner p{margin:0 0 12px;font-size:13px;line-height:1.45;opacity:.95}.sa-value-row{display:flex;flex-wrap:wrap;gap:8px}.sa-value-chip{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid var(--color-line);font-size:12px;color:var(--color-green-800)}.sa-digital-card{border-radius:16px;padding:16px;background:linear-gradient(145deg,#007534,#046974);color:#fff}.sa-digital-card-top{display:flex;gap:12px;align-items:flex-start}.sa-digital-card-top span,.sa-digital-card-top small{display:block;font-size:12px;opacity:.9}.sa-digital-card-top strong{display:block;margin:4px 0;font-size:16px}.sa-digital-page{gap:16px;padding-bottom:28px}.sa-id-card{position:relative;overflow:visible;border-radius:18px;padding:16px 16px 18px;background:linear-gradient(145deg,#007534,#046974);color:#fff;box-shadow:0 14px 28px #00321c33}.sa-id-card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 100% 0%,#ffffff22 0%,transparent 42%),radial-gradient(circle at 0% 100%,#98e30322 0%,transparent 40%)}.sa-id-card-head{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin-bottom:14px}.sa-id-card-head .app-logo,.sa-id-card-head .app-logo img{width:40px;height:40px}.sa-id-card-head p{margin:0;font-size:12px;line-height:1.35;font-weight:500;color:#fff;opacity:.95}.sa-id-card-head .status{flex-shrink:0}.sa-id-card-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;align-items:start}.sa-id-card-copy{min-width:0}.sa-id-card-copy h2{margin:0 0 6px;font-family:var(--font-body);font-size:clamp(16px,4.6vw,20px);font-weight:700;line-height:1.3;color:#fff;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.sa-id-business{margin:0 0 12px;font-size:13px;line-height:1.4;color:#e8fff0;overflow-wrap:anywhere;word-break:break-word}.sa-id-meta{margin:0;display:grid;gap:10px}.sa-id-meta div{min-width:0}.sa-id-meta dt{margin:0;font-size:11px;opacity:.85;font-weight:500}.sa-id-meta dd{margin:2px 0 0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.sa-id-photo.member-logo{width:88px;height:108px;border-radius:12px;object-fit:cover;object-position:center top;box-shadow:0 8px 18px #00321c40;border:2px solid #ffffff55;background:#0f5132;font-size:28px;display:grid;place-items:center}.sa-id-photo.member-logo--avatar{background-color:#0f5132;background-image:url(/icons/avatar-peci.png);background-size:cover;background-position:center}.sa-id-photo.member-logo--avatar.member-logo--female{background-image:url(/icons/avatar-hijab.png)}.sa-id-photo .member-logo-initials{font-size:26px;color:#f6c600}.sa-qr-block{text-align:center;background:#fff;border-radius:16px;padding:16px;border:1px solid var(--color-line)}.sa-qr-url{margin:8px 0 0;font-size:12px;color:var(--color-slate, #4d586b);word-break:break-all;line-height:1.35}.sa-qr-block img{width:min(220px,70vw);height:auto;aspect-ratio:1;border-radius:12px;background:#fff}.sa-qr-block p{margin:12px 0;font-size:13px;color:var(--color-slate);line-height:1.4}.sa-share-btn{width:100%}.sa-primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--color-green-600);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.sa-primary-btn.compact{min-height:40px;padding:0 12px}.sa-text-cta{background:transparent;border:0;color:var(--color-green-600);font:inherit;font-weight:600;font-size:13px;cursor:pointer;padding:0;text-decoration:none;text-align:left}.sa-empty{color:var(--color-slate);text-align:center;padding:24px 8px}.sa-assistant-quota{margin:8px 12px 4px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#f0f7f4,#e8f0ec);border:1px solid #c5ddd0;text-align:left}.sa-assistant-quota.exempt{background:#eef3f8;border-color:#c5d4e4;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.sa-assistant-quota.warn-low{border-color:#e0c36a;background:linear-gradient(135deg,#fff8e8,#f7efd8)}.sa-assistant-quota.warn-critical,.sa-assistant-quota.warn-empty{border-color:#e0a0a0;background:linear-gradient(135deg,#fff0f0,#f8e4e4)}.sa-assistant-quota-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.85rem}.sa-assistant-quota-meta strong{font-variant-numeric:tabular-nums}.sa-assistant-quota-track{margin-top:6px;height:6px;border-radius:999px;background:#00000014;overflow:hidden}.sa-assistant-quota-fill{height:100%;border-radius:999px;background:#2a7a55;transition:width .35s ease}.sa-assistant-quota.warn-low .sa-assistant-quota-fill{background:#c48912}.sa-assistant-quota.warn-critical .sa-assistant-quota-fill,.sa-assistant-quota.warn-empty .sa-assistant-quota-fill{background:#c0392b}.sa-assistant-quota small{display:block;margin-top:4px;color:#5a6b62;font-size:.72rem}.sa-assistant-plans{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px;text-align:left;width:100%;max-width:420px}.sa-assistant-plans li{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;padding:10px 12px;border-radius:10px;border:1px solid #d5e0da;background:#fafcfb}.sa-assistant-plans li strong{grid-column:1}.sa-assistant-plans li span{grid-column:1;font-size:.8rem;color:#5a6b62}.sa-assistant-plans li em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-weight:600;color:#2a7a55;font-size:.85rem}.sa-assistant-plans.compact{margin:0 12px 8px;max-width:none;width:auto}.sa-assistant-plans.compact li{padding:8px 10px}.sa-assistant-landing{text-align:center;padding:24px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}.sa-assistant-landing h2{margin:0;color:var(--color-green-800);font-size:20px}.sa-assistant-history{width:100%;text-align:left;margin-top:16px}.sa-assistant-history h3{margin:0 0 10px;font-size:14px;color:var(--color-green-800)}.sa-assistant-session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sa-assistant-session-list button{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--color-line);background:#fff;cursor:pointer;font:inherit}.sa-assistant-session-list button strong{font-size:13px;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-assistant-session-list button small{color:var(--color-slate);font-size:11px}.sa-assistant-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.sa-assistant-status{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;border-radius:10px;background:#02a0481a;color:var(--color-green-800);font-size:12px;font-weight:600}.sa-assistant-spinner{width:14px;height:14px;border:2px solid rgba(2,160,72,.25);border-top-color:var(--color-green-600, #02a048);border-radius:50%;animation:sa-spin .8s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-assistant-load-older{align-self:center;border:1px solid var(--color-line);background:#fff;border-radius:999px;padding:6px 14px;font:inherit;font-size:12px;color:var(--color-green-800);cursor:pointer}.sa-assistant-load-older:disabled{opacity:.6;cursor:wait}.sa-assistant-typing{display:inline-flex;gap:4px;align-items:center;height:14px}.sa-assistant-typing i{width:6px;height:6px;border-radius:50%;background:var(--color-slate);animation:sa-bounce 1.2s ease-in-out infinite}.sa-assistant-typing i:nth-child(2){animation-delay:.15s}.sa-assistant-typing i:nth-child(3){animation-delay:.3s}@keyframes sa-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.sa-chat-log{display:flex;flex-direction:column;gap:10px;flex:1}.sa-chat-bubble{max-width:92%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45}.sa-chat-bubble.assistant{align-self:flex-start;background:#fff;border:1px solid var(--color-line);color:var(--color-ink)}.sa-chat-bubble.user{align-self:flex-end;background:var(--color-green-600);color:#fff}.sa-chat-bubble-meta{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;opacity:.72}.sa-chat-bubble-body{word-break:break-word;overflow-wrap:anywhere}.sa-chat-bubble-body>:first-child{margin-top:0}.sa-chat-bubble-body>:last-child{margin-bottom:0}.sa-chat-bubble-body p{margin:0 0 .55em}.sa-chat-bubble-body h3,.sa-chat-bubble-body h4,.sa-chat-bubble-body h5,.sa-chat-bubble-body h6{margin:.7em 0 .35em;font-size:1.02em;line-height:1.3;color:inherit}.sa-chat-bubble-body ul,.sa-chat-bubble-body ol{margin:.4em 0 .6em;padding-left:1.25em}.sa-chat-bubble-body li{margin:.15em 0}.sa-chat-bubble-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:.1em .35em;border-radius:4px;background:#00502814}.sa-chat-bubble.user .sa-chat-bubble-body code{background:#ffffff2e}.sa-chat-bubble-body pre{margin:.5em 0;padding:10px 12px;border-radius:10px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.4;background:#122018;color:#e8f5ec}.sa-chat-bubble.user .sa-chat-bubble-body pre{background:#00281473;color:#fff}.sa-chat-bubble-body a{color:var(--color-green-800, #007534);text-decoration:underline;text-underline-offset:2px}.sa-chat-bubble.user .sa-chat-bubble-body a{color:#fff}.sa-chat-bubble-body .md-table-wrap{overflow-x:auto;margin:.5em 0;border-radius:8px;border:1px solid rgba(0,80,40,.15)}.sa-chat-bubble-body .md-table{width:100%;border-collapse:collapse;font-size:.85em}.sa-chat-bubble-body .md-table th,.sa-chat-bubble-body .md-table td{border:1px solid rgba(0,80,40,.12);padding:6px 8px;text-align:left;vertical-align:top}.sa-chat-bubble-body .md-table th{background:#02a0481a;font-weight:700}.sa-chat-bubble.user .sa-chat-bubble-body .md-table th,.sa-chat-bubble.user .sa-chat-bubble-body .md-table td{border-color:#ffffff40}.sa-chat-bubble.user .sa-chat-bubble-body .md-table th{background:#ffffff24}.sa-chat-bubble.pending{min-width:72px}.sa-chat-bubble.queued{opacity:.82;border-style:dashed}.sa-chat-hint{margin:0;font-size:12px;color:var(--color-slate)}.sa-suggest-list{display:flex;flex-wrap:wrap;gap:8px}.sa-chat-composer{display:flex;gap:8px;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,transparent,var(--color-page-bg, #eef4ee) 30%);align-items:center}.sa-assistant-file-input{display:none}.sa-assistant-attach-btn{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1px solid var(--color-line, #d5e0da);background:#fff;cursor:pointer;font-size:1.1rem;line-height:1}.sa-assistant-attach-btn:disabled{opacity:.45;cursor:not-allowed}.sa-assistant-pending-file{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:8px 12px;border-radius:10px;background:#f3f8f5;border:1px dashed #b7d0c2;font-size:.85rem}.sa-assistant-attach{margin:0 0 8px;display:grid;gap:8px}.sa-assistant-attach-img img{display:block;max-width:min(240px,100%);max-height:180px;border-radius:10px;object-fit:cover}.sa-assistant-attach-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#0000000a;color:inherit;text-decoration:none;max-width:100%}.sa-chat-bubble.user .sa-assistant-attach-file{background:#ffffff2e;color:#fff}.sa-assistant-attach-file strong{display:block;font-size:.85rem;word-break:break-word}.sa-assistant-attach-file small{display:block;opacity:.8;font-size:.72rem}.sa-assistant-attach-icon{font-size:1.1rem}.sa-chat-composer input{flex:1;border:1px solid var(--color-line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff}.sa-ion-hero{border-radius:16px;padding:18px 16px;background:linear-gradient(155deg,#007534,#046974);color:#fff;display:flex;flex-direction:column;gap:10px}.sa-ion-hero h2{margin:0;font-size:20px}.sa-ion-hero p{margin:0;font-size:13px;line-height:1.45;opacity:.95}.sa-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sa-steps li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:12px}.sa-steps li>span{width:28px;height:28px;border-radius:999px;background:var(--color-green-600);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.sa-steps strong{display:block;margin-bottom:2px;color:var(--color-green-800)}.sa-steps p{margin:0;font-size:12px;color:var(--color-slate)}.pwa-update-banner{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:1200;width:min(420px,calc(100% - 24px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#046974;color:#e6f5ef;box-shadow:0 10px 28px #04697459}.pwa-update-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pwa-update-banner__text strong{font-size:13px;color:#fff}.pwa-update-banner__text span{font-size:11px;color:#b7d9cb}.pwa-update-banner__actions{display:flex;gap:8px;flex-shrink:0}.pwa-update-banner__later,.pwa-update-banner__apply{border:0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer}.pwa-update-banner__later{background:transparent;color:#d7f0e5;border:1px solid rgba(215,240,229,.45)}.pwa-update-banner__apply{background:#f6c600;color:#2a3850}.sa-app-version{margin:8px 16px 24px;text-align:center;font-size:11px;color:var(--color-slate, #4d586b);opacity:.85}@media (min-width: 1024px){.desktop-shell,.layout-desktop{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:none;margin:0;background:var(--color-bg, #f5f7f4)}.desktop-shell--topnav{grid-template-columns:none}.desktop-shell>.side-nav{display:none}.side-nav{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:16px;padding:20px 16px;background:linear-gradient(180deg,#064e2a,#007534 55%,#0a6b38);color:#fff;overflow-y:auto}.side-nav-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 16px;border-bottom:1px solid rgba(255,255,255,.15)}.side-nav-brand strong{display:block;font-size:15px;color:#fff}.side-nav-brand span{display:block;font-size:12px;color:#ffffffc7}.side-nav-links{display:flex;flex-direction:column;gap:4px;flex:1}.side-nav-links a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#ffffffeb;text-decoration:none;font-weight:600;font-size:14px}.side-nav-links a span{color:inherit}.side-nav-links a .nav-feature-icon,.side-nav-links a .feature-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));opacity:.88}.side-nav-links a:hover,.side-nav-links a.active{background:#ffffff29;color:#fff}.side-nav-links a:hover .nav-feature-icon,.side-nav-links a:hover .feature-icon,.side-nav-links a.active .nav-feature-icon,.side-nav-links a.active .feature-icon{opacity:1}.desktop-main{display:flex;flex-direction:column;min-width:0;min-height:100vh;width:100%;flex:1}.desktop-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;padding:10px 24px;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-line, #e4e8e1)}.desktop-topbar-brand{display:flex;align-items:center;min-width:0}.desktop-topbar-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-green-800, #007534)}.desktop-topbar-logo .app-logo img{width:48px;height:48px;object-fit:contain}.desktop-topbar-logo .app-logo.desktop img{width:52px;height:52px}.desktop-topbar-brand-text strong{display:block;font-family:var(--font-heading, "Roboto", sans-serif);font-size:15px;font-weight:700;color:var(--color-green-800, #007534);line-height:1.2}.desktop-topnav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.desktop-topnav::-webkit-scrollbar{display:none}.desktop-topnav a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--color-slate, #4d586b);font-size:13px;font-weight:600;white-space:nowrap}.desktop-topnav a .nav-feature-icon,.desktop-topnav a .feature-icon{width:18px;height:18px;filter:none;opacity:.85}.desktop-topnav a:hover{background:#f2fff8;color:var(--color-green-800, #007534)}.desktop-topnav a.active{background:#e8f8ee;color:var(--color-green-800, #007534)}.desktop-topnav a.active .nav-feature-icon,.desktop-topnav a.active .feature-icon{opacity:1}.desktop-topbar h1{margin:0;font-family:var(--font-heading, "Roboto", sans-serif);font-size:16px;font-weight:600;color:var(--color-green-800, #007534)}.desktop-topbar-page{display:none}.desktop-topbar-greet{margin:0;font-size:13px;color:var(--color-ink, #2a3850);white-space:nowrap}.desktop-topbar-greet strong{font-weight:600}.desktop-topbar-actions{display:flex;align-items:center;gap:10px;justify-self:end}.desktop-topbar-notif.home-edit-btn{color:var(--color-green-800, #007534)!important;background:#f2fff8!important}.desktop-topbar-notif .feature-icon{filter:none}.desktop-topbar-avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#f2fff8}.desktop-topbar-avatar .member-logo{width:36px;height:36px}.desktop-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 24px 40px;box-sizing:border-box}.desktop-shell .green-header,.layout-desktop .green-header,.desktop-shell .sa-home-header,.layout-desktop .sa-home-header,.desktop-shell .page-header,.layout-desktop .page-header{display:none}.sa-desktop-page-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 12px}.desktop-shell .app-screen,.desktop-shell .form-screen,.layout-desktop .app-screen{max-width:none;width:100%;height:auto;min-height:0;border-radius:0;box-shadow:none}.desktop-shell .app-scroll,.desktop-shell .home-scroll,.desktop-shell .sa-scroll{max-height:none;overflow:visible;width:100%}.sa-home-desktop .sa-home-stack{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px 16px;align-items:start;width:100%;max-height:calc(100vh - 72px);overflow:auto;padding-bottom:12px}.sa-home-desktop .sa-home-hero-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}.sa-home-desktop .sa-home-banner-block{margin:0;min-width:0;display:flex;flex-direction:column;gap:6px}.sa-home-desktop .sa-home-banner-block .sa-hero-banner{flex:1;height:100%;min-height:0;padding:0;overflow:hidden}.sa-home-desktop .sa-home-banner-block .sa-ad-banner{height:100%;min-height:120px;max-height:140px}.sa-home-desktop .sa-home-banner-block .sa-ad-banner-img{height:140px;max-height:140px;object-fit:cover}.sa-home-desktop .sa-home-banner-block .sa-ad-banner-fallback{min-height:120px;padding:16px 18px}.sa-home-desktop .sa-home-banner-block .sa-hero-banner:not(:has(.sa-ad-banner)){min-height:120px;max-height:140px;padding:16px 18px}.sa-home-desktop .sa-wallet-card.sa-home-col-wallet{grid-column:1;margin:0;min-height:0;max-height:none;padding:12px 14px 10px;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;box-shadow:0 8px 18px #00321c28}.sa-home-desktop .sa-wallet-amount{font-size:20px;margin:2px 0}.sa-home-desktop .sa-wallet-note{margin:0 0 6px;font-size:11px}.sa-home-desktop .sa-wallet-actions{padding:6px 4px;gap:4px}.sa-home-desktop .sa-wallet-actions button{font-size:11px;gap:4px}.sa-home-desktop .sa-wallet-actions button span{width:26px;height:26px;font-size:13px}.sa-home-desktop .sa-home-header,.sa-home-desktop .profile-incomplete-card,.sa-home-desktop .membership-strip,.sa-home-desktop .sa-id-shortcut,.sa-home-desktop .sa-home-layanan{grid-column:1 / -1}.sa-home-desktop .sa-shortcut-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sa-home-desktop .sa-shortcut{min-height:48px;padding:8px;gap:6px;grid-template-columns:32px minmax(0,1fr)}.sa-home-desktop .sa-shortcut-icon{width:32px;height:32px;border-radius:10px}.sa-home-desktop .sa-shortcut-icon .feature-icon{width:20px;height:20px}.sa-home-desktop .sa-shortcut small{font-size:11px}.sa-home-desktop .sa-home-col-today,.sa-home-desktop .sa-home-col-wallet,.sa-home-desktop .sa-home-col-info{grid-column:1;margin:0}.sa-home-desktop .sa-home-col-reco,.sa-home-desktop .sa-home-col-members{grid-column:2;margin:0}.sa-home-desktop .sa-today{padding:10px 12px 4px}.sa-home-desktop .sa-today h2,.sa-home-desktop .sa-home-title{font-size:13px;margin:0 0 4px}.sa-home-desktop .sa-today li{padding:8px 0;font-size:12px}.sa-home-desktop .sa-rec-card{padding:12px}.sa-home-desktop .sa-rec-card h3{font-size:13px;margin:0 0 4px}.sa-home-desktop .sa-rec-card p{font-size:12px}.sa-home-desktop .sa-list{display:flex;flex-direction:column;gap:8px}.sa-home-desktop .sa-list-card{padding:10px 12px}.sa-home-desktop .sa-list-card strong{font-size:13px}.sa-home-desktop .sa-list-card p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-home-desktop .home-member-list{display:flex;flex-direction:column;gap:8px}.sa-home-desktop .home-member-row{padding:10px 12px;min-height:0}.sa-home-desktop .home-member-row h3{font-size:13px}.sa-home-desktop .home-member-row p{font-size:12px}.sa-home-desktop .section-header{margin:0 0 6px}.desktop-shell:has(.sa-home-desktop) .desktop-content,.layout-desktop:has(.sa-home-desktop) .desktop-content{padding-top:12px;padding-bottom:16px}.menu-grid-desktop .sa-menu-grid,.desktop-shell .sa-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.desktop-shell .sa-menu-hero{display:flex;align-items:center;gap:14px;padding:4px 0 12px;margin:0 0 8px;background:transparent;border:0;color:var(--color-ink, #2a3850)}.desktop-shell .sa-menu-hero h1{margin:0;font-size:22px;font-weight:700;color:var(--color-green-800, #007534);line-height:1.3}.desktop-shell .sa-menu-hero p{margin:4px 0 0;font-size:14px;font-weight:400;color:var(--color-slate, #4d586b);opacity:1}.split-pane{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;min-height:60vh;width:100%}.admin-desktop-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;width:100%;background:var(--color-bg, #f5f7f4)}.admin-desktop-shell .admin-side-nav{position:sticky;top:0;height:100vh}.admin-side-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.admin-desktop-shell .admin-content{padding:24px 28px 48px;max-width:none;width:100%}.admin-desktop-shell .admin-table{overflow-x:auto}.desktop-shell,.layout-desktop{font-size:14px;line-height:1.45}.desktop-shell h1,.layout-desktop h1{font-size:1.15rem;font-weight:600}.desktop-shell h2,.layout-desktop h2{font-size:1.05rem;font-weight:600}.desktop-shell .sa-home-title,.desktop-shell .section-header .sa-home-title{font-size:15px;font-weight:600}.desktop-shell .sa-menu-hero p,.desktop-shell .section-link,.desktop-shell .sa-home-empty,.desktop-shell .sa-wallet-note,.desktop-shell .sa-menu-card small{font-size:12px}.desktop-shell .sa-menu-card strong,.desktop-shell .sa-eco-label,.desktop-shell .home-member-card strong{font-size:13px;font-weight:600}.desktop-shell .sa-hero-banner h2{font-size:16px;font-weight:600}.desktop-shell .sa-hero-banner p,.desktop-shell .sa-ad-banner-caption{font-size:13px}.desktop-shell .sa-wallet-amount{font-size:22px;font-weight:700}.desktop-shell .sa-wallet-actions button,.desktop-shell .sa-wallet-actions button span{font-size:12px}.desktop-shell .sa-menu-icon{font-size:18px;width:36px;height:36px}.desktop-shell .sa-eco-grid .sa-eco-item span,.desktop-shell .sa-today-list,.desktop-shell .sa-reco-card,.desktop-shell .info-card,.desktop-shell .home-member-card{font-size:13px}.desktop-shell .sa-page-header h1,.desktop-shell .sa-menu-account,.desktop-shell .sa-scroll{font-size:14px}.desktop-shell .home-scroll,.layout-desktop .home-scroll{margin-top:0}.desktop-content{padding:24px 32px 48px;max-width:1200px}.desktop-shell .sa-ad-banner,.layout-desktop .sa-ad-banner{min-height:200px;border-radius:16px}.desktop-shell .sa-ad-banner-img,.layout-desktop .sa-ad-banner-img{max-height:none;height:220px;width:100%;object-fit:cover}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-ad-banner,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-ad-banner{min-height:120px;max-height:140px;height:140px}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-ad-banner-img,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-ad-banner-img{height:140px;max-height:140px}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-ad-banner-fallback,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-ad-banner-fallback{min-height:120px;padding:16px 18px}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-hero-banner,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-hero-banner{min-height:0;padding:0}.desktop-shell .sa-ad-banner-fallback,.layout-desktop .sa-ad-banner-fallback{min-height:180px;padding:28px 32px;display:flex;flex-direction:column;justify-content:center}.desktop-shell .sa-hero-banner,.layout-desktop .sa-hero-banner{padding:28px 32px;min-height:148px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.desktop-shell .sa-hero-banner h2,.layout-desktop .sa-hero-banner h2{font-size:20px;font-weight:700;line-height:1.3;margin:0}.desktop-shell .sa-hero-banner p,.layout-desktop .sa-hero-banner p{font-size:14px;max-width:56ch;margin:0;opacity:.95}.desktop-shell .sa-banner-cta,.layout-desktop .sa-banner-cta{align-self:flex-start;margin-top:4px}.desktop-shell .sa-store-row,.layout-desktop .sa-store-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;overflow:visible;scroll-snap-type:none;padding:0}.desktop-shell .sa-store-card,.layout-desktop .sa-store-card{flex:none;min-width:0;width:100%}.desktop-shell .sa-shortcut-grid,.layout-desktop .sa-shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.desktop-shell .sa-list,.layout-desktop .sa-list,.desktop-shell .doc-list,.desktop-shell .library-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.desktop-shell .member-list,.desktop-shell .home-member-list,.desktop-shell .home-info-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.desktop-shell .sa-scroll{padding:8px 0 32px;gap:18px}.desktop-shell .section-header,.desktop-shell .sa-home-title{font-size:15px;font-weight:600}.desktop-shell .info-card h3,.desktop-shell .sa-list-card strong,.desktop-shell .sa-post-card h3,.desktop-shell .sa-flash-copy strong,.desktop-shell .home-member-row h3,.desktop-shell .member-card h3{font-size:15px;font-weight:600;line-height:1.35}.desktop-shell .info-card p,.desktop-shell .sa-list-card p,.desktop-shell .sa-post-card p,.desktop-shell .sa-flash-copy p,.desktop-shell .home-member-row p,.desktop-shell .member-card p,.desktop-shell .sa-muted{font-size:13px;line-height:1.45}.desktop-shell .sa-page-header{display:none}.desktop-shell .sa-pagination{justify-content:flex-start;margin-top:20px}}@media (min-width: 1280px){.desktop-content{padding:28px 40px 56px;max-width:1280px}.desktop-shell .sa-ad-banner-img,.layout-desktop .sa-ad-banner-img{height:260px}.desktop-shell .sa-ad-banner,.layout-desktop .sa-ad-banner{min-height:240px}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-ad-banner,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-ad-banner{min-height:128px;max-height:148px;height:148px}.desktop-shell .sa-home-desktop .sa-home-banner-block .sa-ad-banner-img,.layout-desktop .sa-home-desktop .sa-home-banner-block .sa-ad-banner-img{height:148px;max-height:148px}.desktop-shell .sa-home-desktop .sa-wallet-card{max-height:148px;min-height:128px}.desktop-shell .sa-shortcut-grid,.layout-desktop .sa-shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.desktop-shell .sa-home-desktop .sa-shortcut-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.desktop-shell .sa-home-desktop .sa-home-stack{gap:14px 18px}}.sa-wallet-actions button:disabled{opacity:1;cursor:not-allowed}.sa-alhuda-scroll{gap:16px;padding-bottom:28px}.sa-alhuda-hero{border-radius:16px;padding:20px 18px;background:linear-gradient(145deg,#046974,#007534 55%,#064e2a);color:#fff;box-shadow:0 10px 24px #00321c33}.sa-alhuda-kicker{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f6c600}.sa-alhuda-hero h2{margin:0 0 10px;font-size:18px;line-height:1.35;font-weight:700}.sa-alhuda-quote{margin:0;font-size:12px;line-height:1.45;opacity:.95}.sa-alhuda-quote span{opacity:.8}.sa-alhuda-top-grid{display:flex;flex-direction:column;gap:14px}.sa-alhuda-book-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.sa-alhuda-book-card{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--color-line, #eee5d8);text-decoration:none;color:inherit;box-shadow:0 4px 12px #28261b0f}.sa-alhuda-book-cover{height:96px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(160deg,#e8f8ee,#c8f5d4)}.sa-alhuda-book-card strong{font-size:13px;color:var(--color-green-800)}.sa-alhuda-book-card small{font-size:11px;color:var(--color-slate);line-height:1.3}.sa-alhuda-book-cta{margin-top:auto;display:inline-flex;justify-content:center;padding:7px 8px;border-radius:8px;background:var(--color-green-600);color:#fff;font-size:11px;font-weight:700}.sa-alhuda-prayer{border-radius:14px;padding:14px;background:#fff;border:1px solid var(--color-line);box-shadow:0 4px 12px #28261b0f}.sa-alhuda-prayer-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.sa-alhuda-prayer-head strong{color:var(--color-green-800);font-size:14px}.sa-alhuda-prayer-head small{color:var(--color-slate);font-size:11px}.sa-alhuda-prayer-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sa-alhuda-prayer-list li{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0;border-bottom:1px solid #f0ebe3}.sa-alhuda-prayer-list li:last-child{border-bottom:0}.sa-alhuda-prayer-btn{width:100%;margin-top:12px;border:0;border-radius:10px;padding:10px;background:#e8f8ee;color:var(--color-green-800);font:inherit;font-size:12px;font-weight:700;cursor:not-allowed;opacity:.7}.sa-alhuda-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sa-alhuda-feature{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:0;background:transparent;cursor:not-allowed;font:inherit;color:var(--color-ink)}.sa-alhuda-feature-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#f2fff8;border:1px solid #d4eddf}.sa-alhuda-feature small{font-size:10px;line-height:1.25;text-align:center;color:var(--color-slate)}.sa-alhuda-daily-grid{display:grid;gap:12px}.sa-alhuda-daily-card{background:#fff;border:1px solid var(--color-line);border-radius:14px;padding:14px;box-shadow:0 4px 12px #28261b0f}.sa-alhuda-daily-card h3{margin:0 0 8px;font-size:14px;color:var(--color-green-800)}.sa-alhuda-ayah-ar{margin:0 0 8px;font-family:var(--font-arabic);font-size:1.5em;line-height:1.55;color:var(--color-ink);text-align:right;font-weight:500}.sa-alhuda-daily-card p.sa-alhuda-ayah-ar,.sa-alhuda-daily-card .sa-alhuda-ayah-ar{font-family:var(--font-arabic);font-size:1.5em;line-height:1.55;color:var(--color-ink);font-weight:500}[lang=ar],:lang(ar){font-family:var(--font-arabic)}.sa-arabic-inline{font-family:var(--font-arabic);font-size:1.15em;line-height:1.4}.sa-alhuda-daily-card p{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--color-slate)}.sa-alhuda-learn-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.sa-alhuda-learn-card{flex:0 0 200px;background:#fff;border:1px solid var(--color-line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.sa-alhuda-learn-thumb{height:88px;border-radius:8px;background:linear-gradient(135deg,#04697455,#007534aa)}.sa-alhuda-learn-card strong{font-size:12px;line-height:1.35;color:var(--color-ink)}.sa-alhuda-progress{height:6px;border-radius:999px;background:#e8efe9;overflow:hidden}.sa-alhuda-progress span{display:block;height:100%;background:var(--color-green-600);border-radius:999px}.sa-alhuda-footnote{font-size:12px}@media (min-width: 1024px){.desktop-shell .sa-alhuda-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.75fr);gap:16px;align-items:start}.desktop-shell .sa-alhuda-book-row{overflow:visible}.desktop-shell .sa-alhuda-book-card{flex:1;min-width:0}.desktop-shell .sa-alhuda-daily-grid{grid-template-columns:1fr 1fr}.desktop-shell .sa-alhuda-learn-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.desktop-shell .sa-alhuda-learn-card{flex:none;width:auto}.desktop-shell .sa-alhuda-hero h2{font-size:22px}}.sa-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:16px 0 8px;padding:4px 0 12px}.sa-pagination-btn{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--color-line, #eee5d8);background:#fff;color:var(--color-ink, #2a3850);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.sa-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sa-pagination-btn.active{background:var(--color-green-800, #007534);border-color:var(--color-green-800, #007534);color:#fff}.sa-pagination-ellipsis{color:var(--color-slate, #4d586b);font-size:13px;padding:0 2px}.sa-pagination-meta{margin-left:8px;font-size:12px;color:var(--color-slate, #4d586b)}.sa-page-toolbar{padding:12px 16px 0;display:flex;flex-direction:column;gap:10px}.sa-select-full{width:100%;height:40px;border:1px solid var(--color-line);border-radius:8px;padding:0 10px;background:#fff;font:inherit}.library-list{display:flex;flex-direction:column;gap:10px;padding-bottom:24px}.library-card{display:grid;grid-template-columns:44px 1fr 20px;gap:12px;align-items:center;padding:14px 12px;border-radius:14px;background:#fff;border:1px solid rgba(0,80,40,.1);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.library-card:hover{border-color:#02a04859;box-shadow:0 4px 14px #0050280f}.library-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#02a04814}.library-card-body{min-width:0}.library-card-body strong{display:block;font-size:.95rem;line-height:1.3;margin-bottom:4px}.library-card-body p{margin:0 0 6px;font-size:.82rem;color:#5a6b60;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-card-body small{color:#7a8a80;font-size:.75rem}.library-card-arrow{font-size:1.4rem;color:#9aaba0;text-align:center}.library-reader-screen .library-reader-scroll{padding-bottom:0;display:flex;flex-direction:column;min-height:0;flex:1}.pdf-viewer{display:flex;flex-direction:column;gap:10px;min-height:60vh;background:#2a2e2c;border-radius:12px;overflow:hidden}.pdf-viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#1c211e;color:#e8efe9}.pdf-viewer-title{font-size:.85rem;font-weight:600;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-viewer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem}.pdf-viewer-controls button,.pdf-viewer-download{min-width:36px;height:32px;padding:0 10px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer;font:inherit;text-decoration:none;display:inline-grid;place-items:center}.pdf-viewer-controls button:disabled{opacity:.35;cursor:not-allowed}.pdf-viewer-controls button:not(:disabled):hover,.pdf-viewer-download:hover{background:#02a0488c}.pdf-viewer--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100%;height:100%;min-height:100%;border-radius:0;background:#111;gap:0}.pdf-viewer--fullscreen .pdf-viewer-toolbar{flex-shrink:0}.pdf-viewer--fullscreen .pdf-viewer-canvas-wrap{flex:1;min-height:0;height:auto;overflow:hidden;padding:8px;align-items:center;justify-content:center}.pdf-viewer-fullscreen{font-size:1rem;line-height:1}.pdf-viewer-canvas-wrap{overflow:auto;flex:1;display:flex;justify-content:center;align-items:center;padding:12px;background:#3a3f3c;min-height:50vh}.pdf-viewer-canvas-wrap canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:0 0 auto;align-self:center;box-shadow:0 8px 24px #00000059;background:#fff}.pdf-viewer-status{padding:24px 16px;text-align:center;color:#5a6b60}.pdf-viewer-status.error{color:#b42318}.admin-library-form{display:grid;gap:12px;max-width:560px;margin-bottom:28px;padding:16px;background:#fff;border-radius:12px;border:1px solid rgba(0,80,40,.1)}.admin-library-form h3{margin:0 0 4px;font-size:1rem}.admin-library-form label{display:grid;gap:6px;font-size:.85rem;color:#3a4a40}.admin-library-form input,.admin-library-form select,.admin-library-form textarea{padding:10px 12px;border-radius:8px;border:1px solid rgba(0,80,40,.18);font:inherit}.admin-library-form .primary-action{justify-self:start;margin-top:4px}@media (min-width: 1024px){.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pdf-viewer{min-height:calc(100vh - 160px)}.pdf-viewer-canvas-wrap{min-height:calc(100vh - 220px)}}.sa-alhuda-feature{text-decoration:none}a.sa-alhuda-feature{cursor:pointer}a.sa-alhuda-feature:disabled{cursor:default}.sa-alhuda-prayer-btn--link{display:block;text-align:center;text-decoration:none;cursor:pointer;opacity:1;background:#e8f8ee;color:var(--color-green-800);font-weight:700}.sa-alhuda-qari{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--color-brown);margin-top:8px}.sa-alhuda-qari select{width:100%;height:40px;border:1px solid var(--color-line);border-radius:8px;padding:0 10px;background:#fff;font:inherit}.sa-hadith-picker{display:grid;grid-template-columns:minmax(0,1fr) 64px auto;gap:8px;align-items:stretch;width:100%;max-width:100%;margin-bottom:12px;box-sizing:border-box}.sa-hadith-picker-field{display:block;min-width:0}.sa-hadith-picker-edition{grid-column:1}.sa-hadith-picker select,.sa-hadith-picker input{display:block;width:100%;max-width:100%;min-width:0;height:44px;border:1px solid var(--color-line);border-radius:10px;padding:0 10px;background:#fff;color:var(--color-ink);font:inherit;font-size:14px;box-sizing:border-box}.sa-hadith-picker-number input{text-align:center;padding:0 6px;font-variant-numeric:tabular-nums}.sa-hadith-picker-go{width:auto!important;min-width:72px;max-width:100%;height:44px!important;padding:0 14px!important;font-size:14px!important;font-weight:700!important;flex-shrink:0;white-space:nowrap}.sa-hadith-daily-ref{display:block;margin:0 0 6px}@media (max-width: 380px){.sa-hadith-picker{grid-template-columns:minmax(0,1fr) 56px;grid-template-areas:"edition edition" "number go"}.sa-hadith-picker-edition{grid-area:edition}.sa-hadith-picker-number{grid-area:number}.sa-hadith-picker-go{grid-area:go;width:100%!important;min-width:0}}@media (min-width: 1024px){.sa-hadith-picker{grid-template-columns:minmax(0,280px) 80px auto;max-width:480px}}.sa-alhuda-latin{font-size:12px;font-style:italic;color:var(--color-muted);margin:0 0 6px}.sa-alhuda-ayat{gap:6px}.sa-alhuda-compass{width:96px;height:96px;margin:12px auto;border-radius:999px;border:3px solid var(--color-green-800);display:grid;place-items:center;font-size:36px;color:var(--color-green-600);background:#f2fff8;transition:transform .35s ease}@keyframes sa-shimmer-move{0%{background-position:100% 0}to{background-position:0 0}}.sa-shimmer{display:block;background:linear-gradient(90deg,#e8ebe9 25%,#f4f6f5 37%,#e8ebe9 63%);background-size:400% 100%;animation:sa-shimmer-move 1.2s ease infinite;border-radius:6px}@media (prefers-reduced-motion: reduce){.sa-shimmer{animation:none;background:#e8ebe9}}.sa-async-section{width:100%}.sa-shimmer-line{height:12px;width:100%;margin:0 0 8px}.sa-shimmer-line--sm{height:10px}.sa-shimmer-avatar{width:40px;height:40px;border-radius:12px;flex-shrink:0}.sa-shimmer-avatar--lg{width:48px;height:48px}.sa-shimmer-avatar--member{width:64px;height:64px;border-radius:8px}.sa-shimmer-avatar--member-lg{width:96px;height:96px;border-radius:50%;margin:0 auto 14px}.sa-shimmer-avatar--store{width:48px;height:48px;border-radius:12px}.sa-shimmer-pill{width:64px;height:18px;border-radius:999px;margin-top:4px}.sa-shimmer-banner{width:100%;height:120px;border-radius:14px;margin-bottom:12px}.sa-shimmer-banner--hero{height:110px;border-radius:16px}.sa-shimmer-banner--ad{height:120px;border-radius:12px;min-height:120px}.sa-shimmer-banner--alhuda{height:128px;border-radius:16px}.sa-shimmer-wallet{width:100%;height:148px;border-radius:18px}.sa-shimmer-media{width:100%;height:180px;border-radius:16px;margin-bottom:14px}.sa-shimmer-media--product{height:180px;border-radius:18px}.sa-shimmer-cta{width:100%;height:46px;border-radius:10px;margin-top:16px}.sa-shimmer-input{width:100%;height:46px;border-radius:10px}.sa-shimmer-store-card{flex:0 0 140px;height:72px;border-radius:12px}.sa-shimmer-flash-thumb{width:52px;height:52px;border-radius:12px;flex-shrink:0}.sa-shimmer-library-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}.sa-shimmer-library-arrow{width:14px;height:18px;border-radius:4px;flex-shrink:0}.sa-shimmer-chip{width:72px;height:34px;border-radius:999px;flex-shrink:0}.sa-shimmer-icon-tile{width:40px;height:40px;border-radius:12px;margin:0 auto 6px}.sa-shimmer-icon-tile--shortcut{width:44px;height:44px;border-radius:14px}.sa-shimmer-icon-tile--feature{width:48px;height:48px;border-radius:999px}.sa-shimmer-card{width:100%;height:140px;border-radius:14px}.sa-shimmer-card--daily{height:160px;border-radius:14px}.sa-shimmer-book-cover{width:100%;height:96px;border-radius:10px}.sa-shimmer-book-cta{width:100%;height:28px;border-radius:8px;margin-top:4px}.sa-shimmer-auth-logo{width:120px;height:120px;border-radius:50%}.sa-shimmer-media--yt{height:auto;aspect-ratio:16 / 9;border-radius:0;margin-bottom:0}.sa-shimmer-media--product-sq{height:auto;aspect-ratio:1;border-radius:12px 12px 0 0;margin-bottom:0}.sa-shimmer-media--reader{height:min(70vh,520px);border-radius:12px;margin-bottom:0}.sa-shimmer-chat-bubble{height:40px;border-radius:16px;display:block;max-width:100%}.sa-shimmer-icon-tile--notif{width:40px;height:40px;border-radius:12px}.sa-skeleton-member-detail{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:22px 20px 24px;background:#fff;border-radius:18px;box-shadow:0 14px 36px #1e2c1e1f}.sa-skeleton-member-meta{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-line, #eee5d8)}.sa-skeleton-yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.sa-skeleton-yt-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:12px;overflow:hidden;padding-bottom:10px}.sa-skeleton-yt-card .sa-shimmer-line{margin-left:10px;margin-right:10px}.sa-skeleton-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-skeleton-product-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:12px;overflow:hidden;padding-bottom:12px}.sa-skeleton-product-card .sa-shimmer-line{margin-left:10px;margin-right:10px}.sa-skeleton-chat{display:flex;flex-direction:column;gap:10px;padding:8px 0 16px}.sa-skeleton-chat-row{display:flex;width:100%}.sa-skeleton-chat-row--peer{justify-content:flex-start}.sa-skeleton-chat-row--me{justify-content:flex-end}.sa-skeleton-notif-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:14px;min-height:64px}.sa-skeleton-reader{display:flex;flex-direction:column;gap:8px;width:100%}.sa-skeleton-join-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border-radius:16px;border:1px solid var(--color-line, #eee5d8)}.sa-skeleton-list{display:flex;flex-direction:column;gap:10px}.sa-skeleton-list-row,.sa-skeleton-member-row,.sa-skeleton-flash-row,.sa-skeleton-library-row{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:14px}.sa-skeleton-member-row{min-height:96px;padding:16px;border-radius:8px;box-shadow:0 8px 18px #28261b17;border:0;display:grid;grid-template-columns:64px 1fr;gap:14px}.sa-skeleton-flash-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:76px;box-shadow:0 4px 14px #28261b12}.sa-skeleton-library-row{display:grid;grid-template-columns:44px 1fr 14px;gap:12px;padding:14px 12px}.sa-skeleton-list-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sa-skeleton-market,.sa-skeleton-home,.sa-skeleton-detail,.sa-skeleton-hub,.sa-skeleton-form,.sa-skeleton-table{display:flex;flex-direction:column;gap:10px;width:100%}.sa-skeleton-chips{display:flex;gap:8px;overflow:hidden;margin-bottom:4px}.sa-skeleton-store-row{display:flex;gap:10px;overflow:hidden;margin-bottom:8px;padding-bottom:4px}.sa-skeleton-store-card{flex:0 0 min(78%,260px);min-width:min(78%,260px);min-height:88px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:14px;box-shadow:0 4px 14px #28261b12}.sa-skeleton-seller{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:14px;margin-top:8px}.sa-skeleton-home-hero{display:flex;flex-direction:column;gap:10px}.sa-skeleton-grid-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 8px}.sa-skeleton-grid-icons--home{grid-template-columns:repeat(4,1fr)}.sa-skeleton-grid-icons--features{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-skeleton-icon-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px}.sa-skeleton-book-row{display:flex;gap:10px;overflow:hidden}.sa-skeleton-book-card{flex:0 0 132px;display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff;border:1px solid var(--color-line, #eee5d8);border-radius:14px;box-shadow:0 4px 12px #28261b0f}.sa-skeleton-daily-grid{display:grid;gap:12px}.sa-skeleton-table-head,.sa-skeleton-table-row{display:grid;grid-template-columns:1.4fr 1fr .8fr .9fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-line, #eee5d8);align-items:center}.sa-skeleton-table-head{opacity:.7}.sa-skeleton-form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.sa-skeleton-auth{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;max-width:360px;margin:0 auto;width:100%}@media (min-width: 1024px){.sa-skeleton-home-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.sa-skeleton-daily-grid{grid-template-columns:1fr 1fr}.desktop-shell .sa-skeleton-grid-icons--home{grid-template-columns:repeat(7,1fr)}.desktop-shell .sa-skeleton-book-row{overflow:visible}.desktop-shell .sa-skeleton-book-card{flex:1;min-width:0}}