@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap";:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:#f5f7fa;color:#1e293b}#root{width:100%;height:100%}a{color:#e9511c;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--navy: #222754;--navy-deep: #171b3f;--navy-mid: #2d3268;--navy-light: #3b4199;--gold: #e9511c;--gold-bright: #f06030;--gold-dim: #c44416;--gold-glow: rgba(233, 81, 28, .18);--white: #ffffff;--off-white: #fafbfc;--surface: #f4f6f9;--surface-2: #eef1f6;--border: #e2e8f0;--border-soft: #f0f4f8;--muted: #94a3b8;--text: #0f172a;--text-2: #334155;--text-3: #64748b;--success: #059669;--success-bg: #ecfdf5;--error: #dc2626;--error-bg: #fef2f2;--warning: #d97706;--info: #2563eb;--sidebar-bg: #181c40;--sidebar-border: rgba(255,255,255,.07);--sidebar-hover: rgba(255,255,255,.06);--sidebar-active: rgba(233,81,28,.15);--sidebar-text: rgba(255,255,255,.65);--shadow-xs: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 4px 6px -1px rgba(15,23,42,.07), 0 2px 4px -1px rgba(15,23,42,.04);--shadow-md: 0 10px 25px -5px rgba(15,23,42,.08), 0 4px 10px -3px rgba(15,23,42,.05);--shadow-lg: 0 20px 40px -10px rgba(15,23,42,.12), 0 8px 16px -4px rgba(15,23,42,.06);--shadow-xl: 0 30px 60px -15px rgba(15,23,42,.18);--shadow-gold: 0 8px 24px rgba(233,81,28,.28);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--font-display: "Montserrat", Arial, sans-serif;--font-body: "Montserrat", Arial, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background:var(--surface);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashboard-wrapper{display:flex;height:100vh;background:var(--surface);overflow:hidden;position:relative}.hamburger-btn{display:none;position:fixed;top:1.25rem;left:1.25rem;z-index:1001;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.625rem;cursor:pointer;flex-direction:column;gap:5px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.hamburger-btn:hover{border-color:var(--gold);box-shadow:var(--shadow-md)}.hamburger-line{width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .3s var(--ease-out);display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{width:268px;background:var(--sidebar-bg);color:var(--white);display:flex;flex-direction:column;position:relative;z-index:100;flex-shrink:0;transition:transform .3s var(--ease-out);border-right:1px solid rgba(255,255,255,.04)}.sidebar:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar-header{padding:1.75rem 1.5rem 1.5rem;border-bottom:1px solid var(--sidebar-border)}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--white);letter-spacing:.5px;line-height:1.1}.logo:after{content:".";color:var(--gold)}.logo-subtitle{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-weight:500}.nav-list{list-style:none;flex:1;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;cursor:pointer;color:var(--sidebar-text);border-radius:var(--radius-md);transition:all .18s ease;border:1px solid transparent;position:relative}.nav-item:hover{background:var(--sidebar-hover);color:#ffffffe6;border-color:#ffffff0f}.nav-item.active{background:var(--sidebar-active);color:var(--gold-bright);border-color:#e9511c33;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gold);border-radius:0 3px 3px 0}.nav-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:22px;flex-shrink:0}.nav-label{font-size:.9rem;font-weight:500;letter-spacing:.1px}.sidebar-footer{padding:1.25rem;border-top:1px solid var(--sidebar-border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:.875rem;margin-bottom:.75rem;background:#ffffff0a;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;font-family:var(--font-display);box-shadow:0 2px 8px #e9511c59}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.85rem;font-weight:600;margin:0;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.68rem;margin:0;color:var(--gold);text-transform:uppercase;letter-spacing:.8px;font-weight:500}.status-indicator{font-size:.75rem;color:#ffffff59;display:flex;align-items:center;gap:6px;margin:0 0 .75rem;padding-left:2px}.status-indicator:before{content:"";width:6px;height:6px;background:var(--success);border-radius:50%;display:block;flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #05966966}50%{opacity:.75;box-shadow:0 0 0 4px #05966900}}.logout-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid rgba(220,38,38,.3);color:#fca5a5cc;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-body)}.logout-btn:hover{background:#dc26261f;border-color:#dc262699;color:#fca5a5}.content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:2rem 2.25rem;min-width:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.content-area::-webkit-scrollbar{width:5px}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.25rem;color:var(--text-3)}.spinner{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:.9rem;font-weight:500;color:var(--text-3);letter-spacing:.2px}.dashboard-home{display:flex;flex-direction:column;gap:0;animation:pageIn .35s var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{display:flex;align-items:flex-end;justify-content:space-between;padding:1.5rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.banner-content{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:2rem}.banner-text{flex:1}.banner-greeting{font-size:.75rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;display:block}.banner-title{font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--navy);margin:0;line-height:1.15}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.75rem;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-xs);transition:all .25s var(--ease-out)}.summary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-soft);padding-bottom:1rem;margin-bottom:1.25rem}.card-header h3{font-size:.75rem;font-weight:700;color:var(--text-3);letter-spacing:1.2px;text-transform:uppercase;margin:0}.card-body{flex:1;display:flex;flex-direction:column;gap:.875rem}.card-title{font-family:var(--font-display);color:var(--navy);font-size:1.3rem;font-weight:800;margin:0;line-height:1.3}.event-meta{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.event-meta p{margin:0;color:var(--text-3);display:flex;align-items:center;gap:6px}.event-description{color:var(--text-2);font-size:.875rem;line-height:1.6;padding:.875rem 1rem;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--gold);margin-top:.5rem}.poster-showcase{width:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:1rem}.poster-image{width:100%;height:auto;display:block;transition:transform .4s var(--ease-out)}.poster-showcase:hover .poster-image{transform:scale(1.03)}.verse-text{font-family:var(--font-display);color:var(--navy);font-size:1rem;padding:1rem 1.125rem;background:linear-gradient(to right,#e9511c0f,#e9511c05);border-left:3px solid var(--gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.6}.golden-mine{background:linear-gradient(135deg,#fff8ec,#fff1d6);padding:1rem 1.125rem;border-radius:var(--radius-md);color:var(--navy);font-size:.9rem;line-height:1.6;border:1px solid rgba(233,81,28,.15)}.golden-mine strong{display:flex;align-items:center;gap:6px;margin-bottom:.375rem;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold);font-weight:700}.empty-state,.empty-state-box{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:3rem 2rem;text-align:center;color:var(--text-3);background:var(--surface);border-radius:var(--radius-lg);border:1.5px dashed var(--border)}.text-muted{color:var(--text-3);font-size:.875rem;margin:0}.manager-container{display:flex;flex-direction:column;gap:2rem;animation:pageIn .35s var(--ease-out)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--navy);margin:0;display:flex;align-items:center;gap:.625rem}.form-section{background:var(--white);border:1px solid var(--border);border-top:3px solid var(--gold);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-form{display:flex;flex-direction:column;gap:1.25rem}.form-input,.form-textarea{padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.925rem;color:var(--text);background:var(--off-white);transition:all .2s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #e9511c14}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-input-group{display:flex;flex-direction:column;gap:.625rem}.file-label{font-size:.825rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.5px}.file-hint{font-size:.775rem;color:var(--text-3);font-weight:400;text-transform:none;letter-spacing:0}.file-input{padding:.875rem 1rem;border:2px dashed rgba(233,81,28,.35);border-radius:var(--radius-md);background:#e9511c08;cursor:pointer;transition:all .2s ease;color:var(--text-3);font-family:var(--font-body);font-size:.9rem}.file-input:hover{border-color:var(--gold);background:#e9511c0f}.image-preview-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.875rem}.image-preview{width:100%;max-height:240px;object-fit:cover;border-radius:var(--radius-md);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.preview-label{font-size:.78rem;color:var(--text-3);text-align:center}.list-section{background:var(--white);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);border-top:3px solid var(--gold);box-shadow:var(--shadow-sm)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.event-card-grid{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s var(--ease-out);box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.event-card-grid:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.event-image-container{width:100%;height:220px;overflow:hidden;background:var(--surface-2)}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.event-card-grid:hover .event-image{transform:scale(1.06)}.event-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.event-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--navy);margin:0;line-height:1.3}.event-card-meta{font-size:.8rem;color:var(--text-3);flex:1}.event-card-meta p{margin:.2rem 0;display:flex;align-items:center;gap:.4rem}.event-card-actions{display:flex;gap:.875rem;padding-top:.875rem;border-top:1px solid var(--border-soft);margin-top:.5rem}.announcements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.announcement-card-grid{background:var(--white);border:1px solid var(--border);border-top:3px solid var(--gold);border-radius:var(--radius-lg);overflow:hidden;transition:all .25s var(--ease-out);box-shadow:var(--shadow-xs);display:flex;flex-direction:column}.announcement-card-grid:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.announcement-image-container{width:100%;height:180px;overflow:hidden;background:var(--surface-2)}.announcement-image{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.announcement-card-grid:hover .announcement-image{transform:scale(1.06)}.announcement-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.announcement-card-date{margin:0;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.announcement-card-text{color:var(--text-2);font-size:.86rem;line-height:1.55;flex:1;margin:0}.accordion-list{display:none;flex-direction:column;gap:1rem}.accordion-item{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .25s var(--ease-out),border-color .25s var(--ease-out)}.accordion-item.is-open{border-color:var(--gold);box-shadow:var(--shadow-sm)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.875rem;padding:1rem 1.1rem;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body)}.accordion-header-text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.accordion-header-meta{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.accordion-header-meta .table-subtext{margin:0}.accordion-chevron{flex-shrink:0;color:var(--gold);transition:transform .3s var(--ease-out)}.accordion-item.is-open .accordion-chevron{transform:rotate(180deg)}.accordion-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease-out)}.accordion-item.is-open .accordion-content-wrapper{grid-template-rows:1fr}.accordion-content-inner{overflow:hidden;min-height:0;padding:0 1.1rem}.accordion-item.is-open .accordion-content-inner{padding:0 1.1rem 1.1rem}.tag-badge{margin-bottom:.875rem;background:#e9511c14;color:var(--gold-dim);border-color:#e9511c2e}.accordion-field{margin-bottom:.875rem}.accordion-field-label{font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--navy);margin:0 0 .3rem}.accordion-field-text{color:var(--text-2);font-size:.875rem;line-height:1.55;white-space:pre-wrap}.accordion-actions{display:flex;align-items:center;gap:.875rem;padding-top:.75rem;border-top:1px solid var(--border-soft)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table thead{background:var(--surface)}.admin-table th{padding:.875rem 1rem;text-align:left;font-weight:700;color:var(--navy);letter-spacing:.8px;text-transform:uppercase;font-size:.72rem;border-bottom:2px solid var(--border)}.admin-table tbody tr{border-bottom:1px solid var(--border-soft);transition:background .15s ease}.admin-table tbody tr:hover{background:var(--off-white)}.admin-table td{padding:1.1rem 1rem;vertical-align:top;color:var(--text-2)}.table-title{font-weight:700;color:var(--navy);font-size:.925rem;display:block;margin-bottom:3px}.table-subtext{color:var(--text-3);font-size:.82rem;margin:0}.verse-badge{display:inline-flex;align-items:center;background:#2563eb14;color:var(--info);padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;border:1px solid rgba(37,99,235,.15);letter-spacing:.2px}.shadow-premium{box-shadow:var(--shadow-md);background:var(--white);padding:2rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--white);padding:.8rem 1.625rem;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:700;cursor:pointer;transition:all .22s var(--ease-out);font-size:.85rem;letter-spacing:.6px;text-transform:uppercase;box-shadow:var(--shadow-gold);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .2s ease}.btn-primary:hover:not(:disabled):after{background:#ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #e9511c61}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-gold)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-cancel{background:var(--white);color:var(--text-2);padding:.8rem 1.625rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.btn-cancel:hover{background:var(--surface);border-color:var(--text-3);color:var(--text)}.btn-link{background:none;border:none;color:var(--info);font-weight:600;cursor:pointer;font-size:.875rem;transition:all .2s ease;font-family:var(--font-body);padding:0}.btn-link:hover{color:var(--navy);text-decoration:underline}.btn-primary-small{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--white);padding:.55rem 1.1rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:700;cursor:pointer;font-size:.78rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #e9511c40}.btn-primary-small:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e9511c52}.action-link{background:none;border:none;font-family:var(--font-body);font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.6px;transition:all .2s ease;padding:4px 0;margin-right:1rem}.action-link.edit{color:var(--info)}.action-link.edit:hover{color:var(--navy)}.action-link.delete{color:var(--error)}.action-link.delete:hover{color:#991b1b}.button-group{display:flex;align-items:center;gap:.875rem;margin-top:1rem}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy-deep);position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(233,81,28,.12) 0%,transparent 65%);top:-250px;right:-200px;pointer-events:none}.auth-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(59,65,153,.3) 0%,transparent 65%);bottom:-150px;left:-100px;pointer-events:none}.auth-wrapper>.auth-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.auth-card{background:var(--white);padding:2.75rem;border-radius:var(--radius-xl);width:100%;max-width:430px;position:relative;z-index:1;box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff0d;animation:cardIn .45s var(--ease-out)}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:0 0 var(--radius-full) var(--radius-full)}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.auth-brand-logo{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:1px;line-height:1;margin-bottom:5px}.auth-brand-logo span{color:var(--gold)}.auth-brand-subtitle{font-size:.68rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1.8px;font-weight:500}.auth-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 0 4px;color:var(--navy)}.auth-subtitle{font-size:.85rem;color:var(--text-3);margin:0 0 1.75rem}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.72rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.8px}.form-group input{padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.925rem;color:var(--text);outline:none;transition:all .2s ease;background:var(--off-white);font-family:var(--font-body);width:100%}.form-group input::placeholder{color:var(--muted)}.form-group input:focus{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #e9511c17}.auth-btn{margin-top:.5rem;padding:12px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .25s var(--ease-out);text-transform:uppercase;letter-spacing:.8px;box-shadow:var(--shadow-gold)}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #e9511c66}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.auth-error{background:var(--error-bg);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.25rem;border:1px solid rgba(220,38,38,.15);border-left:3px solid var(--error)}.auth-success{background:var(--success-bg);color:var(--success);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:.25rem;border:1px solid rgba(5,150,105,.15);border-left:3px solid var(--success)}.auth-back{display:inline-flex;align-items:center;gap:5px;margin-top:1.25rem;background:none;border:none;color:var(--text-3);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease;font-family:var(--font-body)}.auth-back:hover{color:var(--gold)}.confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.confirm-dialog{background:var(--white);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:360px;box-shadow:var(--shadow-xl);border-top:3px solid var(--gold);animation:slideUp .28s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.confirm-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin:0 0 6px;color:var(--navy)}.confirm-subtitle{font-size:.875rem;color:var(--text-3);margin:0 0 1.75rem;line-height:1.55}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-cancel{padding:9px 18px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;color:var(--text-2);transition:all .2s ease;font-family:var(--font-body)}.confirm-cancel:hover{background:var(--surface-2);border-color:var(--text-3)}.confirm-logout{padding:9px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;color:var(--white);cursor:pointer;transition:all .2s ease;font-family:var(--font-body);box-shadow:0 4px 12px #dc26264d}.confirm-logout:hover{transform:translateY(-1px);box-shadow:0 6px 18px #dc262666}@media(max-width:1023px){.table-desktop-only{display:none}.accordion-list{display:flex}}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.dashboard-wrapper{flex-direction:row;position:relative}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);overflow-y:auto}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.content-area{padding:5rem 1.5rem 1.5rem}.banner-content{flex-direction:column;align-items:flex-start;gap:1rem}.banner-title{font-size:1.85rem}.summary-grid,.form-row{grid-template-columns:1fr}.admin-table{font-size:.82rem}.admin-table th,.admin-table td{padding:.7rem .6rem}.events-grid,.announcements-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.auth-card{margin:1rem;padding:2rem}}@media(max-width:480px){.content-area{padding:4.5rem 1rem 1rem}.banner-title{font-size:1.5rem}.button-group{flex-direction:column}.btn-primary,.btn-cancel{width:100%}.events-grid{grid-template-columns:1fr}.event-image-container{height:180px}.summary-grid{gap:1rem}}.text-navy{color:var(--navy)}.text-gold{color:var(--gold)}.text-light{color:var(--text-3)}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.italic-text{font-style:italic}.prayer-preview{font-size:.875rem;line-height:1.5;color:var(--text-3)}.brand-text-navy{color:var(--navy);margin-bottom:10px}.register-page{display:flex;flex-direction:column;gap:1.75rem;animation:pageIn .35s var(--ease-out);width:100%}.register-header{padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.register-header-sub{font-size:.875rem;color:var(--text-3);margin-top:4px}.register-card{display:grid;grid-template-columns:1fr 1.4fr;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);border-top:3px solid var(--gold);box-shadow:var(--shadow-md);overflow:hidden}.register-info{background:var(--sidebar-bg);padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.register-info:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(233,81,28,.15) 0%,transparent 70%);bottom:-100px;right:-80px;pointer-events:none}.register-info-logo{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--white);letter-spacing:.5px;line-height:1;margin-bottom:6px;position:relative;z-index:1}.register-info-logo span{color:var(--gold)}.register-info-subtitle{font-size:.68rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1.8px;font-weight:500;margin-bottom:2.5rem;position:relative;z-index:1}.register-info-rules{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1;margin-top:auto}.register-rule{font-size:.825rem;color:#ffffff8c;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.register-rule strong{color:#fffc;font-weight:600}.rule-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:6px}.register-form-panel{padding:2.5rem 2.25rem;display:flex;flex-direction:column}.register-form-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--navy);margin:0 0 4px}.register-form-sub{font-size:.85rem;color:var(--text-3);margin:0 0 1.75rem}@media(max-width:768px){.register-card{grid-template-columns:1fr}.register-info{padding:1.75rem;min-height:180px}.register-info-rules{margin-top:1.5rem}.register-form-panel{padding:1.75rem}}.sermons-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.sermon-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .25s var(--ease-out);box-shadow:var(--shadow-xs)}.sermon-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}.sermon-header{display:flex;flex-direction:column;gap:.5rem}.sermon-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--navy);margin:0;line-height:1.3}.sermon-preacher{font-size:.85rem;color:var(--text-3);margin:0;display:flex;align-items:center;gap:.4rem}.sermon-description{font-size:.875rem;color:var(--text-2);line-height:1.6;margin:0;padding:.75rem 1rem;background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--gold)}.sermon-meta{display:flex;align-items:center;gap:.5rem}.sermon-date{font-size:.78rem;color:var(--text-3);margin:0;display:flex;align-items:center;gap:.4rem}.audio-player-container{margin-top:.5rem}.audio-player{width:100%;height:40px;border-radius:var(--radius-md)}.sermon-actions{display:flex;justify-content:flex-end;padding-top:.875rem;border-top:1px solid var(--border-soft);margin-top:auto}.upload-progress-section{margin-top:1rem;padding:1rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.upload-progress{font-size:.85rem;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.upload-progress:before{content:"";width:14px;height:14px;border:2px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.progress-bar-container{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.progress-bar{flex:1;height:8px;border:none;border-radius:4px;background-color:var(--surface-2);appearance:none;-webkit-appearance:none}.progress-bar::-webkit-progress-bar{background-color:var(--surface-2);border-radius:4px}.progress-bar::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:4px;transition:width .3s ease}.progress-bar::-moz-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:4px;transition:width .3s ease}.progress-text{font-size:.75rem;font-weight:600;color:var(--gold);min-width:35px;text-align:right}.upload-progress-section{margin-top:1rem}@media(max-width:768px){.sermons-list{grid-template-columns:1fr}}