:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050b14;--bg-elevated:#081321;--panel:#0d1a2b;--panel-2:#112238;--panel-3:#152b45;--line:#203650;--line-strong:#2d4a69;--muted:#93a8bf;--muted-strong:#b3c1d1;--text:#f6f8fb;--brand:#d8b64b;--brand-2:#f2d776;--brand-ink:#211700;--danger:#ffb6b8;--success:#91e6bc;--info:#a9c9f5;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 10px 30px #0000002e;--shadow:0 24px 70px #0000004d;--shadow-gold:0 14px 34px #d8b64b24;--content-width:1500px;--sidebar-width:272px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}html,body{background:radial-gradient(circle at 12% -8%, #2f537d4d, transparent 34%), radial-gradient(circle at 88% 2%, #d8b64b14, transparent 26%), linear-gradient(180deg, #07111e 0%, var(--bg) 54%, #040912 100%);color:var(--text);text-rendering:optimizelegibility;background-attachment:fixed;min-height:100%;margin:0;padding:0;font-family:Aptos,Segoe UI Variable,Trebuchet MS,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}body{min-height:100vh;overflow-x:hidden}::selection{color:#fff8df;background:#d8b64b4d}:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#040a12b3}::-webkit-scrollbar-thumb{background:#29415d;border:2px solid #040a12b3;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#385879}.page-shell{min-height:100vh}.auth-wrap,.center-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{width:100%;max-width:1120px;box-shadow:var(--shadow);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1a2be6;border:1px solid #d8b64b29}.auth-card,.form-card,.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#13273ef0,#0a1421fa);border:1px solid #3d57758f}.auth-card{width:100%;max-width:480px;padding:32px}.brand-mark{width:52px;height:52px;color:var(--brand-ink);letter-spacing:.06em;box-shadow:var(--shadow-gold), inset 0 1px 0 #ffffff80;background:linear-gradient(145deg,#ffefb1eb,#d8b64bf5 55%,#b98e25);border-radius:16px;place-items:center;margin-bottom:18px;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-weight:850;display:grid}.muted{color:var(--muted)}.auth-title,.section-title{letter-spacing:-.025em;margin:0;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:720;line-height:1.18}.auth-subtitle{margin:10px 0 28px;line-height:1.55}.field-grid{gap:16px;display:grid}.field{gap:9px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field label{color:var(--muted-strong);letter-spacing:.01em;font-size:.88rem;font-weight:620}.input,.select,.textarea{border-radius:var(--radius-md);width:100%;color:var(--text);background:#040c15cc;border:1px solid #304b69e6;outline:none;padding:13px 15px;transition:border-color .16s,box-shadow .16s,background .16s}.input::placeholder,.textarea::placeholder{color:#667d97}.textarea{resize:vertical;min-height:120px}.input:focus,.select:focus,.textarea:focus{background:#050e19f5;border-color:#f2d776bf;box-shadow:0 0 0 4px #d8b64b1f}.button,.button-secondary,.button-ghost,.button-danger{border-radius:var(--radius-md);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;font-weight:700;line-height:1.2;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.button:hover,.button-secondary:hover,.button-ghost:hover,.button-danger:hover{transform:translateY(-2px)}.button:disabled,.button-secondary:disabled,.button-ghost:disabled,.button-danger:disabled{cursor:not-allowed;opacity:.7;transform:none}.button{background:linear-gradient(135deg, #cda83d, var(--brand-2));color:var(--brand-ink);box-shadow:var(--shadow-gold), inset 0 1px 0 #ffffff59}.button:hover{box-shadow:0 18px 38px #d8b64b33,inset 0 1px #ffffff6b}.button-secondary{color:var(--text);background:#102237c2;border-color:#3e5a7acc;box-shadow:inset 0 1px #ffffff08}.button-secondary:hover{background:#172d46f0;border-color:#d8b64b61}.button-danger{color:#ffd7dc;background:#5b1c269e;border-color:#dc67776b}.button-danger:hover{background:#762230c7;border-color:#ef7d8cad}.button-ghost{color:var(--muted-strong);background:0 0;min-height:auto;padding:4px 2px}.button-ghost:hover{color:var(--brand-2)}.auth-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#07101cfa,#040a12fa),radial-gradient(circle at top,#d8b64b0f,#0000 32%);border-right:1px solid #4a658238;height:100vh;padding:24px 18px;position:sticky;top:0;overflow-y:auto;box-shadow:18px 0 48px #00000029}.sidebar-header{grid-template-columns:auto 1fr;align-items:center;gap:13px;display:grid}.product-icon{object-fit:cover;border-radius:14px;flex:none;width:48px;height:48px;display:block;box-shadow:0 10px 26px #00000047,0 0 0 1px #d8b64b2e}.product-wordmark{aspect-ratio:3;background:#fff;border:1px solid #d8b64b2e;border-radius:16px;width:min(100%,310px);margin:0 auto 18px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000002e}.product-wordmark img{width:100%;height:auto;position:absolute;inset:0;transform:translateY(-27%)}.organization-mark{width:46px;height:46px;color:var(--brand-2);letter-spacing:.06em;background:linear-gradient(145deg,#d8b64b2e,#d8b64b0d),#0d2239;border:1px solid #d8b64b3d;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 8px 22px #0003}.organization-mark img{object-fit:cover;width:100%;height:100%}.sidebar-title{letter-spacing:-.02em;margin:0;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:1.18rem}.sidebar-copy{gap:4px;display:grid}.sidebar-copy p{margin:0;font-size:.82rem;line-height:1.45}.sidebar-org{border-radius:var(--radius-md);background:linear-gradient(145deg,#d8b64b12,#ffffff06);border:1px solid #d8b64b29;gap:6px;margin-top:22px;padding:14px;display:grid}.sidebar-org .organization-mark{margin-bottom:5px}.sidebar-label,.eyebrow{color:#8297af;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:750}.sidebar-nav{gap:6px;margin-top:10px;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:620;transition:color .15s,border-color .15s,background .15s,transform .15s;display:flex}.nav-link-label{min-width:0}.nav-link-badge{min-width:28px;color:var(--brand-2);background:#d4af3729;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--text);background:linear-gradient(90deg,#d8b64b1a,#ffffff06);border-color:#d8b64b33}.nav-link:hover{transform:translate(2px)}.nav-link.active{box-shadow:inset 3px 0 0 var(--brand)}.sidebar-block{gap:6px;margin-top:24px;display:grid}.content-shell{grid-template-rows:auto 1fr;min-width:0;display:grid}.content{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 30px 34px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#060e18db;border-bottom:1px solid #3e587547;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(22px,3vw,34px);display:flex;position:sticky;top:0;box-shadow:0 12px 36px #00000024}.topbar-copy{gap:10px;display:grid}.topbar-copy p{margin:0}.topbar-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topbar-heading .organization-mark{border-radius:13px;flex-basis:42px;width:42px;height:42px}.topbar-heading h1,.title-stack h1{letter-spacing:-.035em;margin:0;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(1.55rem,2.4vw,2.15rem);font-weight:760;line-height:1.08}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header{border-bottom:1px solid #3d57753d;justify-content:space-between;align-items:flex-end;gap:24px;margin:30px 0 4px;padding-bottom:20px;display:flex}.page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.title-stack p{max-width:760px;color:var(--muted);margin:9px 0 0;line-height:1.6}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.form-card{padding:clamp(20px,2vw,26px)}.card{transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f2d7763d,#0000 52%);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.card:has(>.kpi-value){background:radial-gradient(circle at 100% 0,#d8b64b14,#0000 42%),linear-gradient(145deg,#13273ef5,#091421fa);flex-direction:column;justify-content:space-between;min-height:142px;display:flex}.kpi-value{color:#fff7d4;letter-spacing:-.045em;margin:10px 0;font-family:Aptos Display,Segoe UI Variable Display,Trebuchet MS,sans-serif;font-size:clamp(1.85rem,3vw,2.55rem);font-weight:780;line-height:1.05}.table-wrap{border-radius:var(--radius-lg);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#d8b64b57 #030a126b;-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:680px;font-size:.93rem}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #3d57754d;padding:15px 13px}.table th{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:760}.table tbody tr{transition:background .14s}.table tbody tr:hover{background:#ffffff06}.badge{color:var(--brand-2);letter-spacing:.025em;white-space:nowrap;background:#d8b64b1c;border:1px solid #d8b64b2e;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.76rem;font-weight:740;line-height:1.2;display:inline-flex}.badge-success{color:#b9f4d2;background:#296f4f3d;border-color:#5fc78f57}.badge-warning{color:#ffe5a1;background:#755b183d;border-color:#d8b64b59}.badge-muted{color:var(--muted);background:#485a6f33;border-color:#768ca542}.empty{border-radius:var(--radius-lg);color:var(--muted);background:linear-gradient(145deg,#1122377a,#070f1a8a);border:1px dashed #5d79976b;padding:28px;line-height:1.6;position:relative}.button-small{border-radius:12px;padding:10px 14px}.detail-list{gap:14px;display:grid}.detail-list div{gap:6px;display:grid}.checkbox-row{color:var(--muted);align-items:center;gap:10px;display:flex}.checkbox-row input{width:18px;height:18px}.checkbox-list{gap:10px;display:grid}.token-box{word-break:break-all;background:#ffffff08;border:1px dashed #d4af374d;border-radius:16px;margin-top:16px;padding:16px}.status-pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.76rem;font-weight:740;display:inline-flex}.status-present{color:var(--success);background:#91f2c21a}.status-late{color:var(--brand-2);background:#f0d26b1f}.status-absent{color:var(--danger);background:#ffb0b01f}.status-excused{color:var(--muted);background:#95a7bf1f}.library-status-pending{color:var(--brand-2);background:#f0d26b24}.library-status-approved{color:var(--success);background:#91f2c21f}.library-status-archived{color:#c8d4e3;background:#95a7bf24}.library-status-unpublished{color:#a9cbff;background:#578ac929}.library-status-flagged,.library-status-rejected{color:var(--danger);background:#ffb0b024}.billing-status-trial{color:var(--brand-2);background:#f0d26b24}.billing-status-active{color:var(--success);background:#91f2c21f}.billing-status-past_due{color:var(--danger);background:#ffb0b029}.billing-status-paused{color:#a9cbff;background:#578ac929}.billing-status-expired,.billing-status-canceled,.billing-status-unknown{color:#c8d4e3;background:#95a7bf24}.activity-status-active{color:var(--success);background:#91f2c21f}.activity-status-quiet{color:var(--brand-2);background:#f0d26b24}.activity-status-dormant{color:#c8d4e3;background:#95a7bf24}.form-stack{gap:17px;display:grid}.training-progress-shell{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.training-progress-track{background:#030a12bd;border:1px solid #3d577557;border-radius:999px;width:100%;height:10px;overflow:hidden}.training-progress-fill{background:linear-gradient(90deg, #b98f25, var(--brand-2));border-radius:999px;height:100%;box-shadow:0 0 18px #d8b64b47}.training-progress-value{color:var(--brand-2);font-size:.92rem;font-weight:700}.training-card{position:relative}.training-card-active{border-color:#f0d26b3d}.training-card-completed{border-color:#91f2c242}.training-card-locked{opacity:.92;border-color:#95a7bf2e}.training-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.training-metric{border-radius:var(--radius-md);background:#ffffff06;border:1px solid #3d577561;gap:8px;padding:14px;display:grid}.training-state-active{color:var(--brand-2);background:#f0d26b1f}.training-state-completed{color:var(--success);background:#91f2c21f}.training-state-locked{color:#c8d4e3;background:#95a7bf24}.attendance-row-form{gap:10px}.attendance-row-form .notice,.attendance-row-form .error{padding:10px 12px;font-size:.85rem}.table-action-form{gap:8px}.announcement-lifecycle-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:190px;display:flex}.submit-confirmation{background:#071523fa;border:1px solid #d8b64b4d;border-radius:14px;gap:10px;width:min(310px,72vw);padding:12px;display:grid;box-shadow:0 16px 34px #00000047}.submit-confirmation p{color:var(--text);margin:0;font-size:.88rem;line-height:1.5}.submit-confirmation-actions{flex-wrap:wrap;gap:8px;display:flex}.table-action-form .notice,.table-action-form .error{padding:10px 12px;font-size:.85rem}.attendance-row-fields{grid-template-columns:minmax(180px,220px) minmax(180px,1fr) auto;align-items:center;gap:10px;display:grid}.split{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notification-toolbar-actions,.notification-card-badges,.notification-card-actions,.notification-inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notification-card{display:grid}.notification-card-unread{background:linear-gradient(#181309f5,#0d1016fa);border-color:#d4af3738}.notification-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notification-card-timestamps{color:var(--muted);text-align:right;justify-items:flex-end;gap:6px;font-size:.9rem;display:grid}.notice{border-radius:var(--radius-md);color:var(--success);background:linear-gradient(135deg,#37825f24,#0f2b2261);border:1px solid #91e6bc3d;padding:14px 16px;line-height:1.55;box-shadow:inset 3px 0 #91e6bc8c}.error{border-radius:var(--radius-md);color:var(--danger);background:linear-gradient(135deg,#93323729,#37111866);border:1px solid #ffb6b83d;padding:14px 16px;line-height:1.55;box-shadow:inset 3px 0 #ffb6b899}.subscription-banner{background:radial-gradient(circle at 100% 0,#91e6bc14,#0000 35%),linear-gradient(145deg,#0d2d24f0,#081513fa);border-color:#91e6bc40}.subscription-banner-shell{padding-bottom:0}.subscription-banner-strong{background:radial-gradient(circle at 100% 0,#f2d7761a,#0000 35%),linear-gradient(145deg,#3a2a0cf0,#16110afa);border-color:#f2d77661}.subscription-banner-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.subscription-banner .section-title{margin-top:8px}.subscription-banner .muted:last-child{max-width:920px;margin:10px 0 0}.admin-page{gap:24px;padding-bottom:18px}.admin-page>.page-header{margin-bottom:2px}.admin-page>.grid,.admin-page>.split,.admin-page>.card,.admin-page>.form-card,.admin-page>section{scroll-margin-top:110px}.admin-page .split{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);align-items:start;gap:22px}.admin-page .form-card{background:radial-gradient(circle at 100% 0,#d8b64b12,#0000 34%),linear-gradient(145deg,#12253bf7,#08121efc);position:sticky;top:126px}.admin-page .form-card>.muted{margin:9px 0 20px;line-height:1.6}.admin-page .form-card .form-stack{padding-top:2px}.admin-page .table-wrap>.section-title,.admin-page .card>.section-title{margin-bottom:8px}.admin-page .table-wrap>.table:first-child{margin-top:-4px}.admin-page .table-wrap>.section-title+.table,.admin-page .table-wrap>p+.table{margin-top:18px}.admin-page .grid-4{gap:16px}.admin-page .grid-4>.card{min-height:150px}.admin-page .grid-2>.card,.admin-page .grid-3>.card{height:100%}.admin-page .card p:last-child,.admin-page .form-card p:last-child{margin-bottom:0}.admin-page .table td:first-child strong{color:#f8fafc}.admin-page .table td:last-child{white-space:nowrap;width:1%}.admin-table-with-drawer{gap:16px;display:grid}.admin-table-with-drawer>.admin-drawer{order:-1;justify-self:end}.admin-drawer{display:inline-grid;position:relative}.admin-drawer>summary{list-style:none}.admin-drawer>summary::-webkit-details-marker{display:none}.admin-drawer-trigger{min-width:max-content}.admin-drawer-panel{z-index:70;background:radial-gradient(circle at 100% 0,#d8b64b1a,#0000 32%),linear-gradient(#0d1b2dfc,#050d17fe);border-left:1px solid #d8b64b38;width:min(560px,100vw - 28px);padding:clamp(20px,3vw,30px);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-28px 0 70px #00000073}.admin-drawer-backdrop{z-index:65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#01070e94;border:0;padding:0;position:fixed;inset:0 min(560px,100vw - 28px) 0 0}.admin-drawer-panel:before{display:none}.admin-drawer-header{z-index:1;border-bottom:1px solid #3d577557;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex;position:relative}.admin-drawer-header p{margin:9px 0 0;line-height:1.6}.admin-drawer-body{z-index:1;position:relative}.admin-drawer-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.admin-drawer-footer .button,.admin-drawer-footer button{min-width:160px}.admin-page .table-action-form{min-width:max-content}.admin-page .checkbox-list{border-radius:var(--radius-md);background:#040c156b;border:1px solid #3d577557;padding:12px}.admin-page .checkbox-row{min-height:34px}.platform-page,.member-page{gap:24px;padding-bottom:18px}.platform-page>.page-header,.member-page>.page-header{margin-bottom:2px}.platform-page .grid-4,.member-page .grid-4{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}.platform-page .grid-4>.card,.member-page .grid-4>.card{min-height:138px}.platform-page .split{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);align-items:start;gap:22px}.platform-page .form-card{position:sticky;top:126px}.platform-page .table td:first-child strong{color:#f8fafc}.platform-page-dashboard>.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.platform-organization-card,.audit-entry-card,.moderation-card{background:linear-gradient(145deg, #12273fe6, #07111df5), var(--panel)}.platform-organization-card .detail-list,.audit-entry-card .detail-list,.moderation-card .detail-list{background:#030c1647;border:1px solid #97adc91f;border-radius:14px;padding:14px}.audit-entry-card strong{overflow-wrap:anywhere}.member-page{gap:22px;width:100%;max-width:1180px;margin-inline:auto}.member-page .grid-3,.member-page .grid-4{gap:15px}.member-page .card:has(>.kpi-value){min-height:128px}.member-page .kpi-value{font-size:clamp(1.75rem,3vw,2.3rem)}.member-page .detail-list{gap:12px}.member-page .empty{background:linear-gradient(145deg,#1022376b,#060f1a7a)}.member-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.member-quick-action{border-radius:var(--radius-lg);background:linear-gradient(145deg,#11253cd1,#06101cf0);border:1px solid #3d577570;align-content:space-between;gap:10px;min-height:108px;padding:18px;transition:transform .15s,border-color .15s;display:grid}.member-quick-action:hover{border-color:#d8b64b4d;transform:translateY(-2px)}.member-quick-action strong{color:var(--text)}.member-quick-action span{color:var(--muted);font-size:.88rem;line-height:1.5}.member-song-card,.member-announcement-card{background:linear-gradient(145deg, #12273ee6, #07111cf7), var(--panel)}.member-announcement-card>p:last-child{white-space:pre-wrap;max-width:820px}.page-actions,.card-actions,.table-actions,.quick-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-actions{justify-content:flex-end;margin-top:-10px}.card-actions,.table-actions{justify-content:flex-start}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.quick-action{border-radius:var(--radius-lg);background:linear-gradient(145deg,#12253bd1,#07101bf0);border:1px solid #3d57757a;align-content:space-between;gap:12px;min-height:112px;padding:18px;transition:transform .15s,border-color .15s,background .15s;display:grid}.quick-action:hover{background:linear-gradient(145deg,#1b314be6,#09131ffa);border-color:#d8b64b57;transform:translateY(-2px)}.quick-action strong{font-size:1rem}.quick-action span{color:var(--muted);font-size:.88rem}.section-heading,.card-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-heading{margin-bottom:2px}.section-heading-copy{gap:7px;display:grid}.section-heading-copy p{max-width:760px;color:var(--muted);margin:0}.section-kicker{color:var(--brand-2);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:780}.empty-state{justify-items:start;gap:12px;display:grid}.empty-state strong{color:var(--text);font-size:1rem}.empty-state h3{color:var(--text);margin:0;font-size:1rem}.empty-state p{max-width:660px;margin:0}.admin-page-training .split:has(>.form-card:first-child){grid-template-columns:minmax(320px,.82fr) minmax(0,1.5fr)}.admin-page-training .form-card{position:static}.admin-page-training .split{align-items:start}.admin-page-members>.grid-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.admin-page-billing .detail-list{gap:0}.admin-page-billing .detail-list>div{border-bottom:1px solid #97adc91f;padding:13px 0}.admin-page-billing .detail-list>div:first-child{padding-top:0}.admin-page-billing .detail-list>div:last-child{border-bottom:0;padding-bottom:0}.admin-page-billing .grid-2>.card{min-height:100%}.admin-page-global-library>.card .form-stack{gap:22px}.song-edit-card{background:radial-gradient(circle at 100% 0,#d8b64b14,#0000 34%),linear-gradient(145deg,#122841fa,#081320fc)}.song-edit-card .form-stack{margin-top:20px}.song-lyrics-input{min-height:280px;line-height:1.65}.field-help{color:var(--muted);font-size:.82rem;line-height:1.5}.organization-branding-card{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:24px;display:grid}.organization-branding-preview{align-items:center;gap:16px;min-width:0;display:flex}.organization-branding-preview .organization-mark{border-radius:20px;flex-basis:70px;width:70px;height:70px;font-size:1.05rem}.organization-logo-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.organization-logo-form .notice,.organization-logo-form .error{grid-column:1/-1}.dashboard-settings-cta{justify-items:start;gap:14px;display:grid}.dashboard-settings-cta p{max-width:520px;margin:0}.settings-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.settings-grid{align-items:start}.settings-form,.settings-logo-form,.settings-logo-remove-form{margin-top:20px}.settings-logo-card{position:sticky;top:24px}.settings-logo-preview{border-radius:var(--radius-lg);background:#04101d4d;border:1px solid #3d57757a;align-items:center;gap:16px;margin-top:20px;padding:16px;display:flex}.settings-logo-preview .organization-mark{border-radius:22px;flex-basis:74px;width:74px;height:74px}.settings-logo-preview p{margin:6px 0 0}.library-card{background:linear-gradient(145deg, #132b46f2, #0b1c30f5), var(--panel);overflow:hidden}.library-card .detail-list{background:#04101d47;border:1px solid #97adc921;border-radius:14px;height:100%;padding:15px}.library-card .detail-list>div+div{border-top:1px solid #97adc91a;padding-top:11px}.upload-zone,.admin-page input[type=file].input{background:linear-gradient(145deg,#d8b64b0d,#040c15a8);border-style:dashed;min-height:54px;padding:10px}.admin-page input[type=file].input::file-selector-button{color:var(--brand-2);cursor:pointer;background:#d8b64b1f;border:1px solid #d8b64b3d;border-radius:10px;margin-right:12px;padding:9px 12px;font-weight:700}.admin-page input[type=file].input::file-selector-button:hover{background:#d8b64b2e}.dashboard-hero{background:radial-gradient(circle at 90% 10%,#d8b64b21,#0000 30%),linear-gradient(135deg,#142b45fa,#08121efc);padding:clamp(22px,3vw,32px)}.dashboard-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:center;gap:28px;display:grid}.dashboard-hero-copy{max-width:760px}.dashboard-hero-copy p{color:var(--muted-strong);margin:12px 0 0;line-height:1.65}.dashboard-health{border-radius:var(--radius-lg);background:#040c1580;border:1px solid #d8b64b33;gap:10px;padding:18px;display:grid}.dashboard-health strong{color:#fff4c4;font-size:1.75rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1180px){:root{--sidebar-width:236px}.sidebar{padding-inline:14px}.sidebar-copy p{display:none}.content{padding-inline:22px}}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{z-index:25;border-bottom:1px solid #4a65823d;border-right:0;height:auto;padding:16px 18px 14px;position:relative;top:auto;overflow:visible;box-shadow:0 14px 38px #0000002e}.sidebar-header{grid-template-columns:auto 1fr}.sidebar .brand-mark{border-radius:13px;width:44px;height:44px}.sidebar-copy p{max-width:620px;display:block}.sidebar-org{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.sidebar-block{margin-top:14px}.sidebar-nav{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:thin;gap:8px;margin:7px -18px 0;padding:0 18px 3px;display:flex;overflow-x:auto}.nav-link{white-space:nowrap;scroll-snap-align:start;flex:none;padding:9px 12px}.nav-link:hover{transform:translateY(-1px)}.nav-link.active{box-shadow:inset 0 -2px 0 var(--brand)}.topbar,.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{justify-content:flex-start;width:100%}.topbar{padding:18px 20px;position:relative}.content{padding:0 20px 28px}.topbar-actions{justify-content:flex-start;width:100%}.inline-form{flex:420px;min-width:0}.inline-form .select{flex:240px;min-width:0}.grid-2,.grid-3,.grid-4,.split,.admin-page .split,.platform-page .split,:is(.admin-page-training .split:has(>.form-card:first-child),.admin-page-members>.grid-4){grid-template-columns:1fr}.admin-page .form-card,.platform-page .form-card{position:static}.admin-table-with-drawer>.admin-drawer{justify-self:stretch}.admin-table-with-drawer>.admin-drawer>summary{width:100%}.quick-actions,.member-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-grid,.organization-branding-card{grid-template-columns:1fr}.settings-logo-card{position:static}.attendance-row-fields,.training-metric-grid{grid-template-columns:1fr}.notification-card-timestamps{text-align:left;justify-items:flex-start}}@media (max-width:640px){html,body{font-size:15px}.auth-wrap,.center-wrap{padding:16px}.auth-card{padding:24px 20px}.sidebar{padding-inline:14px}.sidebar-copy p,.sidebar-label{display:none}.product-icon{border-radius:12px;width:42px;height:42px}.sidebar-org{margin-top:12px}.sidebar-org strong{overflow-wrap:anywhere;min-width:0}.sidebar-nav{margin-inline:-14px;padding-inline:14px}.topbar{padding:16px}.topbar-copy{gap:7px}.topbar-heading{gap:8px}.topbar-heading h1,.title-stack h1{overflow-wrap:anywhere}.topbar-actions,.page-header-actions{grid-template-columns:1fr;display:grid}.topbar-actions>*,.page-header-actions>*,.page-header-actions .button,.page-header-actions .button-secondary,.topbar-actions .button-secondary,.topbar-actions form,.topbar-actions form button{width:100%}.content{padding:0 14px 22px}.page-header{margin-top:22px;padding-bottom:16px}.card,.form-card{padding:18px}.table{min-width:620px}.table th,.table td{padding:12px 10px}.empty{padding:22px 18px}.field-grid{grid-template-columns:1fr!important}.page-actions,.page-actions>*,.page-actions form,.page-actions button,.page-actions a{width:100%}.quick-actions,.member-quick-actions{grid-template-columns:1fr}.quick-action{min-height:92px}.member-quick-action{min-height:88px}.admin-page .grid-4>.card{min-height:132px}.platform-page .grid-4,.member-page .grid-3,.member-page .grid-4{grid-template-columns:1fr}.member-page .button-secondary,.member-page .button{max-width:100%}.member-page .notification-card-actions>a,.member-page .notification-card-actions>form,.member-page .notification-card-actions button{width:100%}.organization-logo-form{grid-template-columns:1fr}.organization-logo-form button{width:100%}.form-row{grid-template-columns:1fr}.admin-drawer-panel{border-left:0;width:100vw;padding:18px 16px 24px;inset:0}.admin-drawer-backdrop{display:none}.admin-drawer-header{flex-direction:column;align-items:stretch}.admin-drawer-header .button-secondary,.admin-drawer-footer .button,.admin-drawer-footer button{width:100%}.settings-hero,.dashboard-settings-cta{align-items:stretch}.settings-hero>a,.dashboard-settings-cta>a{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}