@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#263d39;background:#f6f7f4;font-synthesis:none;font-weight:400;--green:#1e5146;--light:#eaf1eb;--muted:#7a8781;--line:#e5e9e2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;color:inherit;transition:background .15s,box-shadow .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c1a36c;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}h1{font-size:34px;font-weight:750;letter-spacing:-1.3px;line-height:1.25}h2{font-size:19px;font-weight:750;letter-spacing:-.5px}p{line-height:1.65}small{font-size:12px}input,select{width:100%;padding:12px 13px;border:1px solid #dce3dc;border-radius:8px;background:#fff;color:#263d39;min-height:43px}label{display:block;font-size:13px;font-weight:550;margin-bottom:17px}label input,label select{display:block;margin-top:8px}.primary,.secondary{padding:11px 17px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;min-height:41px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 7px #143b2c0b}.secondary{background:#fff;border:1px solid #dce3dc;color:var(--green)}.text-button{font-size:12px;font-weight:600;color:var(--green);padding:6px 0}.icon-button{padding:8px;border-radius:7px}.full{width:100%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#83928b}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.8px}.brand>div{display:flex;align-items:center;gap:8px}.brand>div>span{letter-spacing:1.7px;font-size:9px;align-self:end;margin-bottom:4px;color:#91a198}.brand-mark{width:39px;height:41px;background:var(--green);color:#fff;display:grid;place-items:center;border-radius:12px 12px 4px}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 24px 18px;display:flex;flex-direction:column;z-index:30}.workspace{margin:39px 0 29px;padding:15px 13px;background:#f6f8f4;border-radius:9px;border:1px solid #e9ede5}.workspace>span{font-size:9px;letter-spacing:1.3px;color:#8b968e;font-weight:600}.workspace select{font-weight:650;font-size:12px;padding:6px 0;background:none;border:0;min-height:31px}.workspace small{color:#849186;font-size:11px}.nav-item{width:100%;justify-content:flex-start;padding:13px 14px;margin:4px 0;border-radius:8px;font-size:13px;color:#6e7c74;font-weight:500;gap:12px}.nav-item.active{background:#eaf1eb;color:var(--green);font-weight:700}.nav-dot{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.support-note{display:flex;gap:12px;background:#f7f7ef;padding:17px 12px;border-radius:8px;color:#889174;margin:25px 0}.support-note p{font-size:11px}.support-note strong{font-weight:500;color:#67765c}.profile{width:100%;text-align:left;justify-content:flex-start;padding:12px 0;border-top:1px solid var(--line)}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.profile small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f0e7d7;color:#927b55;font-weight:650;flex-shrink:0}.logout{font-size:11px;color:#8b948f;padding:8px 0;gap:9px}.main{margin-left:250px}.topbar{height:76px;padding:0 43px;background:#ffffffa6;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#86928b;gap:10px}.topbar>div{display:flex;gap:14px;align-items:center}.topbar strong{color:#4f6259;font-weight:500}.topbar small{font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#719b7a}.content{padding:35px 43px 20px;max-width:1570px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 30px}.page-heading h1{margin:9px 0 10px}.page-heading p{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{border:1px solid var(--line);background:#fff;padding:21px 22px;border-radius:12px}.stat>div{display:flex;align-items:center;justify-content:space-between;color:#849487;font-size:12px;gap:8px}.stat>div svg{color:#9aab9c}.stat>strong{display:block;font-family:Manrope,system-ui;font-size:31px;font-weight:650;letter-spacing:-1px;margin:14px 0 7px}.stat>small{font-size:10px;color:#93a091}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 18px;gap:15px}.panel-heading .eyebrow{display:block;margin-bottom:9px;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;margin-bottom:26px}.group-row{width:100%;justify-content:flex-start;text-align:left;padding:17px 25px;border-top:1px solid #f0f2ed;gap:16px}.group-row>span:nth-child(2){flex:1}.group-row strong{display:block;font-size:13px;font-weight:600}.group-row small{display:block;font-size:10px;color:#929b94;margin-top:7px}.group-row>svg{color:#9fa89e}.tile-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#edf2eb;color:#6a8b70;flex-shrink:0}.tile-icon.gold{background:#f8f1e2;color:#af945a}.worship-feature{position:relative;overflow:hidden;border-radius:12px;background:#254b41;color:#f8faf4;padding:29px 31px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}.worship-feature:after{content:"";width:230px;height:330px;border:1px solid #ffffff18;border-radius:50%;position:absolute;right:-100px;top:-35px;transform:rotate(-25deg);z-index:-1;box-shadow:0 0 0 20px #ffffff05,0 0 0 40px #ffffff04,0 0 0 60px #ffffff03}.worship-feature .eyebrow{color:#aec3af;font-size:9px}.worship-feature>svg{color:#c0c89c;margin:22px 0 13px}.worship-feature h2{font-size:30px;line-height:1.2;letter-spacing:-.8px}.worship-feature p{font-size:11px;color:#bfd0c1;margin:15px 0 22px;max-width:240px}.worship-feature button{background:#f2f4df;color:#355644;padding:12px 17px;border-radius:7px;font-size:11px;font-weight:650;width:100%;margin-top:auto;justify-content:space-between}.activity{display:flex;gap:14px;align-items:center;padding:16px 25px;border-top:1px solid #f0f2ed}.activity>div{flex:1}.activity strong{display:block;font-size:12px;font-weight:550}.activity small{display:block;font-size:10px;color:#8b978c;margin-top:5px}.activity time{font-size:10px;color:#94a08f;text-align:right}.activity-dot{width:8px;height:8px;border-radius:50%;background:#c9ae71}.activity-dot.called{background:#6c9978}.muted{color:#8c988d;font-size:11px}footer{padding-top:35px;color:#a1a99d;font-size:10px;display:flex;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.community-card,.group-card{padding:24px}.cards .badge{float:right}.cards h2{margin:21px 0 8px}.cards p{font-size:12px;color:var(--muted);margin-bottom:24px}.community-card button{margin-right:10px;margin-bottom:6px}.badge{font-size:10px;background:#f2f4ee;color:#7d8b75;padding:5px 9px;border-radius:5px;white-space:nowrap}.badge.green{background:#edf4ec;color:#628469}.search{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);color:#95a18e}.content>.search{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:22px}.search input{border:0;background:none;padding:8px 0;min-height:30px;font-size:12px}.search input::placeholder{color:#9aa495}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#87947f;font-size:10px;font-weight:500;letter-spacing:.5px;background:#fbfcf9}th,td{padding:17px 23px;border-bottom:1px solid #eef1e9}td strong{font-size:12px;font-weight:550}.user-id{display:block;color:#9aa394;font-size:10px;margin-top:6px;word-break:break-all}.member-list{font-size:12px;min-height:20px}.member-list>div{border-top:1px solid #edf0e8;padding:10px 0}.member-list small{display:block;font-size:10px;color:#94a087;margin-top:5px}.card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.info-strip{display:flex;gap:12px;align-items:center;background:#edf2e8;color:#758268;padding:16px 20px;border-radius:9px;margin-bottom:24px}.info-strip svg{flex-shrink:0}.info-strip p{font-size:12px}.info-strip strong{color:#506746}.worship-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:23px;align-items:start}.padded{padding:13px 24px}.padded label{margin:0;font-size:11px}.song-row{display:flex;align-items:center;gap:13px;padding:19px 21px;border-bottom:1px solid #eff1e9;flex-wrap:wrap}.song-number{display:grid;place-items:center;width:31px;height:35px;background:#f4f2e9;border-radius:6px;color:#a18d61;font-size:11px}.song-title{flex:1;min-width:130px}.song-title strong{display:block;font-size:12px}.song-title small{display:block;font-size:10px;color:#94a08b;margin-top:4px}.song-title .text-button{font-size:10px}.song-actions{display:flex;gap:7px}.song-actions button{padding:7px 10px;min-height:32px;font-size:10px}.hint{font-size:11px;line-height:1.7;color:#8e9b86}.empty{padding:45px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;color:#98a18f}.empty p{font-size:12px;max-width:360px}.welcome{background:#fff;border:1px solid var(--line);border-radius:12px;padding:65px 24px}.welcome h2{color:#40583e}.welcome code{font-size:11px;word-break:break-all}.welcome button{margin-top:10px}.alert,.notice,.demo-banner{padding:13px 17px;border-radius:8px;font-size:12px;line-height:1.5;margin-bottom:19px;display:flex;gap:10px;align-items:center}.alert{color:#9b4935;background:#fff0e9}.alert>button{margin-left:auto}.notice{background:#e9f3e7;color:#4f7547}.demo-banner{color:#8d794f;background:#f2eddb;font-size:11px}.demo-banner span{font-size:9px;letter-spacing:1px;font-weight:700;white-space:nowrap}.modal{border:1px solid var(--line);border-radius:15px;padding:0;width:min(480px,calc(100vw - 30px));color:#263d39;max-height:90vh;box-shadow:0 20px 70px #152c3830}.modal::backdrop{background:#102a2860;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal form{padding:25px}.modal .panel-heading{padding:0 0 20px}.dialog-description{font-size:12px;color:var(--muted);margin-bottom:24px;overflow-wrap:anywhere}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#23483d;color:#fff;padding:44px 60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story .brand-mark{background:#f1f2dc;color:#345445}.login-story h1{font-size:52px;letter-spacing:-2px;line-height:1.14;margin:20px 0 25px}.login-story p{color:#bfd0bf;font-size:14px}.login-story .eyebrow{color:#b6c6ab;font-size:10px}.login-story>small{font-size:10px;color:#97b099}.login-form{display:grid;place-items:center;padding:40px 25px;background:#fbfcf8}.login-box{width:100%;max-width:360px}.login-box h2{font-size:30px;margin:12px 0 15px}.login-box>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-box label{font-size:12px}.login-box input{margin-top:10px;padding:13px;background:#fff}.login-box form{margin-bottom:12px}.login-box .hint{display:block;text-align:center;margin-top:17px;font-size:10px}.divider{display:flex;align-items:center;gap:15px;color:#a0a797;font-size:8px;letter-spacing:1.5px;margin:22px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e1e5d9}.story-art{height:150px;display:flex;gap:14px;margin-top:40px;align-items:end}.story-art span{border:1px solid #8fa78a55;border-bottom:0;border-radius:90px 90px 0 0;width:70px;height:110px;background:linear-gradient(#96ad7c22,transparent)}.story-art span:nth-child(2){height:145px}.story-art span:nth-child(3){height:90px}.story-art span:nth-child(4){height:125px}.loading{display:grid;min-height:100vh;place-items:center}.mobile-menu{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.content{padding-top:45px}.dashboard-grid{grid-template-columns:1.8fr 1fr}.group-row{padding:22px 25px}}@media(max-width:1200px){.sidebar{width:220px;padding:28px 18px}.main{margin-left:220px}.content{padding:28px}.topbar{padding:0 28px}.cards{grid-template-columns:repeat(2,1fr)}.stats{gap:12px}.stat{padding:17px}.worship-grid{grid-template-columns:1fr}.worship-grid>.panel:last-child{max-height:400px;overflow:auto}}@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.worship-feature{min-height:270px}.worship-feature>svg{position:absolute;right:35px;top:40px}.worship-feature button{max-width:260px}.cards{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:29px}.login-story{padding:35px}.login-story h1{font-size:40px}}@media(max-width:650px){.sidebar{transform:translate(-100%);transition:transform .2s;width:250px}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:63px;padding:0 16px;gap:4px}.topbar>div{gap:7px}.topbar>div>span:first-of-type{display:none}.topbar small{font-size:9px}.content{padding:23px 17px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.stat{padding:16px}.stat>div{font-size:11px}.stat>strong{font-size:27px}.stat>small{font-size:9px}.panel-heading{padding:20px 18px}.group-row{padding:17px}.activity{padding:16px 17px}.demo-banner{font-size:10px;align-items:flex-start;flex-direction:column;gap:4px}.song-row{padding:16px}.song-actions{margin-left:44px}.song-title{min-width:160px}footer{font-size:8px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#172d3460;z-index:29;width:100%}.login{grid-template-columns:1fr}.login-story{padding:25px;min-height:260px}.login-story .brand{font-size:20px}.login-story h1{font-size:32px;margin:17px 0 12px}.login-story>div:nth-child(2){margin-top:25px}.login-story .eyebrow,.login-story>small,.story-art{display:none}.login-story p{font-size:11px}.login-form{padding:35px 25px}.login-box h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}