@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Cormorant+Garamond:ital,wght@1,400;1,600&display=swap";:root{--color-primary:#001d39;--color-mid-dark:#0a4174;--color-mid:#49769f;--color-teal:#4e8ea2;--color-light-teal:#6ea2b3;--color-sky:#7bbde8;--color-lightest:#bdd8e9;--bg-app:#020c18;--bg-card:#051428bf;--bg-sidebar:#010a14;--text-dark:#e8f1f8;--text-medium:#7bbde8;--text-light:#bdd8e973;--border-color:#7bbde81a;--border-radius-xl:20px;--border-radius-md:12px;--border-radius-pill:50px;--shadow-card:0 8px 32px #00000059;--shadow-soft:0 2px 12px #0003;--focus-ring:0 0 0 2px #7bbde838;--font-body:"Plus Jakarta Sans", sans-serif;--font-drama:"Cormorant Garamond", serif}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-app);-webkit-text-size-adjust:100%;height:100%;min-height:100svh;overflow-x:hidden}body,#root{width:100%;min-height:100svh;font-family:var(--font-body);background:var(--bg-app);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0000;background-image:radial-gradient(circle at 50% -10%,#0943766b,#0000 52%),linear-gradient(#020813 0%,#03101f 42%,#020813 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;overflow:hidden auto}.layout-container{isolation:isolate;background:radial-gradient(circle at 50% -10%,#0943766b,#0000 52%),linear-gradient(#020813 0%,#03101f 42%,#020813 100%);width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.app-ambient-bg{z-index:0;pointer-events:none;background:linear-gradient(90deg,#020813f5,#02081338 50%,#020813f5),radial-gradient(circle at 78% 18%,#38bdf821,#0000 34%),radial-gradient(circle at 16% 60%,#0a417480,#0000 44%);position:fixed;inset:0;overflow:hidden}.app-noise-texture{opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.sidebar{-webkit-backdrop-filter:blur(24px)saturate(145%);z-index:2;background:#020813a8;border-right:1px solid #7bbde814;flex-direction:column;width:240px;min-width:240px;padding:28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset -1px 0 #ffffff06,22px 0 70px #0003}.sidebar:before{content:"";pointer-events:none;opacity:1;z-index:0;background:linear-gradient(#7bbde80b,#0000 42%),radial-gradient(circle at 0 100%,#0a417442,#0000 42%);position:absolute;inset:0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:36px;padding:0 4px;display:flex}.sidebar-brand-text{color:#fff;letter-spacing:0;font-size:18px;font-weight:700}.sidebar-logo-mark{background:linear-gradient(135deg, var(--color-mid-dark), var(--color-teal));color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #4e8ea259}.sidebar-logo h2{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-section-label{color:#bdd8e98c;letter-spacing:1.2px;text-transform:uppercase;margin:16px 0 6px;padding:0 12px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--border-radius-md);color:#bdd8e9bf;cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .22s,background .22s,transform .22s,box-shadow .22s;display:flex;position:relative}.nav-item:hover{color:#e8f1f8;background:#ffffff0b;transform:translate(2px)}.nav-item.active{color:var(--color-sky);background:#7bbde81f;box-shadow:inset 0 1px #ffffff0b}.nav-item.active:before{content:"";background:var(--color-sky);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-footer{z-index:2;border-top:1px solid #bdd8e914;margin-top:auto;padding-top:20px;position:relative}.sidebar-user{cursor:pointer;border-radius:var(--border-radius-md);align-items:center;gap:10px;margin-bottom:12px;padding:6px;transition:background .2s,transform .2s;display:flex}.sidebar-user:hover{background:#ffffff0d;transform:translateY(-1px)}.sidebar-avatar{background:linear-gradient(135deg, var(--color-teal), var(--color-sky));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #7bbde84d}.user-name{color:#e8f1f8;font-size:13px;font-weight:600;line-height:1.2}.user-role{color:#bdd8e999;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.logout-btn{border-radius:var(--border-radius-md);color:#bdd8e9bf;width:100%;font-family:var(--font-body);cursor:pointer;text-align:left;background:linear-gradient(#ffffff13,#ffffff08);border:1px solid #ffffff1f;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;display:flex}.logout-btn:hover{color:#fff;background:#ffffff1c;border-color:#7bbde83d;transform:translateY(-1px);box-shadow:0 14px 32px #00000038}.main-content{z-index:1;background:0 0;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(22px)saturate(145%);background:#02081380;border-bottom:1px solid #7bbde814;justify-content:space-between;align-items:center;height:68px;min-height:68px;padding:0 36px;display:flex;box-shadow:inset 0 -1px #ffffff05}.topbar-identity{align-items:center;gap:14px;display:flex}.church-logo-wrapper{flex-shrink:0;display:inline-flex;position:relative}.status-badge-dot{border:2px solid #000c1a;border-radius:50%;width:9px;height:9px;transition:background .4s,box-shadow .4s;position:absolute;bottom:1px;right:1px}.status-online{background:#86efac;box-shadow:0 0 5px #86efacb3}.status-offline{box-shadow:none;background:#fca5a5}.church-logo-placeholder{width:36px;height:36px;color:var(--color-lightest);background:#ffffff14;border:2px solid #7bbde84d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;box-shadow:0 4px 12px #0003}.topbar-identity h1{color:#e8f1f8;letter-spacing:-.3px;font-size:18px;font-weight:700}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-date{color:#fff;border-radius:var(--border-radius-pill);background:#ffffff0f;border:1px solid #7bbde81f;padding:5px 14px;font-size:13px;font-weight:500}.page-content{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;padding:32px 36px;position:relative;overflow-y:auto}.page-content :where(.schedule-header-card,.members-header-card,.functions-header-card,.plan-header-card,.repertoire-header,.songs-library-card,.repertoire-card,.event-card,.function-card,.member-card,.plan-card,.public-card){-webkit-backdrop-filter:blur(22px)saturate(145%);background:#05142885;border:1px solid #7bbde81f;box-shadow:0 24px 72px #0000003d,inset 0 1px #ffffff0a}.page-content :where(.event-card,.function-card,.member-card,.plan-card,.repertoire-card,.songs-library-card){transition:transform .24s,border-color .24s,background .24s,box-shadow .24s}.page-content :where(.event-card,.function-card,.member-card,.plan-card,.repertoire-card,.songs-library-card):hover{border-color:#7bbde838;box-shadow:0 30px 86px #00000057,inset 0 1px #ffffff0e}.page-content :where(button,.btn,.add-event-btn,.create-btn,.primary-btn,.secondary-btn,.billing-teaser-btn){cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0;border-radius:3px}::-webkit-scrollbar-thumb{background:#7bbde826;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7bbde84d}.topbar-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0;display:none}.topbar-avatar{background:linear-gradient(135deg, var(--color-teal), var(--color-sky));color:#fff;border:2px solid #7bbde84d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 12px #7bbde840}@media (width<=768px){.layout-container{flex-direction:column;min-height:100svh;overflow:visible}.sidebar{display:none}.topbar{height:56px;min-height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.topbar-identity h1{font-size:15px}.church-logo-placeholder{width:30px;height:30px;font-size:11px}.topbar-date-desktop{display:none}.topbar-avatar-btn{display:flex}.page-content{padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overflow-y:auto}input,select,textarea{font-size:16px}}@media (width<=390px){.topbar{padding:0 12px;padding-top:env(safe-area-inset-top);padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.page-content{padding:12px;padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}html.mobile-app-shell .layout-container,body.mobile-app-shell .layout-container{flex-direction:column;min-height:100svh;overflow:visible}html.mobile-app-shell .sidebar,body.mobile-app-shell .sidebar{display:none}html.mobile-app-shell .topbar,body.mobile-app-shell .topbar{height:56px;min-height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}html.mobile-app-shell .topbar-identity h1,body.mobile-app-shell .topbar-identity h1{font-size:15px}html.mobile-app-shell .church-logo-placeholder,body.mobile-app-shell .church-logo-placeholder{width:30px;height:30px;font-size:11px}html.mobile-app-shell .topbar-date-desktop,body.mobile-app-shell .topbar-date-desktop{display:none}html.mobile-app-shell .topbar-avatar-btn,body.mobile-app-shell .topbar-avatar-btn{display:flex}html.mobile-app-shell .page-content,body.mobile-app-shell .page-content{padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;overflow-y:auto}html.mobile-app-shell input,html.mobile-app-shell select,html.mobile-app-shell textarea,body.mobile-app-shell input,body.mobile-app-shell select,body.mobile-app-shell textarea{font-size:16px}