:root{--ui-ink:#172437;--ui-muted:#6f7986;--ui-purple:#6552d7;--ui-green:#244c38;--ui-line:#e5e6e2;--ui-surface:#fff;--ui-soft:#f7f7f3;--ui-radius:16px}body{min-height:100vh;background:radial-gradient(circle at 8% 10%,#f0ecff 0,transparent 20%),radial-gradient(circle at 94% 40%,#e8f5ed 0,transparent 20%),#f8f8f5;color:var(--ui-ink)}.app-header{position:sticky;top:0;z-index:50;min-height:72px;padding:10px max(24px,4vw);gap:22px;background:#18392bfa;border-bottom:1px solid #ffffff18;box-shadow:0 8px 30px #142b2018;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1}.brand>span:last-child{display:flex;flex-direction:column}.brand small{margin-top:4px;color:#afc9bb;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.brand-mark{position:relative;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,#8b79ff,#5746c5);box-shadow:0 7px 17px #0c211888}.brand-mark i{position:absolute;width:16px;height:3px;border-radius:3px;background:#fff;transform:rotate(90deg)}.brand-mark i:nth-child(2){transform:rotate(0)}.brand-mark i:nth-child(3){width:7px;height:7px;top:5px;border-radius:50%;background:#d9d3ff}.church-switcher{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff1d;border-radius:9px;background:#ffffff0c;color:#dce9e2;font-size:11px}.church-switcher i{width:7px;height:7px;border-radius:50%;background:#75d49d;box-shadow:0 0 0 4px #75d49d1c}.church-switcher b{color:#91ac9d}.app-header nav{gap:4px}.app-header nav>a{position:relative;padding:9px 10px;border-radius:8px;color:#dce8e1;font-size:12px;text-decoration:none;transition:.18s}.app-header nav>a:hover{background:#ffffff14;color:#fff}.app-header nav>a:before{display:inline-grid;place-items:center;width:17px;margin-right:4px;color:#a9c8b6}.nav-services:before{content:'◫'}.nav-songs:before{content:'♫'}.nav-playlists:before{content:'☷'}.nav-team:before{content:'♙'}.nav-plan:before{content:'◇'}.user-menu{display:flex;align-items:center;gap:7px;margin-left:6px;padding:5px 7px 5px 5px;border:1px solid #ffffff20;background:#ffffff0b;color:#fff}.user-menu span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eeeaff;color:#5e4bc8;font-size:11px;font-weight:900}.user-menu b{max-width:70px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.user-menu i{color:#a6beaf}.mobile-nav-toggle{display:none;background:#ffffff12;color:#fff}main{max-width:1180px;margin:36px auto 70px;padding:0 24px}.page-head{position:relative;min-height:86px;margin-bottom:24px}.page-head h1,.panel.narrow>h1{color:var(--ui-ink);font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}.page-head h1{margin:5px 0}.page-head p{margin:5px 0;color:var(--ui-muted);line-height:1.5}.page-head a:not(.button){color:#6552d7;font-size:12px;font-weight:750;text-decoration:none}.panel{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#ffffffed;box-shadow:0 14px 42px #26372e0a;backdrop-filter:blur(12px)}.panel h2{color:var(--ui-ink);letter-spacing:-.02em}.panel.narrow{position:relative;overflow:hidden;max-width:720px;padding:34px 38px}.panel.narrow:before{content:'';position:absolute;right:-55px;top:-65px;width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#eeeaff,#ddf4e6);box-shadow:0 0 0 24px #f3f1fb99}.panel.narrow>h1,.panel.narrow>p,.panel.narrow>form{position:relative}.panel.narrow>h1{margin:0 0 8px}.panel.narrow>h1:after{content:'';display:block;width:42px;height:4px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,#6653d8,#45a777)}.panel.narrow>p{max-width:540px;color:var(--ui-muted);line-height:1.55}.panel form p{margin:17px 0}.panel form label{display:block;margin-bottom:6px;color:#344153;font-size:12px;font-weight:800}.panel form .helptext{display:block;margin-top:5px;color:#858e99;font-size:10px}.panel form ul.errorlist{margin:5px 0;padding:7px 10px;border-radius:7px;background:#fff0f1;color:#a53d48;font-size:11px;list-style:none}.panel input,.panel select,.panel textarea{border:1px solid #d9dce2;border-radius:9px;background:#fbfbfa;color:#182437;transition:.18s}.panel input:focus,.panel select:focus,.panel textarea:focus{outline:none;border-color:#7562dd;background:#fff;box-shadow:0 0 0 3px #7562dd18}.panel textarea{line-height:1.5}.panel input[type=checkbox]{width:17px;height:17px;accent-color:#6552d7}.panel input[type=file]{padding:8px}.button,button{font-weight:750;transition:.18s}.button:hover,button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#6552d7,#735ee3);box-shadow:0 8px 18px #6552d729}.panel form>button.primary{min-width:145px;margin-top:8px}.row-link{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:12px;min-height:70px;padding:12px 42px 12px 4px;border-color:#ecece8;border-radius:9px}.row-link:before{content:'✦';grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eeebff;color:#6652d6;font-size:16px}.row-link:after{content:'›';position:absolute;right:10px;top:50%;color:#a0a7b0;font-size:23px;transform:translateY(-50%)}.row-link:hover{padding-left:8px;background:#faf9ff}.row-link b,.row-link strong{align-self:end}.row-link span{align-self:start}.cards{gap:16px}.cards .panel{position:relative;overflow:hidden;min-height:160px;padding:24px}.cards .panel:before{content:'';position:absolute;right:-22px;top:-22px;width:85px;height:85px;border-radius:50%;background:#e9e4ff}.cards .panel h3{position:relative;margin:0 0 13px;font-size:20px}.cards .panel strong{position:relative;color:#6250d0;font-size:24px}.catalog-row{border-color:#ecece8}.catalog-row>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}.catalog-row img{grid-row:1/3;border-radius:10px;box-shadow:0 7px 16px #18263820}.notice{border:1px solid #f1d898;border-left:5px solid #dfaa31;border-radius:11px;background:linear-gradient(90deg,#fff8df,#fffdf5);color:#674d17}.notice:before{content:'i';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#e0ab32;color:#fff;font-weight:900}.message{position:fixed;z-index:100;right:24px;top:86px;display:flex;align-items:center;gap:10px;max-width:430px;margin:0;padding:12px 17px;border:1px solid #bfe5ce;background:#effbf4;box-shadow:0 15px 35px #1b342627;animation:messageIn .35s ease both}.message span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#3baa6a;color:#fff}.message.error{border-color:#efb9bf;background:#fff2f3}.message.error span{background:#c34755}@keyframes messageIn{from{opacity:0;transform:translateY(-8px)}}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;background:#e8f7ee;color:#237448;font-size:11px;font-weight:800}.badge:before{content:'';width:7px;height:7px;border-radius:50%;background:#42b46f}.feature-grid>div{border:1px solid #e7e6e1;background:linear-gradient(145deg,#fbfbf9,#f2f0ff)}.feature-grid b{color:#5e4aca}.quick-links a{position:relative;overflow:hidden;border:1px solid #dfe8e1;background:linear-gradient(145deg,#fff,#eaf5ee);box-shadow:0 7px 18px #1c39280b}.quick-links a:after{content:'→';position:absolute;right:14px;color:#6e53d3}.service-item{align-items:center;min-height:66px}.service-item>b{background:#eeeaff;color:#6652d6}.empty-state,.panel>p:only-child{padding:28px;border:1px dashed #d8d8d3;border-radius:12px;background:#fafaf7;color:#78808a;text-align:center}.inline{align-items:stretch}.inline input{min-width:0}.inline .primary{box-shadow:none}@media(max-width:900px){.app-header{flex-wrap:wrap}.app-header nav{order:3;width:100%;overflow:auto;margin:0}.church-switcher{margin-left:auto}.user-menu b,.user-menu i{display:none}main{margin-top:26px}}@media(max-width:650px){.app-header nav{display:none;flex-direction:column;align-items:stretch}.app-header.nav-open nav{display:flex}.mobile-nav-toggle{display:block;margin-left:auto}.church-switcher{display:none}.app-header nav form{width:100%}.user-menu{width:100%;margin:0}.page-head{align-items:flex-start;flex-direction:column}.panel.narrow{padding:27px 21px}.inline{flex-direction:column}.catalog-row{align-items:flex-start;flex-direction:column}.message{left:14px;right:14px;top:78px}}
.capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.capability-card{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #dfe7e1;border-radius:20px;background:linear-gradient(145deg,#fff,#f4f8f5);text-decoration:none;color:#173326;transition:.2s ease}.capability-card.is-ready:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(25,67,45,.12);border-color:#82b393}.capability-card>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#277a49}.capability-card h3{margin:18px 0;font-size:1.25rem}.capability-card em,.capability-card a{font-style:normal;font-weight:750;color:#245f3c}.capability-card.is-locked{background:#f6f4f1;color:#777;border-style:dashed}.capability-card.is-locked>span{color:#9a6848}.search-strip{margin-bottom:18px}.search-strip label{display:block;margin-bottom:10px;font-weight:800}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions input{min-width:min(520px,70vw);margin:0}.button.small{padding:7px 11px;font-size:.78rem}.row-link>a{display:flex;min-width:0;flex:1;flex-direction:column;color:inherit;text-decoration:none}.service-hero-actions form,.inline-actions form,.service-item form{margin:0}