:root{--ink:#20222d;--muted:#737786;--line:#e7e8ef;--surface:#fff;--canvas:#f7f8fb;--sage:#f0efff;--green:#6256d9;--green-dark:#4e43bd;--amber:#fff4dc;--coral:#ffe8e7;--lavender:#eeeaff;--shadow:0 8px 24px rgba(30,34,60,.06)}*{scrollbar-color:#d8d9e3 transparent;scrollbar-width:thin}body{background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;letter-spacing:.01em}.app-shell{background:var(--canvas)}.sidebar{width:252px;padding:22px 14px 16px;background:#fff;border-right:1px solid var(--line);box-shadow:4px 0 20px rgba(37,40,67,.025)}.brand{padding:0 13px 24px;font:800 19px Manrope,sans-serif;color:#282a37}.brand-mark{width:32px;height:32px;border-radius:10px;background:#6256d9;box-shadow:0 5px 12px rgba(98,86,217,.22)}.brand-accent{color:#6256d9}.workspace-switcher{height:48px;margin:0 5px 24px;border:1px solid var(--line);border-radius:11px;background:#fafaff;color:#454756;box-shadow:none}.workspace-dot{background:#6a60e1}.nav-label{margin-top:20px;padding:0 14px 8px;color:#a0a2ad;font-size:10px;letter-spacing:1.1px}.nav-item{border-radius:9px;padding:10px 13px;margin:3px 0;color:#777987;font-size:13px}.nav-item:hover{background:#f5f4ff;color:var(--green-dark)}.nav-item.active{background:#eeedff;color:#5549c6;box-shadow:inset 3px 0 #6256d9}.nav-icon{font-size:15px;color:inherit}.nav-count{background:#eceaff;color:#6256d9;border-radius:100px}.help-card{border:1px solid var(--line);border-radius:12px;background:#fafaff;padding:12px;color:#555866}.main-content{min-width:0}.topbar{height:72px;padding:0 34px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.breadcrumb{font-size:12px;color:#9395a2}.breadcrumb strong{color:#373947}.top-actions{gap:10px}.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:10px;color:#6d6f7c}.icon-button:hover{background:#f4f3ff;border-color:#e5e2fb;color:#6256d9}.profile-menu{padding-left:14px;margin-left:4px;border-left:1px solid var(--line)}.profile-trigger{gap:10px}.avatar{width:34px;height:34px;border-radius:100px;background:#6256d9;color:#fff;font-size:12px}.profile-copy strong{font-size:12px;color:#30323e}.profile-copy small{font-size:10px;color:#9496a1}.profile-dropdown{top:52px;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px rgba(30,34,60,.12);padding:6px;background:#fff}.profile-dropdown button,.profile-dropdown a{border-radius:8px;padding:10px 12px;color:#555866}.profile-dropdown button:hover,.profile-dropdown a:hover{background:#f3f2ff;color:#5c50ca}.content{max-width:1480px;margin:0 auto;padding:32px 36px 48px}.view-header{margin-bottom:26px;align-items:flex-end}.eyebrow{color:#7771c9;font-size:10px;letter-spacing:1.25px;font-weight:800;text-transform:uppercase}.view-header h1{font:800 28px Manrope,sans-serif;letter-spacing:-.02em;margin:6px 0 8px;color:#242632}.view-header p{color:#858794;font-size:13px}.primary-button,.secondary-button,.panel-link,.row-action{border-radius:9px}.primary-button{background:#6256d9;box-shadow:0 5px 12px rgba(98,86,217,.18);padding:10px 15px;font-size:12px;font-weight:700}.primary-button:hover{background:#5145c3}.secondary-button{background:#fff;border:1px solid var(--line);padding:9px 13px;color:#5f6170;font-size:12px;font-weight:700}.secondary-button:hover{border-color:#c9c4f3;color:#6256d9;background:#fafaff}.metric-grid{gap:16px}.metric-card,.panel,.table-wrap,.view-grid>.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:19px}.metric-top{color:#777987;font-size:12px}.metric-icon{background:#f0efff!important;color:#6256d9!important}.metric-value{font:800 27px Manrope,sans-serif;color:#252733;margin-top:13px}.metric-foot{font-size:11px;color:#9698a3}.panel{padding:20px}.panel-head{min-height:28px}.panel-title{font:800 14px Manrope,sans-serif;color:#30323e}.panel-link{color:#6256d9;font-weight:700}.toolbar{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.search,.form-field input,.form-field select,.form-field textarea{border-color:var(--line);border-radius:9px;background:#fbfbfd;color:var(--ink)}.search:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid #ebe9ff;border-color:#9b93eb}.table-wrap{overflow:auto}.table-wrap table{min-width:700px}.table-wrap th{background:#fafaff;color:#9294a0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line)}.table-wrap td{border-bottom:1px solid #f0f0f4;color:#515360}.table-wrap tr:hover td{background:#fcfcff}.tag,.status{border-radius:100px;font-size:10px;font-weight:800}.status{background:#eaf8f0;color:#29905a;padding:5px 9px}.status.pending{background:#fff4de;color:#aa7418}.modal-backdrop{background:rgba(27,28,46,.38);backdrop-filter:blur(3px)}.modal{border-radius:16px;border-color:var(--line);box-shadow:0 24px 70px rgba(25,27,54,.2)}.close-button{border-radius:100px}.event-card,.group-card,.sermon-card{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow)}.event-card:hover,.group-card:hover,.sermon-card:hover{box-shadow:0 14px 32px rgba(38,38,74,.12);border-color:#c9c4f3}.event-media,.group-cover,.sermon-cover{background:linear-gradient(135deg,#6256d9,#8b82ed)}.event-card-body h3,.group-card-body h3,.sermon-body h3{color:#2c2e3b}.profile-hero{border-color:#dedcf7;background:linear-gradient(120deg,#fff,#f1efff);border-radius:16px}.profile-hero-art{background:#6256d9}.detail-hero{border-color:var(--line);border-radius:16px}.detail-placeholder{background:linear-gradient(135deg,#6256d9,#8a82ed)}.overview-grid{gap:16px}.overview-section{padding:18px}.overview-card{background:#fbfbfd;border-color:var(--line);border-radius:11px}.overview-card:hover{background:#fff;border-color:#c8c3f4}.role-panel{background:linear-gradient(135deg,#5145c3,#766ce5);border:0}.carousel-button{border-color:var(--line)}.toast{border-radius:10px;box-shadow:0 12px 28px rgba(30,32,60,.16)}@media(max-width:900px){.sidebar{width:226px}.content{padding:26px 22px 40px}}@media(max-width:700px){.sidebar{box-shadow:12px 0 30px rgba(20,20,40,.12)}.topbar{padding:0 16px}.content{padding:22px 15px 32px}.view-header{align-items:flex-start;gap:16px;flex-direction:column}.view-header h1{font-size:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.profile-copy{display:none}.profile-menu{padding-left:8px}.table-wrap table{min-width:620px}}