.demo-modal-backdrop,.demo-onboarding-backdrop,.demo-shell{--sidebar-background:0 0% 100%;--sidebar-foreground:0 100% 0%;--sidebar-primary:210 100% 32%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:211,100%,30%;--sidebar-hover:204,26%,94%;--sidebar-accent-foreground:0 0% 100%;--sidebar-border:220 13% 91%;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--primary:208 100% 32%;--primary-foreground:210 40% 98%;--primary-100:208 76% 52%;--primary-dark:240 100% 15%;--primary-light:210 100% 66%;--primary-lighter:208 100% 93%;--primary-lightest:204 26% 94%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--destructive:0 84.2% 60.2%;--success-bg:#28a745;--error-bg:#dc3545;--gray:220,9%,46%;--gray-100:210 17% 96%;--gray-light:220,13%,91%;--gray-lighter:210,20%,98%;--surface:204,26%,94%;--muted:215.4 16.3% 46.9%;--muted-foreground:215.4 16.3% 46.9%;--muted-dark:201,9%,20%;--theme-text:0,0%,0%;--theme-border:220,14%,90%;--ease:cubic-bezier(0.16,1,0.3,1);--dur-fast:150ms;--dur:250ms;--dur-slow:450ms;--stage-text:#0E1B33;--stage-text-muted:rgba(14,27,51,0.6);--stage-border:rgba(0,86,164,0.14);--glass-bg:rgba(255,255,255,0.62);--glass-border:rgba(255,255,255,0.7)}.demo-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;color:var(--stage-text);background:radial-gradient(ellipse 90% 70% at 50% 0,#EDF4FB 0,rgba(237,244,251,0) 60%),radial-gradient(ellipse 60% 50% at 0 100%,#DDE9F5 0,rgba(221,233,245,0) 60%),radial-gradient(ellipse 70% 50% at 100% 100%,#C9DEF1 0,rgba(201,222,241,0) 65%),linear-gradient(180deg,#F4F8FC,#DDE9F5);background-attachment:fixed}.demo-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(106,171,229,.14) 0,transparent 45%),radial-gradient(circle at 80% 85%,rgba(0,86,164,.08) 0,transparent 50%);animation:demo-stage-pulse 9s ease-in-out infinite}@keyframes demo-stage-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.demo-shell *,.demo-shell :after,.demo-shell :before{box-sizing:border-box}.demo-stage-topbar{position:relative;z-index:50;flex-shrink:0;background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.7);padding:.625rem 1.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;box-shadow:0 2px 12px rgba(0,86,164,.06)}.demo-stage-topbar>.demo-stage-back{justify-self:start}.demo-stage-topbar>.demo-chip-bar{justify-self:center}.demo-stage-topbar>.demo-stage-actions{justify-self:end}.demo-stage-back{display:inline-flex;align-items:center;gap:6px;color:var(--stage-text);text-decoration:none;font-weight:600;font-size:.8125rem;padding:.375rem .625rem;border-radius:999px;transition:background .15s var(--ease);white-space:nowrap;flex-shrink:0}.demo-stage-back:hover{background:rgba(255,255,255,.7)}.demo-chip-bar{gap:2px;padding:3px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,86,164,.05)}.demo-chip,.demo-chip-bar{display:inline-flex;align-items:center;border-radius:999px}.demo-chip{gap:6px;padding:.4375rem .875rem;background:transparent;color:rgba(14,27,51,.65);border:none;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);position:relative;white-space:nowrap}.demo-chip:hover{color:var(--stage-text);background:rgba(255,255,255,.6)}.demo-chip[data-active=true]{background:hsl(var(--primary));color:white;box-shadow:0 2px 6px rgba(0,86,164,.32),inset 0 1px 0 rgba(255,255,255,.18)}.demo-stage-actions{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;flex-wrap:nowrap}.demo-stage-actions a,.demo-stage-actions button{background:transparent;border:1px solid transparent;color:rgba(14,27,51,.78);font-family:inherit;font-weight:600;font-size:.8125rem;padding:.4375rem .75rem;border-radius:999px;cursor:pointer;text-decoration:none;transition:all .15s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;line-height:1}.demo-stage-actions a:hover,.demo-stage-actions button:hover{color:var(--stage-text);background:rgba(255,255,255,.7)}.demo-stage-actions .demo-stage-cta{background:hsl(var(--primary));color:white;border-color:hsl(var(--primary));box-shadow:0 2px 6px rgba(0,86,164,.32);padding:.4375rem .875rem}.demo-stage-actions .demo-stage-cta:hover{background:hsl(208 100% 38%);border-color:hsl(208 100% 38%);color:white}.demo-stage-actions .demo-stage-book{color:hsl(var(--primary));border-color:rgba(0,86,164,.32);box-shadow:none}.demo-stage-actions .demo-stage-book:hover{color:hsl(var(--primary));border-color:hsl(var(--primary));background:rgba(255,255,255,.7)}.demo-stage-content{position:relative;z-index:1;flex:1 1 0;padding:.875rem 1.25rem 1.25rem;align-items:stretch;justify-content:center}.demo-frame,.demo-stage-content{min-height:0;display:flex;overflow:hidden}.demo-frame{width:100%;max-width:1380px;height:100%;background:white;border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 60px rgba(0,31,78,.22),0 8px 24px rgba(0,31,78,.1);flex-direction:column}.demo-frame-chrome{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:linear-gradient(180deg,#F7F8FA,#EDEFF3);border-bottom:1px solid #e4e7ec}.demo-frame-dots{display:flex;gap:6px;flex-shrink:0}.demo-frame-dots span{display:block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.06)}.demo-frame-dots span:first-child{background:#FF5F56;border-color:#E04E45}.demo-frame-dots span:nth-child(2){background:#FFBD2E;border-color:#DDA21F}.demo-frame-dots span:nth-child(3){background:#27C93F;border-color:#1AA32B}.demo-frame-url{flex:1;background:white;border:1px solid #dce0e6;border-radius:6px;padding:4px 12px;font-size:.75rem;color:#5C6470;font-family:SF Mono,ui-monospace,Roboto Mono,monospace;display:flex;align-items:center;gap:6px;text-align:left;max-width:540px;margin:0 auto}.demo-frame-body{flex:1 1 0;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.demo-phone-stage{display:flex;align-items:center;justify-content:center;padding:.5rem;width:100%;height:100%;min-height:0}.demo-phone{width:360px;max-width:100%;height:min(740px,100%);background:#0B1220;border-radius:40px;padding:10px;box-shadow:0 25px 60px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,255,255,.04);flex-shrink:0}.demo-phone,.demo-phone-screen{position:relative;display:flex;flex-direction:column}.demo-phone-screen{width:100%;height:100%;background:white;border-radius:30px;overflow:hidden}.demo-phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:100px;height:24px;background:#0B1220;border-radius:999px;z-index:5}.demo-phone-content{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.demo-text-heading{font-size:.875rem;font-weight:700}.demo-text-paragraph{font-size:.75rem}@media (min-width:768px){.demo-text-heading{font-size:1.125rem}.demo-text-paragraph{font-size:.875rem}}@media (min-width:1024px){.demo-text-heading{font-size:1.25rem}}.demo-sidebar{width:240px;flex-shrink:0;background:hsl(var(--sidebar-background));border-right:2px solid hsl(var(--theme-border));display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.demo-sidebar-header{padding:.75rem .75rem .5rem;flex-shrink:0;border-bottom:1px solid hsl(var(--theme-border))}.demo-sidebar-identity{display:flex;align-items:center;gap:.625rem;width:100%;padding:.25rem .375rem;background:transparent;border:none;border-radius:.625rem;cursor:pointer;font-family:inherit;text-align:left;transition:background var(--dur-fast) var(--ease)}.demo-sidebar-identity:hover{background:hsl(var(--sidebar-hover))}.demo-sidebar-identity-avatar{width:36px;height:36px;border-radius:999px;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0;box-shadow:0 1px 2px rgba(0,86,164,.25)}.demo-sidebar-identity-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.demo-sidebar-identity-eyebrow{font-size:.6875rem;font-weight:600;color:hsl(var(--muted));text-transform:none}.demo-sidebar-identity-name{font-size:.875rem;font-weight:700;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidebar-identity-chevron{color:hsl(var(--muted));flex-shrink:0}.demo-sidebar-divider{height:1px;background:hsl(var(--theme-border));margin:.625rem .25rem;opacity:.6}.demo-sidebar-group-label{padding:.5rem .625rem .375rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:hsl(var(--muted));text-transform:uppercase}.demo-sidebar-content{padding:0 .75rem;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsl(var(--theme-border)) transparent}.demo-sidebar-content::-webkit-scrollbar{width:6px}.demo-sidebar-content::-webkit-scrollbar-track{background:transparent}.demo-sidebar-content::-webkit-scrollbar-thumb{background:hsl(var(--theme-border));border-radius:3px}.demo-sidebar-menu{list-style:none;margin:0;padding:0}.demo-sidebar-item{margin:1px 0}.demo-sidebar-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border-radius:.5rem;font-size:.8125rem;color:hsla(var(--muted-dark),1);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;position:relative;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.demo-sidebar-link:hover{background:hsl(var(--sidebar-hover))}.demo-sidebar-link[data-active=true]{background:hsla(var(--sidebar-accent),1);font-weight:600}.demo-sidebar-link[data-active=true],.demo-sidebar-link[data-active=true] svg{color:hsl(var(--sidebar-accent-foreground))}.demo-sidebar-link svg{width:18px;height:18px;flex-shrink:0}.demo-sidebar-link-label{flex:1;min-width:0}.demo-sidebar-footer{padding:.625rem .75rem;border-top:1px solid hsl(var(--theme-border));flex-shrink:0}.demo-sidebar-user{display:flex;align-items:center;gap:.5rem}.demo-sidebar-user-avatar{width:30px;height:30px;border-radius:999px;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;flex-shrink:0}.demo-sidebar-user-text{flex:1;min-width:0;display:flex;flex-direction:column}.demo-sidebar-user-name{font-size:.8125rem;font-weight:600;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-sidebar-user-role{font-size:.6875rem;color:hsl(var(--muted))}.demo-sidebar-user-logout{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.5rem;color:hsl(var(--muted));cursor:pointer;transition:all var(--dur-fast) var(--ease)}.demo-sidebar-user-logout:hover{background:hsl(var(--sidebar-hover));color:hsl(var(--destructive))}.demo-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:hsl(var(--surface));min-width:0}.demo-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 1.5rem}.demo-card{padding:1rem;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.demo-card,.demo-card-flat{background:white;border:1px solid hsl(var(--theme-border));border-radius:1rem}.demo-card-flat-header{padding:1rem 1.125rem;border-bottom:1px solid hsl(var(--theme-border));display:flex;align-items:center;justify-content:space-between}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.875rem;line-height:1.25;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all var(--dur-fast) var(--ease);border:1px solid transparent;font-family:inherit;white-space:nowrap;text-decoration:none}.demo-btn-primary{background:hsl(var(--primary));color:white;border-color:hsl(var(--primary))}.demo-btn-primary:hover{background:hsl(208 100% 38%)}.demo-btn-outline{background:white;color:hsl(var(--primary));border-color:hsl(var(--theme-border))}.demo-btn-outline:hover{background:hsl(var(--primary-lighter));border-color:hsl(var(--primary))}.demo-btn-ghost{background:transparent;color:hsl(var(--muted));border-color:transparent}.demo-btn-ghost:hover{background:hsl(var(--sidebar-hover));color:hsl(var(--foreground))}.demo-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1.5px solid #d1d5db;border-radius:.625rem;background:white;outline:none;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);color:#0F172A}.demo-input::-moz-placeholder{color:#94A3B8}.demo-input::placeholder{color:#94A3B8}.demo-input:hover{border-color:#94A3B8}.demo-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px rgba(0,86,164,.16)}select.demo-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem}.demo-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:600;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.demo-chip-mini{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:999px;border:1px solid hsl(var(--theme-border));background:transparent;color:hsl(var(--muted));cursor:pointer;transition:all var(--dur-fast) var(--ease);font-family:inherit}.demo-chip-mini[data-active=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:white}.demo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(11,22,40,.55);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:demo-fade .2s var(--ease)}.demo-modal{background:white;border-radius:1rem;max-width:560px;width:100%;max-height:92vh;overflow-y:auto;padding:1.75rem;box-shadow:0 20px 50px rgba(15,23,34,.18);animation:demo-modal-up .28s var(--ease);color:hsl(var(--foreground))}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-modal-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9000;display:flex;flex-direction:column-reverse;gap:.5rem;pointer-events:none;max-width:360px}.demo-toast{background:white;color:#111827;padding:.75rem 1rem .875rem;border-radius:12px;border:1px solid rgba(0,86,164,.1);box-shadow:0 12px 32px rgba(0,31,78,.18),0 4px 12px rgba(0,31,78,.08);font-size:.8125rem;font-weight:500;display:flex;align-items:flex-start;gap:.625rem;pointer-events:auto;animation:demo-toast-in .26s var(--ease);line-height:1.45}.demo-toast:before{content:"";width:8px;height:8px;margin-top:6px;align-self:flex-start;background:hsl(var(--primary));border-radius:999px;flex-shrink:0}.demo-toast[data-tone=success]:before{background:hsl(142 76% 36%)}.demo-toast[data-tone=error]:before{background:var(--error-bg)}.demo-toast[data-tone=warn]:before{background:hsl(24 100% 50%)}.demo-toast-title{font-weight:700;color:#0a0a0a;margin-bottom:2px;font-size:.8125rem}.demo-toast-body{color:#4B5563;font-size:.75rem}@keyframes demo-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-tour-ring{position:fixed;border-radius:.75rem;pointer-events:none;z-index:60;border:2px solid hsl(var(--primary));box-shadow:0 0 0 4px hsla(var(--primary),.18),0 0 0 8px hsla(var(--primary),.08);transition:all .32s var(--ease)}.demo-tour-popover{position:fixed;z-index:62;background:white;border-radius:14px;padding:1.125rem;width:320px;max-width:calc(100vw - 32px);box-shadow:0 20px 50px rgba(15,23,34,.3),0 4px 12px rgba(15,23,34,.12);color:hsl(var(--foreground));animation:demo-modal-up .24s var(--ease)}.demo-tour-popover-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.demo-fade-up{animation:demo-fade-up .5s var(--ease)}.demo-stat{background:white;border:1px solid hsl(var(--theme-border));border-radius:1rem;padding:1.125rem 1.25rem;transition:all var(--dur) var(--ease)}.demo-stat:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 4px 12px hsla(var(--primary),.08)}.demo-stat-label{font-size:.6875rem;font-weight:700;color:hsl(var(--muted));text-transform:uppercase;letter-spacing:.04em}.demo-stat-value{font-size:1.875rem;font-weight:700;color:hsl(var(--foreground));line-height:1.1;margin-top:.5rem}.demo-feed-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:1rem;align-items:start}@media (max-width:1100px){.demo-feed-grid{grid-template-columns:1fr}}.demo-feed-main{display:flex;flex-direction:column;gap:.875rem;min-width:0}.demo-feed-composer{background:white;border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:.75rem;display:flex;align-items:center;gap:.625rem;box-shadow:0 1px 2px rgba(0,0,0,.02)}.demo-feed-composer-prompt{flex:1;text-align:left;padding:.6875rem .875rem;background:hsl(var(--surface));border:none;border-radius:999px;font-size:.875rem;color:hsl(var(--muted));cursor:pointer;font-family:inherit;transition:background .15s var(--ease)}.demo-feed-composer-prompt:hover{background:hsl(var(--gray-light))}.demo-feed-composer-action{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:hsl(var(--muted));cursor:pointer}.demo-feed-composer-action:hover{background:hsl(var(--surface));color:hsl(var(--primary))}.demo-feed-post{background:white;border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.02)}.demo-feed-post-header{display:flex;align-items:flex-start;gap:.75rem}.demo-feed-post-author{font-size:.9375rem;font-weight:700;color:#111827;line-height:1.2}.demo-feed-post-meta{font-size:.75rem;font-weight:500;color:#9CA3AF;margin-top:2px}.demo-feed-post-pin{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:700;color:hsl(var(--primary));background:hsl(var(--primary-lighter));padding:3px 8px;border-radius:999px}.demo-feed-post-body{margin:.875rem 0 .5rem;font-size:.9375rem;line-height:1.55;color:#1F2937;white-space:pre-wrap;word-wrap:break-word}.demo-feed-post-stats{display:flex;gap:.875rem;padding:.625rem 0 .5rem;font-size:.75rem;color:hsl(var(--muted));font-weight:500}.demo-feed-post-actions{display:flex;align-items:center;gap:.25rem;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;padding:.375rem 0;margin:0}.demo-feed-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:.5rem;color:#4B5563;cursor:pointer;font-size:.8125rem;font-weight:600;font-family:inherit;transition:all .15s var(--ease)}.demo-feed-action-btn:hover{background:#F9FAFB}.demo-feed-action-btn[data-active=true]{color:hsl(var(--destructive));background:hsla(0,84%,60%,.06)}.demo-feed-comments{display:flex;flex-direction:column;gap:.5rem;margin-top:.875rem}.demo-feed-comments-toggle{background:transparent;border:none;cursor:pointer;text-align:left;font-size:.8125rem;font-weight:600;color:#6B7280;padding:0;font-family:inherit;transition:color .15s var(--ease)}.demo-feed-comments-toggle:hover{color:hsl(var(--primary))}.demo-feed-comment{display:flex;align-items:flex-start;gap:.5rem}.demo-feed-comment-bubble{flex:1;background:hsl(var(--gray-lighter));border-radius:14px;padding:.5rem .75rem}.demo-feed-comment-name{font-size:.8125rem;font-weight:700;color:#1F2937}.demo-feed-comment-body{font-size:.8125rem;color:#374151;line-height:1.45;margin-top:1px;word-wrap:break-word}.demo-feed-comment-foot{display:inline-flex;align-items:center;gap:.875rem;margin-top:4px;font-size:.6875rem;color:#9CA3AF;font-weight:600}.demo-feed-comment-foot button{background:transparent;border:none;padding:0;font-size:inherit;font-weight:inherit;color:#6B7280;cursor:pointer;font-family:inherit}.demo-feed-comment-foot button:hover{color:hsl(var(--primary))}.demo-feed-comment-input-row{display:flex;gap:.5rem;margin-top:.875rem;align-items:center}.demo-feed-comment-input{flex:1;padding:.5rem .875rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:999px;background:hsl(var(--gray-lighter));outline:none;font-family:inherit;color:#111827;transition:all .15s var(--ease)}.demo-feed-comment-input:focus{border-color:hsl(var(--primary));background:white}.demo-feed-comment-input::-moz-placeholder{color:#9CA3AF}.demo-feed-comment-input::placeholder{color:#9CA3AF}.demo-feed-comment-send{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--primary));color:white;border:none;border-radius:50%;cursor:pointer;transition:all .15s var(--ease);flex-shrink:0}.demo-feed-comment-send:disabled{opacity:.4;cursor:not-allowed}.demo-feed-comment-send:not(:disabled):hover{background:hsl(208 100% 38%)}.demo-feed-sidebar{display:flex;flex-direction:column;gap:.875rem;position:sticky;top:0}.demo-feed-sidecard{background:white;border:1px solid rgba(0,0,0,.06);border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.02)}.demo-feed-sidecard-header{padding:1rem 1.125rem .75rem;display:flex;align-items:center;justify-content:space-between}.demo-feed-sidecard-header h4{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.demo-feed-sidecard-header button{background:transparent;border:none;font-size:.75rem;font-weight:600;color:hsl(var(--primary));cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit}.demo-feed-sidecard-header button:hover{background:hsl(var(--primary-lighter))}.demo-feed-sidecard-body{padding:.5rem .5rem .875rem;display:flex;flex-direction:column;gap:2px}.demo-feed-event-row{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem;background:transparent;border:none;cursor:pointer;border-radius:10px;text-align:left;font-family:inherit;transition:background .15s var(--ease);width:100%}.demo-feed-event-row:hover{background:hsl(var(--surface))}.demo-feed-event-date{width:44px;flex-shrink:0;border-radius:8px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0}.demo-feed-event-date span{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.demo-feed-event-date strong{font-size:1.125rem;font-weight:700;line-height:1}.demo-feed-event-title{font-size:.8125rem;font-weight:700;color:#111827;line-height:1.3;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-feed-event-meta{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#6B7280;margin-top:1px}.demo-feed-widget-list{padding:.375rem .625rem .875rem;display:flex;flex-direction:column;gap:2px}.demo-feed-communicator-row{display:flex;align-items:center;gap:.625rem;padding:.4375rem .5rem;border-radius:10px}.demo-feed-communicator-rank{width:16px;flex-shrink:0;text-align:center;font-size:.6875rem;font-weight:700;color:hsl(var(--muted))}.demo-feed-communicator-name{font-size:.8125rem;font-weight:700;color:#111827;line-height:1.25}.demo-feed-communicator-sub{font-size:.6875rem;color:#6B7280;margin-top:1px}.demo-feed-communicator-trend{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:700;color:hsl(142 76% 36%);flex-shrink:0}.demo-feed-keyword-list{padding:.25rem .625rem .875rem;display:flex;flex-wrap:wrap;gap:6px}.demo-feed-keyword-pill{display:inline-flex;align-items:baseline;gap:4px;padding:4px 10px;border-radius:999px;background:hsl(var(--gray-lighter));color:hsl(var(--foreground));font-size:.75rem;font-weight:600}.demo-feed-keyword-count{color:hsl(var(--muted));font-weight:500}.demo-feed-composer-modal{background:white;border-radius:1.125rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px rgba(15,23,34,.18);animation:demo-modal-up .28s var(--ease);color:hsl(var(--foreground))}.demo-feed-composer-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:1.25rem 1.375rem .875rem}.demo-feed-composer-modal-head h2{margin:0;font-size:1.125rem;font-weight:700}.demo-feed-composer-modal-head p{margin:3px 0 0;font-size:.8125rem;color:hsl(var(--muted))}.demo-feed-composer-modal-user{display:flex;align-items:center;gap:.625rem;padding:0 1.375rem .875rem;font-size:.875rem;font-weight:700;border-bottom:1px solid hsl(var(--theme-border))}.demo-feed-composer-modal-body{padding:1rem 1.375rem}.demo-feed-composer-textarea{width:100%;min-height:120px;resize:vertical;border:none;outline:none;font-family:inherit;font-size:.9375rem;line-height:1.5;color:hsl(var(--foreground))}.demo-feed-composer-textarea::-moz-placeholder{color:#94A3B8}.demo-feed-composer-textarea::placeholder{color:#94A3B8}.demo-feed-composer-cover{position:relative;margin-top:.75rem;border-radius:.875rem;overflow:hidden;border:1px solid hsl(var(--theme-border))}.demo-feed-composer-cover img{display:block;width:100%;max-height:260px;-o-object-fit:cover;object-fit:cover}.demo-feed-composer-cover button{position:absolute;top:8px;right:8px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:rgba(11,22,40,.6);color:white;border:none;border-radius:50%;cursor:pointer}.demo-feed-composer-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.875rem 1.375rem 1.25rem;border-top:1px solid hsl(var(--theme-border))}.demo-feed-composer-modal-icons{display:flex;align-items:center;gap:4px}.demo-feed-composer-modal-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:hsl(var(--muted));cursor:pointer}.demo-feed-composer-modal-icon-btn:hover:not(:disabled){background:hsl(var(--surface));color:hsl(var(--primary))}.demo-feed-composer-modal-icon-btn[data-active=true]{background:hsl(var(--primary-lighter));color:hsl(var(--primary))}.demo-feed-composer-modal-icon-btn:disabled{opacity:.4;cursor:not-allowed}.demo-feed-poll-attached{background:hsl(var(--primary-lighter));color:hsl(var(--primary));margin-left:4px}.demo-feed-poll-builder{display:flex;flex-direction:column}.demo-feed-poll-add{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:hsl(var(--primary));font-weight:600;font-size:.8125rem;padding:4px 2px;cursor:pointer;font-family:inherit;margin-bottom:.875rem}.demo-feed-poll-duration{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem .875rem;background:hsl(var(--gray-lighter));border-radius:.75rem}.demo-feed-poll-duration-title{font-size:.8125rem;font-weight:700}.demo-feed-poll-duration-sub{font-size:.75rem;color:hsl(var(--muted));margin-top:1px}.demo-events-page{display:flex;flex-direction:column;gap:1rem}.demo-events-tab-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.625rem .875rem}.demo-events-tabs{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demo-events-tab{padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;border:none;border-radius:999px;background:hsl(var(--surface));color:hsl(var(--muted));cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-events-tab:hover{background:hsl(var(--gray-light))}.demo-events-tab[data-active=true]{background:hsl(var(--primary));color:white;box-shadow:0 2px 6px rgba(0,86,164,.22)}.demo-events-header{padding:.875rem 1rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.demo-events-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.demo-events-controls{display:inline-flex;align-items:center;gap:.625rem}.demo-events-view-toggle{display:inline-flex;background:#F3F4F6;border-radius:12px;padding:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.demo-events-view-toggle button{width:32px;height:28px;background:transparent;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--muted));cursor:pointer;transition:all .15s var(--ease)}.demo-events-view-toggle button[data-active=true]{background:white;color:hsl(var(--primary));box-shadow:0 1px 3px rgba(0,0,0,.08)}.demo-events-search{position:relative;display:inline-flex;align-items:center}.demo-events-search svg{position:absolute;left:12px;color:hsl(var(--muted));pointer-events:none}.demo-events-search input{width:280px;padding:.5625rem .875rem .5625rem 2rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:12px;background:#FAFAFA;outline:none;font-family:inherit;color:#111827}.demo-events-search input:focus{background:white;border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsla(var(--primary),.05)}.demo-events-table-wrap{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.02)}.demo-events-table{width:100%;border-collapse:collapse}.demo-events-table thead th{background:#F9FAFB;padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#4B5563;letter-spacing:.01em;text-transform:uppercase}.demo-events-table tbody td{padding:.875rem 1rem;border-top:1px solid #f3f4f6;font-size:.875rem}.demo-events-row{cursor:pointer;transition:background .15s var(--ease)}.demo-events-row:hover{background:hsl(var(--surface))}.demo-events-row-thumb{flex-shrink:0;width:48px;height:48px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center}.demo-events-row-thumb span{font-size:.5625rem;font-weight:700;opacity:.85;letter-spacing:.05em}.demo-events-row-thumb strong{font-size:1rem;font-weight:700;line-height:1}.demo-cal{display:flex;flex-direction:column;gap:.875rem}.demo-cal-head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px}.demo-cal-head-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.demo-cal-head-actions{display:inline-flex;align-items:center;gap:4px}.demo-cal-today{padding:.375rem .75rem;background:transparent;border:1px solid hsl(var(--theme-border));border-radius:999px;font-size:.8125rem;font-weight:600;color:#4B5563;cursor:pointer;font-family:inherit;margin-right:4px}.demo-cal-today:hover{background:hsl(var(--surface))}.demo-cal-head-actions button[aria-label]{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsl(var(--theme-border));border-radius:8px;color:#4B5563;cursor:pointer}.demo-cal-head-actions button[aria-label]:hover{background:hsl(var(--surface));color:hsl(var(--primary))}.demo-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:0 2px}.demo-cal-weekday{font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:hsl(var(--muted));text-align:left;padding-left:4px}.demo-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.demo-cal-cell{min-height:92px;background:white;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.demo-cal-cell:hover{border-color:hsl(var(--primary)/.4)}.demo-cal-cell-empty{background:transparent;border:none;cursor:default}.demo-cal-cell[data-today=true] .demo-cal-cell-num{background:hsl(var(--primary));color:white;border-radius:50%}.demo-cal-cell[data-selected=true]{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary),.18)}.demo-cal-cell-num{font-size:.75rem;font-weight:700;color:#111827;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.demo-cal-cell-events{display:flex;flex-direction:column;gap:2px;width:100%}.demo-cal-cell-event{display:inline-flex;align-items:center;gap:3px;font-size:.625rem;font-weight:600;color:white;padding:2px 5px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.demo-cal-cell-event-dot{width:4px;height:4px;border-radius:50%;background:white;flex-shrink:0}.demo-cal-cell-more{font-size:.625rem;color:hsl(var(--muted));font-weight:600;padding-left:4px}.demo-cal-selected{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem}.demo-cal-selected h4{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 .75rem}.demo-cal-selected h4 span{font-size:.75rem;font-weight:600;color:hsl(var(--muted));background:hsl(var(--gray-lighter));padding:2px 8px;border-radius:999px}.demo-cal-selected-empty{font-size:.8125rem;color:hsl(var(--muted));padding:.5rem 0}.demo-event-tab-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:2.5rem 1.5rem}.demo-event-tab-empty-icon{width:52px;height:52px;border-radius:14px;background:hsl(var(--gray-lighter));color:hsl(var(--muted));display:flex;align-items:center;justify-content:center;margin-bottom:4px}.demo-event-tab-empty-title{font-size:.9375rem;font-weight:700;color:#111827}.demo-event-tab-empty-sub{font-size:.8125rem;color:hsl(var(--muted));margin-bottom:8px}.demo-events-row-cover{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:white;cursor:pointer;box-shadow:0 1px 0 rgba(11,26,47,.04),0 6px 14px -10px rgba(11,26,47,.45)}.demo-events-row-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0,rgba(255,255,255,.18),transparent 60%),radial-gradient(120% 90% at 0 100%,rgba(0,0,0,.18),transparent 60%);pointer-events:none}.demo-events-row-cover-glyph{font-size:22px;line-height:1;opacity:.85;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.demo-events-row-cover-date{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.32);border-radius:6px;padding:1px 5px 2px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1}.demo-events-row-cover-date span{font-size:8px;font-weight:700;letter-spacing:.06em;opacity:.9}.demo-events-row-cover-date strong{font-size:11px;font-weight:700;margin-top:1px}.demo-events-row-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-events-row-speaker{font-size:.6875rem;color:hsl(var(--muted));margin-top:1px}.demo-events-row-cell{color:#4B5563;white-space:nowrap}.demo-events-row-menu{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;color:hsl(var(--muted));transform:rotate(90deg)}.demo-events-row-menu:hover{background:hsl(var(--surface));color:#111827}.demo-events-menu{position:absolute;top:100%;right:0;z-index:30;background:white;border:1px solid hsl(var(--theme-border));border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.1);padding:6px;min-width:140px;display:flex;flex-direction:column}.demo-events-menu button{display:flex;align-items:center;gap:8px;padding:.5rem .625rem;background:transparent;border:none;border-radius:6px;color:#1F2937;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;text-align:left}.demo-events-menu button:hover{background:hsl(var(--primary-lightest));color:hsl(var(--primary))}.demo-events-menu-sep{height:1px;background:hsl(var(--theme-border));margin:4px 0}.demo-events-menu-danger,.demo-events-menu-danger:hover{color:hsl(var(--destructive))!important}.demo-events-menu-danger:hover{background:hsla(0,84%,60%,.08)!important}.demo-event-detail{display:flex;flex-direction:column;gap:1rem}.demo-event-detail-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid hsl(var(--theme-border));border-radius:999px;color:#4B5563;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-event-detail-back:hover{background:white;color:hsl(var(--primary));border-color:hsl(var(--primary))}.demo-event-detail-basic{display:flex;gap:1.25rem;padding:1.25rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;flex-wrap:wrap}.demo-event-detail-cover{flex-shrink:0;width:160px;height:160px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.demo-event-detail-cover-date{background:rgba(255,255,255,.95);color:hsl(var(--primary));border-radius:10px;padding:.5rem .875rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}.demo-event-detail-cover-date span{font-size:.6875rem;font-weight:700;letter-spacing:.06em}.demo-event-detail-cover-date strong{font-size:1.875rem;font-weight:700;line-height:1}.demo-event-detail-title{font-size:1.5rem;font-weight:600;color:hsl(var(--primary));margin:0 0 1rem;line-height:1.2}.demo-event-detail-subhead{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 4px}.demo-event-detail-desc{font-size:.875rem;line-height:1.55;color:#4B5563;margin:0 0 .875rem}.demo-event-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8125rem;color:#4B5563}.demo-event-detail-meta span{display:inline-flex;align-items:center;gap:6px}.demo-event-detail-meta svg{color:hsl(var(--primary))}.demo-event-detail-price{display:inline-block;margin-top:.625rem;padding:4px 10px;background:hsl(142 76% 92%);color:hsl(142 76% 30%);border-radius:999px;font-size:.75rem;font-weight:700}.demo-event-detail-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px}.demo-event-detail-tab-content{display:flex;flex-direction:column;gap:.75rem}.demo-event-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.demo-event-section{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem 1.125rem}.demo-event-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:8px}.demo-event-section h3{font-size:.8125rem;font-weight:700;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.04em}.demo-event-tab-action{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:white;border:1px dashed hsl(var(--theme-border));color:hsl(var(--primary));border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-event-tab-action:hover{border-style:solid;background:hsl(var(--primary-lighter))}.demo-event-detail-toprow{display:flex;align-items:center;justify-content:space-between;gap:.625rem;flex-wrap:wrap}.demo-event-detail-actions{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.demo-event-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:white;border:1px solid hsl(var(--theme-border));border-radius:999px;color:#4B5563;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-event-action-btn:hover{color:hsl(var(--primary));border-color:hsl(var(--primary));background:hsl(var(--primary-lighter))}.demo-event-action-danger{color:#B91C1C}.demo-event-action-danger:hover{color:#B91C1C;background:#FEE2E2;border-color:#FCA5A5}.demo-event-people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.625rem}.demo-event-person-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.875rem;background:white;border:1px solid hsl(var(--theme-border));border-radius:12px}.demo-event-person-avatar{width:52px;height:52px;border-radius:50%;color:white;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.demo-event-person-name{font-size:.8125rem;font-weight:700;color:#111827;margin-bottom:4px}.demo-event-person-status{font-size:.625rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#DCFCE7;color:#166534}.demo-event-person-status-waitlist{background:#FEF3C7;color:#92400E}.demo-event-person-status-interested{background:#DBEAFE;color:#1E40AF}.demo-event-people-row{display:flex;flex-wrap:wrap;gap:.625rem}.demo-event-person-tile{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .5rem;background:white;border:1px solid hsl(var(--theme-border));border-radius:999px}.demo-event-person-tile-avatar{width:36px;height:36px;border-radius:50%;color:white;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}.demo-event-person-tile-name{font-size:.8125rem;font-weight:700;color:#111827}.demo-event-person-tile-sub{font-size:.6875rem;color:hsl(var(--muted))}.demo-event-sponsors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.625rem}.demo-event-sponsor-tile{display:flex;gap:.75rem;padding:.875rem;background:white;border:1px solid hsl(var(--theme-border));border-radius:12px}.demo-event-sponsor-logo{width:48px;height:48px;border-radius:12px;color:white;font-size:1.125rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-event-sponsor-name{font-size:.875rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px}.demo-event-sponsor-tier{font-size:.625rem;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:4px}.demo-event-sponsor-desc{font-size:.75rem;color:hsl(var(--muted));margin-top:4px;line-height:1.4}.demo-event-attachments,.demo-event-registrations,.demo-event-schedule{display:flex;flex-direction:column;gap:.5rem}.demo-event-attachment-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid hsl(var(--theme-border));border-radius:10px;background:white}.demo-event-attachment-icon{width:38px;height:44px;border-radius:6px;background:#F3F4F6;color:#6B7280;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;flex-shrink:0}.demo-event-attachment-icon[data-type=pdf]{background:#FEE2E2;color:#B91C1C}.demo-event-attachment-icon[data-type=img]{background:#DBEAFE;color:#1E40AF}.demo-event-attachment-name{font-size:.8125rem;font-weight:600;color:#111827}.demo-event-attachment-size{font-size:.6875rem;color:hsl(var(--muted));margin-top:2px}.demo-event-schedule-row{display:flex;gap:.875rem;padding:.625rem .875rem;border:1px solid hsl(var(--theme-border));border-radius:10px;background:white}.demo-event-schedule-time{width:70px;font-size:.75rem;font-weight:700;color:hsl(var(--primary));flex-shrink:0}.demo-event-schedule-title{font-size:.875rem;font-weight:600;color:#111827}.demo-event-schedule-sub{font-size:.6875rem;color:hsl(var(--muted));margin-top:2px}.demo-event-registration-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:1px solid hsl(var(--theme-border));border-radius:10px;background:white}.demo-event-registration-name{font-size:.8125rem;font-weight:700;color:#111827}.demo-event-registration-email{font-size:.6875rem;color:hsl(var(--muted));margin-top:2px}.demo-event-registration-tickets{font-size:.75rem;color:hsl(var(--muted));font-weight:600}.demo-event-registration-paid{background:#DCFCE7;color:#166534}.demo-event-registration-paid,.demo-event-registration-rsvp{font-size:.6875rem;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:999px}.demo-event-registration-rsvp{background:hsl(var(--primary-lighter));color:hsl(var(--primary))}.demo-event-section p{font-size:.875rem;line-height:1.5;color:#4B5563;margin:0 0 .5rem}.demo-event-section p:last-child{margin:0}.demo-event-progress{display:flex;flex-direction:column;gap:6px}.demo-event-progress-bar{width:100%;height:8px;background:hsl(var(--gray-lighter));border-radius:999px;overflow:hidden}.demo-event-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,hsl(var(--primary)) 0,hsl(var(--primary-100)) 100%);border-radius:999px;transition:width .6s var(--ease)}.demo-event-progress-text{font-size:.75rem;color:hsl(var(--muted))}.demo-cprofile-page{display:flex;flex-direction:column;gap:.75rem}.demo-cprofile-hero{background:white;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden}.demo-cprofile-cover{height:150px;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.4) 0,transparent 60%),linear-gradient(135deg,#0056A4,#003F78)}.demo-cprofile-hero-row{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1.25rem 1.125rem;flex-wrap:wrap}.demo-cprofile-logo{width:88px;height:88px;border-radius:22px;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;border:4px solid white;flex-shrink:0;box-shadow:0 4px 14px rgba(0,86,164,.22);margin-top:-52px}.demo-cprofile-hero-row>div,.demo-cprofile-hero-row>div:first-of-type:not(.demo-cprofile-logo){padding-top:4px}.demo-cprofile-name{font-size:1.375rem;font-weight:700;color:hsl(var(--primary));margin:0 0 6px;letter-spacing:-.01em}.demo-cprofile-type-row{display:flex;flex-wrap:wrap;gap:.5rem .875rem;align-items:center;font-size:.8125rem;color:#4B5563}.demo-cprofile-type-row>span{display:inline-flex;align-items:center;gap:4px}.demo-cprofile-type-pill{background:hsl(var(--primary-lighter));color:hsl(var(--primary));padding:3px 10px;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.demo-cprofile-verified{color:hsl(142 76% 36%);font-weight:600}.demo-cprofile-grid{display:grid;grid-template-columns:7fr 5fr;gap:.75rem;align-items:start}@media (max-width:1024px){.demo-cprofile-grid{grid-template-columns:1fr}}.demo-cprofile-col{display:flex;flex-direction:column;gap:.625rem;min-width:0}.demo-cprofile-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden}.demo-cprofile-card header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.demo-cprofile-card header h3{margin:0;font-size:.875rem;font-weight:700;color:#111827}.demo-cprofile-card header button{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:transparent;border:1px solid hsl(var(--theme-border));color:hsl(var(--muted));border-radius:6px;font-size:.6875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-cprofile-card header button:hover{color:hsl(var(--primary));border-color:hsl(var(--primary));background:hsl(var(--primary-lighter))}.demo-cprofile-card-body{padding:.875rem 1rem;font-size:.875rem;color:#374151;line-height:1.55}.demo-cprofile-card-body p{margin:0}.demo-cprofile-carousel{display:flex;gap:.625rem;overflow-x:auto;margin:-.25rem;padding:.25rem;scrollbar-width:none}.demo-cprofile-carousel::-webkit-scrollbar{display:none}.demo-cprofile-slide{flex:0 0 auto;width:124px;text-align:center;padding:.625rem .5rem;background:hsl(var(--gray-lighter));border-radius:12px}.demo-cprofile-slide-avatar{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;color:white;font-size:.9375rem;font-weight:700;display:flex;align-items:center;justify-content:center}.demo-cprofile-slide-name{font-size:.75rem;font-weight:700;color:#111827}.demo-cprofile-slide-role{font-size:.625rem;color:hsl(var(--muted));margin-top:2px}.demo-cprofile-program{flex:0 0 auto;width:144px;background:hsl(var(--gray-lighter));border-radius:12px;padding:.625rem}.demo-cprofile-program-cover{height:70px;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9CA3AF;margin-bottom:8px}.demo-cprofile-program-name{font-size:.75rem;font-weight:700;color:#111827;line-height:1.3}.demo-cprofile-program-sub{font-size:.625rem;color:hsl(var(--muted));margin-top:2px}.demo-cprofile-tags{display:flex;flex-wrap:wrap;gap:6px}.demo-cprofile-tags span{display:inline-block;padding:4px 10px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));border-radius:999px;font-size:.75rem;font-weight:600}.demo-cprofile-announce{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.demo-cprofile-announce li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 10px;background:hsl(var(--gray-lighter));border-radius:8px}.demo-cprofile-announce-tag{font-size:.5625rem;font-weight:800;letter-spacing:.06em;background:hsl(142 76% 36%);color:white;padding:2px 7px;border-radius:4px}.demo-cprofile-announce strong{font-size:.8125rem;color:#111827;flex:1;min-width:0}.demo-cprofile-announce-time{font-size:.6875rem;color:hsl(var(--muted))}.demo-cprofile-contact,.demo-cprofile-hours,.demo-cprofile-prayer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.demo-cprofile-hours li,.demo-cprofile-prayer-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:.8125rem}.demo-cprofile-hours li:last-child,.demo-cprofile-prayer-list li:last-child{border-bottom:none}.demo-cprofile-hours li span,.demo-cprofile-prayer-list li span{color:hsl(var(--muted))}.demo-cprofile-hours li strong,.demo-cprofile-prayer-list li strong{color:#111827;font-weight:700}.demo-cprofile-prayer-jumuah{background:hsl(var(--primary-lighter));padding:6px 10px!important;border-radius:8px;border:none!important}.demo-cprofile-prayer-jumuah span{font-weight:700}.demo-cprofile-prayer-jumuah span,.demo-cprofile-prayer-jumuah strong{color:hsl(var(--primary))!important}.demo-cprofile-contact li{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#374151}.demo-cprofile-link{display:inline-flex;align-items:center;gap:6px;color:hsl(var(--primary));font-weight:600;font-size:.8125rem;text-decoration:none}.demo-cprofile-link:hover{text-decoration:underline}.demo-cprofile-map{height:110px;background:linear-gradient(135deg,#E5EDF5,#F0F5F9);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.demo-cprofile-map:after,.demo-cprofile-map:before{content:"";position:absolute;background:rgba(255,255,255,.5)}.demo-cprofile-map:before{top:30%;left:0;right:0;height:2px}.demo-cprofile-map:after{left:40%;top:0;bottom:0;width:2px}.demo-cprofile-map-pin{position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,86,164,.3))}.demo-profile-page{display:flex;flex-direction:column;gap:.875rem}.demo-profile-hero{background:white;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden}.demo-profile-cover{height:100px;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.4) 0,transparent 60%),linear-gradient(135deg,#0056A4,#003F78)}.demo-profile-hero-row{display:flex;align-items:flex-end;gap:1rem;padding:0 1.25rem 1rem;margin-top:-34px;flex-wrap:wrap}.demo-profile-avatar{width:80px;height:80px;border-radius:18px;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-size:1.625rem;font-weight:700;border:4px solid white;flex-shrink:0;box-shadow:0 4px 14px rgba(0,86,164,.22)}.demo-profile-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px}.demo-profile-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:#4B5563}.demo-profile-meta span{display:inline-flex;align-items:center;gap:4px}.demo-profile-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden}.demo-profile-card-header{padding:.875rem 1.125rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f4f6}.demo-profile-card-header h3{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.demo-profile-card-header button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid hsl(var(--theme-border));border-radius:8px;color:hsl(var(--muted));cursor:pointer;transition:all .15s var(--ease)}.demo-profile-card-header button:hover{background:hsl(var(--surface));color:hsl(var(--primary));border-color:hsl(var(--primary))}.demo-profile-card-body{padding:1rem 1.125rem;font-size:.875rem;color:#374151;line-height:1.55}.demo-profile-card-body p{margin:0}.demo-profile-row{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.875rem;color:#374151}.demo-profile-row span{display:inline-flex;align-items:center;gap:6px}.demo-profile-tags{display:flex;flex-wrap:wrap;gap:6px}.demo-profile-tags span{display:inline-block;padding:4px 10px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));border-radius:999px;font-size:.75rem;font-weight:600}.demo-profile-people{display:flex;flex-wrap:wrap;gap:.75rem}.demo-profile-person{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .5rem;background:hsl(var(--gray-lighter));border-radius:999px}.demo-profile-person-avatar{width:32px;height:32px;border-radius:50%;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700}.demo-profile-person-name{font-size:.8125rem;font-weight:600;color:#111827}.demo-profile-person-role{font-size:.6875rem;color:hsl(var(--muted))}.demo-users-page{display:flex;flex-direction:column;gap:.875rem}.demo-users-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.625rem}.demo-users-role-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.875rem 1rem}.demo-users-role-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.demo-users-role-card-label{font-size:.75rem;font-weight:700;color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.04em}.demo-users-role-card-count{font-size:1.125rem;font-weight:700;color:#111827}.demo-users-role-card p{margin:0;font-size:.75rem;color:hsl(var(--muted));line-height:1.4}.demo-users-avatar{width:36px;height:36px;border-radius:50%;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.demo-users-role-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;background:hsl(var(--primary-lighter));color:hsl(var(--primary))}.demo-users-role-pill[data-role=owner]{background:#FEF3C7;color:#92400E}.demo-users-role-pill[data-role=admin]{background:hsl(var(--primary-lighter));color:hsl(var(--primary))}.demo-users-role-pill[data-role=moderator]{background:#EDE9FE;color:#5B21B6}.demo-users-role-pill[data-role=treasurer]{background:#DCFCE7;color:#166534}.demo-users-role-pill[data-role=imam]{background:#DBEAFE;color:#1E40AF}.demo-users-role-pill[data-role=volunteer]{background:#FCE7F3;color:#9F1239}.demo-users-perm-pill{padding:2px 8px;background:#F3F4F6;color:#4B5563;border-radius:4px;font-size:.6875rem;font-weight:600;font-family:ui-monospace,SF Mono,monospace}.demo-users-status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.6875rem;font-weight:700;background:#DCFCE7;color:#166534}.demo-users-status[data-status=pending]{background:#FEF3C7;color:#92400E}.demo-users-status[data-status=suspended]{background:#FEE2E2;color:#991B1B}.demo-members-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.demo-members-toolbar-title{display:flex;align-items:baseline;gap:6px}.demo-members-toolbar-title h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827}.demo-members-count{font-size:.8125rem;color:hsl(var(--muted));font-weight:600}.demo-members-toolbar-actions{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demo-members-toolbar-actions .demo-events-search input{width:240px}.demo-members-subtabs{display:inline-flex;gap:4px;background:hsl(var(--gray-lighter));border-radius:10px;padding:3px;margin-bottom:.75rem}.demo-members-subtabs button{padding:.375rem .875rem;border-radius:8px;border:none;background:transparent;color:hsl(var(--muted));font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s var(--ease)}.demo-members-subtabs button[data-active=true]{background:white;color:hsl(var(--primary));box-shadow:0 1px 3px rgba(0,0,0,.08)}.demo-members-table{width:100%;border-collapse:collapse;font-size:.875rem}.demo-members-empty-row{padding:2rem!important;text-align:center;color:hsl(var(--muted))}.demo-members-row{cursor:pointer;transition:background .12s var(--ease)}.demo-members-row:hover{background:hsl(var(--surface))}.demo-members-row td{border-bottom:1px solid hsl(var(--theme-border))}.demo-members-name-cell{display:flex;align-items:center;gap:.625rem}.demo-members-avatar{width:32px;height:32px;border-radius:50%;background:hsl(var(--primary));color:white;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.demo-members-avatar-lg{width:44px;height:44px;font-size:.875rem}.demo-members-name-line{display:flex;align-items:center;gap:6px;font-weight:600;color:#111827;white-space:nowrap}.demo-members-role-pill{font-size:.5625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:hsl(var(--gray-lighter));color:hsl(var(--muted));padding:1px 6px;border-radius:4px}.demo-members-email{font-size:.75rem;color:hsl(var(--muted));margin-top:1px}.demo-members-tier{font-weight:600;font-size:.8125rem}.demo-members-source{font-size:.6875rem;color:hsl(var(--muted));margin-top:1px}.demo-members-tags{display:flex;flex-wrap:wrap;gap:4px}.demo-members-tag{background:hsl(var(--primary-lighter));color:hsl(var(--primary));text-transform:none;letter-spacing:normal}.demo-members-notags{color:hsl(var(--muted))}.demo-members-reachable{display:inline-flex;gap:6px}.demo-members-reachable-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:hsl(var(--gray-lighter));color:#C4CBD4}.demo-members-reachable-icon[data-on=true]{background:hsl(142 76% 92%);color:hsl(142 76% 34%)}.demo-members-joined{color:hsl(var(--muted));white-space:nowrap}.demo-members-slideover-backdrop{justify-content:flex-end;padding:0;align-items:stretch}.demo-members-slideover{width:100%;max-width:460px;height:100%;background:white;box-shadow:-20px 0 50px rgba(15,23,34,.2);display:flex;flex-direction:column;overflow:hidden;animation:demo-members-slide-in .26s var(--ease)}@keyframes demo-members-slide-in{0%{transform:translateX(24px);opacity:.6}to{transform:translateX(0);opacity:1}}.demo-members-slideover-head{display:flex;align-items:center;gap:.75rem;padding:1.125rem 1.25rem;border-bottom:1px solid hsl(var(--theme-border));flex-shrink:0}.demo-members-slideover-name{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:#111827}.demo-members-slideover-tabs{display:flex;gap:4px;padding:.625rem 1.25rem 0;border-bottom:1px solid hsl(var(--theme-border));flex-shrink:0;flex-wrap:wrap}.demo-members-slideover-body{flex:1;overflow-y:auto;padding:1.125rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.125rem}.demo-members-slideover-section-head{display:flex;align-items:center;justify-content:space-between}.demo-members-slideover-section h4{margin:0 0 8px;font-size:.875rem;font-weight:700;color:#111827}.demo-members-slideover-edit{background:transparent;border:none;color:hsl(var(--primary));font-weight:600;font-size:.75rem;cursor:pointer;font-family:inherit}.demo-members-contact-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#374151;margin-bottom:4px}.demo-members-contact-row svg{color:hsl(var(--muted));flex-shrink:0}.demo-members-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.demo-members-stat-tile{background:hsl(var(--gray-lighter));border-radius:10px;padding:.75rem .875rem}.demo-members-stat-value{font-size:.9375rem;font-weight:700;color:#111827;margin-top:3px}.demo-members-open-rate{font-size:.75rem;color:hsl(var(--muted))}.demo-members-consent-sub{font-size:.8125rem;color:hsl(var(--muted));margin:0 0 .75rem;line-height:1.4}.demo-members-consent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (max-width:420px){.demo-members-consent-grid{grid-template-columns:1fr}}.demo-members-consent-card{border:1px solid hsl(var(--theme-border));border-radius:10px;padding:.625rem .625rem .75rem;background:hsl(var(--gray-lighter))}.demo-members-consent-card[data-on=true]{background:hsl(142 76% 96%);border-color:hsl(142 76% 85%)}.demo-members-consent-card-head{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#111827}.demo-members-consent-card-status{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.6875rem;font-weight:600;color:hsl(var(--muted))}.demo-members-consent-card-status[data-on=true]{color:hsl(142 76% 32%)}.demo-members-consent-history{margin-top:.75rem;background:transparent;border:none;color:hsl(var(--primary));font-weight:600;font-size:.8125rem;cursor:pointer;font-family:inherit;padding:0}.demo-members-timeline{display:flex;flex-direction:column;gap:.875rem}.demo-members-timeline-row{display:flex;gap:.625rem;align-items:flex-start}.demo-members-timeline-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--primary));margin-top:5px;flex-shrink:0}.demo-members-timeline-label{font-size:.8125rem;font-weight:600;color:#111827}.demo-members-timeline-sub{font-size:.75rem;color:hsl(var(--muted));margin-top:1px}.demo-members-notes,.demo-members-notes-list{display:flex;flex-direction:column}.demo-members-notes-list{margin-top:1rem;gap:6px}.demo-members-notes-empty{font-size:.8125rem;color:hsl(var(--muted))}.demo-members-note-row{font-size:.8125rem;color:#374151;background:hsl(var(--gray-lighter));border-radius:8px;padding:.625rem .75rem}.demo-prayer-page{display:flex;flex-direction:column;gap:.875rem}.demo-prayer-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden}.demo-prayer-tab-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;border-bottom:1px solid #f3f4f6;gap:.625rem;flex-wrap:wrap}.demo-prayer-tabs{display:inline-flex;gap:.5rem;flex-wrap:wrap}.demo-prayer-settings-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:white;border:1px dashed hsl(var(--theme-border));color:hsl(var(--primary));border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-prayer-settings-btn:hover{border-style:solid;background:hsl(var(--primary-lighter))}.demo-prayer-tab-body{padding:.875rem}.demo-prayer-month-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-bottom:.875rem}.demo-prayer-actions-row{position:relative;justify-self:end}.demo-prayer-date-nav{display:flex;align-items:center;justify-content:center;gap:.875rem;margin:0}.demo-prayer-date-nav button{width:30px;height:30px;background:hsl(var(--gray-lighter));border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4B5563;transition:all .15s var(--ease)}.demo-prayer-date-nav button:hover{background:hsl(var(--primary-lighter));color:hsl(var(--primary))}.demo-prayer-date-nav-label{font-size:.9375rem;font-weight:700;color:#111827;min-width:160px;text-align:center}.demo-prayer-table-wrap{border:1px solid hsl(var(--theme-border));border-radius:10px;overflow-x:auto;overflow-y:hidden}.demo-prayer-table{width:100%;border-collapse:collapse;font-size:.875rem}.demo-prayer-month-table{min-width:1280px}.demo-prayer-month-table td,.demo-prayer-month-table th{white-space:nowrap}.demo-prayer-row-actions{display:inline-flex;gap:2px}.demo-prayer-table thead th{background:#FAFBFC;padding:.625rem .875rem;text-align:left;font-size:.6875rem;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid hsl(var(--theme-border))}.demo-prayer-table tbody td{padding:.625rem .875rem;border-bottom:1px solid #f3f4f6}.demo-prayer-table tbody tr:last-child td{border-bottom:none}.demo-prayer-name-cell{display:inline-flex;align-items:center;gap:.5rem}.demo-prayer-name-icon{width:28px;height:28px;background:hsl(var(--primary-lighter));border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.demo-prayer-name-cell strong{font-size:.875rem;font-weight:600;color:#111827}.demo-prayer-time-cell{display:inline-block;padding:5px 10px;background:white;border:1px solid hsl(var(--theme-border));border-radius:6px;font-size:.8125rem;font-weight:600;color:#374151;font-variant-numeric:tabular-nums;min-width:78px;text-align:center}.demo-prayer-time-cell-iqama{background:hsl(var(--primary-lighter));border-color:hsl(var(--primary)/.2);color:hsl(var(--primary));font-weight:700}.demo-prayer-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid transparent;color:hsl(var(--muted));cursor:pointer;transition:all .15s var(--ease)}.demo-prayer-edit-btn:hover{background:hsl(var(--gray-lighter));color:hsl(var(--primary));border-color:hsl(var(--theme-border))}.demo-prayer-tab-foot{display:flex;justify-content:space-between;margin-top:.875rem;padding-top:.625rem;border-top:1px solid #f3f4f6}.demo-prayer-empty{text-align:center;padding:2.5rem 1.5rem}.demo-prayer-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));border-radius:16px;margin-bottom:12px}.demo-prayer-empty h4{font-size:1rem;font-weight:700;margin:0;color:#111827}.demo-prayer-empty p{color:hsl(var(--muted));font-size:.875rem;line-height:1.5;max-width:340px;margin:6px auto 16px}.demo-prayer-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem .875rem;background:white;border:1px solid hsl(var(--theme-border));border-radius:10px;cursor:pointer;font-family:inherit;text-align:left}.demo-prayer-toggle-row strong{display:block;font-size:.875rem;font-weight:700;color:#111827}.demo-prayer-toggle-row span{display:block;font-size:.75rem;color:hsl(var(--muted));margin-top:2px}.demo-programs-page{display:flex;flex-direction:column;gap:.875rem}.demo-programs-cat-row{display:flex;gap:.5rem;flex-wrap:wrap;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.625rem .875rem}.demo-programs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem}.demo-program-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s var(--ease)}.demo-program-card:hover{transform:translateY(-2px);border-color:hsl(var(--primary)/.3);box-shadow:0 8px 20px rgba(0,86,164,.1)}.demo-program-card-cover{position:relative;height:96px;display:flex;align-items:center;justify-content:center}.demo-program-card-status{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:999px;font-size:.625rem;font-weight:800;letter-spacing:.04em;background:rgba(255,255,255,.95);color:#166534}.demo-program-card-status[data-status=draft]{color:#92400E}.demo-program-card-status[data-status=past]{color:#6B7280}.demo-program-card-body{padding:1rem}.demo-program-card-cat{font-size:.6875rem;font-weight:800;letter-spacing:.04em;color:hsl(var(--primary));text-transform:uppercase;margin-bottom:5px}.demo-program-card-name{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 4px;line-height:1.3}.demo-program-card-desc{font-size:.75rem;color:hsl(var(--muted));line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-program-card-meta{display:flex;align-items:center;gap:5px;font-size:.6875rem;color:#4B5563;margin-top:4px}.demo-program-card-enroll{margin-top:.875rem;padding-top:.625rem;border-top:1px solid #f3f4f6}.demo-program-card-enroll-text{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:5px}.demo-program-card-enroll-text span{color:hsl(var(--muted))}.demo-program-card-enroll-text strong{color:#111827;font-weight:700}.demo-program-card-enroll-bar{height:5px;background:hsl(var(--gray-lighter));border-radius:999px;overflow:hidden}.demo-program-card-enroll-bar span{display:block;height:100%;border-radius:999px;transition:width .6s var(--ease)}.demo-settings-page{display:flex;flex-direction:column;gap:.875rem}.demo-settings-tabs{display:flex;flex-wrap:wrap;gap:.5rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.5rem .625rem}.demo-settings-tab{display:inline-flex;align-items:center;gap:6px;padding:.4375rem .875rem;font-size:.8125rem;font-weight:600;background:transparent;border:none;border-radius:999px;color:hsl(var(--muted));cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-settings-tab:hover{background:hsl(var(--surface));color:#111827}.demo-settings-tab[data-active=true]{background:hsl(var(--primary));color:white}.demo-settings-content{display:flex;flex-direction:column;gap:.875rem}.demo-settings-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px}.demo-settings-card header{padding:1rem 1.25rem .5rem;border-bottom:1px solid #f3f4f6}.demo-settings-card header h3{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.demo-settings-card header p{margin:4px 0 0;font-size:.8125rem;color:hsl(var(--muted))}.demo-settings-card-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.demo-settings-field{display:flex;flex-direction:column;gap:4px}.demo-settings-field>span{font-size:.75rem;font-weight:600;color:#4B5563;text-transform:uppercase;letter-spacing:.03em}.demo-settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.625rem .75rem;border:1px solid hsl(var(--theme-border));border-radius:8px;background:white;cursor:pointer;font-size:.875rem;font-family:inherit;color:#111827;text-align:left}.demo-settings-toggle-track{width:32px;height:18px;background:hsl(var(--theme-border));border-radius:999px;position:relative;flex-shrink:0;transition:background .2s var(--ease)}.demo-settings-toggle-track[data-on=true]{background:hsl(var(--primary))}.demo-settings-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:white;border-radius:50%;transition:left .2s var(--ease);box-shadow:0 1px 2px rgba(0,0,0,.2)}.demo-settings-toggle-track[data-on=true] .demo-settings-toggle-thumb{left:16px}.demo-settings-provider{display:flex;align-items:center;gap:.875rem;padding:.875rem;border:1px solid hsl(var(--theme-border));border-radius:10px}.demo-settings-provider-name{font-size:.875rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:6px}.demo-settings-provider p{margin:4px 0 0;font-size:.75rem;color:hsl(var(--muted))}.demo-settings-provider-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#FEE2E2;color:#991B1B;border-radius:999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.demo-settings-provider-status[data-on=true]{background:#DCFCE7;color:#166534}.demo-settings-plan{display:flex;align-items:center;gap:1rem;padding:.875rem;background:hsl(var(--primary-lighter));border-radius:10px}.demo-settings-plan strong{font-size:.9375rem;color:#111827}.demo-settings-plan p{margin:4px 0 0;font-size:.75rem;color:hsl(var(--muted))}.demo-settings-addon{display:flex;align-items:center;gap:1rem;padding:.875rem;border:1px solid hsl(var(--theme-border));border-radius:10px}.demo-settings-addon-name{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:700;color:#111827}.demo-settings-addon p{margin:4px 0 0;font-size:.75rem;color:hsl(var(--muted))}.demo-settings-addon-on{width:16px;height:16px;border-radius:50%;background:hsl(142 76% 36%);color:white;display:inline-flex;align-items:center;justify-content:center}.demo-settings-addon-off{display:inline-block;width:16px;height:16px;border-radius:50%;background:transparent;border:1.5px solid hsl(var(--theme-border))}.demo-widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem}.demo-widget-card{background:white;border:1px solid hsl(var(--theme-border));border-radius:14px;overflow:hidden;transition:all .2s var(--ease)}.demo-widget-card:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 4px 12px rgba(0,86,164,.06)}.demo-widget-card-preview{height:130px;background:linear-gradient(135deg,hsl(var(--primary-lighter)) 0,white 100%);position:relative;border-bottom:1px solid #f3f4f6}.demo-widget-card-icon,.demo-widget-card-preview{display:flex;align-items:center;justify-content:center}.demo-widget-card-icon{width:56px;height:56px;background:white;color:hsl(var(--primary));border-radius:14px;box-shadow:0 4px 12px rgba(0,86,164,.1)}.demo-widget-card-tag{position:absolute;top:10px;right:10px;font-size:.625rem;font-weight:800;letter-spacing:.04em;background:white;color:hsl(var(--primary));padding:3px 9px;border-radius:999px;text-transform:uppercase}.demo-widget-card-body{padding:1rem}.demo-widget-card-body h4{margin:0;font-size:.9375rem;font-weight:700;color:#111827}.demo-widget-card-body p{margin:4px 0 .625rem;font-size:.75rem;color:hsl(var(--muted));line-height:1.5}.demo-widget-card-snippet{padding:.5rem .625rem;background:#F9FAFB;border:1px solid #e5e7eb;border-radius:8px;font-family:ui-monospace,SF Mono,monospace;font-size:.6875rem;color:#4B5563;word-break:break-all;line-height:1.5;max-height:48px;overflow:hidden}.demo-integrations-page{display:flex;flex-direction:column;gap:.875rem}.demo-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}.demo-integration-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem;display:flex;gap:.875rem;align-items:flex-start;transition:all .2s var(--ease)}.demo-integration-card:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 4px 12px hsla(var(--primary),.06)}.demo-integration-icon{width:44px;height:44px;border-radius:10px;background:hsl(var(--surface));display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.demo-integration-name{font-size:.9375rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px}.demo-integration-cat{padding:2px 8px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));border-radius:999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.demo-integration-card p{margin:6px 0 0;font-size:.8125rem;color:#4B5563;line-height:1.5}.demo-webapp{height:100%;background:white;display:flex;flex-direction:column;overflow:hidden;--webapp-brand:#1a58a3;--webapp-brand-700:#004999;--webapp-text:#0a0a0a;--webapp-muted:#64748b}.demo-webapp-nav{flex-shrink:0;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:0 1.5rem;background:white;border-bottom:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.04);position:sticky;top:0;z-index:5}.demo-webapp-nav-logo{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit}.demo-webapp-nav-logo-mark{width:32px;height:32px;border-radius:10px;background:var(--webapp-brand);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 2px rgba(0,86,164,.25)}.demo-webapp-nav-logo-mark img{width:22px;height:28px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.demo-webapp-nav-logo-text{font-size:1.125rem;font-weight:700;color:#0E1B33;letter-spacing:-.02em}.demo-webapp-nav-avatar-inner{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--webapp-brand) 0,#003F78 100%);color:white;font-size:.75rem;font-weight:700;letter-spacing:.02em}.demo-webapp-nav-links{display:flex;align-items:center;justify-content:center;gap:1.5rem}.demo-webapp-nav-links button{background:transparent;border:none;padding:.5rem 0;font-size:.9375rem;font-weight:500;color:#4B5563;cursor:pointer;font-family:inherit;transition:color .15s var(--ease);position:relative}.demo-webapp-nav-links button:hover{color:var(--webapp-brand)}.demo-webapp-nav-links button[data-active=true]{color:var(--webapp-brand);font-weight:700}.demo-webapp-nav-avatar{width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:50%;overflow:hidden;flex-shrink:0;justify-self:end}.demo-webapp-nav-actions{display:inline-flex;align-items:center;gap:.5rem}.demo-webapp-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 .875rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:all .15s var(--ease)}.demo-webapp-btn-primary{background:var(--webapp-brand);color:white;border-color:var(--webapp-brand)}.demo-webapp-btn-primary:hover{background:var(--webapp-brand-700);border-color:var(--webapp-brand-700)}.demo-webapp-btn-outline{background:transparent;color:var(--webapp-brand);border-color:var(--webapp-brand)}.demo-webapp-btn-outline:hover{background:rgba(26,88,163,.05)}.demo-webapp-main{flex:1;min-height:0;overflow-y:auto;background:white}.demo-webapp-home{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem;text-align:center}.demo-webapp-home-featured{margin:3rem auto 0;text-align:left}.demo-webapp-home-featured-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.demo-webapp-home-featured-head h3{font-size:1.125rem;font-weight:700;color:#0a0a0a;margin:0}.demo-webapp-home-featured-head button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.8125rem;font-weight:600;color:var(--webapp-brand);cursor:pointer;font-family:inherit}.demo-webapp-home-illustration{display:flex;justify-content:center;margin-bottom:1.5rem}.demo-webapp-home-h1{font-size:1.875rem;font-weight:700;color:#0a0a0a;margin:0 0 .5rem;letter-spacing:-.02em}.demo-webapp-home-sub{font-size:1rem;color:var(--webapp-muted);margin:0 0 1.5rem}.demo-webapp-home-search{width:100%;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:.625rem;height:52px;padding:0 1rem;background:white;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);font-size:.9375rem;font-weight:500;color:#0a0a0a;cursor:pointer;font-family:inherit;transition:all .2s var(--ease)}.demo-webapp-home-search:hover{border-color:var(--webapp-brand);box-shadow:0 4px 16px rgba(26,88,163,.12)}.demo-webapp-home-search svg{color:var(--webapp-muted);flex-shrink:0}.demo-webapp-home-quicklinks{margin-top:1.5rem;display:flex;justify-content:center;gap:.625rem;flex-wrap:wrap}.demo-webapp-home-quicklinks button{background:transparent;border:1px solid rgba(0,0,0,.08);padding:.5rem .875rem;border-radius:999px;font-size:.8125rem;font-weight:500;color:#0a0a0a;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-webapp-home-quicklinks button:hover{border-color:var(--webapp-brand);color:var(--webapp-brand)}.demo-webapp-events{max-width:1280px;margin:0 auto;padding:1.5rem;position:relative}.demo-webapp-events-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.demo-webapp-events-h2{font-size:1.5rem;font-weight:800;color:#0a0a0a;margin:0 0 .25rem;letter-spacing:-.02em}.demo-webapp-events-header p{margin:0;font-size:.8125rem;color:var(--webapp-muted)}.demo-webapp-events-search{position:relative;display:inline-flex;align-items:center}.demo-webapp-events-search svg{position:absolute;left:12px;color:var(--webapp-muted);pointer-events:none}.demo-webapp-events-search input{height:40px;width:240px;padding:0 .875rem 0 2rem;font-size:.8125rem;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:white;outline:none;font-family:inherit;color:#0a0a0a}.demo-webapp-events-search input:focus{border-color:var(--webapp-brand)}.demo-webapp-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.demo-webapp-event-card{display:flex;flex-direction:column;gap:.75rem;padding:0;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:transform .25s var(--ease)}.demo-webapp-event-card:hover{transform:translateY(-2px)}.demo-webapp-event-card-image{aspect-ratio:4/3;width:100%;border-radius:14px;overflow:hidden;position:relative}.demo-webapp-event-card-badge{position:absolute;background:rgba(0,0,0,.65);color:white;padding:4px 10px;border-radius:999px;font-size:.6875rem;font-weight:600;backdrop-filter:blur(6px)}.demo-webapp-event-card-badge-tl{top:10px;left:10px}.demo-webapp-event-card-badge-tr{top:10px;right:10px;background:rgba(255,255,255,.95);color:#111827}.demo-webapp-event-card-body{padding:0}.demo-webapp-event-card-body h3{font-size:1rem;font-weight:700;color:#111827;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s var(--ease)}.demo-webapp-event-card:hover h3{color:var(--webapp-brand)}.demo-webapp-event-card-row{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#4B5563;margin-top:2px;flex-wrap:wrap}.demo-webapp-event-card-row svg{color:#94A3B8;flex-shrink:0}.demo-webapp-event-card-price{margin-left:auto;font-weight:700;color:#111827}.demo-webapp-event-card-meta{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;color:var(--webapp-muted);margin-top:2px}.demo-webapp-search-bar{display:flex;align-items:center;gap:0;background:white;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:6px;margin:0 auto 1.5rem;width:-moz-max-content;width:max-content;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04)}.demo-webapp-search-field{display:flex;flex-direction:column;padding:6px 1rem;border-right:1px solid #f3f4f6;min-width:110px}.demo-webapp-search-field span{font-size:.6875rem;font-weight:700;color:#94A3B8;letter-spacing:.02em;text-transform:uppercase}.demo-webapp-search-field strong{font-size:.8125rem;font-weight:500;color:#0F172A;margin-top:1px}.demo-webapp-search-cta{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 1.25rem;background:var(--webapp-brand);color:white;border:none;border-radius:999px;font-size:.8125rem;font-weight:700;cursor:pointer;font-family:inherit;margin-left:4px}.demo-webapp-search-cta:hover{background:var(--webapp-brand-700)}.demo-webapp-view-toggle{display:inline-flex;background:white;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:4px}.demo-webapp-view-toggle button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:.75rem;font-weight:600;color:#6B7280;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-webapp-view-toggle button[data-active=true]{background:#F3F4F6;color:#111827}.demo-webapp-events-map{width:100%;aspect-ratio:5/3;background:#E8EFF7;border-radius:14px;overflow:hidden}.demo-webapp-floating-filter{position:sticky;bottom:1.5rem;display:inline-flex;align-items:center;gap:4px;margin:1.5rem auto 0;padding:6px;background:var(--webapp-brand);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 30px rgba(26,88,163,.3);width:-moz-max-content;width:max-content;max-width:100%;left:50%;transform:translateX(-50%)}.demo-webapp-ff-btn{display:inline-flex;align-items:center;gap:5px;padding:.5rem .875rem;background:transparent;border:none;border-radius:999px;color:rgba(255,255,255,.9);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-webapp-ff-btn:hover{background:rgba(255,255,255,.1)}.demo-webapp-ff-btn[data-active=true]{background:rgba(255,255,255,.92);color:var(--webapp-brand)}.demo-webapp-ff-sep{display:inline-block;height:18px;width:1px;background:rgba(255,255,255,.2);margin:0 4px}.demo-webapp-event-detail{max-width:960px;margin:0 auto;padding:1.5rem;background:rgba(248,250,252,.3)}.demo-webapp-event-detail-back{display:inline-flex;align-items:center;gap:4px;padding:.375rem .75rem;background:transparent;border:none;font-size:.8125rem;font-weight:600;color:var(--webapp-muted);cursor:pointer;font-family:inherit;margin-bottom:1rem;border-radius:6px;transition:all .15s var(--ease)}.demo-webapp-event-detail-back:hover{color:var(--webapp-brand)}.demo-webapp-event-detail-grid{display:grid;grid-template-columns:minmax(280px,350px) 1fr;gap:1.5rem;align-items:start}@media (max-width:800px){.demo-webapp-event-detail-grid{grid-template-columns:1fr}}.demo-webapp-event-detail-cover{aspect-ratio:3.5/4;width:100%;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.06);background:var(--webapp-brand)}.demo-webapp-event-detail-fav{position:absolute;top:12px;right:12px;width:38px;height:38px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#0a0a0a;cursor:pointer;transition:all .15s var(--ease)}.demo-webapp-event-detail-fav:hover{background:white;color:#DC2626}.demo-webapp-event-detail-stakeholders{margin-top:1rem;padding:.875rem 1rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px}.demo-webapp-event-detail-stakeholders h4{font-size:.625rem;font-weight:800;color:var(--webapp-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.demo-webapp-event-detail-stakeholders p{margin:0;font-size:.875rem;font-weight:600;color:#0a0a0a}.demo-webapp-event-detail-audience{display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.06em;color:var(--webapp-muted);background:#F3F4F6;padding:4px 10px;border-radius:999px;margin-bottom:.625rem}.demo-webapp-event-detail-title{font-size:1.875rem;font-weight:600;color:#0a0a0a;margin:0 0 1.5rem;letter-spacing:-.02em;line-height:1.2}.demo-webapp-event-detail-info{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.demo-webapp-event-detail-info-block{display:flex;align-items:center;gap:.875rem;padding:4px 0}.demo-webapp-event-detail-info-icon{display:inline-flex}.demo-webapp-event-detail-info-icon,.demo-webapp-event-detail-info-icon-date{width:40px;height:40px;background:white;border:1px solid rgba(0,0,0,.08);border-radius:10px;align-items:center;justify-content:center;color:var(--webapp-brand);flex-shrink:0}.demo-webapp-event-detail-info-icon-date{display:flex;flex-direction:column}.demo-webapp-event-detail-info-icon-date span{font-size:.5rem;font-weight:800;letter-spacing:.06em;line-height:1}.demo-webapp-event-detail-info-icon-date strong{font-size:.9375rem;font-weight:800;line-height:1}.demo-webapp-event-detail-info-label{font-size:.875rem;font-weight:600;color:#0a0a0a}.demo-webapp-event-detail-info-sub{font-size:.75rem;color:var(--webapp-muted);margin-top:1px}.demo-webapp-registration-bar{display:flex;align-items:stretch;background:var(--webapp-brand);border-radius:14px;overflow:hidden;margin-bottom:1.25rem;transition:all .2s var(--ease)}.demo-webapp-registration-bar:hover{background:var(--webapp-brand-700)}.demo-webapp-registration-price{padding:1rem 1.5rem;color:white;display:flex;flex-direction:column;justify-content:center}.demo-webapp-registration-price strong{font-size:1.375rem;font-weight:800;line-height:1}.demo-webapp-registration-price span{font-size:.6875rem;font-weight:600;opacity:.85;margin-top:4px}.demo-webapp-registration-divider{width:1px;background:rgba(255,255,255,.18);border-left:1px dashed rgba(255,255,255,.32)}.demo-webapp-registration-cta{flex:1;background:transparent;border:none;color:white;font-size:.9375rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:1rem 1.5rem;cursor:pointer;font-family:inherit}.demo-webapp-event-detail-desc{background:white;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:1.25rem}.demo-webapp-event-detail-desc h3{font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--webapp-muted);margin:0 0 .5rem}.demo-webapp-event-detail-desc p{margin:0;font-size:.9375rem;line-height:1.65;color:#1F2937}.demo-webapp-community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.demo-webapp-community-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem;transition:all .2s var(--ease)}.demo-webapp-community-card:hover{border-color:rgba(26,88,163,.3);box-shadow:0 4px 12px rgba(0,86,164,.06)}.demo-webapp-community-card-row{display:flex;align-items:center;gap:.625rem;margin-bottom:.625rem}.demo-webapp-community-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-webapp-community-card h3{font-size:.9375rem;font-weight:700;color:#0F172A;margin:0}.demo-webapp-community-meta{display:flex;align-items:center;gap:5px;font-size:.6875rem;color:#64748B;margin-top:2px}.demo-webapp-community-type{margin-left:4px;padding:2px 8px;background:#DBEAFE;color:#1E40AF;border-radius:999px;font-weight:600;font-size:.625rem}.demo-webapp-community-card p{font-size:.8125rem;color:#4B5563;line-height:1.5;margin:0 0 .875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-webapp-community-detail{background:white}.demo-webapp-community-hero{height:220px;position:relative;background:#1F2A4A url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><pattern id='p' width='50' height='50' patternUnits='userSpaceOnUse'><path d='M25 0 L50 25 L25 50 L0 25 Z' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1.5'/><circle cx='25' cy='25' r='6' fill='rgba(255,255,255,0.04)'/></pattern></defs><rect width='200' height='200' fill='url(%23p)'/></svg>") 50%/cover;overflow:hidden}.demo-webapp-community-hero-pattern{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(255,255,255,.1) 0,transparent 50%),linear-gradient(180deg,transparent,rgba(0,0,0,.2))}.demo-webapp-community-hero-back,.demo-webapp-community-hero-more{position:absolute;top:16px;width:36px;height:36px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:1}.demo-webapp-community-hero-back{left:16px}.demo-webapp-community-hero-more{right:16px}.demo-webapp-community-header-card{background:white;margin:-16px 1.5rem 0;border-radius:14px 14px 0 0;padding:1.25rem 1.25rem 0;position:relative;border-bottom:1px solid #f3f4f6}.demo-webapp-community-header-top{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.demo-webapp-community-header-logo{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-webapp-community-header-card h1{font-size:1.375rem;font-weight:700;color:var(--webapp-brand);margin:0;letter-spacing:-.01em}.demo-webapp-community-header-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:#64748B;margin-top:4px}.demo-webapp-community-verified{color:#10884B;font-weight:600}.demo-webapp-community-header-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.demo-webapp-icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;color:#6B7280;transition:all .15s var(--ease)}.demo-webapp-icon-btn:hover{color:var(--webapp-brand);border-color:var(--webapp-brand)}.demo-webapp-community-tabs{display:flex;gap:1.5rem;margin-top:.875rem}.demo-webapp-community-tab{background:transparent;padding:.625rem 0;font-size:.875rem;font-weight:600;color:#6B7280;cursor:pointer;font-family:inherit;border:none;border-bottom:2px solid transparent;transition:all .15s var(--ease)}.demo-webapp-community-tab[data-active=true]{color:var(--webapp-brand);border-bottom-color:var(--webapp-brand)}.demo-webapp-community-overview{padding:1.25rem 1.5rem 1.5rem;background:#FAFBFC}.demo-webapp-community-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.demo-webapp-stat-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.875rem;display:flex;flex-direction:column;align-items:center;text-align:center}.demo-webapp-stat-card-icon{width:32px;height:32px;background:hsl(var(--primary-lighter));color:var(--webapp-brand);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.demo-webapp-stat-card strong{font-size:1.5rem;font-weight:700;color:#111827;line-height:1}.demo-webapp-stat-card span:not(.demo-webapp-stat-card-icon){font-size:.75rem;color:#64748B;margin-top:4px}.demo-webapp-community-content-grid{display:grid;grid-template-columns:7fr 5fr;gap:1rem;align-items:start}@media (max-width:1024px){.demo-webapp-community-content-grid{grid-template-columns:1fr}}.demo-webapp-community-col{display:flex;flex-direction:column;gap:.75rem;min-width:0}.demo-webapp-community-section{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem 1.125rem}.demo-webapp-community-section h3{font-size:.9375rem;font-weight:700;color:#111827;margin:0 0 .5rem}.demo-webapp-community-section p{font-size:.875rem;color:#374151;line-height:1.55;margin:0}.demo-webapp-link{color:var(--webapp-brand);font-size:.8125rem;font-weight:600;text-decoration:none}.demo-webapp-link:hover{text-decoration:underline}.demo-webapp-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-webapp-mission-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-webapp-mission-btn:hover{filter:brightness(.96)}.demo-webapp-community-prayer-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.demo-webapp-community-prayer-nav button{width:26px;height:26px;background:transparent;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6B7280}.demo-webapp-community-prayer-nav strong{font-size:.875rem;color:var(--webapp-brand);font-weight:700}.demo-webapp-community-prayer{width:100%;border-collapse:collapse;font-size:.8125rem}.demo-webapp-community-prayer thead th{text-align:right;padding:6px 8px;font-size:.6875rem;font-weight:600;color:#94A3B8;border-bottom:1px solid #f3f4f6}.demo-webapp-community-prayer thead th:first-child{text-align:left}.demo-webapp-community-prayer tbody td{padding:8px;border-bottom:1px solid #f8fafc;text-align:right;color:#374151;font-weight:600}.demo-webapp-community-prayer tbody td:first-child{text-align:left;color:#111827;font-weight:700}.demo-webapp-community-prayer tbody td:first-child span{display:inline-flex;align-items:center;gap:6px}.demo-webapp-community-week{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.demo-webapp-community-week li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:.875rem}.demo-webapp-community-week li:last-child{border-bottom:none}.demo-webapp-week-icon{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-webapp-community-week li>span:not(.demo-webapp-week-icon){flex:1;color:#4B5563}.demo-webapp-community-week li strong{font-weight:700;color:#111827}.demo-webapp-community-map{height:130px;background:linear-gradient(135deg,#E8EFF7,#F4F8FC);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.demo-webapp-community-map:after,.demo-webapp-community-map:before{content:"";position:absolute;background:rgba(255,255,255,.5)}.demo-webapp-community-map:before{top:30%;left:0;right:0;height:2px}.demo-webapp-community-map:after{left:40%;top:0;bottom:0;width:2px}.demo-webapp-social-row{display:inline-flex;gap:6px}.demo-webapp-social-row button{width:30px;height:30px;background:transparent;border:1px solid #e5e7eb;border-radius:50%;color:#6B7280;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.demo-webapp-social-row button:hover{color:var(--webapp-brand);border-color:var(--webapp-brand)}.demo-webapp-recent-members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.demo-webapp-recent-members li{display:flex;align-items:center;gap:8px}.demo-webapp-rm-avatar{width:30px;height:30px;border-radius:50%;color:white;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.demo-webapp-recent-members li strong{display:block;font-size:.8125rem;color:#111827}.demo-webapp-recent-members li span{display:block;font-size:.6875rem;color:#94A3B8}.demo-webapp-community-events{padding:1.25rem 1.5rem 1.5rem;background:#FAFBFC}.demo-webapp-community-events-grid{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}@media (max-width:1024px){.demo-webapp-community-events-grid{grid-template-columns:1fr}}.demo-webapp-community-event-day{margin-bottom:1rem;padding-left:1rem;border-left:1px solid #e5e7eb;position:relative}.demo-webapp-community-event-day-header{display:flex;align-items:center;gap:8px;margin-bottom:.625rem;margin-left:-1.375rem}.demo-webapp-community-event-dot{width:10px;height:10px;border-radius:50%;background:var(--webapp-brand);flex-shrink:0}.demo-webapp-community-event-day-header strong{color:var(--webapp-brand);font-size:.875rem;font-weight:700}.demo-webapp-community-event-day-header span{color:#64748B;font-size:.8125rem}.demo-webapp-community-event-row{display:flex;align-items:stretch;gap:1rem;width:100%;padding:.75rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:10px;margin-bottom:.5rem;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s var(--ease)}.demo-webapp-community-event-row:hover{border-color:rgba(26,88,163,.3)}.demo-webapp-community-event-time{font-size:.75rem;color:#64748B;margin-bottom:4px}.demo-webapp-community-event-time strong{color:var(--webapp-brand);font-weight:700}.demo-webapp-community-event-title{font-size:.9375rem;font-weight:700;color:#111827;margin-bottom:4px}.demo-webapp-community-event-meta{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#64748B;margin-top:2px}.demo-webapp-community-event-org{width:16px;height:16px;border-radius:50%;color:white;font-size:.625rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.demo-webapp-community-event-attendees{display:inline-flex;align-items:center;margin-top:6px}.demo-webapp-community-event-attendees>span{width:18px;height:18px;border-radius:50%;border:2px solid white;margin-left:-5px;display:inline-block}.demo-webapp-community-event-attendees>span:first-child{margin-left:0}.demo-webapp-community-event-attendees em{margin-left:6px;font-size:.6875rem;color:#64748B;font-style:normal;font-weight:600}.demo-webapp-community-event-thumb{width:84px;border-radius:8px;flex-shrink:0}.demo-webapp-cal-mini{background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.875rem}.demo-webapp-cal-mini header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.demo-webapp-cal-mini header strong{font-size:.875rem;font-weight:700;color:#111827}.demo-webapp-cal-mini header span{display:inline-flex;gap:4px}.demo-webapp-cal-mini header button{width:22px;height:22px;background:transparent;border:none;cursor:pointer;color:#6B7280;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.demo-webapp-cal-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:.6875rem;color:#4B5563}.demo-webapp-cal-mini-day{font-weight:700;color:#94A3B8;padding:4px 0;font-size:.625rem}.demo-webapp-cal-mini-grid>span{padding:6px 0;border-radius:6px}.demo-webapp-cal-mini-today{background:var(--webapp-brand)!important;color:white!important;font-weight:700}.demo-webapp-cal-mini-toggle{display:flex;margin-top:.625rem;border-top:1px solid #f3f4f6;background:#F3F4F6;border-radius:8px;padding:4px}.demo-webapp-cal-mini-toggle button{flex:1;background:transparent;border:none;padding:6px;font-size:.75rem;font-weight:600;color:#6B7280;cursor:pointer;border-radius:6px;font-family:inherit}.demo-webapp-cal-mini-toggle button[data-active=true]{background:var(--webapp-brand);color:white}.demo-webapp-community-members{padding:1.25rem 1.5rem 1.5rem;background:#FAFBFC}.demo-webapp-community-members-search{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;margin-bottom:1rem}.demo-webapp-community-members-search svg{color:#94A3B8;flex-shrink:0}.demo-webapp-community-members-search input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;font-family:inherit}.demo-webapp-community-members-search button{width:32px;height:32px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6B7280;display:inline-flex;align-items:center;justify-content:center}.demo-webapp-community-members-list{list-style:none;margin:0;padding:0;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden}.demo-webapp-community-members-list li{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.demo-webapp-community-members-list li:last-child{border-bottom:none}.demo-webapp-member-avatar{width:36px;height:36px;border-radius:50%;color:white;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-webapp-community-members-list li strong{display:block;font-size:.875rem;color:#111827;font-weight:700}.demo-webapp-community-members-list li>div span{display:block;font-size:.75rem;color:#64748B}.demo-webapp-member-gender{padding:3px 10px;background:#F3F4F6;color:#4B5563;border-radius:999px;font-size:.6875rem;font-weight:600}.demo-webapp-user-profile{background:white}.demo-webapp-up-cover{height:240px;background:linear-gradient(135deg,#475569,#1E293B);filter:brightness(.8)}.demo-webapp-up-card{margin:-100px 1.5rem 1rem;background:white;border-radius:14px;border:1px solid rgba(0,0,0,.06);padding:0 1.5rem 1.25rem;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.04)}.demo-webapp-up-edit{position:absolute;top:16px;right:16px;width:32px;height:32px;background:white;border:1px solid #e5e7eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6B7280}.demo-webapp-up-avatar-row{margin-top:-52px;margin-bottom:1rem}.demo-webapp-up-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#1A6FCC,#0056A4);color:white;border:4px solid white;display:inline-flex;align-items:center;justify-content:center;font-size:1.625rem;font-weight:700;box-shadow:0 4px 12px rgba(0,86,164,.18)}.demo-webapp-up-info h1{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-webapp-up-tag{font-size:.6875rem;font-weight:600;background:#F3F4F6;color:#4B5563;padding:3px 10px;border-radius:999px}.demo-webapp-up-title{font-size:.875rem;color:#4B5563;margin:0 0 .625rem}.demo-webapp-up-bio{font-size:.8125rem;color:#374151;line-height:1.55;margin:0 0 .5rem}.demo-webapp-up-followers{display:inline-flex;align-items:center;gap:8px;margin-top:.625rem;color:var(--webapp-brand);font-size:.8125rem}.demo-webapp-up-followers strong{color:var(--webapp-brand);font-weight:700}.demo-webapp-up-followers span{color:#94A3B8}.demo-webapp-up-tabs{display:flex;gap:1.5rem;padding:0 1.5rem;border-bottom:1px solid #f3f4f6}.demo-webapp-up-tabs button{background:transparent;padding:.75rem 0;font-size:.9375rem;font-weight:600;color:#64748B;cursor:pointer;font-family:inherit;border:none;border-bottom:2px solid transparent}.demo-webapp-up-tabs button[data-active=true]{color:var(--webapp-brand);border-bottom-color:var(--webapp-brand)}.demo-webapp-up-events{padding:1.5rem}.demo-webapp-up-settings-row{display:flex;align-items:center;gap:.875rem;padding:1rem;background:white;border:1px solid rgba(0,0,0,.06);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .15s var(--ease)}.demo-webapp-up-settings-row:hover{border-color:rgba(26,88,163,.3)}.demo-webapp-up-settings-icon{width:32px;height:32px;background:hsl(var(--primary-lighter));color:var(--webapp-brand);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-webapp-up-settings-row strong{display:block;font-size:.875rem;color:#111827;font-weight:700}.demo-webapp-up-settings-row>div span{display:block;font-size:.75rem;color:#64748B;margin-top:2px}.demo-webapp-checkout{max-width:640px;margin:0 auto;padding:1.5rem;background:rgba(248,250,252,.3)}.demo-webapp-checkout-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.demo-webapp-checkout-step{display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.06em;background:rgba(26,88,163,.08);color:var(--webapp-brand);padding:4px 10px;border-radius:999px;margin-bottom:.625rem}.demo-webapp-checkout-title{font-size:1.875rem;font-weight:800;color:#0a0a0a;margin:0 0 .625rem;letter-spacing:-.02em}.demo-webapp-checkout-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8125rem;color:var(--webapp-muted);margin-bottom:1.5rem}.demo-webapp-checkout-meta span{display:inline-flex;align-items:center;gap:5px}.demo-webapp-checkout-tickets{display:flex;flex-direction:column;gap:.5rem}.demo-webapp-checkout-ticket{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border:1px solid rgba(0,0,0,.08);border-radius:12px}.demo-webapp-checkout-ticket strong{font-size:.9375rem;color:#0a0a0a}.demo-webapp-checkout-ticket p{margin:4px 0 0;font-size:.75rem;color:var(--webapp-muted)}.demo-webapp-checkout-qty{display:inline-flex;align-items:center;background:#F3F4F6;border-radius:999px;padding:4px}.demo-webapp-checkout-qty button{width:26px;height:26px;background:white;border:none;border-radius:50%;font-size:1rem;font-weight:700;color:#0a0a0a;cursor:pointer}.demo-webapp-checkout-qty span{padding:0 .625rem;font-size:.875rem;font-weight:700;color:#0a0a0a}.demo-webapp-checkout-summary{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.demo-webapp-checkout-summary div{display:flex;justify-content:space-between;color:var(--webapp-muted)}.demo-webapp-checkout-summary div strong{color:#0a0a0a;font-weight:600}.demo-webapp-checkout-total{margin-top:.5rem;padding-top:.625rem;border-top:1px solid rgba(0,0,0,.08)}.demo-webapp-checkout-total span,.demo-webapp-checkout-total strong{font-size:1rem;font-weight:700;color:#0a0a0a!important}.demo-webapp-checkout-continue{width:100%;height:48px;margin-top:1.25rem;justify-content:center;font-size:.9375rem}.demo-webapp-checkout-foot{margin:.875rem 0 0;text-align:center;font-size:.6875rem;color:var(--webapp-muted)}.demo-showcase{flex:1 1 0;min-height:0;width:100%;max-width:1380px;margin:0 auto;align-self:stretch;overflow-y:auto;background:linear-gradient(180deg,#FAFCFF,#EFF5FB);padding:clamp(1.5rem,3vw,2.75rem);display:flex;flex-direction:column;gap:2rem;font-family:Inter,system-ui,sans-serif;border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 24px 60px rgba(0,31,78,.22),0 8px 24px rgba(0,31,78,.1)}.demo-showcase-eyebrow{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,86,164,.1);color:#0056A4;border-radius:999px;margin-bottom:1rem;width:-moz-max-content;width:max-content}.demo-showcase-title{font-size:clamp(1.625rem,2.6vw,2.25rem);font-weight:800;letter-spacing:-.025em;color:#0F172A;line-height:1.1;margin:0 0 .75rem}.demo-showcase-sub{font-size:1rem;line-height:1.6;color:#475569;margin:0 0 1.5rem;max-width:540px}.demo-showcase-feature-list{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.875rem}.demo-showcase-feature-list li{display:flex;gap:.75rem;align-items:flex-start}.demo-showcase-feature-icon{width:28px;height:28px;flex-shrink:0;border-radius:8px;background:rgba(0,86,164,.1);color:#0056A4;display:inline-flex;align-items:center;justify-content:center}.demo-showcase-feature-label{font-size:.9375rem;font-weight:700;color:#0F172A;line-height:1.3}.demo-showcase-feature-body{font-size:.875rem;color:#64748B;line-height:1.5;margin-top:2px}.demo-showcase-cta-row{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.5rem}.demo-showcase-cta{box-shadow:0 6px 16px rgba(0,86,164,.3)}.demo-showcase-cta,.demo-showcase-cta-secondary{padding:.75rem 1.25rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.demo-showcase-foot{display:flex;align-items:center;gap:.625rem;padding:1rem 1.25rem;background:rgba(255,255,255,.7);border:1px solid rgba(0,86,164,.12);border-radius:14px;font-size:.875rem;color:#475569;line-height:1.5}.demo-showcase-foot strong{color:#0056A4;font-weight:700}.demo-showcase-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}@media (max-width:980px){.demo-showcase-hero{grid-template-columns:1fr}}.demo-showcase-hero-art{position:relative;aspect-ratio:4/3;min-height:320px}.demo-showcase-screen{position:absolute;border-radius:16px;overflow:hidden;background:white;box-shadow:0 30px 60px -10px rgba(0,31,78,.3),0 12px 24px -8px rgba(0,31,78,.15);border:1px solid rgba(0,86,164,.1)}.demo-showcase-screen img{width:100%;height:auto;display:block}.demo-showcase-screen-primary{top:0;left:0;width:84%;z-index:2}.demo-showcase-screen-secondary{bottom:0;right:0;width:56%;z-index:1;transform:translateY(8%)}.demo-showcase-screen-chrome{background:linear-gradient(180deg,#F1F5F9,#E2E8F0);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #cbd5e1}.demo-showcase-screen-chrome span{width:9px;height:9px;border-radius:50%;display:inline-block}.demo-showcase-screen-chrome span:first-child{background:#FF5F57}.demo-showcase-screen-chrome span:nth-child(2){background:#FEBC2E}.demo-showcase-screen-chrome span:nth-child(3){background:#28C840}.demo-showcase-screen-url{margin:0 auto;padding:.25rem .875rem;background:rgba(255,255,255,.85);border-radius:999px;font-size:.6875rem;color:#475569;font-weight:500}.demo-showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width:800px){.demo-showcase-row{grid-template-columns:1fr}}.demo-showcase-card{background:white;border:1px solid rgba(0,86,164,.1);border-radius:18px;padding:1.25rem;box-shadow:0 8px 24px rgba(0,31,78,.06)}.demo-showcase-card-art{border-radius:12px;overflow:hidden;margin-bottom:1rem;aspect-ratio:16/10;background:#F1F5F9}.demo-showcase-card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.demo-showcase-card h3{font-size:1rem;font-weight:700;color:#0F172A;margin:0 0 .375rem}.demo-showcase-card p{font-size:.875rem;color:#64748B;line-height:1.5;margin:0}.demo-showcase-mobile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center}@media (max-width:980px){.demo-showcase-mobile-hero{grid-template-columns:1fr}}.demo-showcase-phones{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:clamp(380px,50vh,540px);padding:1rem 0}.demo-showcase-phone{position:relative;width:clamp(160px,20vw,220px);flex-shrink:0}.demo-showcase-phone-left{transform:translateX(28%) translateY(8px) rotate(-8deg);z-index:1}.demo-showcase-phone-center{z-index:3;transform:translateY(-12px) scale(1.06)}.demo-showcase-phone-right{transform:translateX(-28%) translateY(8px) rotate(8deg);z-index:1}.demo-showcase-phone img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,31,78,.3)) drop-shadow(0 12px 18px rgba(0,31,78,.18))}.demo-showcase-store-row{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:.5rem}.demo-showcase-store-row a{display:inline-flex;transition:transform .2s var(--ease)}.demo-showcase-store-row a:hover{transform:translateY(-2px)}.demo-showcase-store-row img{display:block;height:46px;width:auto}.demo-onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(ellipse at top,rgba(0,86,164,.2) 0,transparent 50%),rgba(8,16,32,.55);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:demo-fade .24s var(--ease);font-family:Inter,system-ui,sans-serif}.demo-onboarding-card{background:white;border-radius:22px;width:100%;max-width:580px;max-height:calc(100dvh - 2.5rem);overflow-y:auto;box-shadow:0 30px 80px rgba(0,31,78,.4);padding:1.5rem 1.75rem 1.75rem;animation:demo-modal-up .32s var(--ease);color:#0F172A;display:flex;flex-direction:column}.demo-onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.demo-onboarding-logo{width:40px;height:40px;background:linear-gradient(135deg,#0056A4,#003F78);color:white;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.demo-onboarding-step{font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;margin-right:auto;margin-left:.875rem}.demo-onboarding-skip{background:transparent;border:none;font-size:.8125rem;font-weight:500;color:#64748B;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:3px}.demo-onboarding-skip:hover{color:#0056A4}.demo-onboarding-h2{font-size:1.5rem;font-weight:700;color:#0F172A;margin:0 0 6px;letter-spacing:-.02em}.demo-onboarding-sub{font-size:.9375rem;color:#64748B;margin:0 0 1.25rem;line-height:1.5}.demo-onboarding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width:480px){.demo-onboarding-grid{grid-template-columns:1fr}}.demo-onboarding-tile{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:white;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;color:#1F2937;text-align:left;transition:all .15s var(--ease)}.demo-onboarding-tile:hover{border-color:var(--tile-color);background:rgba(0,86,164,.02)}.demo-onboarding-tile[data-active=true]{border-color:var(--tile-color);background:rgba(0,86,164,.06);color:var(--tile-color)}.demo-onboarding-tile-icon{width:32px;height:32px;border-radius:50%;background:rgba(0,86,164,.08);color:var(--tile-color);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-onboarding-tile[data-active=true] .demo-onboarding-tile-icon{background:var(--tile-color);color:white}.demo-onboarding-form{display:flex;flex-direction:column;gap:.875rem}.demo-onboarding-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f3f4f6;position:sticky;bottom:0;background:white}.demo-onboarding-cta{background:#0056A4!important;color:white!important;padding:.625rem 1.5rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;box-shadow:0 4px 12px rgba(0,86,164,.3)!important;border:none!important;cursor:pointer;min-width:140px;justify-content:center}.demo-onboarding-cta:hover:not(:disabled){background:#003F78!important;box-shadow:0 6px 16px rgba(0,86,164,.4)!important}.demo-onboarding-cta:disabled{background:#94A3B8!important;box-shadow:none!important;cursor:not-allowed;opacity:1!important}.demo-mobile{height:100%;background:#F0F5F9;display:flex;flex-direction:column;font-family:Outfit,Inter,system-ui,sans-serif;--mob-primary:#0056A4;--mob-primary-dark:#1C2A5B;--mob-bg:#F0F5F9;--mob-secondary:#94A3B8;--mob-grey-light:#E3E4E5;position:relative}.demo-mobile-statusbar{flex-shrink:0;height:22px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;font-size:.6875rem;font-weight:600;color:#1C2A5B}.demo-mobile-statusbar-icons{display:inline-flex;gap:4px;font-size:.625rem}.demo-mobile-screen{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--mob-bg);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.demo-mobile-appbar{position:sticky;top:0;z-index:5;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:white;border-bottom:1px solid #ecf1f4}.demo-mobile-appbar button{width:36px;height:36px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.demo-mobile-appbar button:hover{background:var(--mob-bg)}.demo-mobile-greeting{flex:1;text-align:center;min-width:0}.demo-mobile-greeting>div{font-size:1rem;font-weight:600;color:var(--mob-primary-dark);letter-spacing:-.01em}.demo-mobile-feed-filter{font-size:.6875rem;color:var(--mob-secondary)}.demo-mobile-body{flex:1 1 0;min-height:0;overflow-y:auto;padding:.625rem 1rem 1rem;display:flex;flex-direction:column;gap:.625rem}.demo-mobile-section-h3{margin:.625rem 0 0;font-size:.8125rem;font-weight:600;color:var(--mob-primary-dark)}.demo-mobile-prayer-card{border-radius:16px;padding:.875rem .875rem 0}.demo-mobile-prayer-header{text-align:center;margin-bottom:.625rem}.demo-mobile-prayer-label{display:block;font-size:.625rem;font-weight:600;letter-spacing:.05em;color:var(--mob-secondary)}.demo-mobile-prayer-name{display:block;font-size:1.5rem;font-weight:700;color:var(--mob-primary);letter-spacing:-.01em;line-height:1.1;margin:2px 0}.demo-mobile-prayer-time{display:block;font-size:.75rem;font-weight:500;color:var(--mob-secondary)}.demo-mobile-prayer-times{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #ecf1f4;margin:0 -.875rem}.demo-mobile-prayer-time-cell{padding:.5rem 4px;text-align:center;border-right:1px solid #ecf1f4}.demo-mobile-prayer-time-cell:last-child{border-right:none}.demo-mobile-prayer-time-cell[data-active=true]{background:var(--mob-primary);color:white}.demo-mobile-prayer-time-cell span{display:block;font-size:.625rem;font-weight:500;opacity:.85}.demo-mobile-prayer-time-cell[data-active=true] span{color:rgba(255,255,255,.85)}.demo-mobile-prayer-time-cell strong{display:block;font-size:.75rem;font-weight:700;color:var(--mob-primary-dark);margin-top:2px}.demo-mobile-prayer-time-cell[data-active=true] strong{color:white}.demo-mobile-announcement{display:flex;gap:.625rem;background:white;border:1px solid #ecf1f4;border-radius:14px;padding:.875rem}.demo-mobile-announcement-pin{width:32px;height:32px;background:rgba(255,215,0,.16);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.demo-mobile-announcement-title{font-size:.8125rem;font-weight:700;color:var(--mob-primary-dark);margin-bottom:2px}.demo-mobile-announcement p{margin:0;font-size:.75rem;color:var(--mob-secondary);line-height:1.5}.demo-mobile-post{background:white;border:1px solid #ecf1f4;border-radius:14px;padding:.875rem}.demo-mobile-post header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.demo-mobile-post header strong{display:block;font-size:.8125rem;font-weight:700;color:var(--mob-primary-dark)}.demo-mobile-post header span{display:block;font-size:.625rem;color:var(--mob-secondary);margin-top:1px}.demo-mobile-post p{margin:0 0 .5rem;font-size:.8125rem;color:#1F2937;line-height:1.5}.demo-mobile-post-actions{display:flex;gap:.875rem;padding-top:.5rem;border-top:1px solid #ecf1f4}.demo-mobile-post-actions button{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.75rem;font-weight:500;color:var(--mob-secondary);cursor:pointer;font-family:inherit}.demo-mobile-avatar{width:32px;height:32px;border-radius:50%;background:var(--mob-primary);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.demo-mobile-event{width:100%;display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:white;border:1px solid #ecf1f4;border-radius:14px;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-mobile-event:hover{border-color:rgba(0,86,164,.3)}.demo-mobile-event-date{width:38px;flex-shrink:0;background:rgba(0,86,164,.08);color:var(--mob-primary);border-radius:8px;padding:4px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-mobile-event-date span{font-size:.5rem;font-weight:700;letter-spacing:.05em}.demo-mobile-event-date strong{font-size:.875rem;font-weight:700;line-height:1}.demo-mobile-event>div strong{display:block;font-size:.8125rem;font-weight:600;color:var(--mob-primary-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mobile-event-meta{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:var(--mob-secondary);margin-top:1px}.demo-mobile-map{position:relative;height:100%;min-height:500px;overflow:hidden}.demo-mobile-map>svg{display:block;height:100%}.demo-mobile-map-search{top:1rem;gap:8px;height:44px;padding:0 1rem;border-radius:22px;box-shadow:0 6px 18px rgba(0,0,0,.1);font-size:.8125rem;color:var(--mob-secondary);font-weight:500}.demo-mobile-map-card,.demo-mobile-map-search{position:absolute;left:1rem;right:1rem;display:flex;align-items:center;background:white}.demo-mobile-map-card{bottom:1rem;gap:.625rem;padding:.75rem;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.demo-mobile-map-card-image{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:white;flex-shrink:0}.demo-mobile-map-card strong{display:block;font-size:.875rem;font-weight:700;color:var(--mob-primary-dark)}.demo-mobile-map-card p{margin:1px 0 0;font-size:.6875rem;color:var(--mob-secondary)}.demo-mobile-profile-cover{height:110px;background:linear-gradient(135deg,#0056A4,#1C2A5B)}.demo-mobile-profile-row{display:flex;align-items:flex-end;gap:.75rem;padding:0 1rem .75rem;margin-top:-38px;background:white}.demo-mobile-profile-avatar{width:76px;height:76px;border-radius:50%;background:white;border:4px solid white;color:var(--mob-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.1);background:linear-gradient(135deg,#E5EDF5,#F0F5F9)}.demo-mobile-profile-row strong{display:block;font-size:1rem;font-weight:700;color:var(--mob-primary-dark);padding-bottom:14px}.demo-mobile-profile-row span{display:block;font-size:.75rem;color:var(--mob-secondary);margin-top:2px;padding-bottom:14px}.demo-mobile-profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;background:white;border-radius:14px;border:1px solid #ecf1f4;padding:.625rem .5rem}.demo-mobile-profile-stats div{text-align:center}.demo-mobile-profile-stats strong{color:var(--mob-primary)}.demo-mobile-profile-stats span{font-size:.625rem;font-weight:500;color:var(--mob-secondary);margin-top:2px}.demo-mobile-ticket{display:flex;background:white;border:1px solid #ecf1f4;border-radius:14px;overflow:hidden}.demo-mobile-ticket>div:first-child{flex:1;padding:.875rem}.demo-mobile-ticket-tag{display:inline-block;font-size:.5625rem;font-weight:800;letter-spacing:.06em;background:rgba(0,86,164,.1);color:var(--mob-primary);padding:3px 7px;border-radius:4px;margin-bottom:4px}.demo-mobile-ticket strong{display:block;font-size:.8125rem;font-weight:700;color:var(--mob-primary-dark)}.demo-mobile-ticket span{display:block;font-size:.6875rem;color:var(--mob-secondary);margin-top:2px}.demo-mobile-ticket-stub{width:70px;border-left:1.5px dashed #ecf1f4;display:flex;align-items:center;justify-content:center;background:var(--mob-bg);font-size:1.125rem;font-weight:700;color:var(--mob-primary)}.demo-mobile-settings-list{display:flex;flex-direction:column}.demo-mobile-settings-list button{border-bottom:1px solid #f4f7fa;font-size:.8125rem;font-weight:500;color:var(--mob-primary-dark)}.demo-mobile-bottom-nav{flex-shrink:0;height:64px;background:white;border-top:1px solid #ecf1f4;display:flex;padding:4px 0 8px}.demo-mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;cursor:pointer;color:var(--mob-secondary);font-family:inherit}.demo-mobile-bottom-nav button[data-active=true]{color:var(--mob-primary)}.demo-mobile-bottom-nav button span{font-size:.625rem;font-weight:600;margin-top:2px}.demo-mobile-bottom-nav button[data-active=true] span{font-weight:700}.demo-campaign-modal-logo{width:64px;height:64px;border-radius:16px;background:hsl(var(--primary-lighter));color:hsl(var(--primary));display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.demo-campaign-checkrow{display:flex;flex-wrap:wrap;gap:8px}.demo-campaign-check{display:inline-flex;align-items:center;gap:8px;padding:.5rem .75rem .5rem .625rem;background:white;border:1px solid hsl(var(--theme-border));border-radius:10px;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;color:#1F2937;text-align:left;transition:all .15s var(--ease)}.demo-campaign-check:hover{border-color:hsl(var(--primary))}.demo-campaign-check[data-checked=true]{background:hsl(var(--primary-lighter));border-color:hsl(var(--primary));color:hsl(var(--primary))}.demo-campaign-check-box{width:18px;height:18px;border-radius:5px;background:white;border:1.5px solid hsl(var(--theme-border));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:white;transition:all .15s var(--ease)}.demo-campaign-check[data-checked=true] .demo-campaign-check-box{background:hsl(var(--primary));border-color:hsl(var(--primary))}.demo-mobile-appbar-home{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:white;gap:.625rem}.demo-mobile-appbar-home>button{width:38px;height:38px;background:white;border:1px solid #e5e7eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative}.demo-mobile-greet{flex:1;min-width:0}.demo-mobile-greet strong{display:block;font-size:1.0625rem;font-weight:700;color:#1C2A5B;letter-spacing:-.01em}.demo-mobile-feed-filter{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.75rem;font-weight:500;color:#4B5563;font-family:inherit;padding:0;margin-top:1px}.demo-mobile-appbar-actions{display:inline-flex;gap:6px}.demo-mobile-notif-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;background:#EF4444;border:1.5px solid white;border-radius:50%}.demo-mobile-announce-card{background:white;border-radius:14px;border:1px solid #ecf1f4;padding:.875rem}.demo-mobile-announce-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.demo-mobile-announce-card-head strong{font-size:.875rem;font-weight:700;color:#1C2A5B}.demo-mobile-announce-dots{display:inline-flex;gap:4px}.demo-mobile-announce-dot{width:6px;height:6px;border-radius:50%;background:#CBD5E1}.demo-mobile-announce-dot-active{background:#0056A4}.demo-mobile-announce-row{display:flex;align-items:flex-start;gap:.625rem}.demo-mobile-announce-icon{flex-shrink:0}.demo-mobile-announce-row strong{display:block;font-size:.875rem;font-weight:700;color:#1C2A5B;margin-bottom:2px}.demo-mobile-announce-row p{margin:0;font-size:.75rem;color:#475569;line-height:1.45}.demo-mobile-feed-post{background:white;border-radius:14px;border:1px solid #ecf1f4;padding:.875rem}.demo-mobile-feed-post header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.demo-mobile-feed-avatar{width:34px;height:34px;border-radius:50%;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.demo-mobile-feed-post header strong{display:block;font-size:.875rem;font-weight:700;color:#1C2A5B;line-height:1.2}.demo-mobile-feed-post header span{display:block;font-size:.6875rem;color:#94A3B8;margin-top:1px}.demo-mobile-feed-post p{font-size:.875rem;color:#1C2A5B;line-height:1.5;margin:0 0 .625rem}.demo-mobile-feed-image{border-radius:10px;overflow:hidden;margin-bottom:.625rem;height:180px}.demo-mobile-feed-image svg{display:block;height:100%;width:100%}.demo-mobile-feed-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid #ecf1f4}.demo-mobile-feed-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.5rem;background:#F1F5F9;border:none;border-radius:999px;font-size:.75rem;font-weight:600;color:#1C2A5B;cursor:pointer;font-family:inherit}.demo-mobile-feed-actions button:hover{background:#E2E8F0}.demo-mobile-fab{position:absolute;bottom:84px;right:14px;width:48px;height:48px;background:#0056A4;color:white;border:3px solid white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,86,164,.32);z-index:6}.demo-mobile-explore-map{position:relative;height:100%;overflow:hidden}.demo-mobile-explore-map>svg{height:100%;width:100%;display:block}.demo-mobile-explore-search{top:.875rem;align-items:center;gap:8px;height:44px;padding:0 1rem;background:white;border-radius:22px;font-size:.8125rem;font-weight:500;color:#94A3B8;box-shadow:0 6px 18px rgba(0,0,0,.08)}.demo-mobile-explore-chips,.demo-mobile-explore-search{position:absolute;left:.875rem;right:.875rem;display:flex}.demo-mobile-explore-chips{top:4.25rem;gap:6px;overflow-x:auto;scrollbar-width:none}.demo-mobile-explore-chips::-webkit-scrollbar{display:none}.demo-mobile-explore-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:white;border:1px solid #e5e7eb;border-radius:999px;font-size:.6875rem;font-weight:600;color:#4B5563;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.06);transition:all .15s var(--ease)}.demo-mobile-explore-chip[data-active=true]{background:#0056A4;color:white;border-color:#0056A4}.demo-mobile-explore-sheet{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:22px 22px 0 0;padding:.625rem 1rem 1rem;box-shadow:0 -8px 24px rgba(0,0,0,.1)}.demo-mobile-explore-sheet-handle{width:36px;height:4px;background:#CBD5E1;border-radius:2px;margin:0 auto .625rem}.demo-mobile-explore-sheet-title{text-align:center;font-size:.875rem;font-weight:700;color:#1C2A5B;margin-bottom:.625rem}.demo-mobile-explore-sheet-filters{display:flex;gap:6px;margin-bottom:.75rem}.demo-mobile-explore-sheet-filters button{display:inline-flex;align-items:center;gap:4px;flex:1;justify-content:center;padding:7px 10px;background:white;border:1px solid #e5e7eb;border-radius:999px;font-size:.6875rem;font-weight:600;color:#4B5563;cursor:pointer;font-family:inherit}.demo-mobile-explore-sheet-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .5rem;background:linear-gradient(135deg,#E5EDF5,#F1F5F9);border-radius:14px}.demo-mobile-explore-sheet-card strong{display:block;font-size:.8125rem;font-weight:700;color:#1C2A5B}.demo-mobile-explore-sheet-card span{display:block;font-size:.6875rem;color:#64748B;margin-top:1px}.demo-mobile-profile-actions-bar{position:absolute;top:50px;right:14px;display:inline-flex;gap:6px;z-index:3}.demo-mobile-profile-actions-bar button{width:32px;height:32px;background:white;border:1px solid #e5e7eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mobile-profile-main{flex:1 1 0;overflow-y:auto;margin-top:-50px;padding:0 1rem 1rem;position:relative;z-index:1}.demo-mobile-profile-id-row{display:flex;align-items:center;gap:.875rem;margin-bottom:.875rem}.demo-mobile-profile-photo{position:relative;width:78px;height:78px;flex-shrink:0}.demo-mobile-profile-photo>span{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,#94A3B8,#475569);color:white;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:4px solid white}.demo-mobile-profile-qr{position:absolute;bottom:0;right:-2px;width:24px;height:24px;background:white;border:2px solid white;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.demo-mobile-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;flex:1;text-align:center}.demo-mobile-profile-stats strong{display:block;font-size:1.125rem;font-weight:700;color:#1C2A5B}.demo-mobile-profile-stats span{display:block;font-size:.6875rem;color:#64748B;margin-top:1px}.demo-mobile-profile-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.demo-mobile-profile-name-row h1{font-size:1.0625rem;font-weight:700;color:#1C2A5B;margin:0;letter-spacing:-.01em}.demo-mobile-profile-tag{font-size:.625rem;font-weight:600;background:#DBEAFE;color:#1E40AF;padding:2px 8px;border-radius:999px}.demo-mobile-profile-role{font-size:.8125rem;font-weight:600;color:#1C2A5B;margin:0 0 .5rem}.demo-mobile-profile-bio{font-size:.75rem;color:#475569;line-height:1.55;margin:0 0 1rem}.demo-mobile-profile-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:.875rem;scrollbar-width:none}.demo-mobile-profile-tabs::-webkit-scrollbar{display:none}.demo-mobile-profile-tabs button{padding:7px 14px;background:white;border:1px solid #e5e7eb;border-radius:999px;font-size:.6875rem;font-weight:600;color:#475569;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}.demo-mobile-profile-tabs button[data-active=true]{background:#DBEAFE;color:#0056A4;border-color:#DBEAFE}.demo-mobile-profile-card{background:white;border-radius:14px;border:1px solid #ecf1f4;padding:.875rem;margin-bottom:.75rem}.demo-mobile-profile-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.demo-mobile-profile-card-head strong{font-size:.875rem;font-weight:700;color:#1C2A5B}.demo-mobile-profile-card-head a{font-size:.75rem;font-weight:600;color:#0056A4;text-decoration:none}.demo-mobile-profile-card-head button{width:26px;height:26px;background:transparent;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.demo-mobile-profile-hc-row{display:flex;align-items:center;gap:.625rem}.demo-mobile-profile-hc-logo{flex-shrink:0}.demo-mobile-profile-hc-row strong{display:block;font-size:.8125rem;font-weight:700;color:#1C2A5B}.demo-mobile-profile-hc-row span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#64748B;margin-top:2px}.demo-mobile-profile-achievements{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.demo-mobile-profile-achievement{display:flex;flex-direction:column;align-items:center;padding:.625rem;background:#F8FAFC;border-radius:10px;border:1px solid #ecf1f4}.demo-mobile-profile-achievement span{font-size:.6875rem;font-weight:600;color:#1C2A5B;margin-top:6px;text-align:center}.demo-mobile-drawer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);z-index:50;animation:demo-fade .2s var(--ease)}.demo-mobile-drawer{position:absolute;top:0;left:0;bottom:0;width:78%;background:white;display:flex;flex-direction:column;box-shadow:4px 0 30px rgba(0,0,0,.3);animation:demo-drawer-in .28s var(--ease)}@keyframes demo-drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.demo-mobile-drawer-head{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1rem 1rem;background:linear-gradient(135deg,#0056A4,#003F78);color:white}.demo-mobile-drawer-avatar{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.demo-mobile-drawer-head strong{display:block;font-size:.875rem;font-weight:700}.demo-mobile-drawer-head span{display:block;font-size:.6875rem;opacity:.85;margin-top:1px}.demo-mobile-drawer-head>button{width:28px;height:28px;background:rgba(255,255,255,.14);border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mobile-drawer-nav{flex:1 1 0;overflow-y:auto;padding:.5rem}.demo-mobile-drawer-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .875rem;background:transparent;border:none;border-radius:10px;color:#1C2A5B;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s var(--ease)}.demo-mobile-drawer-link:hover{background:#F1F5F9}.demo-mobile-drawer-link>span:first-child{color:#0056A4}.demo-mobile-drawer-link strong{flex:1;font-size:.875rem;font-weight:600}.demo-mobile-drawer-link[data-danger=true],.demo-mobile-drawer-link[data-danger=true]>span:first-child{color:#DC2626}.demo-mobile-drawer-sep{height:1px;background:#E5E7EB;margin:.625rem .5rem}.demo-mobile-drawer-foot{flex-shrink:0;padding:.75rem 1rem;border-top:1px solid #e5e7eb;text-align:center;font-size:.6875rem;color:#94A3B8}.demo-mobile-secondary-bar{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:white;border-bottom:1px solid #ecf1f4}.demo-mobile-secondary-bar>button{width:32px;height:32px;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.demo-mobile-secondary-bar>button:hover{background:#F1F5F9}.demo-mobile-secondary-title{flex:1;min-width:0}.demo-mobile-secondary-title strong{display:block;font-size:1rem;font-weight:700;color:#1C2A5B;line-height:1.1}.demo-mobile-secondary-title span{display:block;font-size:.6875rem;color:#94A3B8;margin-top:1px}.demo-mobile-segctl{display:inline-flex;background:#E5EDF5;border-radius:999px;padding:4px;align-self:stretch;margin-bottom:.625rem}.demo-mobile-segctl button{flex:1;padding:.5rem .875rem;background:transparent;border:none;border-radius:999px;font-size:.75rem;font-weight:600;color:#64748B;cursor:pointer;font-family:inherit;transition:all .2s var(--ease)}.demo-mobile-segctl button[data-active=true]{background:#0056A4;color:white}.demo-mobile-prayer-card{background:white;border:1px solid #ecf1f4;border-radius:14px;overflow:hidden}.demo-mobile-prayer-card>header{padding:.75rem .875rem .625rem;border-bottom:1px solid #f3f4f6}.demo-mobile-prayer-card>header strong{font-size:.8125rem;font-weight:700;color:#1C2A5B}.demo-mobile-prayer-date{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.demo-mobile-prayer-date button{width:26px;height:26px;background:#F1F5F9;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748B}.demo-mobile-prayer-date span{text-align:center}.demo-mobile-prayer-date strong{display:block;font-size:.8125rem;font-weight:700;color:#0056A4}.demo-mobile-prayer-date em{display:block;font-size:.625rem;color:#94A3B8;font-style:normal;margin-top:1px}.demo-mobile-prayer-rows{padding:.5rem}.demo-mobile-prayer-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;background:#F8FAFC;border-radius:8px;margin-bottom:4px}.demo-mobile-prayer-row:last-child{margin-bottom:0}.demo-mobile-prayer-row[data-active=true]{background:#0056A4;color:white}.demo-mobile-prayer-row-name{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:inherit}.demo-mobile-prayer-row[data-active=true] .demo-mobile-prayer-row-name{color:white}.demo-mobile-prayer-row-icon{width:22px;height:22px;border-radius:50%;background:rgba(0,86,164,.1);display:inline-flex;align-items:center;justify-content:center}.demo-mobile-prayer-row[data-active=true] .demo-mobile-prayer-row-icon{background:rgba(255,255,255,.18)}.demo-mobile-prayer-row-time{font-size:.8125rem;font-weight:700;color:inherit;font-variant-numeric:tabular-nums}.demo-mobile-prayer-row-time-iqama{background:rgba(0,86,164,.08);color:#0056A4;padding:3px 8px;border-radius:6px}.demo-mobile-prayer-row-iqama{display:grid;grid-template-columns:1fr auto auto;gap:8px}.demo-mobile-prayer-rows-iqama{padding:.5rem .5rem .625rem}.demo-mobile-prayer-search{display:flex;align-items:center;gap:8px;padding:.5rem .875rem;background:white;border:1px solid #ecf1f4;border-radius:999px;margin-bottom:.625rem}.demo-mobile-prayer-search input{flex:1;border:none;outline:none;background:transparent;font-size:.8125rem;font-family:inherit}.demo-mobile-cmty-card{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:white;border:1px solid #ecf1f4;border-radius:14px}.demo-mobile-cmty-card-logo{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mobile-cmty-card strong{display:block;font-size:.8125rem;font-weight:700;color:#1C2A5B}.demo-mobile-cmty-card span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#64748B;margin-top:2px}.demo-mobile-cmty-card-kind{margin-left:4px;padding:2px 7px;background:#DBEAFE;color:#1E40AF;border-radius:999px;font-weight:600;font-size:.625rem}.demo-mobile-cmty-card-cta{padding:6px 12px;background:#0056A4;color:white;border:none;border-radius:999px;font-size:.6875rem;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}.demo-mobile-cmty-card-cta-outline{background:white;color:#0056A4;border:1px solid #0056a4}.demo-mobile-settings-list{background:white;border:1px solid #ecf1f4;border-radius:14px;overflow:hidden}.demo-mobile-settings-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:white;border:none;border-bottom:1px solid #f3f4f6;font-family:inherit;font-size:.875rem;color:#1C2A5B;cursor:pointer;text-align:left}.demo-mobile-settings-list button:last-child{border-bottom:none}.demo-mobile-settings-list button[data-danger=true]{color:#DC2626}.demo-mobile-ticket-card{background:white;border:1px solid #ecf1f4;border-radius:14px;padding:.875rem}.demo-mobile-ticket-card .demo-mobile-ticket-tag{display:inline-block;font-size:.5625rem;font-weight:800;letter-spacing:.06em;background:rgba(0,86,164,.1);color:#0056A4;padding:3px 7px;border-radius:4px;margin-bottom:6px}.demo-mobile-ticket-card strong{display:block;font-size:.875rem;font-weight:700;color:#1C2A5B}.demo-mobile-ticket-card>span{display:block;font-size:.6875rem;color:#64748B;margin-top:2px}.demo-mobile-ticket-stub-row{display:flex;align-items:center;gap:.625rem;margin-top:.75rem;padding-top:.625rem;border-top:1px dashed #e5e7eb}.demo-mobile-ticket-qr{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mobile-ticket-stub-row span{font-size:.6875rem;color:#94A3B8}.demo-mobile-explore-menubtn{position:absolute;top:.875rem;left:.875rem;width:36px;height:36px;background:white;border:1px solid #e5e7eb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.08)}.demo-mobile-profile-pcover{position:relative;height:150px;overflow:hidden;flex-shrink:0}.demo-mobile-profile-pcover svg{display:block;height:100%;width:100%}.demo-mobile-profile-menu{position:absolute;top:14px;left:14px;width:32px;height:32px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.demo-mobile-profile-empty{color:#94A3B8;text-align:center;padding:2rem 1rem;font-size:.8125rem}.demo-mobile-bnav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.5rem 1rem .875rem;background:white;border-top:1px solid #ecf1f4}.demo-mobile-bnav button{flex:1;height:40px;background:white;border:1px solid #ecf1f4;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;color:#94A3B8;transition:all .2s var(--ease)}.demo-mobile-bnav button[data-active=true]{background:#0056A4;border-color:#0056A4;color:white;flex:1.4}@media (max-width:1024px){.demo-stage-content{padding:.75rem}.demo-frame{border-radius:12px}}@media (max-width:768px){.demo-stage-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem .75rem;gap:.5rem}.demo-stage-topbar>.demo-chip-bar{order:3;width:100%;max-width:100%;justify-content:safe center;overflow-x:auto;scrollbar-width:none}.demo-stage-topbar>.demo-chip-bar::-webkit-scrollbar{display:none}.demo-stage-actions{gap:.25rem}.demo-chip{padding:.375rem .625rem;font-size:.75rem}.demo-chip-soon{display:none}.demo-stage-actions a,.demo-stage-actions button{padding:.375rem .625rem;font-size:.75rem}.demo-frame-url{font-size:.6875rem;max-width:none}.demo-sidebar{width:100%;height:auto;border-right:none;border-top:2px solid hsl(var(--theme-border));flex-direction:row;position:sticky;bottom:0;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.demo-sidebar-footer,.demo-sidebar-header{display:none}.demo-sidebar-content{padding:0}.demo-sidebar-menu{display:flex;overflow-x:auto;padding:.375rem .5rem;gap:4px}.demo-sidebar-link{flex-direction:column;gap:2px;padding:.375rem .5rem;font-size:.6875rem;min-width:80px;flex-shrink:0}.demo-sidebar-soon{display:none}.demo-content{padding:.875rem}}@media (max-width:480px){.demo-stage-back-label{display:none}.demo-stage-back{padding:.375rem .5rem}}@media (prefers-reduced-motion:reduce){.demo-shell *,.demo-shell :after,.demo-shell :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.demo-analytics-page{display:flex;flex-direction:column;gap:1rem;font-family:Inter,system-ui,sans-serif}.demo-analytics-tab-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:white;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.625rem .875rem}.demo-analytics-tabs{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demo-analytics-tab-pill{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:999px;background:hsl(var(--surface));color:hsl(var(--muted));cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-analytics-tab-pill:hover{background:hsl(var(--gray-light))}.demo-analytics-tab-pill[data-active=true]{background:hsl(var(--primary));color:white;box-shadow:0 2px 6px rgba(0,86,164,.22)}.demo-analytics-ai{background:linear-gradient(135deg,rgba(0,86,164,.04),rgba(124,58,237,.04));border:1px solid rgba(0,86,164,.16);border-radius:14px;padding:.875rem 1rem}.demo-analytics-ai-head{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0056A4;margin-bottom:.625rem}.demo-analytics-ai-list{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media (max-width:800px){.demo-analytics-ai-list{grid-template-columns:1fr}}.demo-analytics-ai-item{display:flex;gap:.625rem;background:white;padding:.75rem .875rem;border-radius:10px;border:1px solid rgba(0,86,164,.1);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.demo-analytics-ai-item:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,31,78,.1)}.demo-analytics-ai-icon{width:26px;height:26px;background:rgba(245,158,11,.12);color:#D97706;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-analytics-ai-content{flex:1;min-width:0}.demo-analytics-ai-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:2px}.demo-analytics-ai-content h4{font-size:.8125rem;font-weight:700;color:#0F172A;margin:0;line-height:1.35}.demo-analytics-ai-content p{font-size:.75rem;color:#475569;margin:0;line-height:1.5}.demo-analytics-ai-impact{font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.demo-analytics-ai-impact[data-impact=High]{background:rgba(220,38,38,.1);color:#B91C1C}.demo-analytics-ai-impact[data-impact=Medium]{background:rgba(245,158,11,.12);color:#B45309}.demo-analytics-ai-impact[data-impact=Insight]{background:rgba(0,86,164,.1);color:#0056A4}.demo-analytics-pane{animation:demo-fade-up .45s var(--ease)}.demo-analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.875rem}@media (max-width:1100px){.demo-analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.demo-analytics-grid{grid-template-columns:1fr}}.demo-analytics-span1{grid-column:span 1}.demo-analytics-span2{grid-column:span 2}.demo-analytics-span3{grid-column:span 3}.demo-analytics-span4{grid-column:1/-1}@media (max-width:1100px){.demo-analytics-span2,.demo-analytics-span3,.demo-analytics-span4{grid-column:1/-1}}.demo-analytics-section-head{font-size:.875rem;font-weight:700;color:#0F172A;margin:1rem 0 0}@keyframes demo-analytics-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-analytics-kpi{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.125rem 1.125rem;display:flex;flex-direction:column;gap:.25rem;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);animation:demo-analytics-pop .5s var(--ease)}.demo-analytics-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,31,78,.1);border-color:rgba(0,86,164,.2)}.demo-analytics-kpi-top{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.5rem}.demo-analytics-kpi-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-analytics-kpi-label{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:#475569;flex:1;line-height:1.3}.demo-analytics-kpi-value{font-size:1.875rem;font-weight:800;color:#0F172A;letter-spacing:-.025em;line-height:1}.demo-analytics-kpi-value span{font-size:.875rem;color:#64748B;font-weight:600;margin-left:4px}.demo-analytics-kpi-sub{font-size:.75rem;color:#64748B;margin-top:2px}.demo-analytics-kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:700;margin-top:.375rem}.demo-analytics-kpi-delta[data-trend=up]{color:#10884B}.demo-analytics-kpi-delta[data-trend=down]{color:#DC2626}.demo-analytics-kpi[data-tone=blue] .demo-analytics-kpi-icon{background:rgba(0,86,164,.12);color:#0056A4}.demo-analytics-kpi[data-tone=green] .demo-analytics-kpi-icon{background:rgba(16,136,75,.12);color:#10884B}.demo-analytics-kpi[data-tone=purple] .demo-analytics-kpi-icon{background:rgba(124,58,237,.12);color:#7C3AED}.demo-analytics-kpi[data-tone=amber] .demo-analytics-kpi-icon{background:rgba(245,158,11,.14);color:#B45309}.demo-analytics-kpi[data-tone=indigo] .demo-analytics-kpi-icon{background:rgba(79,70,229,.12);color:#4F46E5}.demo-analytics-help{color:#CBD5E1;cursor:help;flex-shrink:0}.demo-analytics-insight-icon{color:#F59E0B;flex-shrink:0}.demo-analytics-card{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.125rem 1.125rem;display:flex;flex-direction:column;min-width:0;transition:box-shadow .22s var(--ease),border-color .22s var(--ease);animation:demo-analytics-pop .5s var(--ease)}.demo-analytics-card:hover{box-shadow:0 12px 28px rgba(0,31,78,.08);border-color:rgba(0,86,164,.16)}.demo-analytics-card-head{margin-bottom:.875rem}.demo-analytics-card-head h3{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:700;color:#0F172A;margin:0 0 .25rem;letter-spacing:-.01em}.demo-analytics-card-head h3 svg:first-child{color:#0056A4}.demo-analytics-card-head p{font-size:.75rem;color:#64748B;margin:0;line-height:1.4}.demo-analytics-card-body{flex:1}.demo-analytics-line{display:flex;flex-direction:column;gap:.375rem}.demo-analytics-line-svg{width:100%;height:220px;display:block}.demo-analytics-line-x{display:flex;justify-content:space-between;font-size:.6875rem;color:#64748B;padding:0 2.25rem}.demo-analytics-line-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#475569;margin-top:.5rem}.demo-analytics-line-legend strong{color:#0F172A;margin-left:4px;font-weight:700}.demo-analytics-line-legend .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.demo-analytics-pie{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.demo-analytics-pie-svg{width:200px;height:200px;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,31,78,.1))}.demo-analytics-pie-svg path{transition:transform .2s var(--ease);transform-origin:center;cursor:pointer}.demo-analytics-pie-svg path:hover{transform:scale(1.04)}.demo-analytics-pie-legend{display:flex;flex-direction:column;gap:.375rem}.demo-analytics-pie-legend-row{font-size:.875rem;display:flex;align-items:center;gap:.5rem}.demo-analytics-pie-legend-row .dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.demo-analytics-pillar-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem 1.5rem}@media (max-width:700px){.demo-analytics-pillar-list{grid-template-columns:1fr}}.demo-analytics-pillar-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:.625rem}.demo-analytics-pillar-label{font-size:.8125rem;font-weight:600;color:#0F172A}.demo-analytics-pillar-rail{background:#F1F5F9;border-radius:999px;height:8px;overflow:hidden}.demo-analytics-pillar-fill{background:linear-gradient(90deg,#0056A4,#1A6FCC);height:100%;border-radius:999px;transition:width .6s var(--ease)}.demo-analytics-pillar-val{font-size:.75rem;font-weight:700;color:#0F172A;text-align:right}.demo-analytics-pillar-val span{color:#94A3B8;font-weight:500}.demo-analytics-dualbars{display:flex;flex-direction:column;gap:.5rem}.demo-analytics-dualbars-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:.5rem;align-items:end;height:200px;padding:.25rem 0}.demo-analytics-dualbars-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%}.demo-analytics-dualbars-pair{display:flex;align-items:flex-end;gap:3px;width:100%;flex:1;min-height:0;justify-content:center}.demo-analytics-dualbars-bar{width:36%;max-width:28px;border-radius:4px 4px 0 0;min-height:2px;transition:height .6s var(--ease)}.demo-analytics-dualbars-label{font-size:.6875rem;color:#64748B;text-align:center;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.demo-analytics-segments{display:flex;flex-direction:column;gap:.625rem}.demo-analytics-segment-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;margin-bottom:4px}.demo-analytics-segment-row span{display:inline-flex;align-items:center;gap:4px;color:#0F172A;font-weight:500}.demo-analytics-segment-row strong{color:#475569;font-weight:700}.demo-analytics-segment-rail{background:#F1F5F9;border-radius:999px;height:10px;overflow:hidden}.demo-analytics-segment-fill{height:100%;border-radius:999px;transition:width .6s var(--ease)}.demo-analytics-callout{display:flex;align-items:center;gap:.875rem;background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(124,58,237,.02));border:1.5px solid rgba(124,58,237,.2);border-radius:14px;padding:1rem 1.125rem}.demo-analytics-callout-icon{width:36px;height:36px;background:#7C3AED;color:white;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-analytics-callout-body{flex:1;min-width:0}.demo-analytics-callout-title{display:inline-flex;align-items:center;gap:4px;font-size:.9375rem;font-weight:700;color:#0F172A}.demo-analytics-callout-sub{font-size:.8125rem;color:#475569;margin-top:2px}.demo-analytics-callout-cta{background:#0F172A;color:white;border:none;border-radius:8px;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:transform .15s var(--ease),background .15s var(--ease)}.demo-analytics-callout-cta:hover{background:#1E293B;transform:translateY(-1px)}.demo-analytics-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.demo-analytics-lb li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#F8FAFC;border-radius:10px;border:1px solid #e2e8f0}.demo-analytics-lb .rank{font-size:.75rem;font-weight:700;color:white;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.demo-analytics-lb .rank[data-tier=gold]{background:#F59E0B}.demo-analytics-lb .rank[data-tier=silver]{background:#94A3B8}.demo-analytics-lb .rank[data-tier=bronze]{background:#B45309}.demo-analytics-lb .rank[data-tier=plain]{background:#94A3B8}.demo-analytics-lb .name{display:flex;flex-direction:column;min-width:0}.demo-analytics-lb .name strong{font-size:.875rem;color:#0F172A;font-weight:700}.demo-analytics-lb .name em{font-size:.75rem;color:#64748B;font-style:normal}.demo-analytics-lb .score{display:flex;flex-direction:column;align-items:flex-end}.demo-analytics-lb .score strong{font-size:1.125rem;font-weight:800;color:#0F172A}.demo-analytics-lb .score em{font-size:.625rem;color:#94A3B8;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.demo-analytics-keywords{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.demo-analytics-keywords li{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#F8FAFC;border-radius:8px;font-size:.8125rem}.demo-analytics-keywords .hash{color:#0056A4;display:inline-flex}.demo-analytics-keywords .lab{color:#0F172A;font-weight:600}.demo-analytics-keywords .count{color:#64748B;font-size:.75rem}.demo-analytics-keywords .trend-up{color:#10884B}.demo-analytics-keywords .trend-down{color:#DC2626}.demo-analytics-keywords .trend-flat{color:#94A3B8}.demo-analytics-campaigns{display:flex;flex-direction:column;gap:.875rem}.demo-analytics-campaign-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:.8125rem}.demo-analytics-campaign-row span{color:#475569;font-weight:500}.demo-analytics-campaign-row strong{color:#0F172A;font-weight:700}.demo-analytics-campaign-row strong span{color:#94A3B8;font-weight:500;font-size:.75rem;margin-left:4px}.demo-analytics-campaign-rail{background:#F1F5F9;border-radius:999px;height:8px;overflow:hidden}.demo-analytics-campaign-fill{background:linear-gradient(90deg,#10884B,#34D399);height:100%;border-radius:999px;transition:width .6s var(--ease)}.demo-analytics-cohort table{width:100%;border-collapse:separate;border-spacing:2px;font-size:.75rem}.demo-analytics-cohort th{background:transparent;color:#64748B;font-weight:600;padding:4px;text-align:center}.demo-analytics-cohort td{padding:8px 4px;text-align:center;border-radius:4px;font-weight:600;min-width:40px}.demo-analytics-cohort tbody td:first-child{background:transparent;color:#475569;text-align:left;font-weight:500}.demo-analytics-pagelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.demo-analytics-pagelist li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px}.demo-analytics-pagelist .rank{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:800;color:white}.demo-analytics-pagelist .name{font-weight:600;color:#0F172A}.demo-analytics-pagelist .visits{display:flex;flex-direction:column;align-items:flex-end}.demo-analytics-pagelist .visits strong{font-size:1rem;font-weight:800;color:#0F172A}.demo-analytics-pagelist .visits em{font-size:.625rem;color:#94A3B8;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.demo-analytics-planning{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}@media (max-width:700px){.demo-analytics-planning{grid-template-columns:repeat(2,1fr)}}.demo-analytics-planning-tile{background:white;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem .875rem;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-analytics-planning-tile:hover{border-color:#0056A4;background:rgba(0,86,164,.04);transform:translateY(-1px)}.demo-analytics-planning-month{font-size:.875rem;font-weight:700;color:#0F172A}.demo-analytics-planning-hijri{font-size:.75rem;color:#64748B;margin-bottom:4px}.demo-analytics-planning-link{font-size:.75rem;font-weight:600;color:#0056A4}.demo-analytics-trending{display:flex;flex-direction:column;gap:.5rem}.demo-analytics-trending-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;background:white;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s var(--ease),transform .15s var(--ease)}.demo-analytics-trending-row:hover{border-color:rgba(0,86,164,.3);transform:translateY(-1px)}.demo-analytics-trending-name{font-size:.875rem;font-weight:700;color:#0F172A}.demo-analytics-trending-region{font-size:.75rem;color:#64748B;margin-top:2px}.demo-analytics-trending-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.demo-analytics-trending-delta{display:inline-flex;align-items:center;gap:4px;background:rgba(16,136,75,.12);color:#10884B;padding:2px 6px;border-radius:4px;font-size:.6875rem;font-weight:700}.demo-analytics-trending-hits{font-size:.6875rem;color:#94A3B8}.demo-analytics-bench-hero{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.demo-analytics-bench-hero h2{font-size:1.25rem;font-weight:800;color:#0F172A;letter-spacing:-.02em;margin:0}.demo-analytics-bench-hero p{font-size:.875rem;color:#64748B;margin:4px 0 0}.demo-analytics-bench-rank{display:inline-flex;align-items:center;gap:.875rem;background:linear-gradient(135deg,#7C3AED,#4F46E5);color:white;border-radius:12px;padding:.875rem 1.25rem;box-shadow:0 8px 18px rgba(124,58,237,.3)}.demo-analytics-bench-rank-icon{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-analytics-bench-rank-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.demo-analytics-bench-rank-value{font-size:1.875rem;font-weight:800;line-height:1;letter-spacing:-.025em}.demo-analytics-bench-rank-value span{font-size:.875rem;font-weight:600;opacity:.8}.demo-analytics-bench-rank-sub{font-size:.6875rem;opacity:.85;margin-top:2px}.demo-analytics-bench-table{width:100%;border-collapse:collapse;font-size:.875rem}.demo-analytics-bench-table th{text-align:left;padding:.625rem .875rem;background:#F8FAFC;font-size:.6875rem;font-weight:700;color:#64748B;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.demo-analytics-bench-table td{padding:.75rem .875rem;border-bottom:1px solid #f1f5f9;color:#0F172A}.demo-analytics-bench-table .you{color:#0056A4;font-weight:700}.demo-analytics-bench-table .top{color:#10884B;font-weight:700}.demo-analytics-bench-table .trend{display:inline-flex;align-items:center;gap:4px;font-weight:700}.demo-analytics-bench-table .trend[data-better=true]{color:#10884B}.demo-analytics-bench-table .trend[data-better=false]{color:#DC2626}.demo-analytics-peers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.demo-analytics-peers li{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px}.demo-analytics-peers li[data-you=true]{background:rgba(0,86,164,.06);border-color:rgba(0,86,164,.3)}.demo-analytics-peers .rank{font-size:.75rem;font-weight:800;color:#0056A4;background:white;width:36px;padding:4px 6px;border-radius:6px;text-align:center;flex-shrink:0}.demo-analytics-peers .info{display:flex;flex-direction:column;min-width:0}.demo-analytics-peers .info strong{font-size:.875rem;color:#0F172A;font-weight:700}.demo-analytics-peers .info em{font-size:.75rem;color:#64748B;font-style:normal}.demo-analytics-percentiles{display:flex;flex-direction:column;gap:.875rem}.demo-analytics-percentile-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem;margin-bottom:6px}.demo-analytics-percentile-row span{color:#475569}.demo-analytics-percentile-row strong{font-weight:800}.demo-analytics-percentile-row strong[data-better=true]{color:#10884B}.demo-analytics-percentile-row strong[data-better=false]{color:#DC2626}.demo-analytics-percentile-rail{position:relative;background:linear-gradient(90deg,#FEE2E2,#FEF3C7 50%,#DCFCE7);height:8px;border-radius:999px}.demo-analytics-percentile-marker{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;border:2.5px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2);transform:translateX(-50%);transition:left .6s var(--ease)}.demo-analytics-percentile-median{position:absolute;top:0;left:50%;width:1.5px;height:100%;background:#475569;transform:translateX(-50%)}.demo-create-event-modal{background:white;width:100%;max-width:720px;max-height:calc(100dvh - 2rem);border-radius:22px;box-shadow:0 30px 80px rgba(0,31,78,.3);display:flex;flex-direction:column;overflow:hidden;animation:demo-modal-up .28s var(--ease);font-family:Inter,system-ui,sans-serif}.demo-modal-backdrop-stacked{z-index:10000!important}.demo-create-head{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.demo-create-head-mark{width:38px;height:38px;border-radius:10px;background:hsl(var(--primary));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.demo-create-head-mark img{width:36px;height:36px;border-radius:8px}.demo-create-head-text{flex:1;min-width:0}.demo-create-head-text h2{font-size:1.125rem;font-weight:700;color:#0F172A;margin:0;line-height:1.2;letter-spacing:-.015em}.demo-create-head-text p{font-size:.8125rem;color:#64748B;margin:2px 0 0}.demo-create-close{width:36px;height:36px;border:1px solid #e2e8f0;background:white;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;flex-shrink:0;transition:all .15s var(--ease)}.demo-create-close:hover{background:#F8FAFC;border-color:#CBD5E1}.demo-create-stepper{display:flex;align-items:center;padding:1rem 1.5rem .5rem;flex-shrink:0}.demo-create-step-dot{width:16px;height:16px;border-radius:50%;background:white;border:2px solid #cbd5e1;flex-shrink:0;transition:all .2s var(--ease)}.demo-create-step-dot[data-state=active]{border-color:#0056A4;background:#0056A4;box-shadow:0 0 0 4px rgba(0,86,164,.18)}.demo-create-step-dot[data-state=done]{border-color:#0056A4;background:#0056A4}.demo-create-step-line{flex:1;height:2px;background:#E2E8F0;transition:background .2s var(--ease)}.demo-create-step-line[data-state=done]{background:#0056A4}.demo-create-body{padding:1.25rem 1.75rem 1.5rem;overflow-y:auto;flex:1;min-height:0}.demo-create-addons,.demo-create-body,.demo-create-details,.demo-create-payments{display:flex;flex-direction:column;gap:1.125rem}.demo-create-foot{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem 1rem;border-top:1px solid #f1f5f9;flex-shrink:0;gap:.75rem}.demo-create-back{background:white;border:1.5px solid #e2e8f0;border-radius:999px;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s var(--ease);min-width:110px}.demo-create-back:hover{background:#F8FAFC;border-color:#CBD5E1}.demo-create-next{background:#0056A4;border:none;border-radius:999px;padding:.625rem 1.75rem;font-family:inherit;font-size:.875rem;font-weight:600;color:white;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;box-shadow:0 4px 12px rgba(0,86,164,.3);transition:all .15s var(--ease);min-width:110px;justify-content:center}.demo-create-next:hover:not(:disabled){background:#003F78;box-shadow:0 6px 16px rgba(0,86,164,.4)}.demo-create-next:disabled{background:#94A3B8;box-shadow:none;cursor:not-allowed}.demo-create-field{display:flex;flex-direction:column;gap:6px}.demo-create-label{font-size:.875rem;font-weight:700;color:#0F172A;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:4px}.demo-create-required{color:#DC2626;font-weight:700}.demo-create-input{width:100%;padding:.75rem .875rem;font-size:.875rem;border:1.5px solid #e2e8f0;border-radius:10px;background:white;outline:none;font-family:inherit;color:#0F172A;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.demo-create-input::-moz-placeholder{color:#94A3B8}.demo-create-input::placeholder{color:#94A3B8}.demo-create-input:hover{border-color:#CBD5E1}.demo-create-input:focus{border-color:#0056A4;box-shadow:0 0 0 3px rgba(0,86,164,.16)}.demo-create-textarea{resize:vertical;min-height:110px}select.demo-create-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem}.demo-create-input-with-icon{position:relative;display:flex;align-items:center}.demo-create-input-with-icon svg{position:absolute;left:.875rem;color:#94A3B8;pointer-events:none}.demo-create-input-with-icon .demo-create-input{padding-left:2.5rem}.demo-create-input-prefix{position:relative;display:flex;align-items:center}.demo-create-input-prefix>span{position:absolute;left:.875rem;font-weight:700;color:#475569;pointer-events:none}.demo-create-input-prefix .demo-create-input{padding-left:2rem}.demo-create-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-create-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width:600px){.demo-create-grid-2,.demo-create-grid-3{grid-template-columns:1fr}}.demo-create-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #94a3b8;border-radius:14px;padding:1.5rem;background:#F8FAFC;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease);min-height:180px}.demo-create-cover:hover{border-color:#0056A4;background:rgba(0,86,164,.04)}.demo-create-cover img{max-width:100%;max-height:220px;border-radius:8px;display:block}.demo-create-cover-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.demo-create-cover-icon{width:48px;height:48px;background:white;border:1.5px solid #e2e8f0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#64748B}.demo-create-cover-text{font-size:.9375rem;font-weight:600;color:#475569}.demo-create-cover-hint{font-size:.75rem;color:#94A3B8}.demo-create-radio-row{display:flex;gap:2rem;padding:.25rem 0}.demo-create-radio{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;color:#0F172A;cursor:pointer;padding:.25rem 0}.demo-create-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;position:relative;flex-shrink:0;transition:all .15s var(--ease)}.demo-create-radio-dot[data-active=true]{border-color:#10884B}.demo-create-radio-dot[data-active=true]:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#10884B}.demo-create-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .875rem;border:1px solid #e2e8f0;border-radius:10px;background:#FAFBFC}.demo-create-toggle-label{font-size:.875rem;font-weight:600;color:#0F172A}.demo-create-toggle-desc{font-size:.75rem;color:#64748B;margin-top:2px;line-height:1.4}.demo-create-switch{width:36px;height:20px;border-radius:999px;background:#CBD5E1;position:relative;border:none;padding:0;cursor:pointer;flex-shrink:0;transition:background .2s var(--ease)}.demo-create-switch[data-on=true]{background:#0056A4}.demo-create-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:white;border-radius:50%;transition:left .2s var(--ease);box-shadow:0 1px 2px rgba(0,0,0,.2)}.demo-create-switch[data-on=true] .demo-create-switch-knob{left:18px}.demo-create-paytabs{display:flex;gap:.5rem;background:#F1F5F9;border-radius:999px;padding:4px}.demo-create-paytab{flex:1;background:transparent;border:none;padding:.625rem 1rem;border-radius:999px;font-family:inherit;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s var(--ease)}.demo-create-paytab[data-active=true]{background:#0056A4;color:white;box-shadow:0 2px 6px rgba(0,86,164,.3)}.demo-create-pay-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;background:#F8FAFC;border:1px dashed #cbd5e1;border-radius:12px;color:#64748B;text-align:center}.demo-create-pay-empty p{margin:0;font-size:.875rem}.demo-create-ticket-card{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.demo-create-ticket-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;color:#475569;letter-spacing:.04em;text-transform:uppercase}.demo-create-ticket-remove{border:none;font-size:.75rem;font-weight:600;color:#DC2626;text-transform:none;letter-spacing:normal}.demo-create-add-ticket,.demo-create-ticket-remove{background:transparent;font-family:inherit;cursor:pointer}.demo-create-add-ticket{border:2px dashed #0056a4;border-radius:10px;padding:.625rem 1rem;color:#0056A4;font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s var(--ease)}.demo-create-add-ticket:hover:not(:disabled){background:rgba(0,86,164,.06)}.demo-create-add-ticket:disabled{border-color:#CBD5E1;color:#94A3B8;cursor:not-allowed}.demo-create-promo-row{display:flex;gap:.5rem;align-items:center}.demo-create-pay-note{font-size:.75rem;color:#B45309;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:.625rem .75rem;line-height:1.45}.demo-create-select{display:flex!important;align-items:center;justify-content:space-between;background:white;cursor:pointer;text-align:left;color:#475569}.demo-create-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem;padding:.625rem;border:1px solid #e2e8f0;border-radius:10px;background:white}@media (max-width:600px){.demo-create-cat-grid{grid-template-columns:repeat(2,1fr)}}.demo-create-cat-chip{background:#F1F5F9;border:none;border-radius:8px;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s var(--ease)}.demo-create-cat-chip:hover{background:#E2E8F0}.demo-create-cat-chip[data-active=true]{background:#0056A4;color:white}.demo-create-cat-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.demo-create-cat-tag{background:#F1F5F9;color:#0F172A;border-radius:999px;padding:.25rem .5rem .25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.demo-create-cat-tag button{width:16px;height:16px;border:none;background:rgba(0,0,0,.1);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569}.demo-create-cat-tag button:hover{background:#DC2626;color:white}.demo-create-advance-btn{background:#F1F5F9;border:none;border-radius:12px;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600;color:#003F78;cursor:pointer;margin-top:.5rem;transition:all .15s var(--ease)}.demo-create-advance-btn:hover{background:#E2E8F0}.demo-create-settings-section{margin-bottom:1.25rem}.demo-create-settings-section h3{font-size:.875rem;font-weight:700;color:#0F172A;margin:0 0 .625rem;background:#F1F5F9;padding:.5rem .75rem;border-radius:8px}.demo-create-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media (max-width:700px){.demo-create-settings-grid{grid-template-columns:1fr}}.demo-create-settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem;border:1px solid #e2e8f0;border-radius:10px;background:white}.demo-create-settings-title{font-size:.875rem;font-weight:700;color:#0F172A}.demo-create-settings-desc{font-size:.75rem;color:#64748B;margin-top:2px;line-height:1.4}.demo-event-participants-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem}.demo-event-participants-head h3{font-size:1.125rem;font-weight:700;color:#0F172A;margin:0;letter-spacing:-.015em}.demo-event-participants-actions,.demo-event-participants-subtabs{display:flex;gap:.5rem;flex-wrap:wrap}.demo-event-participants-subtabs{margin-bottom:.75rem}.demo-event-participants-subtabs button{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:1px solid #e2e8f0;border-radius:999px;background:white;color:#475569;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.demo-event-participants-subtabs button:hover{background:#F8FAFC}.demo-event-participants-subtabs button[data-active=true]{background:#0056A4;color:white;border-color:#0056A4}.demo-event-participants-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;overflow-x:auto}.demo-event-participants-table{width:100%;border-collapse:collapse;font-size:.875rem}.demo-event-participants-table th{text-align:left;padding:.75rem 1rem;background:#F8FAFC;font-size:.8125rem;font-weight:700;color:#0F172A;border-bottom:1px solid #e2e8f0}.demo-event-participants-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#475569}.demo-event-participants-table tbody tr:last-child td{border-bottom:none}.demo-event-participants-namecell{display:inline-flex;align-items:center;gap:.625rem;color:#0F172A;font-weight:500}.demo-event-participants-avatar{width:32px;height:32px;border-radius:50%;background:#E2E8F0;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:.75rem;font-weight:700;flex-shrink:0}.demo-event-participants-empty{text-align:center;color:#94A3B8;padding:2rem}.demo-event-checkin-pill{display:inline-flex;align-items:center;gap:4px;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:700;border:none;font-family:inherit;cursor:default}.demo-event-checkin-pill[data-checked=true]{background:#10884B;color:white}.demo-event-checkin-link{background:#F1F5F9;color:#475569;cursor:pointer;transition:all .15s var(--ease)}.demo-event-checkin-link:hover{background:#E2E8F0;color:#0F172A}.demo-event-questions{display:flex;flex-direction:column;gap:.5rem}.demo-event-question-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px}.demo-event-question-num{width:28px;height:28px;background:#0056A4;color:white;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.demo-event-question-body{flex:1;min-width:0}.demo-event-question-text{font-size:.875rem;font-weight:600;color:#0F172A}.demo-event-question-optional,.demo-event-question-required{display:inline-block;font-size:.625rem;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:4px;letter-spacing:.04em;text-transform:uppercase}.demo-event-question-required{background:rgba(220,38,38,.1);color:#B91C1C}.demo-event-question-optional{background:#F1F5F9;color:#64748B}.demo-event-question-actions{display:flex;gap:4px;flex-shrink:0}.demo-event-question-actions button{width:30px;height:30px;background:white;border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .15s var(--ease)}.demo-event-question-actions button:hover{background:#F8FAFC;color:#0F172A}.demo-event-questions-empty{font-size:.75rem;color:#64748B;text-align:center;padding:.75rem;border-top:1px dashed #e2e8f0;margin-top:.5rem}.demo-create-promo-mock{background:#F8FAFC;border:1px dashed #cbd5e1;border-radius:12px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.demo-create-promo-mock-row{display:flex;justify-content:space-between;font-size:.8125rem}.demo-create-promo-mock-label{color:#64748B;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.demo-create-promo-mock-value{color:#0F172A;font-weight:700}.demo-create-promo-mock-note{font-size:.6875rem;color:#94A3B8;border-top:1px dashed #e2e8f0;padding-top:.5rem;line-height:1.4}.demo-analytics-filter-wrap{position:relative}.demo-analytics-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600;color:#475569;background:white;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;transition:all .15s var(--ease)}.demo-analytics-filter-btn:hover{background:#F8FAFC;border-color:#CBD5E1}.demo-analytics-filter-btn[data-active=true]{background:rgba(0,86,164,.08);border-color:rgba(0,86,164,.3);color:#0056A4}.demo-analytics-filter-menu{position:absolute;top:calc(100% + 6px);right:0;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 24px rgba(15,23,34,.12);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100;min-width:160px}.demo-analytics-filter-menu button{text-align:left;background:transparent;border:none;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem;font-weight:500;color:#475569;border-radius:8px;cursor:pointer}.demo-analytics-filter-menu button:hover{background:#F1F5F9;color:#0F172A}.demo-analytics-filter-menu button[data-active=true]{background:rgba(0,86,164,.08);color:#0056A4;font-weight:600}.demo-cprofile-partners{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (max-width:600px){.demo-cprofile-partners{grid-template-columns:1fr}}.demo-cprofile-partner{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid #e2e8f0;border-radius:10px;background:#F8FAFC;transition:all .15s var(--ease)}.demo-cprofile-partner:hover{background:white;border-color:rgba(0,86,164,.2);transform:translateY(-1px)}.demo-cprofile-partner-logo{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:.875rem;font-weight:800;flex-shrink:0}.demo-cprofile-partner-name{font-size:.8125rem;font-weight:700;color:#0F172A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-cprofile-partner-tag{font-size:.6875rem;color:#64748B}.demo-analytics-risk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.demo-analytics-risk-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.75rem;padding:.625rem .75rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px}.demo-analytics-risk-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:.75rem;font-weight:800}.demo-analytics-risk-body{display:flex;flex-direction:column;min-width:0}.demo-analytics-risk-body strong{font-size:.875rem;color:#0F172A;font-weight:700}.demo-analytics-risk-body em{font-size:.75rem;color:#64748B;font-style:normal}.demo-analytics-risk-tag{font-size:.625rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:4px;white-space:nowrap}.demo-analytics-risk-tag[data-tone=red]{background:rgba(220,38,38,.1);color:#B91C1C}.demo-analytics-risk-tag[data-tone=amber]{background:rgba(245,158,11,.12);color:#B45309}.demo-campaign-modal-typebox{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:12px;padding:.875rem 1rem 1rem}.demo-campaign-modal-typebox-head{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#475569;margin-bottom:.625rem}.demo-campaign-modal-typebox-row{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media (max-width:600px){.demo-campaign-modal-typebox-row{grid-template-columns:1fr}}.demo-campaign-checkcard{display:grid;grid-template-columns:32px 1fr 18px;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;background:white;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s var(--ease)}.demo-campaign-checkcard:hover{border-color:#CBD5E1}.demo-campaign-checkcard[data-checked=true]{border-color:#0056A4;background:rgba(0,86,164,.04)}.demo-campaign-checkcard-icon{width:30px;height:30px;border-radius:8px;background:rgba(0,86,164,.1);color:#0056A4;display:inline-flex;align-items:center;justify-content:center}.demo-campaign-checkcard[data-checked=true] .demo-campaign-checkcard-icon{background:#0056A4;color:white}.demo-campaign-checkcard-body{display:flex;flex-direction:column;min-width:0}.demo-campaign-checkcard-label{font-size:.875rem;font-weight:700;color:#0F172A}.demo-campaign-checkcard-desc{font-size:.75rem;color:#64748B;margin-top:2px;line-height:1.4}.demo-campaign-checkcard-box{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;margin-top:6px;position:relative;transition:all .15s var(--ease)}.demo-campaign-checkcard[data-checked=true] .demo-campaign-checkcard-box{border-color:#0056A4;background:#0056A4}.demo-campaign-checkcard[data-checked=true] .demo-campaign-checkcard-box:after{content:"";position:absolute;inset:3px;border-radius:50%;background:white}.demo-aiauto{display:flex;flex-direction:column;gap:1.25rem}.demo-aiauto-stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.demo-aiauto-stat-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.demo-aiauto-stat-label{font-size:.6875rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.05em}.demo-aiauto-stat-value{font-size:1.625rem;font-weight:800;color:#0F172A;line-height:1.1;margin-top:4px}.demo-aiauto-stat-trend{font-size:.6875rem;font-weight:600;color:#10884B;margin-top:2px}.demo-aiauto-tabrow{display:flex;gap:6px;flex-wrap:wrap;padding:4px;background:white;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.demo-aiauto-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;background:transparent;font-family:inherit;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s var(--ease)}.demo-aiauto-tab:hover{background:#F1F5F9}.demo-aiauto-tab[data-active=true]{background:#0056A4;color:white;box-shadow:0 2px 6px rgba(0,86,164,.25)}.demo-aiauto-pane{display:flex;flex-direction:column;gap:1.25rem}.demo-aiauto-pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.demo-aiauto-pane-head h3{font-size:.9375rem;font-weight:700;color:#0F172A;margin:0 0 4px}.demo-aiauto-pane-head p{font-size:.8125rem;color:#64748B;max-width:600px;line-height:1.5;margin:0}.demo-aiauto-section{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.demo-aiauto-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.demo-aiauto-section-head h3{font-size:.9375rem;font-weight:700;color:#0F172A;margin:0;display:inline-flex;align-items:center;gap:6px}.demo-aiauto-section-head h3 svg{color:#0056A4}.demo-aiauto-section-meta,.demo-aiauto-section-sub{font-size:.75rem;color:#64748B;margin:4px 0 0}.demo-aiauto-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;background:#0056A4;color:white;border:1px solid #004a8e;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,86,164,.18);transition:all .15s var(--ease);white-space:nowrap}.demo-aiauto-cta:hover{background:#004A8E;transform:translateY(-1px)}.demo-aiauto-cta-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:white;color:#0F172A;border:1px solid #e2e8f0;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s var(--ease)}.demo-aiauto-cta-ghost:hover{background:#F8FAFC;border-color:#CBD5E1}.demo-aiauto-link{display:inline-flex;align-items:center;gap:4px;color:#0056A4;font-size:.75rem;font-weight:700;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.demo-aiauto-link:hover{text-decoration:underline}.demo-aiauto-pillbtn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:white;border:1px solid #e2e8f0;font-family:inherit;font-size:.6875rem;font-weight:700;color:#0056A4;cursor:pointer;transition:all .15s var(--ease);white-space:nowrap}.demo-aiauto-pillbtn:hover{background:#EFF6FF;border-color:#BFDBFE}.demo-aiauto-pillbtn-block{width:100%;justify-content:center;padding:8px 10px;margin-top:auto}.demo-aiauto-iconbtn{width:28px;height:28px;border-radius:8px;border:1px solid #e2e8f0;background:white;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#475569;transition:all .15s var(--ease);flex-shrink:0}.demo-aiauto-iconbtn:hover{background:#F1F5F9}.demo-aiauto-prompt{background:linear-gradient(135deg,#FBFCFE,#EFF6FF);border:1px solid #bfdbfe;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.demo-aiauto-prompt-head{display:flex;gap:12px;align-items:flex-start}.demo-aiauto-prompt-icon{width:36px;height:36px;border-radius:10px;background:#0056A4;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-aiauto-prompt-head h3{font-size:.9375rem;font-weight:700;color:#0F172A;margin:0}.demo-aiauto-prompt-head p{font-size:.75rem;color:#475569;margin:4px 0 0;line-height:1.5}.demo-aiauto-prompt-input{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.demo-aiauto-prompt-input textarea{width:100%;border:none;resize:none;font-family:inherit;font-size:.875rem;color:#0F172A;line-height:1.5;background:transparent;outline:none}.demo-aiauto-prompt-input textarea::-moz-placeholder{color:#94A3B8}.demo-aiauto-prompt-input textarea::placeholder{color:#94A3B8}.demo-aiauto-prompt-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #f1f5f9;padding-top:10px}.demo-aiauto-prompt-presets{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.demo-aiauto-prompt-chip{padding:4px 10px;border-radius:999px;background:#F1F5F9;border:1px solid transparent;font-family:inherit;font-size:.6875rem;color:#475569;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:280px;transition:all .15s var(--ease)}.demo-aiauto-prompt-chip:hover{background:#E2E8F0}.demo-aiauto-prompt-foot{display:flex;gap:6px;align-items:flex-start;font-size:.6875rem;color:#64748B;line-height:1.5}.demo-aiauto-prompt-foot svg{flex-shrink:0;margin-top:2px;color:#F59E0B}.demo-aiauto-rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.demo-aiauto-rec-card{background:#FAFCFE;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.demo-aiauto-rec-icon{width:32px;height:32px;background:white;border:1px solid #bfdbfe;border-radius:8px;color:#0056A4;display:flex;align-items:center;justify-content:center}.demo-aiauto-rec-card h4{font-size:.8125rem;font-weight:700;color:#0F172A;margin:0;line-height:1.35}.demo-aiauto-rec-card p{font-size:.75rem;color:#475569;line-height:1.5;margin:0;flex:1}.demo-aiauto-rec-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:8px;flex-wrap:wrap}.demo-aiauto-rec-impact{font-size:.6875rem;font-weight:700;color:#10884B;background:rgba(16,136,75,.08);padding:3px 8px;border-radius:999px}.demo-aiauto-flows{display:flex;flex-direction:column;gap:10px}.demo-aiauto-flow{background:#FAFCFE;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;transition:border-color .15s var(--ease)}.demo-aiauto-flow:hover{border-color:#CBD5E1}.demo-aiauto-flow[data-status=paused]{background:#FAFAF9;opacity:.85}.demo-aiauto-flow-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.demo-aiauto-flow-title h4{font-size:.875rem;font-weight:700;color:#0F172A;margin:4px 0 0}.demo-aiauto-status{display:inline-block;font-size:.625rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px}.demo-aiauto-status-active{background:rgba(16,136,75,.12);color:#0E7E45}.demo-aiauto-status-paused{background:rgba(245,158,11,.14);color:#B45309}.demo-aiauto-status-draft{background:#F1F5F9;color:#64748B}.demo-aiauto-flow-actions{display:flex;gap:4px}.demo-aiauto-flow-canvas{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;padding:12px;background:white;border-radius:10px;border:1px dashed #bfdbfe}.demo-aiauto-flow-arrow{color:#94A3B8;align-self:center;flex:0 0 14px}.demo-aiauto-flow-node{flex:1 1 140px;min-width:140px;background:white;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;position:relative}.demo-aiauto-flow-node[data-kind=trigger]{border-color:#FCD34D;background:#FFFBEB}.demo-aiauto-flow-node[data-kind=final]{border-color:#86EFAC;background:#F0FDF4}.demo-aiauto-flow-node-eyebrow{font-size:.5625rem;font-weight:800;color:#94A3B8;letter-spacing:.06em;text-transform:uppercase}.demo-aiauto-flow-node[data-kind=trigger] .demo-aiauto-flow-node-eyebrow{color:#B45309}.demo-aiauto-flow-node[data-kind=final] .demo-aiauto-flow-node-eyebrow{color:#15803D}.demo-aiauto-flow-node-label{font-size:.75rem;font-weight:700;color:#0F172A;line-height:1.3}.demo-aiauto-flow-node-meta{font-size:.6875rem;color:#64748B}.demo-aiauto-flow-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:10px}.demo-aiauto-flow-metrics{display:flex;gap:18px;font-size:.75rem;color:#64748B;flex-wrap:wrap}.demo-aiauto-flow-metrics strong{color:#0F172A;font-weight:700}.demo-aiauto-modal-backdrop{position:fixed;inset:0;z-index:8000;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:demo-aiauto-fade .2s var(--ease)}@keyframes demo-aiauto-fade{0%{opacity:0}to{opacity:1}}.demo-aiauto-modal{background:white;border-radius:18px;width:min(720px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(15,23,42,.3);overflow:hidden;animation:demo-aiauto-up .22s var(--ease)}@keyframes demo-aiauto-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-aiauto-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;border-bottom:1px solid #f1f5f9;gap:12px}.demo-aiauto-modal-eyebrow{font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0056A4;margin-bottom:6px}.demo-aiauto-modal-title-input{border:none;background:transparent;font-family:inherit;font-size:1.125rem;font-weight:700;color:#0F172A;width:100%;outline:none;padding:2px 0}.demo-aiauto-modal-title-input:focus{border-bottom:2px solid #0056a4}.demo-aiauto-modal-body{padding:18px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.demo-aiauto-builder-block{display:flex;flex-direction:column;gap:8px}.demo-aiauto-builder-eyebrow{font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748B}.demo-aiauto-builder-select{width:100%;border-radius:10px;border:1px solid #e2e8f0;background:white;font-family:inherit;font-size:.8125rem;font-weight:600;color:#0F172A;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 12px}.demo-aiauto-builder-select:focus{border-color:#0056A4}.demo-aiauto-builder-steps{display:flex;flex-direction:column;gap:8px}.demo-aiauto-builder-step{display:flex;gap:8px;align-items:center}.demo-aiauto-builder-step-num{width:24px;height:24px;border-radius:50%;background:#EFF6FF;color:#0056A4;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-aiauto-builder-step .demo-aiauto-builder-select{flex:1}.demo-aiauto-modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid #f1f5f9;background:#FAFCFE}.demo-aiauto-health{display:grid;grid-template-columns:220px 1fr;gap:16px;background:white;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px}@media (max-width:760px){.demo-aiauto-health{grid-template-columns:1fr}}.demo-aiauto-meter{display:flex;gap:14px;align-items:center}.demo-aiauto-meter-ring{--pct:84;width:96px;height:96px;border-radius:50%;background:conic-gradient(#10884B calc(var(--pct) * 1%),#E2E8F0 0);position:relative;flex-shrink:0}.demo-aiauto-meter-inner{position:absolute;inset:8px;background:white;border-radius:50%;display:flex;align-items:baseline;justify-content:center;gap:2px}.demo-aiauto-meter-value{font-size:1.625rem;font-weight:800;color:#0F172A;align-self:center}.demo-aiauto-meter-suffix{font-size:.625rem;font-weight:700;color:#94A3B8;align-self:center}.demo-aiauto-meter-label{font-size:.6875rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.06em}.demo-aiauto-meter-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;margin:4px 0}.demo-aiauto-meter-trend[data-dir=up]{color:#0E7E45}.demo-aiauto-meter-note{font-size:.6875rem;color:#64748B;line-height:1.5;max-width:160px}.demo-aiauto-risk{display:flex;flex-direction:column;gap:8px}.demo-aiauto-risk-head{font-size:.6875rem;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.06em}.demo-aiauto-risk-bar{display:flex;height:28px;border-radius:999px;overflow:hidden;background:#F1F5F9}.demo-aiauto-risk-seg{transition:flex .2s var(--ease)}.demo-aiauto-risk-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.demo-aiauto-risk-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.demo-aiauto-risk-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.demo-aiauto-risk-name{color:#0F172A;font-weight:600;flex:1}.demo-aiauto-risk-count{font-weight:800;color:#0F172A}.demo-aiauto-risk-pct{color:#94A3B8;font-size:.6875rem}.demo-aiauto-card{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px}.demo-aiauto-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-aiauto-card-head h4{font-size:.875rem;font-weight:700;color:#0F172A;margin:0}.demo-aiauto-risk-list{display:flex;flex-direction:column;gap:6px}.demo-aiauto-risk-member{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:#FAFAF9;border:1px solid transparent;transition:all .15s var(--ease)}.demo-aiauto-risk-member:hover{background:white;border-color:#E2E8F0}.demo-aiauto-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0056A4,#6AABE5);color:white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.demo-aiauto-risk-member-meta{flex:1;min-width:0}.demo-aiauto-risk-member-name{font-size:.8125rem;font-weight:700;color:#0F172A;display:flex;align-items:center;gap:8px}.demo-aiauto-risk-member-signal{font-size:.6875rem;color:#64748B;margin-top:2px}.demo-aiauto-tag{font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#F1F5F9;color:#64748B}.demo-aiauto-source{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:white;border:1px solid #e2e8f0;border-radius:10px;font-size:.75rem;color:#475569}.demo-aiauto-source select{border:none;background:transparent;font-family:inherit;font-size:.75rem;font-weight:700;color:#0F172A;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.demo-aiauto-source select:focus{outline:none}.demo-aiauto-heatmap{display:flex;flex-direction:column;gap:4px;overflow-x:auto}.demo-aiauto-heatmap-headrow,.demo-aiauto-heatmap-row{display:grid;grid-template-columns:90px repeat(7,minmax(54px,1fr));gap:4px;align-items:center}.demo-aiauto-heatmap-col-label,.demo-aiauto-heatmap-row-label{font-size:.6875rem;font-weight:700;color:#94A3B8;text-align:center;letter-spacing:.04em;text-transform:uppercase}.demo-aiauto-heatmap-row-label{text-align:left;padding-left:4px}.demo-aiauto-heatmap-cell{height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;transition:transform .1s var(--ease)}.demo-aiauto-heatmap-cell:not([data-empty]):hover{transform:scale(1.04)}.demo-aiauto-seg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.demo-aiauto-seg-card{--seg-color:#0056A4;background:white;border:1px solid #e2e8f0;border-top:3px solid var(--seg-color);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.demo-aiauto-seg-head{display:flex;align-items:center;gap:8px}.demo-aiauto-seg-icon{width:26px;height:26px;background:rgba(0,86,164,.08);background:color-mix(in srgb,var(--seg-color) 12%,white);color:var(--seg-color);border-radius:7px;display:flex;align-items:center;justify-content:center}.demo-aiauto-seg-name{font-size:.8125rem;font-weight:700;color:#0F172A}.demo-aiauto-seg-numbers{display:flex;align-items:baseline;gap:8px}.demo-aiauto-seg-count{font-size:1.5rem;font-weight:800;color:var(--seg-color);line-height:1}.demo-aiauto-seg-ltv{font-size:.6875rem;font-weight:600;color:#64748B}.demo-aiauto-seg-desc{font-size:.75rem;color:#475569;line-height:1.5}.demo-aiauto-seg-flow{background:#FAFCFE;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.demo-aiauto-seg-flow-eyebrow{font-size:.5625rem;font-weight:800;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.demo-aiauto-seg-flow-text{font-size:.6875rem;color:#0F172A;line-height:1.4;font-weight:600}.demo-aiauto-seg-flow-impact{font-size:.6875rem;font-weight:700;color:var(--seg-color);margin-top:4px}.demo-aiauto-ltv{display:flex;flex-direction:column;gap:10px}.demo-aiauto-ltv-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}.demo-aiauto-ltv-source{font-size:.75rem;font-weight:700;color:#0F172A}.demo-aiauto-ltv-bars{display:flex;flex-direction:column;gap:4px}.demo-aiauto-ltv-bar,.demo-aiauto-ltv-bar-stack{display:flex;align-items:center}.demo-aiauto-ltv-bar{height:22px;padding:0 8px;border-radius:4px;min-width:60px;transition:width .3s var(--ease)}.demo-aiauto-ltv-bar span{font-size:.6875rem;font-weight:700;color:white;white-space:nowrap}.demo-aiauto-ltv-bar-yr1{background:#93C5FD}.demo-aiauto-ltv-bar-yr1 span{color:#0F172A}.demo-aiauto-ltv-bar-yr3{background:#0056A4}.demo-aiauto-ltv-legend{display:flex;gap:18px;font-size:.6875rem;color:#64748B;padding-top:4px;border-top:1px solid #f1f5f9}.demo-aiauto-ltv-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}.demo-aiauto-insight{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:linear-gradient(135deg,#EFF6FF,#FFFFFF);border:1px solid #bfdbfe;border-radius:12px}.demo-aiauto-insight-icon{width:30px;height:30px;background:white;border:1px solid #bfdbfe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0056A4;flex-shrink:0}.demo-aiauto-insight-eyebrow{font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0056A4;margin-bottom:4px}.demo-aiauto-insight-body p{font-size:.8125rem;color:#1E293B;line-height:1.55;margin:0 0 10px;max-width:720px}.demo-aiauto-rec-tabs{display:flex;gap:6px;flex-wrap:wrap}.demo-aiauto-rec-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:white;border:1px solid #e2e8f0;font-family:inherit;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;text-align:left}.demo-aiauto-rec-tab[data-active=true]{background:#EFF6FF;border-color:#BFDBFE;color:#0056A4}.demo-aiauto-rec-tab-num{font-size:.625rem;font-weight:800;background:#F1F5F9;color:#94A3B8;padding:2px 6px;border-radius:4px}.demo-aiauto-rec-tab[data-active=true] .demo-aiauto-rec-tab-num{background:#0056A4;color:white}.demo-aiauto-event-rec{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;background:#FAFCFE;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}@media (max-width:800px){.demo-aiauto-event-rec{grid-template-columns:1fr}}.demo-aiauto-event-rec-eyebrow{font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0056A4}.demo-aiauto-event-rec-main p{font-size:.8125rem;color:#1E293B;line-height:1.55;margin:6px 0 12px}.demo-aiauto-event-rec-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 14px;font-size:.75rem;color:#475569;margin-bottom:14px;padding:10px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.demo-aiauto-event-rec-stats div{display:flex;align-items:center;gap:6px}.demo-aiauto-event-rec-stats svg{color:#0056A4;flex-shrink:0}.demo-aiauto-event-rec-side{background:white;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.demo-aiauto-event-rec-side-eyebrow{font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748B;margin-bottom:8px}.demo-aiauto-event-rec-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.demo-aiauto-event-rec-side li{display:flex;gap:8px;align-items:flex-start;font-size:.75rem;color:#1E293B;line-height:1.5}.demo-aiauto-event-rec-bullet{width:18px;height:18px;border-radius:50%;background:#0056A4;color:white;font-size:.625rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-aiauto-radar-shell{display:grid;grid-template-columns:1fr 320px;gap:18px}@media (max-width:800px){.demo-aiauto-radar-shell{grid-template-columns:1fr}}.demo-aiauto-radar{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.demo-aiauto-radar-toggles{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.demo-aiauto-radar-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:white;border:1px solid #e2e8f0;font-family:inherit;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s var(--ease)}.demo-aiauto-radar-toggle[data-on=true]{background:var(--c,#0056A4);color:white;border-color:var(--c,#0056A4)}.demo-aiauto-radar-swatch{width:8px;height:8px;border-radius:50%;background:var(--c,#94A3B8);border:2px solid white;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.demo-aiauto-radar-toggle[data-on=true] .demo-aiauto-radar-swatch{box-shadow:0 0 0 1px rgba(255,255,255,.5)}.demo-aiauto-radar-table{display:flex;flex-direction:column;gap:4px;font-size:.75rem}.demo-aiauto-radar-table-head,.demo-aiauto-radar-table-row{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:4px;align-items:center;padding:6px 4px}.demo-aiauto-radar-table-head{font-size:.625rem;font-weight:800;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f5f9}.demo-aiauto-radar-table-row{color:#475569}.demo-aiauto-radar-table-row span:first-child{font-weight:700}.demo-aiauto-audience{display:flex;flex-direction:column;gap:10px}.demo-aiauto-audience-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.demo-aiauto-audience-row:last-child{border-bottom:none}.demo-aiauto-audience-name{font-size:.8125rem;font-weight:700;color:#0F172A}.demo-aiauto-audience-bar{display:flex;height:26px;border-radius:6px;overflow:hidden;background:#F1F5F9;margin-bottom:6px}.demo-aiauto-audience-seg{display:flex;align-items:center;padding:0 8px;font-size:.625rem;font-weight:700;color:white;white-space:nowrap;overflow:hidden}.demo-aiauto-audience-first{background:#6AABE5}.demo-aiauto-audience-repeat{background:#0056A4}.demo-aiauto-audience-conv{display:flex;gap:16px;flex-wrap:wrap;font-size:.6875rem;color:#64748B}.demo-aiauto-audience-conv strong{color:#0F172A;font-weight:700}.demo-free-tier{margin-top:.75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#FAFCFE;overflow:hidden;transition:all .2s var(--ease)}.demo-free-tier:hover{border-color:#BFDBFE}.demo-free-tier-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:white;color:#0F172A;text-decoration:none;border-bottom:1px solid #f1f5f9;transition:background .15s var(--ease)}.demo-free-tier-cta:hover{background:#FAFCFE}.demo-free-tier-cta:hover .demo-free-tier-arrow{transform:translateX(2px);color:#0056A4}.demo-free-tier-cta-body{min-width:0;flex:1}.demo-free-tier-title{font-weight:700;font-size:.875rem;color:#0F172A}.demo-free-tier-sub{font-size:.6875rem;color:#64748B;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-free-tier-arrow{color:#94A3B8;flex-shrink:0;transition:all .15s var(--ease)}.demo-free-tier-note{display:flex;gap:6px;align-items:flex-start;padding:8px 14px;background:#FAFCFE;font-size:.6875rem;color:#475569;line-height:1.45}.demo-free-tier-note svg{flex-shrink:0;margin-top:2px;color:#B45309}.demo-free-tier-link{color:#0056A4;font-weight:700;text-decoration:none;white-space:nowrap}.demo-free-tier-link:hover{text-decoration:underline;text-underline-offset:2px}.demo-modal-foot{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:.875rem;font-size:.75rem}.demo-modal-foot-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.75rem;color:hsl(var(--muted));padding:4px 6px;text-decoration:none;transition:color .12s var(--ease)}.demo-modal-foot-link:hover{color:hsl(var(--foreground))}.demo-modal-foot-link-primary{color:hsl(var(--primary));font-weight:600}.demo-modal-foot-link-primary:hover{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}.demo-modal-foot-sep{color:#CBD5E1;font-weight:700}.demo-mob-onb{flex:1 1 0;min-height:0;display:flex;flex-direction:column;position:relative;background:#F0F4F8;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif}.demo-mob-onb[data-dark=true]{background:#1C2A5B}.demo-mob-onb-stage{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:56px 22px 116px;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none}.demo-mob-onb-stage::-webkit-scrollbar{display:none}.demo-mob-onb-stage[data-step="0"],.demo-mob-onb-stage[data-step="6"]{padding:0}.demo-mob-onb-stage h1{font-size:24px;font-weight:800;color:#171A1B;letter-spacing:-.022em;line-height:1.18;margin:0 0 6px}.demo-mob-onb-sub{font-size:13.5px;color:#444C51;line-height:1.5;margin:0 0 16px}.demo-mob-onb-bottom{position:absolute;bottom:0;left:0;right:0;z-index:9;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 18px 16px;background:linear-gradient(180deg,rgba(240,244,248,0),rgba(240,244,248,.94) 40%);pointer-events:none}.demo-mob-onb[data-dark=true] .demo-mob-onb-bottom{background:linear-gradient(180deg,rgba(28,42,91,0),rgba(28,42,91,.78) 40%)}.demo-mob-onb-bottom>*{pointer-events:auto}.demo-mob-onb-dots{display:inline-flex;gap:5px;align-items:center}.demo-mob-onb-dot{width:5px;height:5px;border-radius:999px;background:#DFE5E8;transition:all .32s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-dot[data-active=true]{background:#0056A4;width:18px}.demo-mob-onb-dot[data-passed=true]{background:#6AABE5}.demo-mob-onb[data-dark=true] .demo-mob-onb-dot{background:rgba(255,255,255,.22)}.demo-mob-onb[data-dark=true] .demo-mob-onb-dot[data-active=true]{background:#FDFDFE}.demo-mob-onb[data-dark=true] .demo-mob-onb-dot[data-passed=true]{background:#6AABE5}.demo-mob-onb-bottom-row{display:flex;align-items:center;justify-content:space-between;width:100%}.demo-mob-onb-bottom-welcome{align-items:center;justify-content:center}.demo-mob-onb-bottom-welcome .demo-mob-onb-cta{margin:0 auto}.demo-mob-onb-bottom-min{align-items:flex-start;padding-left:8px;background:transparent}.demo-mob-onb-back-link{background:transparent;border:none;font-family:inherit;font-size:12.5px;font-weight:600;color:#444C51;display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;cursor:pointer;transition:color .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-back-link:hover{color:#0056A4;background:rgba(0,86,164,.06)}.demo-mob-onb[data-dark=true] .demo-mob-onb-back-link{color:rgba(255,255,255,.78)}.demo-mob-onb[data-dark=true] .demo-mob-onb-back-link:hover{color:#FFFFFF;background:rgba(255,255,255,.1)}.demo-mob-onb-cta{display:inline-flex;align-items:center;gap:6px;background:#0056A4;color:#FFFFFF;border:none;padding:9px 18px;border-radius:999px;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:-.005em;cursor:pointer;box-shadow:0 6px 18px rgba(0,86,164,.24);animation:ctaBounce 3.6s ease-in-out infinite;transition:background .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-cta:hover{background:#004999}.demo-mob-onb-cta:active{animation:none;transform:scale(.97)}@keyframes ctaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.demo-mob-onb[data-dark=true] .demo-mob-onb-cta{background:#FDFDFE;color:#0056A4;box-shadow:0 6px 18px rgba(16,24,40,.2)}.demo-mob-onb[data-dark=true] .demo-mob-onb-cta:hover{background:#C4EAFC}.demo-mob-onb-welcome{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 24px 116px;color:#FFFFFF;overflow:hidden}.demo-mob-onb-welcome-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(106,171,229,.22) 0,transparent 240px),linear-gradient(180deg,#0056A4,#1C2A5B);animation:welcomeShift 12s ease-in-out infinite}@keyframes welcomeShift{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(-4deg) brightness(1.06)}}.demo-mob-onb-welcome-stars{position:absolute;inset:0;pointer-events:none;animation:starsSpin 60s linear infinite;opacity:.45}@keyframes starsSpin{to{transform:rotate(1turn)}}.demo-mob-onb-welcome-deck{position:absolute;inset:0;pointer-events:none}.demo-mob-onb-welcome-deck-card{position:absolute;background:rgba(253,253,254,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 12px;color:#FFFFFF;box-shadow:0 20px 32px -8px rgba(16,24,40,.3);animation:deckFloat 14s ease-in-out infinite}.demo-mob-onb-welcome-deck-card-prayer{top:10%;left:-4%;min-width:130px;transform:rotate(-7deg);animation-delay:0s}.demo-mob-onb-welcome-deck-card-feed{top:20%;right:-6%;min-width:150px;display:flex;align-items:center;gap:8px;transform:rotate(6deg);animation-delay:3s}.demo-mob-onb-welcome-deck-card-event{bottom:20%;right:-2%;min-width:130px;display:flex;align-items:center;gap:8px;transform:rotate(-5deg);animation-delay:6s}@keyframes deckFloat{0%,to{translate:0 0}50%{translate:0 -6px}}.demo-mob-onb-welcome-deck-eyebrow{display:block;font-size:8.5px;font-weight:700;letter-spacing:.1em;color:rgba(196,234,252,.85)}.demo-mob-onb-welcome-deck-card strong{display:block;font-size:13px;font-weight:800;line-height:1.2}.demo-mob-onb-welcome-deck-card span{display:block;font-size:10px;color:rgba(253,253,254,.78);margin-top:1px}.demo-mob-onb-welcome-deck-avatar{width:24px;height:24px;border-radius:50%;background:#6AABE5;color:#FFFFFF;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-onb-welcome-deck-evt-date{width:28px;background:rgba(106,171,229,.3);border-radius:6px;padding:3px 0;text-align:center;flex-shrink:0}.demo-mob-onb-welcome-deck-evt-date span{font-size:7px;font-weight:800;color:rgba(196,234,252,.95);letter-spacing:.06em}.demo-mob-onb-welcome-deck-evt-date strong{font-size:13px;font-weight:800;line-height:1}.demo-mob-onb-welcome-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}.demo-mob-onb-welcome-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:100px;position:relative}.demo-mob-onb-welcome-logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:1}}.demo-mob-onb-arabic-pulse{font-family:Amiri Quran,Noto Naskh Arabic,Inter,serif;font-size:28px;font-weight:500;color:#FFFFFF;letter-spacing:.02em;direction:rtl;animation:arabicPulse 3.5s ease-in-out infinite}@keyframes arabicPulse{0%,to{opacity:.88;text-shadow:0 0 24px rgba(106,171,229,0)}50%{opacity:1;text-shadow:0 0 32px rgba(106,171,229,.55)}}.demo-mob-onb-welcome-core h1{font-size:24px;font-weight:800;color:#FFFFFF;letter-spacing:-.02em;line-height:1.15;margin:0}.demo-mob-onb-welcome-core p{margin:0;max-width:240px;font-size:14px;color:rgba(253,253,254,.78);line-height:1.5}.demo-mob-onb-promise-list,.demo-mob-onb-promises{display:flex;flex-direction:column}.demo-mob-onb-promise-list{gap:10px}.demo-mob-onb-promise{display:grid;grid-template-columns:52px 1fr;align-items:center;-moz-column-gap:12px;column-gap:12px;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:16px;padding:12px 14px;box-shadow:0 1px 3px rgba(16,24,40,.04);opacity:0;transform:translateY(8px);animation:promiseUp .48s cubic-bezier(.2,.8,.2,1) forwards}@keyframes promiseUp{to{opacity:1;transform:translateY(0)}}.demo-mob-onb-promise-icon{width:44px;height:44px;border-radius:12px;background:#C4EAFC;color:#0056A4;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-onb-promise-icon>svg{display:block}.demo-mob-onb-promise-body{min-width:0}.demo-mob-onb-promise-body strong{display:block;font-size:14px;font-weight:700;color:#171A1B;letter-spacing:-.005em}.demo-mob-onb-promise-body span{display:block;margin-top:2px;font-size:12.5px;color:#444C51;line-height:1.45}.demo-mob-onb-perm{display:flex;flex-direction:column}.demo-mob-onb-perm-art{display:flex;justify-content:center;align-items:center;height:160px;background:linear-gradient(180deg,#6AABE5,#C4EAFC);border-radius:16px;border:1px solid #ecf1f4;overflow:hidden;margin-bottom:16px}.demo-mob-onb-perm-art svg{display:block;height:100%;width:100%}.demo-mob-onb-perm-points{list-style:none;padding:0;margin:6px 0 14px;display:flex;flex-direction:column;gap:10px}.demo-mob-onb-perm-points li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#444C51;font-weight:500;line-height:1.45}.demo-mob-onb-perm-points li svg{color:#0056A4;width:14px;height:14px;flex-shrink:0;margin-top:2px}.demo-mob-onb-perm-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0056A4;color:#FFFFFF;border:none;padding:12px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:6px}.demo-mob-onb-perm-trigger:hover{background:#004999}.demo-mob-onb-perm-alt{background:transparent;border:none;color:#0056A4;font-family:inherit;font-size:13px;font-weight:600;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.demo-mob-onb-iosperm-backdrop{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(16,24,40,.55);backdrop-filter:blur(8px);animation:iospermFade .22s ease-out}@keyframes iospermFade{0%{opacity:0}to{opacity:1}}.demo-mob-onb-iosperm{width:100%;max-width:280px;background:rgba(253,253,254,.92);backdrop-filter:blur(24px);border-radius:14px;overflow:hidden;box-shadow:0 32px 64px -16px rgba(16,24,40,.4);animation:iospermPop .32s cubic-bezier(.2,.8,.2,1)}@keyframes iospermPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.demo-mob-onb-iosperm-head{padding:18px 18px 14px;text-align:center}.demo-mob-onb-iosperm-head strong{display:block;font-size:15px;font-weight:700;color:#171A1B;letter-spacing:-.01em;line-height:1.25}.demo-mob-onb-iosperm-head p{margin:6px 0 12px;font-size:12px;color:#444C51;line-height:1.5}.demo-mob-onb-iosperm-map{position:relative;border-radius:9px;overflow:hidden}.demo-mob-onb-iosperm-map svg{display:block}.demo-mob-onb-iosperm-precision{position:absolute;bottom:6px;left:6px;display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#FFFFFF;background:rgba(0,86,164,.88);padding:3px 8px;border-radius:999px}.demo-mob-onb-iosperm-precision-dot{width:6px;height:6px;border-radius:50%;background:#27B973}.demo-mob-onb-iosperm-actions{display:flex;flex-direction:column}.demo-mob-onb-iosperm-actions button{background:transparent;border:none;border-top:.5px solid rgba(16,24,40,.1);padding:12px;font-family:inherit;font-size:14px;font-weight:500;color:#0056A4;cursor:pointer}.demo-mob-onb-iosperm-actions button:hover{background:rgba(0,86,164,.06)}.demo-mob-onb-iosperm-primary{font-weight:700!important}.demo-mob-onb-masjid{display:flex;flex-direction:column}.demo-mob-onb-realmap{position:relative;border-radius:14px;overflow:hidden;border:1px solid #ecf1f4;height:150px;margin-bottom:14px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.demo-mob-onb-realmap svg{display:block;height:100%;width:100%}.demo-mob-onb-realmap-overlay{position:absolute;bottom:8px;left:8px;background:rgba(253,253,254,.92);backdrop-filter:blur(8px);border:1px solid #ecf1f4;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700;color:#171A1B}.demo-mob-onb-realmap-overlay span{display:inline-flex;align-items:center;gap:6px}.demo-mob-onb-realmap-dot{width:7px;height:7px;border-radius:50%;background:#0056A4;box-shadow:0 0 0 3px rgba(0,86,164,.22)}.demo-mob-onb-masjid-list{display:flex;flex-direction:column;gap:8px}.demo-mob-onb-masjid-row{display:grid;grid-template-columns:48px 1fr 22px;align-items:center;-moz-column-gap:12px;column-gap:12px;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:14px;padding:9px 12px;cursor:pointer;font-family:inherit;text-align:left;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-masjid-row[data-active=true]{box-shadow:0 8px 20px -6px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.1);transform:translateY(-1px)}.demo-mob-onb-masjid-row:hover{box-shadow:0 6px 16px -8px rgba(16,24,40,.14)}.demo-mob-onb-masjid-logo{width:40px;height:40px;border-radius:50%;background:#FDFDFE;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.demo-mob-onb-masjid-logo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.demo-mob-onb-masjid-logo-icon{background:#C4EAFC;color:#0056A4;border:1px solid #c4eafc}.demo-mob-onb-masjid-meta{min-width:0}.demo-mob-onb-masjid-meta strong{display:block;font-size:14px;font-weight:700;color:#171A1B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-onb-masjid-meta span{display:block;margin-top:1px;font-size:11.5px;color:#7D8A92;font-weight:500}.demo-mob-onb-masjid-check{width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:1.5px solid #dfe5e8;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF}.demo-mob-onb-masjid-check[data-on=true]{background:#0056A4;border-color:#0056A4}.demo-mob-onb-masjid-divider{display:flex;align-items:center;margin:12px 0 8px;font-size:11px;font-weight:600;color:#7D8A92;text-transform:uppercase;letter-spacing:.08em}.demo-mob-onb-masjid-divider:after,.demo-mob-onb-masjid-divider:before{content:"";flex:1;height:1px;background:#ECF1F4}.demo-mob-onb-masjid-divider span{padding:0 10px}.demo-mob-onb-masjid-row-alt{background:#F0F4F8}.demo-mob-onb-widgets{display:flex;flex-direction:column}.demo-mob-onb-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-mob-onb-widget{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:12px 10px 10px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-widget[data-active=true]{border-color:#0056A4;background:#C4EAFC;box-shadow:0 0 0 3px rgba(0,86,164,.12)}.demo-mob-onb-widget[data-locked=true]{cursor:default;opacity:.92}.demo-mob-onb-widget-icon{width:30px;height:30px;border-radius:9px;background:#F0F4F8;color:#0056A4;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-onb-widget[data-active=true] .demo-mob-onb-widget-icon{background:#FDFDFE;color:#0056A4}.demo-mob-onb-widget strong{font-size:12.5px;font-weight:700;color:#171A1B;letter-spacing:-.005em}.demo-mob-onb-widget-locked{gap:3px;font-size:9px;color:#7D8A92;font-weight:600}.demo-mob-onb-widget-check,.demo-mob-onb-widget-locked{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center}.demo-mob-onb-widget-check{width:18px;height:18px;border-radius:50%;background:#FFFFFF;border:1.5px solid #dfe5e8;justify-content:center;color:#FFFFFF}.demo-mob-onb-widget-check[data-on=true]{background:#0056A4;border-color:#0056A4}.demo-mob-onb-circle{display:flex;flex-direction:column}.demo-mob-onb-circle-card{background:#FDFDFE;border:1px solid #ecf1f4;border-radius:16px;padding:16px 14px 14px;box-shadow:0 1px 3px rgba(16,24,40,.04)}.demo-mob-onb-circle-avatars{display:flex;align-items:center;margin-bottom:14px}.demo-mob-onb-circle-avatar{width:36px;height:36px;border-radius:50%;color:#FFFFFF;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;border:2.5px solid #fdfdfe;margin-left:-10px;box-shadow:0 1px 3px rgba(16,24,40,.08)}.demo-mob-onb-circle-avatar:first-child{margin-left:0}.demo-mob-onb-circle-avatar-sm{width:24px;height:24px;font-size:9px;border-width:2px;margin-left:-7px}.demo-mob-onb-circle-avatar-sm:first-child{margin-left:0}.demo-mob-onb-circle-add{margin-left:-8px;width:36px;height:36px;border-radius:50%;background:#FFFFFF;color:#0056A4;border:2px dashed #6aabe5;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mob-onb-circle-label{display:block;font-size:12px;color:#444C51;font-weight:500;letter-spacing:.02em;margin-bottom:5px}.demo-mob-onb-circle-input{width:100%;background:#FDFDFE;border:1px solid #dfe5e8;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600;color:#171A1B;font-family:inherit;outline:none;margin-bottom:14px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-circle-input:focus{border-color:#0056A4;box-shadow:0 0 0 4px rgba(0,86,164,.18)}.demo-mob-onb-skip-line{text-align:center;font-size:12px;color:#7D8A92;margin:12px 0 0}.demo-mob-onb-reveal{flex:1;display:flex;flex-direction:column;gap:10px;position:relative;text-align:center}.demo-mob-onb-reveal-burst{position:absolute;inset:-56px -18px;background:radial-gradient(circle at 30% 20%,rgba(106,171,229,.3) 0,transparent 120px),radial-gradient(circle at 70% 30%,rgba(0,86,164,.18) 0,transparent 120px);animation:revealBurst 1.4s cubic-bezier(.2,.8,.2,1);pointer-events:none}@keyframes revealBurst{0%{opacity:0;transform:scale(.7)}50%{opacity:1}to{opacity:.55;transform:scale(1.08)}}.demo-mob-onb-reveal-card{position:relative;z-index:1;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:16px;padding:16px 14px;box-shadow:0 20px 32px -8px rgba(16,24,40,.12);text-align:left}.demo-mob-onb-reveal-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.demo-mob-onb-reveal-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0056A4,#1C2A5B);color:#FFFFFF;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-onb-reveal-header strong{display:block;font-size:14px;color:#171A1B;font-weight:700}.demo-mob-onb-reveal-masjid{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#444C51;margin-top:2px}.demo-mob-onb-reveal-masjid img{width:14px;height:14px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:.5px solid #dfe5e8}.demo-mob-onb-reveal-divider{height:1px;background:#ECF1F4;margin:12px 0}.demo-mob-onb-reveal-eyebrow{display:block;font-size:10px;font-weight:700;color:#7D8A92;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.demo-mob-onb-reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.demo-mob-onb-reveal-pill{display:flex;align-items:center;gap:6px;background:#C4EAFC;padding:6px 9px;border-radius:999px}.demo-mob-onb-reveal-pill span{color:#0056A4;display:inline-flex;flex-shrink:0}.demo-mob-onb-reveal-pill strong{font-size:11px;color:#0056A4;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-onb-reveal-fam{display:flex;align-items:center;gap:10px}.demo-mob-onb-reveal-fam-avatars{display:inline-flex}.demo-mob-onb-reveal-fam strong{font-size:13px;color:#171A1B;font-weight:700}.demo-mob-edit-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#F0F4F8,#C4EAFC);border-bottom:1px solid #6aabe5;padding:.5rem 1rem;font-size:.75rem;font-weight:700;color:#044D95}.demo-mob-edit-bar span{display:inline-flex;align-items:center;gap:6px}.demo-mob-edit-bar button{background:#6AABE5;color:white;border:none;padding:4px 10px;border-radius:999px;font-size:.6875rem;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-widget-slot{position:relative;display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-widget-slot[data-editing=true]{animation:wobble 1.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}.demo-mob-widget-controls{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;gap:4px;background:rgba(255,255,255,.96);border-radius:999px;padding:4px;box-shadow:0 4px 12px rgba(0,31,78,.16)}.demo-mob-widget-controls button{width:22px;height:22px;background:#EEF2F8;color:#0056A4;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mob-widget-controls button:disabled{opacity:.35;cursor:not-allowed}.demo-mob-widget-controls .demo-mob-widget-remove{background:#FEE2E2;color:#DC2626}.demo-mob-add-widget{display:flex;align-items:center;justify-content:center;gap:6px;background:white;border:1.5px dashed #c5daf2;border-radius:22px;padding:.75rem;font-size:.8125rem;font-weight:700;color:#0056A4;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-add-widget:hover{background:#EEF2F8;border-color:#0056A4}.demo-mob-w-prayer{position:relative;display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#044D95,#032E59);color:white;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:.875rem .875rem .75rem;overflow:hidden;cursor:pointer;font-family:inherit;text-align:left;width:100%;box-shadow:0 10px 28px rgba(0,31,78,.2);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-w-prayer:active{transform:scale(.98)}.demo-mob-w-prayer-orb{position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(106,171,229,.35),rgba(106,171,229,0));filter:blur(8px);animation:prayerOrb 5s ease-in-out infinite;pointer-events:none}@keyframes prayerOrb{0%,to{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(-12px,8px) scale(1.08);opacity:1}}.demo-mob-w-prayer-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.demo-mob-w-prayer-head>div:first-child>span{display:block;font-size:.625rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.demo-mob-w-prayer-head strong{display:block;font-size:1.625rem;font-weight:800;color:white;letter-spacing:-.02em;line-height:1.1;margin-top:2px}.demo-mob-w-prayer-time{display:block;font-size:.8125rem;color:rgba(255,255,255,.75);margin-top:2px;font-weight:500}.demo-mob-w-prayer-qibla{display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.demo-mob-w-prayer-qibla>span{font-size:.5rem;color:rgba(106,171,229,.9);font-weight:800;letter-spacing:.12em}.demo-mob-w-prayer-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:relative}.demo-mob-w-prayer-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:rgba(255,255,255,.06);border-radius:11px;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-w-prayer-cell:hover{background:rgba(255,255,255,.12)}.demo-mob-w-prayer-cell[data-active=true]{background:rgba(106,171,229,.22);box-shadow:inset 0 0 0 1px rgba(106,171,229,.6)}.demo-mob-w-prayer-cell[data-done=true]{background:rgba(16,185,129,.32)}.demo-mob-w-prayer-cell>span{font-size:.5625rem;color:rgba(255,255,255,.85);font-weight:600}.demo-mob-w-prayer-cell>strong{font-size:.75rem;color:white;font-weight:700;font-variant-numeric:tabular-nums}.demo-mob-w-prayer-cell[data-done=true]>strong{color:#C8FFD6}.demo-mob-w-prayer-foot{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid rgba(255,255,255,.08);font-size:.6875rem;color:rgba(255,255,255,.75);font-weight:600}.demo-mob-w-prayer-streak{gap:4px;color:#6AABE5}.demo-mob-w-prayer-cta,.demo-mob-w-prayer-streak{display:inline-flex;align-items:center;font-weight:700}.demo-mob-w-prayer-cta{gap:2px;color:white}.demo-mob-w-reminder{position:relative;display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#F0F4F8,#FFFFFF 60%);border:1px solid #c4eafc;border-radius:22px;padding:1rem 1rem .875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%;overflow:hidden;box-shadow:0 4px 16px rgba(106,171,229,.08)}.demo-mob-w-reminder-pattern{position:absolute;inset:0;opacity:.6;pointer-events:none}.demo-mob-w-reminder-tag{position:relative;display:inline-flex;align-items:center;gap:4px;font-size:.5625rem;color:#044D95;font-weight:800;letter-spacing:.08em}.demo-mob-w-reminder-ar{position:relative;font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.5rem;color:#044D95;margin:0;text-align:right;direction:rtl;line-height:1.4}.demo-mob-w-reminder-en{position:relative;font-size:.9375rem;color:#032E59;font-weight:600;margin:0;line-height:1.5}.demo-mob-w-reminder-meta{position:relative;display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;color:#044D95;font-weight:600}.demo-mob-w-reminder-meta a{color:#6AABE5;text-decoration:none;font-weight:700}.demo-mob-w-family{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-family-head{display:flex;align-items:center;justify-content:space-between}.demo-mob-w-family-head strong{font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-family-head span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#6AABE5;font-weight:700;background:#F0F4F8;padding:3px 8px;border-radius:999px}.demo-mob-w-family-row{display:flex;align-items:center;gap:10px;padding:6px 0}.demo-mob-w-family-avatar{position:relative;width:38px;height:38px;border-radius:50%;color:white;font-weight:800;font-size:.8125rem;display:inline-flex;align-items:center;justify-content:center;border:3px solid white}.demo-mob-w-family-avatar[data-ring=green]{box-shadow:0 0 0 2.5px #10B981}.demo-mob-w-family-avatar[data-ring=amber]{box-shadow:0 0 0 2.5px #F59E0B}.demo-mob-w-family-stat{margin-left:auto;text-align:right}.demo-mob-w-family-stat strong{display:block;font-size:1rem;color:#032E59;font-weight:800}.demo-mob-w-family-stat span{display:block;font-size:.625rem;color:#486581;font-weight:600}.demo-mob-w-family-foot{font-size:.75rem;color:#486581;background:#EEF2F8;padding:6px 10px;border-radius:10px;line-height:1.5}.demo-mob-w-family-foot span{display:inline-flex;align-items:center;gap:4px}.demo-mob-w-discover{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-discover-head{display:flex;align-items:flex-start;justify-content:space-between}.demo-mob-w-discover-head strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-discover-head>div>span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-w-discover-cta{display:inline-flex;align-items:center;gap:2px;font-size:.6875rem;color:#0056A4;font-weight:700}.demo-mob-w-discover-map{height:120px;border-radius:16px;overflow:hidden;border:1px solid #e4ecf7}.demo-mob-w-discover-chips{display:inline-flex;gap:6px;flex-wrap:wrap}.demo-mob-w-discover-chip{background:#EEF2F8;color:#044D95;padding:4px 10px;border-radius:999px;font-size:.6875rem;font-weight:700}.demo-mob-w-feed{display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem}.demo-mob-w-feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.demo-mob-w-feed-head strong{font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-feed-head button{display:inline-flex;align-items:center;gap:2px;background:transparent;border:none;font-size:.6875rem;color:#0056A4;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-w-feed-compose{display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1px solid #e4ecf7;border-radius:999px;padding:.5rem .75rem;cursor:pointer;font-family:inherit;width:100%;margin-bottom:4px}.demo-mob-w-feed-avatar{width:28px;height:28px;border-radius:50%;color:white;font-weight:800;font-size:.625rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-w-feed-prompt{flex:1;min-width:0;font-size:.75rem;color:#94A3B8;font-weight:500;text-align:left}.demo-mob-w-feed-post{display:flex;flex-direction:column;gap:6px;background:#F8FAFC;border:1px solid #e4ecf7;border-radius:14px;padding:.625rem .75rem;font-family:inherit;cursor:pointer;text-align:left;width:100%}.demo-mob-w-feed-post header{display:flex;align-items:center;gap:8px}.demo-mob-w-feed-post header div{flex:1;min-width:0}.demo-mob-w-feed-post header strong{display:block;font-size:.75rem;font-weight:800;color:#032E59}.demo-mob-w-feed-post header span{display:block;font-size:.625rem;color:#486581;margin-top:1px}.demo-mob-w-feed-post p{margin:0;font-size:.8125rem;color:#032E59;line-height:1.45}.demo-mob-w-feed-pill{font-size:.5625rem;color:#10B981;font-weight:700;background:rgba(16,185,129,.12);padding:2px 8px;border-radius:999px;white-space:nowrap}.demo-mob-w-feed-pill-gold{color:#6AABE5;background:#F0F4F8}.demo-mob-w-events{display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem 0 .875rem .875rem}.demo-mob-w-events-head{display:flex;align-items:center;justify-content:space-between;padding-right:.875rem;margin-bottom:4px}.demo-mob-w-events-head strong{font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-events-head button{display:inline-flex;align-items:center;gap:2px;background:transparent;border:none;font-size:.6875rem;color:#0056A4;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-w-events-row{display:flex;gap:8px;overflow-x:auto;padding-right:.875rem;padding-bottom:4px;scrollbar-width:none}.demo-mob-w-events-row::-webkit-scrollbar{display:none}.demo-mob-w-event-card{flex:0 0 130px;display:flex;flex-direction:column;gap:4px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:0;overflow:hidden;cursor:pointer;font-family:inherit;text-align:left;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-w-event-card:active{transform:scale(.98)}.demo-mob-w-event-cover{position:relative;height:70px;display:flex;align-items:flex-start;justify-content:space-between;padding:8px}.demo-mob-w-event-date{background:rgba(255,255,255,.95);border-radius:8px;padding:4px 6px;text-align:center}.demo-mob-w-event-date span{display:block;font-size:.5rem;color:#0056A4;font-weight:800;letter-spacing:.06em}.demo-mob-w-event-date strong{display:block;font-size:.9375rem;color:#032E59;font-weight:800;line-height:1}.demo-mob-w-event-badge{background:rgba(0,0,0,.32);color:white;font-size:.5rem;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:999px}.demo-mob-w-event-card>strong{font-size:.75rem;color:#032E59;font-weight:800;padding:6px 8px 0;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}.demo-mob-w-event-card>span{font-size:.625rem;color:#486581;padding:0 8px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-w-donate{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.75rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-donate-ring{flex-shrink:0}.demo-mob-w-donate-body{flex:1;min-width:0}.demo-mob-w-donate-body strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-donate-body>span{display:block;font-size:.6875rem;color:#486581;margin-top:2px}.demo-mob-w-donate-chips{display:inline-flex;gap:4px;margin-top:8px;flex-wrap:wrap}.demo-mob-w-donate-chips span{background:#EEF2F8;color:#0056A4;padding:3px 8px;border-radius:999px;font-size:.625rem;font-weight:700}.demo-mob-w-volunteer{display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#C4EAFC,#6AABE5 110%);border:1px solid #6aabe5;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%;color:#1C1208;box-shadow:0 8px 22px rgba(106,171,229,.2)}.demo-mob-w-volunteer-tag{display:inline-flex;align-items:center;gap:4px;font-size:.5625rem;font-weight:800;letter-spacing:.08em;color:rgba(28,18,8,.7);background:rgba(255,255,255,.4);padding:3px 8px;border-radius:999px;width:-moz-max-content;width:max-content}.demo-mob-w-volunteer strong{font-size:.9375rem;font-weight:800;color:#1C1208}.demo-mob-w-volunteer p{margin:0;font-size:.75rem;color:rgba(28,18,8,.85);line-height:1.45}.demo-mob-w-volunteer-foot{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;color:#1C1208;font-weight:700;padding-top:4px}.demo-mob-w-volunteer-cta{display:inline-flex;align-items:center;gap:2px;background:rgba(0,0,0,.18);padding:4px 10px;border-radius:999px}.demo-mob-w-programs{display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-programs-head strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-programs-head span{display:block;font-size:.6875rem;color:#486581;margin-top:2px}.demo-mob-w-programs-bar{height:6px;background:#EEF2F8;border-radius:999px;overflow:hidden}.demo-mob-w-programs-bar span{display:block;height:100%;background:linear-gradient(90deg,#0056A4,#6AABE5);border-radius:999px;animation:progFill .8s cubic-bezier(.2,.8,.2,1)}@keyframes progFill{0%{width:0!important}}.demo-mob-w-programs-foot{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem;color:#486581;font-weight:600}.demo-mob-w-programs-foot>span:last-child{color:#0056A4;font-weight:700;display:inline-flex;align-items:center;gap:2px}.demo-mob-w-programs-foot span:first-child{display:inline-flex;align-items:center;gap:4px}.demo-mob-w-analytics{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-analytics-head{display:flex;align-items:center;justify-content:space-between}.demo-mob-w-analytics-head strong{font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-analytics-head span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#0056A4;font-weight:700}.demo-mob-w-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-mob-w-analytics-grid div{background:#F8FAFC;border:1px solid #e4ecf7;border-radius:10px;padding:8px;text-align:center}.demo-mob-w-analytics-grid strong{display:block;font-size:1rem;color:#032E59;font-weight:800}.demo-mob-w-analytics-grid span{display:block;font-size:.5625rem;color:#486581;margin-top:2px;font-weight:600}.demo-mob-w-analytics-bars{display:flex;align-items:flex-end;gap:5px;height:38px}.demo-mob-w-analytics-bars span{flex:1;background:#C5DAF2;border-radius:4px;min-height:4px}.demo-mob-w-analytics-bars span[data-today=true]{background:linear-gradient(180deg,#0056A4,#6AABE5)}.demo-mob-w-marketplace{display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:.875rem;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-w-marketplace-head strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-w-marketplace-head span{display:block;font-size:.6875rem;color:#6AABE5;font-weight:700;margin-top:2px}.demo-mob-w-marketplace-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.demo-mob-w-marketplace-chips::-webkit-scrollbar{display:none}.demo-mob-w-marketplace-chips span{flex-shrink:0;background:#EEF2F8;color:#044D95;padding:6px 10px;border-radius:999px;font-size:.6875rem;font-weight:700;white-space:nowrap}.demo-mob-discover,.demo-mob-discover-map{position:relative;height:100%;overflow:hidden}.demo-mob-discover-map>svg{height:100%;width:100%;display:block}.demo-mob-discover-locate,.demo-mob-discover-menubtn{position:absolute;width:36px;height:36px;background:white;border:1px solid #e4ecf7;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 6px 16px rgba(0,31,78,.1)}.demo-mob-discover-menubtn{top:.875rem;left:.875rem}.demo-mob-discover-locate{top:.875rem;right:.875rem}.demo-mob-discover-search{position:absolute;top:.875rem;left:3.5rem;right:3.5rem;display:flex;align-items:center;gap:8px;height:36px;padding:0 .875rem;background:white;border-radius:22px;font-size:.75rem;color:#94A3B8;font-weight:500;box-shadow:0 4px 12px rgba(0,31,78,.08);z-index:2}.demo-mob-discover-search>span{flex:1}.demo-mob-discover-search button{background:transparent;border:none;cursor:pointer;padding:0}.demo-mob-discover-chips{position:absolute;top:3.75rem;left:.875rem;right:.875rem;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;z-index:2}.demo-mob-discover-chips::-webkit-scrollbar{display:none}.demo-mob-discover-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:white;border:1px solid #e4ecf7;border-radius:999px;font-size:.6875rem;font-weight:700;color:#486581;cursor:pointer;font-family:inherit;white-space:nowrap;box-shadow:0 4px 10px rgba(0,31,78,.06);transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-discover-chip em{font-style:normal;background:rgba(0,86,164,.12);color:#0056A4;padding:1px 5px;border-radius:999px;font-size:.5625rem;font-weight:800}.demo-mob-discover-chip[data-active=true]{background:#0056A4;color:white;border-color:#0056A4}.demo-mob-discover-chip[data-active=true] em{background:rgba(255,255,255,.22);color:white}.demo-mob-discover-sheet{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:22px 22px 0 0;padding:.5rem .875rem .875rem;box-shadow:0 -10px 30px rgba(0,31,78,.12);z-index:2;max-height:50%;overflow-y:auto}.demo-mob-discover-sheet-handle{width:40px;height:4px;background:#CBD5E1;border-radius:2px;margin:0 auto .625rem}.demo-mob-discover-sheet-title{text-align:center;font-size:.875rem;font-weight:800;color:#032E59;margin-bottom:.625rem}.demo-mob-discover-sheet-filters{display:flex;gap:6px;margin-bottom:.625rem}.demo-mob-discover-sheet-filters button{display:inline-flex;align-items:center;gap:4px;flex:1;justify-content:center;padding:6px 8px;background:#F8FAFC;border:1px solid #e4ecf7;border-radius:999px;font-size:.625rem;font-weight:700;color:#486581;cursor:pointer;font-family:inherit}.demo-mob-discover-card{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;background:white;border:1px solid #e4ecf7;border-radius:14px;font-family:inherit;cursor:pointer;text-align:left;width:100%;margin-bottom:6px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-discover-card:hover{border-color:rgba(0,86,164,.3)}.demo-mob-discover-card-thumb{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:1.125rem;flex-shrink:0}.demo-mob-discover-card>div{flex:1;min-width:0}.demo-mob-discover-card strong{display:block;font-size:.8125rem;color:#032E59;font-weight:800}.demo-mob-discover-card span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-msg{display:flex;height:100%;background:#F8FAFC}.demo-mob-msg-rail{width:60px;flex-shrink:0;background:linear-gradient(180deg,#044D95,#032E59);display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;overflow-y:auto;scrollbar-width:none}.demo-mob-msg-rail::-webkit-scrollbar{display:none}.demo-mob-msg-rail-btn{width:38px;height:38px;background:rgba(255,255,255,.1);border:none;border-radius:50%}.demo-mob-msg-rail-btn,.demo-mob-msg-rail-server{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mob-msg-rail-server{position:relative;width:42px;height:42px;border-radius:14px;color:white;font-weight:800;font-size:.6875rem;border:none;font-family:inherit;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-msg-rail-server[data-active=true]{border-radius:10px;box-shadow:0 0 0 2.5px white,0 0 0 4px rgba(106,171,229,.4)}.demo-mob-msg-rail-server[data-active=true]:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:white;border-radius:0 2px 2px 0}.demo-mob-msg-rail-add{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.94);border:2px dashed rgba(0,86,164,.5);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-top:4px}.demo-mob-msg-main{flex:1;min-width:0;display:flex;flex-direction:column}.demo-mob-msg-head{display:flex;align-items:center;gap:10px;background:white;padding:.75rem .875rem;border-bottom:1px solid #e4ecf7;cursor:pointer}.demo-mob-msg-head-logo{width:36px;height:36px;border-radius:10px;color:white;font-weight:800;font-size:.6875rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-msg-head>div{flex:1;min-width:0}.demo-mob-msg-head strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-msg-head span{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-msg-list{flex:1;min-width:0;overflow-y:auto;padding:8px 8px 12px}.demo-mob-msg-section{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px;font-size:.5625rem;font-weight:800;letter-spacing:.08em;color:#94A3B8}.demo-mob-msg-section button{width:18px;height:18px;background:transparent;border:none;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#486581}.demo-mob-msg-section button:hover{background:#EEF2F8}.demo-mob-msg-channel{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;padding:7px 8px;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s cubic-bezier(.2,.8,.2,1)}.demo-mob-msg-channel:hover{background:white}.demo-mob-msg-channel-hash{width:28px;height:28px;border-radius:8px;background:white;display:inline-flex;align-items:center;justify-content:center;color:#486581;flex-shrink:0}.demo-mob-msg-channel>div{flex:1;min-width:0}.demo-mob-msg-channel strong{display:block;font-size:.8125rem;color:#032E59;font-weight:700}.demo-mob-msg-channel span{display:block;font-size:.625rem;color:#94A3B8;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-msg-channel-unread{background:#EF4444;color:white;font-size:.5625rem;font-weight:800;min-width:18px;height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.demo-mob-msg-dm{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;padding:7px 8px;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left}.demo-mob-msg-dm:hover{background:white}.demo-mob-msg-dm-avatar{position:relative;width:28px;height:28px;border-radius:50%;color:white;font-weight:800;font-size:.625rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-msg-dm-online{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background:#10B981;border:2px solid #f8fafc;border-radius:50%}.demo-mob-msg-dm>div{flex:1;min-width:0}.demo-mob-msg-dm strong{display:block;font-size:.75rem;color:#032E59;font-weight:700}.demo-mob-msg-dm span{display:block;font-size:.625rem;color:#486581;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-msg-chan-head{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:.625rem;background:white;border-bottom:1px solid #e4ecf7}.demo-mob-msg-chan-head>button{width:28px;height:28px;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.demo-mob-msg-chan-head>div{flex:1;min-width:0}.demo-mob-msg-chan-head strong{display:inline-flex;align-items:center;gap:4px;font-size:.9375rem;color:#032E59;font-weight:800}.demo-mob-msg-chan-head span{display:block;font-size:.625rem;color:#486581;margin-top:1px}.demo-mob-msg-chan-body{flex:1;min-width:0;overflow-y:auto;padding:.875rem;display:flex;flex-direction:column;gap:14px;background:#F8FAFC}.demo-mob-msg-chan-greet{display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.25rem 0 .875rem;border-bottom:1px solid #e4ecf7}.demo-mob-msg-chan-greet strong{font-size:1.125rem;color:#032E59;font-weight:800}.demo-mob-msg-chan-greet span{font-size:.75rem;color:#486581}.demo-mob-msg-row{display:flex;gap:8px}.demo-mob-msg-avatar{width:32px;height:32px;border-radius:50%;color:white;font-weight:800;font-size:.6875rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-msg-bubble{flex:1;min-width:0;background:white;border:1px solid #e4ecf7;border-radius:4px 14px 14px 14px;padding:8px 10px}.demo-mob-msg-meta{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.demo-mob-msg-meta strong{font-size:.75rem;color:#032E59;font-weight:800}.demo-mob-msg-meta span{font-size:.5625rem;color:#94A3B8;font-weight:600}.demo-mob-msg-bubble p{margin:0;font-size:.8125rem;color:#032E59;line-height:1.45}.demo-mob-msg-reactions{display:inline-flex;gap:4px;margin-top:6px;flex-wrap:wrap}.demo-mob-msg-reactions button{display:inline-flex;align-items:center;gap:3px;background:#EEF2F8;color:#044D95;border:1px solid #c5daf2;font-size:.625rem;font-weight:700;padding:2px 7px;border-radius:999px;cursor:pointer;font-family:inherit}.demo-mob-msg-reactions button span{font-size:.75rem}.demo-mob-msg-react-add{background:white!important;color:#94A3B8!important;padding:2px 6px!important}.demo-mob-msg-compose{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 10px;background:white;border-top:1px solid #e4ecf7}.demo-mob-msg-compose button{width:32px;height:32px;background:transparent;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.demo-mob-msg-compose input{flex:1;min-width:0;background:#F8FAFC;border:1px solid #e4ecf7;border-radius:999px;padding:8px 14px;font-size:.8125rem;font-family:inherit;outline:none;color:#032E59}.demo-mob-msg-compose input:focus{border-color:#0056A4;background:white}.demo-mob-msg-send{background:#0056A4!important}.demo-mob-cmty-cover{position:relative;flex-shrink:0;height:140px;overflow:hidden}.demo-mob-cmty-cover svg{display:block;width:100%;height:100%}.demo-mob-cmty-back,.demo-mob-cmty-share{position:absolute;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.32);backdrop-filter:blur(6px);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.demo-mob-cmty-back{top:14px;left:14px}.demo-mob-cmty-share{top:14px;right:14px}.demo-mob-cmty-head{position:relative;display:flex;align-items:flex-end;gap:12px;padding:0 .875rem .625rem;margin-top:-36px}.demo-mob-cmty-logo{width:64px;height:64px;border-radius:18px;color:white;font-weight:800;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;border:4px solid white;box-shadow:0 6px 16px rgba(0,31,78,.18);flex-shrink:0}.demo-mob-cmty-meta{flex:1;min-width:0;padding-bottom:4px}.demo-mob-cmty-meta h1{font-size:1rem;color:#032E59;font-weight:800;margin:0;letter-spacing:-.01em}.demo-mob-cmty-meta span{display:block;font-size:.6875rem;color:#486581;margin-top:2px}.demo-mob-cmty-follow{background:#0056A4;color:white;border:none;padding:8px 14px;border-radius:999px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-bottom:6px}.demo-mob-cmty-follow[data-following=true]{background:#EEF2F8;color:#0056A4}.demo-mob-cmty-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:.625rem}.demo-mob-cmty-stats div{text-align:center}.demo-mob-cmty-stats strong{display:block;font-size:1.125rem;color:#0056A4;font-weight:800}.demo-mob-cmty-stats span{display:block;font-size:.625rem;color:#486581;font-weight:600}.demo-mob-cmty-prayer{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:8px}.demo-mob-cmty-prayer div{text-align:center;padding:8px 4px;background:#F8FAFC;border-radius:9px}.demo-mob-cmty-prayer div[data-active=true]{background:#0056A4}.demo-mob-cmty-prayer span{display:block;font-size:.5625rem;color:#486581;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.demo-mob-cmty-prayer div[data-active=true] span{color:rgba(255,255,255,.85)}.demo-mob-cmty-prayer strong{display:block;font-size:.75rem;color:#032E59;font-weight:800;margin-top:2px;font-variant-numeric:tabular-nums}.demo-mob-cmty-prayer div[data-active=true] strong{color:white}.demo-mob-cmty-donate-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#0056A4,#032E59);color:white;border:none;padding:12px;border-radius:14px;font-size:.8125rem;font-weight:800;cursor:pointer;font-family:inherit;margin-top:4px}.demo-mob-profile-quickstats{display:flex;flex:1;gap:0}.demo-mob-profile-quickstats button{flex:1;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:center;padding:0}.demo-mob-profile-quickstats strong{display:block;font-size:1.125rem;color:#032E59;font-weight:800}.demo-mob-profile-quickstats span{display:block;font-size:.625rem;color:#486581;font-weight:600;margin-top:1px}.demo-mob-profile-pill{display:inline-flex;align-items:center;gap:3px;font-size:.5625rem;font-weight:800;background:#F0F4F8;color:#044D95;padding:2px 8px;border-radius:999px}.demo-mob-profile-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:.875rem}.demo-mob-profile-quick-row button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:white;border:1px solid #e4ecf7;border-radius:11px;font-size:.6875rem;font-weight:700;color:#044D95;cursor:pointer;font-family:inherit}.demo-mob-profile-activity{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.demo-mob-profile-activity li{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#032E59}.demo-mob-profile-activity li span{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-badge{display:flex;flex-direction:column;align-items:center;padding:.625rem 4px;background:#F8FAFC;border-radius:11px;border:1px solid #e4ecf7;cursor:pointer;font-family:inherit}.demo-mob-badge span{font-size:.625rem;color:#032E59;font-weight:700;text-align:center;margin-top:4px;line-height:1.2}.demo-mob-profile-compose-cta,.demo-mob-profile-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:#0056A4;color:white;border:none;padding:11px;border-radius:12px;font-size:.8125rem;font-weight:800;cursor:pointer;font-family:inherit;width:100%}.demo-mob-profile-cta-light{background:#EEF2F8;color:#0056A4}.demo-mob-prayer-hero{position:relative;background:linear-gradient(135deg,#044D95,#032E59);color:white;border-radius:22px;padding:1.25rem 1rem;overflow:hidden;text-align:center}.demo-mob-prayer-hero-orb{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(106,171,229,.4),transparent 60%);filter:blur(4px)}.demo-mob-prayer-hero span:first-of-type{display:block;font-size:.625rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.demo-mob-prayer-hero strong{display:block;font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:4px 0 2px}.demo-mob-prayer-hero em{display:block;font-size:1rem;color:rgba(255,255,255,.8);font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}.demo-mob-prayer-hero-foot{position:relative;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.85)}.demo-mob-prayer-hero-foot span{display:inline-flex;align-items:center;gap:4px}.demo-mob-prayer-hero-foot span:first-child{color:#6AABE5;font-weight:800}.demo-mob-prayer-list{display:flex;flex-direction:column;gap:6px}.demo-mob-prayer-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:10px 12px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-prayer-item:disabled{opacity:.55;cursor:default}.demo-mob-prayer-item[data-active=true]{background:linear-gradient(135deg,#0056A4,#044D95);border-color:#0056A4;color:white}.demo-mob-prayer-item[data-active=true] span,.demo-mob-prayer-item[data-active=true] strong{color:white}.demo-mob-prayer-item-icon{width:28px;height:28px;border-radius:50%;background:#EEF2F8;display:inline-flex;align-items:center;justify-content:center;color:#0056A4}.demo-mob-prayer-item[data-active=true] .demo-mob-prayer-item-icon{background:rgba(255,255,255,.18);color:white}.demo-mob-prayer-item strong{font-size:.9375rem;color:#032E59;font-weight:800}.demo-mob-prayer-item span{font-size:.8125rem;color:#486581;font-weight:600;font-variant-numeric:tabular-nums}.demo-mob-prayer-item-check{width:22px;height:22px;border-radius:50%;background:white;border:1.5px solid #e4ecf7;display:inline-flex;align-items:center;justify-content:center;color:white}.demo-mob-prayer-item-check[data-on=true]{background:#10B981;border-color:#10B981}.demo-mob-prayer-item[data-done=true]{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.2)}.demo-mob-prayer-qibla{display:flex;justify-content:center;background:white;border:1px solid #e4ecf7;border-radius:22px;padding:1rem}.demo-mob-prayer-hadith{background:white;border-left:4px solid #6aabe5;border-radius:4px 14px 14px 4px;padding:14px 16px;font-style:italic}.demo-mob-prayer-hadith p{margin:0 0 6px;font-size:.875rem;color:#032E59;line-height:1.5}.demo-mob-prayer-hadith span{font-size:.75rem;color:#044D95;font-weight:700;font-style:normal}.demo-mob-evt-hero{position:relative;flex-shrink:0;height:150px;overflow:hidden}.demo-mob-evt-hero svg{width:100%;height:100%;display:block}.demo-mob-evt-hero-tag{position:absolute;top:14px;right:60px;background:rgba(0,0,0,.32);color:white;font-size:.5625rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px)}.demo-mob-evt-title{font-size:1.25rem;color:#032E59;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.2}.demo-mob-evt-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.demo-mob-evt-meta div{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#486581;background:white;border:1px solid #e4ecf7;border-radius:10px;padding:6px 10px}.demo-mob-evt-cta-row{display:flex;gap:6px;margin-top:4px}.demo-mob-evt-rsvp{flex:1.4;background:#0056A4;color:white;border:none;padding:12px;border-radius:12px;font-size:.875rem;font-weight:800;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.demo-mob-evt-rsvp[data-on=true]{background:#10B981}.demo-mob-evt-cta-secondary{flex:1;background:white;color:#044D95;border:1px solid #e4ecf7;padding:12px;border-radius:12px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px}.demo-mob-evt-about{font-size:.875rem;color:#486581;line-height:1.55;margin:0}.demo-mob-evt-going{display:flex;align-items:center;gap:6px;padding:8px 12px;background:white;border:1px solid #e4ecf7;border-radius:12px}.demo-mob-evt-going-avatar{width:30px;height:30px;border-radius:50%;color:white;font-weight:800;font-size:.625rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid white;margin-left:-8px}.demo-mob-evt-going-avatar:first-child{margin-left:0}.demo-mob-evt-going>span:last-child{margin-left:auto;font-size:.75rem;color:#486581;font-weight:600}.demo-mob-compose-post{background:#0056A4!important;color:white!important;border:none;padding:6px 14px!important;border-radius:999px!important;font-size:.75rem;font-weight:800;cursor:pointer;font-family:inherit}.demo-mob-compose-post:disabled{background:#CBD5E1!important;cursor:not-allowed}.demo-mob-compose-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:.875rem;background:white}.demo-mob-compose-meta{display:flex;align-items:center;gap:8px}.demo-mob-compose-audience{display:inline-flex;align-items:center;gap:4px;background:#EEF2F8;border:1px solid #c5daf2;border-radius:999px;padding:5px 10px;font-size:.6875rem;color:#044D95;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-compose-text{width:100%;min-height:100px;border:none;resize:none;font-family:inherit;font-size:1rem;color:#032E59;outline:none;line-height:1.5;background:transparent}.demo-mob-compose-text::-moz-placeholder{color:#94A3B8}.demo-mob-compose-text::placeholder{color:#94A3B8}.demo-mob-compose-attach{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;border-top:1px solid #e4ecf7}.demo-mob-compose-attach button{display:inline-flex;align-items:center;gap:4px;background:#EEF2F8;border:1px solid #c5daf2;border-radius:999px;padding:6px 10px;font-size:.6875rem;font-weight:700;color:#044D95;cursor:pointer;font-family:inherit}.demo-mob-compose-attach button[data-active=true]{background:#0056A4;color:white;border-color:#0056A4}.demo-mob-compose-poll{display:flex;flex-direction:column;gap:6px;padding:12px;background:#F8FAFC;border-radius:12px}.demo-mob-compose-poll input{background:white;border:1px solid #e4ecf7;border-radius:8px;padding:8px 10px;font-size:.8125rem;font-family:inherit;outline:none}.demo-mob-compose-poll button{background:transparent;border:1px dashed #c5daf2;color:#0056A4;border-radius:8px;padding:6px;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer}.demo-mob-compose-dua{background:#F0F4F8;border:1px solid #c4eafc;border-radius:12px;padding:10px 12px}.demo-mob-compose-dua span{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:#044D95;font-weight:700}.demo-mob-compose-dua p{margin:4px 0 0;font-size:.6875rem;color:#044D95}.demo-mob-compose-dua-btn{display:inline-flex;align-items:center;gap:4px;background:#F0F4F8;color:#044D95;border:1px solid #c4eafc;padding:6px 10px;border-radius:999px;font-size:.6875rem;font-weight:800;cursor:pointer;font-family:inherit;margin-top:6px}.demo-mob-compose-preview{display:flex;flex-direction:column;gap:6px}.demo-mob-compose-preview>span{font-size:.5625rem;color:#94A3B8;font-weight:800;letter-spacing:.08em}.demo-mob-wallet-card{background:linear-gradient(135deg,#044D95,#032E59);color:white;border-radius:22px;padding:1rem;position:relative;overflow:hidden}.demo-mob-wallet-card:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(106,171,229,.32),transparent 60%);pointer-events:none}.demo-mob-wallet-card>span:first-child{display:block;font-size:.5625rem;font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.7)}.demo-mob-wallet-card>strong{display:block;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:4px 0}.demo-mob-wallet-card>p{margin:0 0 12px;font-size:.75rem;color:rgba(255,255,255,.75)}.demo-mob-wallet-row{display:flex;gap:8px;position:relative}.demo-mob-wallet-row button{flex:1;background:rgba(255,255,255,.16);color:white;border:1px solid rgba(255,255,255,.18);padding:9px;border-radius:999px;font-size:.75rem;font-weight:800;cursor:pointer;font-family:inherit}.demo-mob-wallet-row button:first-child{background:#6AABE5;border-color:#6AABE5}.demo-mob-wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-mob-wallet-stats div{text-align:center;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:10px 6px}.demo-mob-wallet-stats strong{display:block;font-size:.9375rem;color:#032E59;font-weight:800}.demo-mob-wallet-stats span{display:block;font-size:.5625rem;color:#486581;font-weight:600;margin-top:2px}.demo-mob-wallet-zakat{display:flex;align-items:center;gap:10px;width:100%;background:linear-gradient(135deg,#F0F4F8,#FFFFFF);border:1px solid #c4eafc;border-radius:14px;padding:10px 12px;cursor:pointer;font-family:inherit;text-align:left}.demo-mob-wallet-zakat svg{color:#6AABE5;flex-shrink:0}.demo-mob-wallet-zakat>div{flex:1;min-width:0}.demo-mob-wallet-zakat strong{display:block;font-size:.8125rem;color:#032E59;font-weight:800}.demo-mob-wallet-zakat span{display:block;font-size:.6875rem;color:#044D95;margin-top:1px}.demo-mob-wallet-txn{display:flex;align-items:center;gap:10px;width:100%;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:9px 12px;cursor:pointer;font-family:inherit;text-align:left}.demo-mob-wallet-txn-icon{width:32px;height:32px;border-radius:9px;background:#EEF2F8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-wallet-txn>div{flex:1;min-width:0}.demo-mob-wallet-txn strong{display:block;font-size:.8125rem;color:#032E59;font-weight:700}.demo-mob-wallet-txn span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-wallet-txn-amount{font-size:.875rem;color:#044D95;font-weight:800}.demo-mob-wallet-export{background:#EEF2F8;color:#0056A4;border:none;padding:11px;border-radius:12px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-settings-group{display:flex;flex-direction:column;background:white;border:1px solid #e4ecf7;border-radius:14px;overflow:hidden}.demo-mob-toggle-row{display:flex;align-items:center;gap:10px;background:white;border:none;border-bottom:1px solid #f4f7fa;padding:11px 14px;font-family:inherit;cursor:pointer;text-align:left;width:100%}.demo-mob-toggle-row:last-child{border-bottom:none}.demo-mob-toggle-icon{width:28px;height:28px;border-radius:9px;background:#EEF2F8;color:#0056A4;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-toggle-row>div{flex:1;min-width:0}.demo-mob-toggle-row strong{display:block;font-size:.875rem;color:#032E59;font-weight:700}.demo-mob-toggle-row span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-toggle{width:38px;height:22px;background:#E4ECF7;border-radius:999px;position:relative;transition:background .2s cubic-bezier(.2,.8,.2,1);flex-shrink:0}.demo-mob-toggle>span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-toggle[data-on=true]{background:#10B981}.demo-mob-toggle[data-on=true]>span{transform:translateX(16px)}.demo-mob-settings-theme{display:flex;gap:6px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:4px}.demo-mob-settings-theme button{flex:1;background:transparent;border:none;padding:8px;font-size:.75rem;font-weight:700;color:#486581;cursor:pointer;font-family:inherit;border-radius:10px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-settings-theme button[data-active=true]{background:#0056A4;color:white}.demo-mob-settings-version{text-align:center;font-size:.6875rem;color:#94A3B8;display:block;margin-top:10px}.demo-mob-donate-card{background:white;border:1px solid #e4ecf7;border-radius:22px;padding:1rem;text-align:center}.demo-mob-donate-progress{position:relative;margin:0 auto;width:-moz-max-content;width:max-content}.demo-mob-donate-progress-text{position:absolute;left:0;right:0;top:60%;transform:translateY(-50%);text-align:center}.demo-mob-donate-progress-text strong{display:block;font-size:1.25rem;color:#032E59;font-weight:800}.demo-mob-donate-progress-text span{display:block;font-size:.625rem;color:#486581;font-weight:600;margin-top:1px}.demo-mob-donate-desc{margin:0;font-size:.8125rem;color:#486581;line-height:1.5}.demo-mob-donate-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-mob-donate-amounts button{background:white;border:1px solid #e4ecf7;border-radius:11px;padding:11px;font-size:.9375rem;font-weight:800;color:#032E59;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-donate-amounts button[data-active=true]{background:#0056A4;color:white;border-color:#0056A4;box-shadow:0 6px 16px rgba(0,86,164,.2)}.demo-mob-donate-custom{display:flex;align-items:center;background:white;border:1.5px solid #0056a4;border-radius:11px;padding:8px 12px}.demo-mob-donate-custom span{font-size:1rem;color:#0056A4;font-weight:800}.demo-mob-donate-custom input{flex:1;border:none;font-size:1.25rem;font-weight:800;color:#032E59;font-family:inherit;outline:none}.demo-mob-donate-cta{background:linear-gradient(135deg,#0056A4,#032E59);color:white;border:none;padding:14px;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 8px 22px rgba(0,86,164,.32)}.demo-mob-donate-fine{font-size:.625rem;color:#94A3B8;text-align:center;margin:0;line-height:1.5}.demo-mob-volunteer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-mob-volunteer-stats div{text-align:center;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:9px}.demo-mob-volunteer-stats strong{display:block;font-size:1rem;color:#6AABE5;font-weight:800}.demo-mob-volunteer-stats span{display:block;font-size:.5625rem;color:#486581;margin-top:2px;font-weight:600}.demo-mob-volunteer-match{display:flex;flex-direction:column;gap:6px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:.875rem}.demo-mob-volunteer-match-tag{display:inline-flex;align-items:center;gap:4px;font-size:.5625rem;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:999px;width:-moz-max-content;width:max-content}.demo-mob-volunteer-match>strong{font-size:1rem;color:#032E59;font-weight:800}.demo-mob-volunteer-match>span{font-size:.75rem;color:#486581;font-weight:600}.demo-mob-volunteer-match>p{margin:0;font-size:.8125rem;color:#486581;line-height:1.5}.demo-mob-volunteer-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.demo-mob-volunteer-foot>span{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;color:#6AABE5;font-weight:700}.demo-mob-volunteer-foot>div{display:inline-flex;gap:6px}.demo-mob-volunteer-skip{background:transparent;color:#486581;border:1px solid #e4ecf7;border-radius:999px;padding:7px 14px;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-volunteer-accept{background:#0056A4;color:white;border:none;border-radius:999px;padding:7px 16px;font-size:.75rem;font-weight:800;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px}.demo-mob-volunteer-accept[data-on=true]{background:#10B981}.demo-mob-family-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#C4EAFC,#6AABE5);color:#1C1208;border-radius:14px;padding:1rem;box-shadow:0 6px 18px rgba(106,171,229,.2)}.demo-mob-family-hero strong{display:block;font-size:1.0625rem;font-weight:800}.demo-mob-family-hero span{display:block;font-size:.75rem;opacity:.85;margin-top:1px}.demo-mob-family-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:10px 12px;cursor:pointer;font-family:inherit;text-align:left;width:100%}.demo-mob-family-row>div:first-child{flex:0 0 auto}.demo-mob-family-row>div:nth-child(2){flex:1;min-width:0}.demo-mob-family-row strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-family-row span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-family-row-avatar{width:42px;height:42px;border-radius:50%;color:white;font-weight:800;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;border:3px solid white;flex-shrink:0}.demo-mob-family-row-avatar[data-ring=green]{box-shadow:0 0 0 2.5px #10B981}.demo-mob-family-row-avatar[data-ring=amber]{box-shadow:0 0 0 2.5px #F59E0B}.demo-mob-family-encourage{display:inline-flex;align-items:center;gap:4px;background:#F0F4F8;color:#044D95;border:1px solid #c4eafc;border-radius:999px;padding:5px 10px;font-size:.6875rem;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0}.demo-mob-family-dua-card{background:white;border:1px solid #e4ecf7;border-radius:14px;padding:12px}.demo-mob-family-dua-card>span:first-child{font-size:.625rem;color:#94A3B8;font-weight:700}.demo-mob-family-dua-card p{margin:4px 0 10px;font-size:.875rem;color:#032E59;line-height:1.5}.demo-mob-family-dua-row{display:flex;gap:6px}.demo-mob-family-dua-row button{flex:1;background:#EEF2F8;border:1px solid #c5daf2;color:#044D95;border-radius:999px;padding:7px;font-size:.6875rem;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-family-dua-row button:last-child{background:#DCFCE7;border-color:#BBF7D0;color:#166534}.demo-mob-family-add-dua{display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:1.5px dashed #c5daf2;color:#0056A4;border-radius:12px;padding:11px;font-size:.8125rem;font-weight:700;cursor:pointer;font-family:inherit}.demo-mob-reminder-card{position:relative;background:linear-gradient(135deg,#F0F4F8,white);border:1px solid #c4eafc;border-radius:22px;padding:1.25rem 1rem;text-align:center;overflow:hidden}.demo-mob-reminder-tag{display:inline-flex;align-items:center;gap:4px;font-size:.5625rem;color:#044D95;font-weight:800;letter-spacing:.08em;background:white;padding:4px 10px;border-radius:999px;border:1px solid #c4eafc}.demo-mob-reminder-ar{font-family:Amiri,Noto Naskh Arabic,serif;font-size:2rem;color:#044D95;direction:rtl;line-height:1.4;margin:.625rem 0 .5rem}.demo-mob-reminder-trans{font-size:1.125rem;color:#032E59;font-weight:600;margin:0 0 6px;line-height:1.5}.demo-mob-reminder-src{font-size:.75rem;color:#044D95;font-weight:700}.demo-mob-reminder-tafsir{background:white;border:1px solid #e4ecf7;border-radius:14px;padding:12px 14px}.demo-mob-reminder-tafsir strong{display:block;font-size:.75rem;color:#044D95;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.demo-mob-reminder-tafsir p{margin:0;font-size:.8125rem;color:#486581;line-height:1.5}.demo-mob-analytics-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-mob-analytics-ring{display:flex;flex-direction:column;align-items:center;gap:4px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:10px 6px}.demo-mob-analytics-ring span{font-size:.625rem;color:#486581;font-weight:700}.demo-mob-analytics-streak{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#F0F4F8,white);border:1px solid #c4eafc;border-radius:14px;padding:12px}.demo-mob-analytics-streak strong{display:block;font-size:1.25rem;color:#032E59;font-weight:800}.demo-mob-analytics-streak span{display:block;font-size:.6875rem;color:#044D95}.demo-mob-analytics-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:12px}.demo-mob-analytics-day{display:flex;flex-direction:column;align-items:center;gap:5px;height:100px}.demo-mob-analytics-day-bar{width:18px;background:linear-gradient(180deg,#0056A4,#6AABE5);border-radius:4px 4px 1px 1px;margin-top:auto}.demo-mob-analytics-day-label{font-size:.625rem;color:#94A3B8;font-weight:700}.demo-mob-analytics-insight{display:flex;gap:10px;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:10px 12px}.demo-mob-analytics-insight svg{flex-shrink:0;margin-top:2px}.demo-mob-analytics-insight p{margin:0;font-size:.8125rem;color:#486581;line-height:1.5}.demo-mob-analytics-insight strong{color:#032E59;font-weight:800}.demo-mob-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-mob-badge-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:12px 10px;text-align:center}.demo-mob-badge-card strong{font-size:.75rem;color:#032E59;font-weight:800;line-height:1.25}.demo-mob-badge-card span{font-size:.625rem;color:#486581;line-height:1.4}.demo-mob-notif-row{display:flex;align-items:center;gap:10px;width:100%;background:white;border:1px solid #e4ecf7;border-radius:12px;padding:10px 12px;cursor:pointer;font-family:inherit;text-align:left}.demo-mob-notif-icon{width:32px;height:32px;border-radius:9px;background:#EEF2F8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.demo-mob-notif-row>div{flex:1;min-width:0}.demo-mob-notif-row strong{display:block;font-size:.8125rem;color:#032E59;font-weight:700}.demo-mob-notif-row span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-notif-ts{font-size:.625rem;color:#94A3B8;font-weight:600;flex-shrink:0}.demo-mob-ticket-add{background:#0056A4;color:white;border:none;padding:5px 10px;border-radius:999px;font-size:.625rem;font-weight:800;cursor:pointer;font-family:inherit;margin-left:auto;flex-shrink:0}.demo-mob-evt-row{display:flex;align-items:center;gap:12px;width:100%;background:white;border:1px solid #e4ecf7;border-radius:14px;padding:9px 11px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-evt-row:hover{border-color:rgba(0,86,164,.3)}.demo-mob-evt-row-date{flex-shrink:0;width:44px;background:linear-gradient(135deg,#EEF2F8,white);border:1px solid #c5daf2;border-radius:10px;padding:6px 0;text-align:center}.demo-mob-evt-row-date span{display:block;font-size:.5rem;color:#0056A4;font-weight:800;letter-spacing:.06em}.demo-mob-evt-row-date strong{display:block;font-size:1.125rem;color:#032E59;font-weight:800;line-height:1}.demo-mob-evt-row>div:nth-child(2){flex:1;min-width:0}.demo-mob-evt-row strong{font-size:.8125rem;color:#032E59;font-weight:800}.demo-mob-evt-row span{display:block;font-size:.6875rem;color:#486581;margin-top:1px}.demo-mob-auth{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1.25rem 1.5rem;background:linear-gradient(180deg,#EEF2F8,white);text-align:center}.demo-mob-auth-logo{display:flex;justify-content:center;margin-bottom:.75rem}.demo-mob-auth h1{font-size:1.5rem;color:#032E59;font-weight:800;margin:0;letter-spacing:-.02em}.demo-mob-auth p{font-size:.8125rem;color:#486581;margin:4px 0 1.25rem}.demo-mob-auth-form{display:flex;flex-direction:column;gap:8px;text-align:left}.demo-mob-auth-form label{font-size:.6875rem;color:#486581;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.demo-mob-auth-form input{background:white;border:1px solid #e4ecf7;border-radius:12px;padding:12px 14px;font-size:.9375rem;color:#032E59;font-family:inherit;outline:none}.demo-mob-auth-form input:focus{border-color:#0056A4}.demo-mob-auth-check{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#486581;margin:4px 0}.demo-mob-auth-cta{background:#0056A4;color:white;border:none;padding:13px;border-radius:12px;font-size:.9375rem;font-weight:800;cursor:pointer;font-family:inherit;margin-top:6px}.demo-mob-auth-link{background:transparent;border:none;color:#0056A4;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;padding:6px}.demo-mob-auth-divider{display:flex;align-items:center;margin:14px 0 6px}.demo-mob-auth-divider:after,.demo-mob-auth-divider:before{content:"";flex:1;height:1px;background:#E4ECF7}.demo-mob-auth-divider span{padding:0 12px;font-size:.6875rem;color:#94A3B8;font-weight:600}.demo-mob-auth-social{background:white;border:1px solid #e4ecf7;padding:12px;border-radius:12px;font-size:.875rem;font-weight:700;color:#032E59;cursor:pointer;font-family:inherit}.demo-mob-auth small{display:block;font-size:.6875rem;color:#94A3B8;text-align:center;margin-top:6px;line-height:1.5}.demo-mob-bnav-v2{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr 48px 1fr 1fr;align-items:center;gap:0;padding:6px 8px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid #e4ecf7;position:relative}.demo-mob-bnav-v2-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;border:none;padding:5px 4px;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative}.demo-mob-bnav-v2-btn span{font-size:.625rem;font-weight:600;color:#94A3B8}.demo-mob-bnav-v2-btn[data-active=true] span{color:#0056A4;font-weight:800}.demo-mob-bnav-v2-btn[data-active=true]:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:3px;background:#0056A4;border-radius:0 0 3px 3px}.demo-mob-bnav-fab{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0056A4,#044D95);border:3px solid white;color:white;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,86,164,.4);margin-top:-22px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-bnav-fab:active{transform:scale(.92)}.demo-mob-showcase-v2{display:flex;flex-direction:column;gap:1rem;padding:1.25rem clamp(1rem,2vw,2rem)}.demo-mob-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center}@media (max-width:980px){.demo-mob-showcase-grid{grid-template-columns:1fr}}.demo-mob-showcase-copy{display:flex;flex-direction:column;gap:.875rem;min-width:0}.demo-mob-showcase-copy .demo-showcase-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;color:#032E59;letter-spacing:-.025em;line-height:1.1;margin:0}.demo-mob-showcase-copy .demo-showcase-sub{font-size:.9375rem;color:#486581;line-height:1.6;margin:0;max-width:540px}.demo-mob-showcase-banner{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#F0F4F8,#C4EAFC);border:1px solid #6aabe5;border-radius:14px;padding:12px 14px;color:#044D95;font-family:inherit;max-width:540px}.demo-mob-showcase-banner>svg{flex-shrink:0;margin-top:2px}.demo-mob-showcase-banner strong{display:block;font-size:.8125rem;font-weight:800}.demo-mob-showcase-banner span{display:block;font-size:.75rem;opacity:.9;margin-top:1px;line-height:1.45}.demo-mob-showcase-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem;max-width:540px}.demo-mob-showcase-list li{display:flex;gap:10px;align-items:flex-start}.demo-mob-showcase-list-bullet{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#EEF2F8,#C5DAF2);color:#0056A4;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.demo-mob-showcase-list strong{display:block;font-size:.875rem;color:#032E59;font-weight:800}.demo-mob-showcase-list span{display:block;font-size:.8125rem;color:#486581;margin-top:1px;line-height:1.5}.demo-mob-showcase-device-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(560px,75vh,760px);padding:1rem 0}.demo-mob-showcase-device-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,86,164,.18) 0,transparent 50%),radial-gradient(circle at 30% 80%,rgba(106,171,229,.14) 0,transparent 45%);filter:blur(20px);pointer-events:none;z-index:0}.demo-mob-showcase-device{position:relative;z-index:1;width:clamp(290px,32vw,360px);aspect-ratio:9/19.5;background:linear-gradient(135deg,#1C2A5B,#032E59);border-radius:44px;padding:12px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),0 0 0 7px rgba(28,42,91,.45),0 30px 80px rgba(0,31,78,.4),0 12px 30px rgba(0,31,78,.28)}.demo-mob-showcase-device-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#0A0E20;border-radius:999px;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.demo-mob-showcase-device-notch:after{content:"";width:7px;height:7px;border-radius:50%;background:#0C1A3A;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.06),0 0 4px rgba(120,160,220,.4)}.demo-mob-showcase-device-screen{position:relative;height:100%;width:100%;border-radius:34px;overflow:hidden;background:#F0F5F9;display:flex;flex-direction:column}.demo-mob-showcase-device-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:110px;height:4px;background:rgba(255,255,255,.7);border-radius:999px;z-index:4;pointer-events:none}.demo-mob-showcase-device-screen>.demo-mobile{position:absolute;inset:0;height:100%;width:100%}@media (max-width:980px){.demo-mob-showcase-device-wrap{min-height:600px}.demo-mob-showcase-device{width:310px}}@media (max-width:520px){.demo-mob-showcase-v2{padding:1rem}.demo-mob-showcase-device{width:100%;max-width:340px}}.demo-mob-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0}.demo-mob-stage,.demo-phone-content>.demo-mobile{width:100%;height:100%}.demo-phone-content{padding-top:36px}.demo-phone-notch{display:none!important}.demo-phone-content{padding-top:0!important}.demo-mob-onb,.demo-mob-onb-stage,.demo-mobile,.demo-mobile-body,.demo-mobile-screen{scrollbar-width:none!important}.demo-mob-onb-stage::-webkit-scrollbar,.demo-mobile ::-webkit-scrollbar,.demo-mobile-body::-webkit-scrollbar,.demo-mobile-screen::-webkit-scrollbar{display:none!important;width:0;height:0}.demo-mob-onb-perm-state-line{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:0;background:none;color:#0056A4;font-size:13px;font-weight:700;letter-spacing:-.005em;white-space:nowrap}.demo-mob-onb-perm-state-line svg{flex-shrink:0}.demo-mob-onb-masjid-search{display:flex;align-items:center;gap:8px;background:#FDFDFE;border:1px solid #dfe5e8;border-radius:10px;padding:8px 12px;margin-bottom:10px;color:#7D8A92;transition:border-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-masjid-search:focus-within{border-color:#0056A4;box-shadow:0 0 0 4px rgba(0,86,164,.14)}.demo-mob-onb-masjid-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:#171A1B}.demo-mob-onb-masjid-search input::-moz-placeholder{color:#9299B0}.demo-mob-onb-masjid-search input::placeholder{color:#9299B0}.demo-mob-onb-masjid-search-clear{width:20px;height:20px;background:#ECF1F4;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#7D8A92;cursor:pointer}.demo-mob-onb-masjid-search-clear:hover{background:#DFE5E8;color:#171A1B}.demo-mob-onb-masjid-empty{background:#FDFDFE;border:1px dashed #dfe5e8;border-radius:12px;padding:12px;font-size:12.5px;color:#7D8A92;text-align:center}.demo-mob-onb-widget{background:#FDFDFE;border:1px solid #ecf1f4;box-shadow:none;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-widget[data-active=true]{background:#FDFDFE;border-color:#ECF1F4;box-shadow:0 8px 20px -6px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.1);transform:translateY(-1px)}.demo-mob-onb-circle-seg{display:flex;gap:4px;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:999px;padding:4px;margin-bottom:14px}.demo-mob-onb-circle-seg button{flex:1;background:transparent;border:none;font-family:inherit;font-size:12.5px;font-weight:600;color:#444C51;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-circle-seg button[data-active=true]{background:#0056A4;color:#FFFFFF}.demo-mob-onb-circle-empty{display:flex;flex-direction:column;align-items:center;gap:4px;background:#F0F4F8;border:1px dashed #dfe5e8;border-radius:12px;padding:16px 12px;text-align:center;margin:10px 0 14px}.demo-mob-onb-circle-empty-icon{width:36px;height:36px;border-radius:10px;background:#FDFDFE;color:#0056A4;display:inline-flex;align-items:center;justify-content:center}.demo-mob-onb-circle-empty strong{font-size:13px;color:#171A1B;font-weight:700}.demo-mob-onb-circle-empty span{font-size:11.5px;color:#7D8A92;line-height:1.45}.demo-mob-onb-circle-state{display:flex;align-items:center;gap:10px;background:#C4EAFC;border:1px solid rgba(0,86,164,.18);border-radius:12px;padding:10px 12px;margin:10px 0 14px}.demo-mob-onb-circle-state>div{flex:1;min-width:0}.demo-mob-onb-circle-state strong{display:block;font-size:13px;color:#032E59;font-weight:700}.demo-mob-onb-circle-state span{display:block;margin-top:1px;font-size:11.5px;color:#0056A4;line-height:1.45}.demo-mob-onb-circle-invite{display:flex;flex-direction:column;gap:10px}.demo-mob-onb-circle-codecard{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#FDFDFE;border:1px solid #dfe5e8;border-radius:12px;padding:10px 12px}.demo-mob-onb-circle-codecard>span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#7D8A92;grid-column:1;grid-row:1}.demo-mob-onb-circle-codecard>strong{font-size:17px;font-weight:800;color:#171A1B;letter-spacing:.04em;font-variant-numeric:tabular-nums;grid-column:1;grid-row:2}.demo-mob-onb-circle-codecard>button{grid-column:2;grid-row:1/span 2;display:inline-flex;align-items:center;gap:4px;background:#F0F4F8;color:#0056A4;border:1px solid #dfe5e8;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.demo-mob-onb-circle-codecard>button:hover{background:#C4EAFC}.demo-mob-onb-circle-invite-row{display:grid;grid-template-columns:1fr auto;gap:8px}.demo-mob-onb-circle-qr-cta,.demo-mob-onb-circle-scan,.demo-mob-onb-circle-share-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:10px 14px;border-radius:999px}.demo-mob-onb-circle-share-cta{background:#0056A4;color:#FFFFFF;border:none}.demo-mob-onb-circle-share-cta:hover{background:#004999}.demo-mob-onb-circle-qr-cta{background:#FDFDFE;color:#0056A4;border:1px solid #0056a4}.demo-mob-onb-circle-qr-cta[aria-pressed=true]{background:#C4EAFC}.demo-mob-onb-circle-scan{background:transparent;color:#0056A4;border:1px solid #dfe5e8;margin-top:8px;width:100%}.demo-mob-onb-circle-qrbox{display:flex;flex-direction:column;align-items:center;gap:8px;background:#FDFDFE;border:1px solid #dfe5e8;border-radius:12px;padding:14px}.demo-mob-onb-circle-qrbox svg{width:140px;height:140px}.demo-mob-onb-circle-qrbox span{font-size:11.5px;color:#444C51;text-align:center;line-height:1.45}.demo-mob-onb-circle-input-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:18px;letter-spacing:.12em;text-align:center;text-transform:uppercase}.demo-mob-onb-reveal2{flex:1;justify-content:center;text-align:center;margin:0;padding:0 24px 48px;color:#FFFFFF;overflow:hidden}.demo-mob-onb-reveal2,.demo-mob-onb-reveal2-core{position:relative;display:flex;flex-direction:column;align-items:center}.demo-mob-onb-reveal2-core{z-index:2;gap:14px;max-width:280px}.demo-mob-onb-reveal2-logo{width:64px;height:100px;display:inline-flex;align-items:center;justify-content:center;position:relative}.demo-mob-onb-reveal2-logo img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.demo-mob-onb-reveal2-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.88);text-transform:uppercase}.demo-mob-onb-reveal2 h1{font-size:26px;font-weight:800;color:#FFFFFF;letter-spacing:-.022em;line-height:1.18;margin:0}.demo-mob-onb-reveal2 p{margin:0;font-size:14px;color:rgba(253,253,254,.78);line-height:1.55}.demo-mob-onb-cta-inline{margin-top:20px}.demo-mob-onb-cta-float{position:absolute;left:0;right:0;bottom:60px;display:flex;align-items:center;justify-content:center;z-index:9;pointer-events:none}.demo-mob-onb-cta-float>*{pointer-events:auto}.demo-mob-onb-cta-float-min{bottom:18px;justify-content:flex-start;padding-left:18px}.demo-mob-onb-back-glass{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-back-glass:hover{background:rgba(255,255,255,.22);transform:translateX(-2px)}.demo-mob-onb-navpill-wrap{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;z-index:9;padding:0 14px;pointer-events:none}.demo-mob-onb-navpill{pointer-events:auto;display:inline-grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:rgba(253,253,254,.78);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 6px 6px 10px;box-shadow:0 1px 3px rgba(16,24,40,.06),0 12px 28px -8px rgba(16,24,40,.18),inset 0 1px 0 rgba(255,255,255,.85)}.demo-mob-onb-navpill-back{width:30px;height:30px;border:none;background:transparent;color:#444C51;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-navpill-back:hover{background:rgba(0,86,164,.08);color:#0056A4}.demo-mob-onb-navpill-dots{display:inline-flex;gap:4px;align-items:center;justify-content:center;padding:0 4px}.demo-mob-onb-navpill-cta{display:inline-flex;align-items:center;gap:5px;background:#0056A4;color:#FFFFFF;border:none;padding:7px 14px;border-radius:999px;font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:-.005em;cursor:pointer;box-shadow:0 4px 12px rgba(0,86,164,.22);transition:background .18s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-navpill-cta:hover{background:#004999;transform:translateY(-1px)}.demo-mob-onb[data-dark=true] .demo-mob-onb-navpill{background:rgba(15,25,50,.4);border-color:rgba(255,255,255,.18);box-shadow:0 1px 3px rgba(0,0,0,.2),0 12px 28px -8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12)}.demo-mob-onb[data-dark=true] .demo-mob-onb-navpill-back{color:rgba(255,255,255,.78)}.demo-mob-onb[data-dark=true] .demo-mob-onb-navpill-back:hover{background:rgba(255,255,255,.1);color:#FFFFFF}.demo-mob-onb-realmap-pins{position:absolute;inset:0;pointer-events:none}.demo-mob-onb-realmap-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;overflow:hidden;background:#FDFDFE;box-shadow:0 4px 10px -2px rgba(16,24,40,.22),0 2px 4px rgba(16,24,40,.1);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-realmap-pin img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.demo-mob-onb-realmap-pin[data-active=true]{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 10px 22px -4px rgba(16,24,40,.3),0 4px 10px rgba(16,24,40,.16)}.demo-mob-onb-prv-stage{position:relative;margin:6px -22px 14px;overflow:hidden;height:340px;touch-action:pan-y}.demo-mob-onb-prv-track{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;transition:transform .54s cubic-bezier(.2,.8,.2,1);will-change:transform}.demo-mob-onb-prv-card{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 22px;opacity:.35;transform:scale(.94);transition:opacity .46s cubic-bezier(.2,.8,.2,1),transform .54s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-prv-card[data-active=true]{opacity:1;transform:scale(1)}.demo-mob-onb-prv-screen{position:relative;width:180px;height:220px;border-radius:26px;overflow:hidden;background:#FAFAF8;box-shadow:0 20px 32px -8px rgba(16,24,40,.18),0 6px 12px -4px rgba(16,24,40,.1),inset 0 0 0 1px rgba(16,24,40,.04)}.demo-mob-onb-prv-meta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:260px}.demo-mob-onb-prv-eyebrow{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#6AABE5;letter-spacing:.08em}.demo-mob-onb-prv-meta strong{font-size:16px;font-weight:800;color:#171A1B;letter-spacing:-.01em}.demo-mob-onb-prv-meta>span:last-child{font-size:12.5px;color:#444C51;line-height:1.45}.demo-mob-onb-prv-tap{position:absolute;top:0;bottom:0;width:22%;background:transparent;border:none;cursor:pointer;z-index:2}.demo-mob-onb-prv-tap-l{left:0}.demo-mob-onb-prv-tap-r{right:0}.demo-mob-onb-prv-dots{display:inline-flex;gap:5px;align-self:center;background:transparent;margin-top:4px}.demo-mob-onb-prv-dot{width:5px;height:5px;border-radius:999px;background:#DFE5E8;border:none;padding:0;cursor:pointer;transition:all .28s cubic-bezier(.2,.8,.2,1)}.demo-mob-onb-prv-dot[data-active=true]{background:#0056A4;width:18px}.demo-prv{position:absolute;inset:0;font-family:Inter,system-ui,sans-serif;color:#171A1B}.demo-prv-statusbar{height:22px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;color:#171A1B;letter-spacing:.04em}.demo-prv-prayer{background:linear-gradient(180deg,#044D95,#1C2A5B);color:#FFFFFF}.demo-prv-prayer .demo-prv-statusbar{color:rgba(255,255,255,.78)}.demo-prv-prayer-hero{text-align:center;padding:8px 14px 12px}.demo-prv-prayer-hero>span:first-child{display:block;font-size:8px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.65)}.demo-prv-prayer-hero strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;margin:2px 0 1px}.demo-prv-prayer-hero em{display:block;font-size:11px;color:rgba(255,255,255,.78);font-style:normal;font-weight:600}.demo-prv-prayer-list{display:flex;flex-direction:column;gap:4px;padding:0 12px}.demo-prv-prayer-list div{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:11px}.demo-prv-prayer-list div[data-state=d]{opacity:.65}.demo-prv-prayer-list div[data-state=a]{background:#FDFDFE;color:#044D95;font-weight:800}.demo-prv-prayer-list div span{font-weight:600}.demo-prv-prayer-list div strong{font-weight:700}.demo-prv-feed{background:#FAFAF8}.demo-prv-feed-top{display:flex;align-items:center;gap:10px;padding:4px 14px 10px;border-bottom:1px solid #ecf1f4}.demo-prv-feed-top>strong{font-size:14px;color:#171A1B;font-weight:800;flex:1}.demo-prv-feed-tab{font-size:10px;font-weight:700;color:#7D8A92;padding:3px 6px;border-bottom:2px solid transparent}.demo-prv-feed-tab[data-active]{color:#0056A4;border-color:#0056A4}.demo-prv-feed article{background:#FDFDFE;border-bottom:1px solid #ecf1f4;padding:10px 14px}.demo-prv-feed article p{font-size:11px;color:#444C51;line-height:1.4;margin:6px 0 0}.demo-prv-feed-row{display:flex;align-items:center;gap:8px}.demo-prv-feed-av{width:24px;height:24px;border-radius:50%;color:#FFFFFF;font-weight:800;font-size:9px;display:inline-flex;align-items:center;justify-content:center}.demo-prv-feed-row>div{flex:1;min-width:0}.demo-prv-feed-row strong{display:block;font-size:11px;color:#171A1B;font-weight:800}.demo-prv-feed-row span{display:block;font-size:9px;color:#7D8A92;margin-top:1px}.demo-prv-giving{background:#FAFAF8}.demo-prv-giving-head{text-align:center;padding:6px 14px 10px;border-bottom:1px solid #ecf1f4}.demo-prv-giving-head strong{display:block;font-size:13px;font-weight:800;color:#171A1B}.demo-prv-giving-head span{display:block;font-size:10px;color:#7D8A92;margin-top:1px}.demo-prv-giving-ring{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0}.demo-prv-giving-amt{text-align:center}.demo-prv-giving-amt strong{display:block;font-size:18px;font-weight:800;color:#0056A4}.demo-prv-giving-amt span{display:block;font-size:10px;color:#7D8A92}.demo-prv-giving-chips{display:flex;justify-content:center;gap:6px;padding:6px 14px}.demo-prv-giving-chips span{background:#ECF1F4;color:#171A1B;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px}.demo-prv-giving-chips span[data-active]{background:#0056A4;color:#FFFFFF}.demo-prv-circle{background:#FAFAF8}.demo-prv-circle-head{text-align:center;padding:6px 14px 10px;border-bottom:1px solid #ecf1f4}.demo-prv-circle-head strong{display:block;font-size:13px;font-weight:800;color:#171A1B}.demo-prv-circle-head span{display:block;font-size:10px;color:#7D8A92;margin-top:1px}.demo-prv-circle-row{display:flex;justify-content:center;gap:6px;padding:12px 14px}.demo-prv-circle-av{width:32px;height:32px;border-radius:50%;color:#FFFFFF;font-weight:800;font-size:11px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fdfdfe;box-shadow:0 0 0 2px #6AABE5}.demo-prv-circle-dua{margin:0 14px;padding:8px 10px;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:8px}.demo-prv-circle-dua>span:first-child{display:block;font-size:8px;font-weight:700;letter-spacing:.06em;color:#7D8A92}.demo-prv-circle-dua p{margin:3px 0;font-size:11px;color:#171A1B;line-height:1.4}.demo-prv-circle-dua em{font-style:normal;font-size:9.5px;color:#0056A4;font-weight:700}.demo-prv-trust{background:linear-gradient(180deg,#044D95,#1C2A5B);color:#FFFFFF}.demo-prv-trust .demo-prv-statusbar{color:rgba(255,255,255,.78)}.demo-prv-trust-shield{display:flex;justify-content:center;padding:8px 0 6px;color:#FFFFFF}.demo-prv-trust-list{display:flex;flex-direction:column;gap:6px;padding:0 18px}.demo-prv-trust-list>div{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600}.demo-prv-trust-list>div svg{color:#6AABE5;background:rgba(255,255,255,.92);border-radius:50%;padding:2px;flex-shrink:0}.demo-mob-search-field{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:#F0F4F8;border:1px solid #ecf1f4;border-radius:999px;padding:7px 12px;transition:border-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1)}.demo-mob-search-field:focus-within{border-color:#0056A4;background:#FDFDFE;box-shadow:0 0 0 4px rgba(0,86,164,.14)}.demo-mob-search-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:#171A1B}.demo-mob-search-field input::-moz-placeholder{color:#7D8A92}.demo-mob-search-field input::placeholder{color:#7D8A92}.demo-mob-search-clear{width:18px;height:18px;background:#DFE5E8;border:none;border-radius:50%;color:#444C51;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.demo-mob-search-recent{display:flex;flex-wrap:wrap;gap:6px}.demo-mob-search-recent button{display:inline-flex;align-items:center;gap:5px;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:11.5px;font-weight:600;color:#444C51;cursor:pointer}.demo-mob-search-recent button:hover{color:#0056A4;border-color:#6AABE5}.demo-mob-search-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;-moz-column-gap:12px;column-gap:12px;width:100%;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:12px;padding:8px 12px 8px 8px;cursor:pointer;font-family:inherit;text-align:left;margin-bottom:6px;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-search-row:hover{box-shadow:0 6px 14px -6px rgba(16,24,40,.14)}.demo-mob-search-row>div{min-width:0}.demo-mob-search-row strong{font-size:13.5px;font-weight:700;color:#171A1B}.demo-mob-search-row span,.demo-mob-search-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-mob-search-row span{margin-top:1px;font-size:11.5px;color:#7D8A92}.demo-mob-search-avatar{width:40px;height:40px;border-radius:50%;color:#FFFFFF;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.demo-mob-search-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center;background:#FDFDFE;border:1px dashed #ecf1f4;border-radius:14px}.demo-mob-search-empty strong{font-size:14px;color:#171A1B;font-weight:700}.demo-mob-search-empty span{font-size:12px;color:#7D8A92}.demo-mob-prog-card{display:flex;flex-direction:column;gap:8px;width:100%;background:#FDFDFE;border:1px solid #ecf1f4;border-radius:14px;padding:12px 14px;cursor:pointer;font-family:inherit;text-align:left;margin-bottom:8px;transition:box-shadow .2s cubic-bezier(.2,.8,.2,1)}.demo-mob-prog-card:hover{box-shadow:0 8px 18px -8px rgba(16,24,40,.16)}.demo-mob-prog-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.demo-mob-prog-card-head>div:first-child{flex:1;min-width:0}.demo-mob-prog-card-head strong{display:block;font-size:14px;font-weight:700;color:#171A1B}.demo-mob-prog-card-head span{display:block;margin-top:1px;font-size:11.5px;color:#7D8A92}.demo-mob-prog-pct{font-size:12.5px;font-weight:800;color:#0056A4}.demo-mob-prog-bar{height:6px;background:#F0F4F8;border-radius:999px;overflow:hidden}.demo-mob-prog-bar>span{display:block;height:100%;background:linear-gradient(90deg,#0056A4,#6AABE5);border-radius:999px}.demo-mob-prog-foot{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#444C51;font-weight:600}.demo-mob-prog-foot>span:first-child{display:inline-flex;align-items:center;gap:5px;color:#7D8A92}.demo-mob-prog-foot>span:last-child{display:inline-flex;align-items:center;gap:2px;color:#0056A4;font-weight:700}.demo-mob-prog-card-rec{padding:11px 14px}.demo-mob-prog-enroll{gap:3px;color:#0056A4;padding:4px 10px;font-size:11px;font-weight:700}.demo-mob-guest-pill,.demo-mob-prog-enroll{display:inline-flex;align-items:center;background:#C4EAFC;border-radius:999px}.demo-mob-guest-pill{gap:4px;color:#044D95;padding:2px 8px;font-size:9.5px;font-weight:800;letter-spacing:.04em;margin-left:6px}.demo-mob-guest-create{display:grid;grid-template-columns:38px 1fr auto;align-items:center;-moz-column-gap:12px;column-gap:12px;background:linear-gradient(135deg,#044D95,#1C2A5B);color:#FFFFFF;border:none;border-radius:16px;padding:12px 14px;margin-bottom:12px;cursor:pointer;font-family:inherit;text-align:left;width:100%;box-shadow:0 12px 24px -8px rgba(0,86,164,.3)}.demo-mob-guest-create>svg{background:rgba(255,255,255,.16);border-radius:10px;padding:7px;width:38px;height:38px}.demo-mob-guest-create>div{min-width:0}.demo-mob-guest-create strong{display:block;font-size:14px;font-weight:800;letter-spacing:-.01em}.demo-mob-guest-create span{display:block;margin-top:1px;font-size:11.5px;color:rgba(255,255,255,.78);line-height:1.4}.demo-mob-guest-create>svg:last-child{background:transparent;padding:0;width:16px;height:16px;color:rgba(255,255,255,.78)}.demo-mob-gate-backdrop{position:absolute;inset:0;z-index:200;display:flex;align-items:flex-end;background:rgba(16,24,40,.55);backdrop-filter:blur(6px);animation:gateFade .2s cubic-bezier(.2,.8,.2,1)}@keyframes gateFade{0%{opacity:0}to{opacity:1}}.demo-mob-gate{width:100%;background:#FDFDFE;border-radius:22px 22px 0 0;padding:24px 22px;box-shadow:0 -16px 40px -8px rgba(16,24,40,.2);animation:gateSlide .32s cubic-bezier(.2,.8,.2,1)}@keyframes gateSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.demo-mob-gate-handle{width:36px;height:4px;background:#DFE5E8;border-radius:2px;margin:-10px auto 12px}.demo-mob-gate-icon{width:52px;height:52px;border-radius:14px;background:#C4EAFC;color:#0056A4;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px}.demo-mob-gate h2{text-align:center;font-size:18px;font-weight:800;color:#171A1B;letter-spacing:-.02em;margin:0 0 4px}.demo-mob-gate>p{text-align:center;font-size:13px;color:#444C51;line-height:1.5;margin:0 0 18px}.demo-mob-gate-cta{display:block;width:100%;background:#0056A4;color:#FFFFFF;border:none;padding:13px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.demo-mob-gate-cta:hover{background:#004999}.demo-mob-gate-alt{color:#0056A4;padding:12px 0 0;font-size:13px}.demo-mob-gate-alt,.demo-mob-gate-dismiss{display:block;width:100%;background:transparent;border:none;font-family:inherit;font-weight:600;cursor:pointer}.demo-mob-gate-dismiss{color:#7D8A92;padding:14px 0 0;font-size:12.5px}