:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f8fc;background:#040914;--panel:#081525;--line:#21334b;--purple:#6630bd;--green:#36b65d;--blue:#2589db;--gold:#d08e1b;--cyan:#178dc9;--pink:#b93786;--muted:#9ca8b9}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#0b1830 0,#050a16 45%,#02060d)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #4ac9ff;outline-offset:2px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding-bottom:68px}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#060d18;border-right:1px solid #17283c;padding:12px}.brand{display:flex;gap:9px;align-items:center;margin-bottom:14px}.brand-icon{font-size:34px}.brand strong{display:block;font-size:20px}.brand small{display:block;color:#b26eff;font-size:8px}.side-nav{display:grid;gap:3px}.side-nav button{border:0;background:transparent;border-radius:7px;padding:8px 10px;display:flex;gap:9px;align-items:center;color:#c2cad7}.side-nav button.active,.side-nav button:hover{background:linear-gradient(90deg,#40216b,#2b1743);box-shadow:inset 0 0 0 1px #6e35b9;color:#fff}.side-nav em{margin-left:auto;background:#6731ab;border-radius:99px;padding:2px 6px;font-size:8px;font-style:normal}.verse-side{margin-top:15px;text-align:center;min-height:185px;background:linear-gradient(180deg,#211044,#120b27)}.verse-side .cross{font-size:55px;color:#d3a7ff;text-shadow:0 0 22px #883cff}.verse-side blockquote{font-size:10px;line-height:1.5;margin:10px}.verse-side small{color:#c282ff}.main{min-width:0;padding:0 12px 10px}.topbar{height:70px;display:flex;align-items:center;gap:12px}.collapse{border:0;background:#111127;border-radius:8px;width:44px;height:44px}.welcome h1{font-size:18px;margin:0}.welcome p{font-size:8px;color:#99a6b8;margin:2px 0}.search-box{margin-left:auto;width:min(360px,35vw);border:1px solid #27384f;border-radius:8px;background:#07121f;padding:9px 12px;display:flex;gap:8px;align-items:center}.search-box input{width:100%;border:0;background:transparent;color:#fff}.top-actions{display:flex;gap:10px;align-items:center}.top-actions>button{position:relative;border:0;background:transparent}.top-actions sup{position:absolute;right:-7px;top:-8px;background:#e4213f;border-radius:99px;padding:2px 5px;font-size:8px}.profile{display:flex;gap:8px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#4e3325,#aa734e)}.profile b{display:block;font-size:9px}.profile small{font-size:8px;color:#9aa6b6}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.content-column,.right-column{display:grid;gap:10px;align-content:start}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #21344d;border-radius:9px;padding:11px;box-shadow:0 8px 25px #0004}.panel h2{font-size:12px;margin:0}.panel p{font-size:8px;color:#a8b3c2}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title button,.link-btn{border:0;background:transparent;color:#a761ef;font-size:7px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.stat{display:flex;gap:10px;align-items:center;min-height:105px}.stat-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font-size:21px;background:#27154c}.stat small,.stat span,.stat em{display:block;font-size:7px}.stat b{display:block;font-size:20px;margin:2px 0}.stat em{font-style:normal;color:#57db70;margin-top:7px}.stat.blue .stat-icon{background:#103863}.stat.green .stat-icon{background:#103c25}.stat.gold .stat-icon{background:#462b11}.stat.cyan .stat-icon{background:#10344f}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-card{border:1px solid #29405b;border-radius:8px;overflow:hidden;background:#0b1728}.feature-image{height:118px;display:grid;place-items:center;font-size:72px;background:linear-gradient(135deg,#17152a,#493a2c)}.feature-card h2,.feature-card p{padding:0 10px}.feature-card h2{margin:10px 0 0;color:#b366ff}.feature-card p{min-height:36px}.feature-card button{margin:0 10px 10px;width:calc(100% - 20px);border:1px solid #5f2cab;background:linear-gradient(90deg,#421f78,#5c28a1);border-radius:5px;padding:8px}.feature-card.gold h2{color:#f3af2b}.feature-card.gold button{background:#5c3b0c;border-color:#977019}.feature-card.green h2{color:#51dd72}.feature-card.green button{background:#17572d;border-color:#29743c}.feature-card.blue h2{color:#53a7ff}.feature-card.blue button{background:#12467b;border-color:#1e659f}.middle-grid{display:grid;grid-template-columns:.9fr 1.5fr;gap:10px}.event-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.event-list li{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center}.event-list li>b{background:#0d2a2d;border-radius:6px;padding:7px;text-align:center;font-size:8px}.event-list strong{display:block;font-size:8px}.event-list small{font-size:7px;color:#9ca8b8}.event-list button{border:1px solid #35315a;background:#16162d;border-radius:4px;padding:6px 8px;font-size:6px}.verse-card{position:relative;min-height:200px;background:linear-gradient(160deg,#182238,#523d31);overflow:hidden}.verse-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(160deg,transparent,#101827 55%,#0a111d)}.verse-card blockquote{position:relative;z-index:1;font-size:15px;line-height:1.45;max-width:78%;margin:25px}.verse-card p{position:relative;z-index:1;margin-left:25px}.heart{position:absolute;right:14px;top:12px;font-size:25px}.lower-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.progress-wrap{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center}.ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(#3d70e6 0,#3d70e6 25%,#27ad60 25%,#27ad60 75%,#21334b 75%);padding:12px}.ring span{width:96px;height:96px;border-radius:50%;background:#091625;display:grid;place-items:center;align-content:center;text-align:center}.ring b{font-size:19px}.ring small{font-size:6px}.progress-wrap ul{list-style:none;padding:0;display:grid;gap:8px}.progress-wrap li{display:grid;grid-template-columns:1fr auto;font-size:8px}.progress-wrap li span{grid-column:1;color:#95a3b4}.group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.group-grid article{min-height:95px;border:1px solid #243852;border-radius:7px;background:#0a1828;padding:9px;display:grid;align-content:center}.group-grid article div{font-size:23px}.group-grid b{font-size:8px}.group-grid small{font-size:7px;color:#95a3b4}.group-grid .join{border-style:dashed;text-align:center}.stay-connected{display:flex;justify-content:space-between;align-items:center}.socials{font-size:28px;letter-spacing:8px}.prayer-panel{background:linear-gradient(180deg,#15102d,#090f1f)}.prayers{display:grid;gap:10px}.prayers article{display:grid;grid-template-columns:34px 1fr auto;gap:7px;border-bottom:1px solid #2d2448;padding-bottom:9px}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#5c3a2a;font-size:8px}.prayers b{font-size:8px}.prayers small{float:right;font-size:6px;color:#988da8}.prayers p{font-size:7px;margin:5px 0}.prayers button{border:0;border-radius:4px;background:#4e267f;padding:4px 13px;font-size:6px}.prayers>article>span{font-size:7px;color:#ff4b83}.add-prayer{width:100%;border:1px solid #492467;background:#21123b;border-radius:5px;padding:7px;margin-top:8px;color:#be7cff}.tasks{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tasks li{display:grid;grid-template-columns:auto 1fr;gap:6px;font-size:8px}.tasks small{display:block;color:#8e9caf;font-size:7px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.quick-grid button{min-height:66px;border:1px solid #283951;border-radius:7px;background:#0a1828;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quick-grid b{font-size:21px}.quick-grid span{font-size:6px}.bottom-dock{position:fixed;z-index:20;left:230px;right:0;bottom:0;height:60px;background:#040912f7;border-top:1px solid #1c2e45;display:flex;justify-content:space-around;align-items:center}.bottom-dock button{border:0;background:transparent;color:#95a2b3;display:flex;flex-direction:column;align-items:center}.bottom-dock small{font-size:6px}.bottom-dock .active{color:#c889ff}.fallback-panel{display:grid;gap:8px;color:#ffd56f}.fallback-panel button,.fatal-card button{width:max-content;border:0;background:#6330b7;border-radius:5px;padding:8px 12px}.fatal-shell{min-height:100vh;display:grid;place-items:center}.fatal-card{max-width:600px;border:1px solid #314761;background:#091625;border-radius:10px;padding:22px}.fatal-card pre{white-space:pre-wrap;background:#030810;padding:9px;border-radius:5px;color:#ffb5b5}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.bottom-dock{left:0}.topbar{height:auto;padding:10px 0;flex-wrap:wrap}.welcome{order:1}.search-box{order:3;margin:0;width:100%}.top-actions{margin-left:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.middle-grid,.lower-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.group-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.main{padding:0 7px 9px}.profile span{display:none}.stats-grid,.feature-grid,.right-column,.progress-wrap{grid-template-columns:1fr}.ring{margin:auto}.group-grid{grid-template-columns:1fr 1fr}.stay-connected{flex-direction:column;align-items:flex-start}.socials{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}