:root{--brand-orange:#fbb900;--brand-orange-light:#ffeaaf;--brand-grey:#3c3c3b;--brand-grey-dark:#1e1e1d;--brand-grey-card:#2b2b2a;--brand-green:#c7d300;--brand-white:#fff;--brand-black:#000;--bg-primary:#181817;--bg-card:#2b2b2ad9;--bg-card-hover:#3c3c3bf2;--border-color:#fbb90033;--border-color-hover:#fbb90080;--text-main:#fff;--text-muted:#d1d5db;--text-dark:#3c3c3b;--radius-lg:16px;--radius-md:10px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--brand-orange-text:#fbb900;--brand-orange-subtle:#fbb90029;--brand-blue-text:#38bdf8;--brand-blue-border:#38bdf866;--brand-green-text:#4ade80;--bg-card-subtle:#1e1e1d8c;--card-bg-elevated:#232322d9}:root[data-theme=light],.light-theme{--bg-primary:#f1f5f9;--bg-card:#fffffff5;--bg-card-hover:#f8fafcfa;--border-color:#cbd5e1e6;--border-color-hover:#b4530999;--text-main:#0f172a;--text-muted:#334155;--text-dark:#0f172a;--brand-orange-light:#9a3412;--brand-orange-text:#9a3412;--brand-orange-subtle:#fef3c7;--brand-blue-text:#0369a1;--brand-blue-border:#0369a159;--brand-green-text:#15803d;--brand-grey-card:#fff;--brand-grey-dark:#fff;--bg-card-subtle:#f8fafc;--card-bg-elevated:#fff}[data-theme=light] body,.light-theme body{background-color:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(at 0 0,#fbb9001f 0,#0000 50%),radial-gradient(at 100% 100%,#c7d30014 0,#0000 50%)}[data-theme=light] .glass-panel,.light-theme .glass-panel{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 4px 20px #0000000f}[data-theme=light] .card,.light-theme .card{border-color:var(--border-color);background:#fff;box-shadow:0 4px 24px #0000000f}[data-theme=light] .modal-content,.light-theme .modal-content{border-color:var(--border-color);background:#fff;box-shadow:0 16px 40px #0000001f}[data-theme=light] .modal-header,.light-theme .modal-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .header,.light-theme .header{border-top:3px solid var(--brand-orange);background:#fffffff2;box-shadow:0 2px 10px #0000000a}[data-theme=light] .header-title-group h1,.light-theme .header-title-group h1{color:var(--text-main)}[data-theme=light] .input-field,[data-theme=light] .textarea-field,[data-theme=light] .select-field,.light-theme .input-field,.light-theme .textarea-field,.light-theme .select-field{color:var(--text-main);background:#fff;border-color:#cbd5e1}[data-theme=light] .input-field:focus,[data-theme=light] .textarea-field:focus,[data-theme=light] .select-field:focus,.light-theme .input-field:focus,.light-theme .textarea-field:focus,.light-theme .select-field:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770633}[data-theme=light] .btn-secondary,.light-theme .btn-secondary{color:#1e293b;background:#fff;border-color:#cbd5e1}[data-theme=light] .btn-secondary:hover,.light-theme .btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#d97706}[data-theme=light] .form-group label,.light-theme .form-group label{color:var(--brand-orange-text);font-weight:700}.event-main-banner-card{color:#fff;background:linear-gradient(135deg,#1e1e26f2,#141419fa);border:1px solid #fbb9004d}.event-main-banner-card .event-main-title{color:#fff!important}.event-banner-details-box{color:#e2e8f0;background:#00000059;border:1px solid #ffffff14}[data-theme=light] .event-main-banner-card,.light-theme .event-main-banner-card{border:1px solid var(--border-color)!important;color:#0f172a!important;background:#fff!important;box-shadow:0 4px 20px #0000000f!important}[data-theme=light] .event-main-banner-card .event-main-title,.light-theme .event-main-banner-card .event-main-title{color:#0f172a!important}[data-theme=light] .event-banner-details-box,.light-theme .event-banner-details-box{color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .event-banner-details-box>div,.light-theme .event-banner-details-box>div{color:#334155!important}.gratitude-qr-box{border-radius:16px;justify-content:center;align-items:center;padding:12px;display:inline-flex;box-shadow:0 4px 16px #00000026;background:#fff!important}.gratitude-qr-box img{display:block}.gratitude-projector-stage{color:#fff!important;background:#0a0a0f!important}.gratitude-projector-stage h1,.gratitude-projector-stage h2,.gratitude-projector-stage h3,.gratitude-projector-stage p{color:#fff!important}[data-theme=light] .mobile-menu-drawer,.light-theme .mobile-menu-drawer{border-color:var(--border-color);background:#fffffffa;box-shadow:0 10px 30px #00000026}.dept-card-btn{border:1px solid var(--border-color);background:var(--bg-card-subtle);color:var(--text-muted);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.dept-card-btn:hover{border-color:var(--border-color-hover);color:var(--text-main)}.dept-card-btn.selected{border:1.5px solid var(--brand-orange);background:var(--brand-orange-subtle);color:var(--text-main);font-weight:700}.btn-header-back{color:var(--brand-orange-text)!important;border-color:var(--brand-orange-text)!important;font-weight:700!important}.btn-header-lang{color:var(--brand-blue-text)!important;border-color:var(--brand-blue-border)!important;font-weight:700!important}.btn-header-theme{color:var(--brand-orange-text)!important;border-color:var(--border-color)!important;font-weight:700!important}.btn-header-qr{color:var(--brand-orange-text)!important;border-color:var(--border-color-hover)!important;font-weight:700!important}.status-filter-tab{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card-subtle);color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.status-filter-tab.active{border:1.5px solid var(--brand-orange);background:var(--brand-orange-subtle);color:var(--brand-orange-text)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);background-image:radial-gradient(at 0 0,#fbb9001f 0,#0000 50%),radial-gradient(at 100% 100%,#c7d3001a 0,#0000 50%);background-attachment:fixed;min-height:100vh;padding-bottom:40px;line-height:1.6}.app-container{max-width:1200px;margin:0 auto;padding:24px 16px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:0 8px 32px #0006}.header{border-top:3px solid var(--brand-orange);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-brand-group{align-items:center;gap:16px;display:flex}.church-logo{object-fit:contain;width:auto;height:48px}.header-title-group h1{color:var(--brand-white);align-items:center;gap:8px;font-size:1.6rem;font-weight:800;display:flex}.header-title-group h1 span.highlight{color:var(--brand-orange)}.header-subtitle{color:var(--brand-orange-light);margin-top:2px;font-size:.88rem;font-weight:500}.badge-status{color:var(--brand-green);background:#c7d30026;border:1px solid #c7d30066;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-status.fallback{color:var(--brand-orange);background:#fbb90026;border-color:#fbb90066}.main-grid{grid-template-columns:1fr 1.3fr;gap:24px;display:grid}@media (width<=900px){.main-grid{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-group label{color:var(--brand-orange-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.input-field,.textarea-field,.select-field{box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:100%;color:var(--text-main);appearance:none;background:#1e1e1dcc;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;display:none!important}input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none!important;display:none!important}input[type=date]::-webkit-clear-button{-webkit-appearance:none!important;display:none!important}.header-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.header-brand-group{cursor:pointer;flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.portal-header-title{color:var(--brand-white);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1rem,3vw,1.5rem);font-weight:800;overflow:hidden}.header-actions{align-items:center;gap:6px;display:flex}.btn-header-action{white-space:nowrap;padding:6px 10px;font-size:.8rem}.desktop-only{display:flex}.mobile-only-controls{display:none}.mobile-menu-drawer{border-top:1px dashed var(--border-color);flex-direction:column;gap:8px;margin-top:10px;padding-top:12px;display:flex}@media (width<=768px){body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.app-container{padding:10px 8px}.glass-panel{padding:14px 10px}.desktop-only{display:none!important}.mobile-only-controls{flex-shrink:0;align-items:center;gap:6px;display:flex!important}.church-logo{height:32px}.header{min-height:auto;padding:10px 12px}.header-inner{flex-direction:row;justify-content:space-between;align-items:center}.portal-header-title{display:none!important}.portal-card{gap:12px;padding:16px 12px}.portal-card-icon{width:40px;height:40px}}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--brand-orange);outline:none;box-shadow:0 0 0 3px #fbb90040}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.presets-bar{border-bottom:1px dashed #fbb90033;margin-bottom:20px;padding-bottom:14px}.presets-title{color:var(--brand-orange-light);margin-bottom:8px;font-size:.8rem;font-weight:600}.preset-pills{flex-wrap:wrap;gap:8px;display:flex}.preset-pill{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#3c3c3b99;border-radius:20px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .2s}.preset-pill:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--brand-black);font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--brand-orange), #e6a800);width:100%;color:var(--brand-black);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fbb90066}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#3c3c3bb3;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--brand-grey);border-color:var(--brand-orange)}.btn-whatsapp{color:#052e16;border-radius:var(--radius-md);cursor:pointer;background:#25d366;border:none;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-whatsapp:hover{background:#22c55e;box-shadow:0 4px 16px #25d36666}.btn-whatsapp-failed{color:#fff!important;background:#ef4444!important;box-shadow:0 4px 16px #ef444459!important}.btn-whatsapp-failed:hover{background:#dc2626!important}.song-card{border:1px solid var(--border-color);border-left:4px solid var(--brand-orange);border-radius:var(--radius-md);background:#1e1e1db3;margin-bottom:12px;padding:16px;transition:all .2s}.song-card:hover{border-color:var(--border-color-hover);background:#2d2d2ce6}.song-card.OPENING{border-left-color:#a855f7}.song-card.PRAISE{border-left-color:#ec4899}.song-card.PREPARATION{border-left-color:var(--brand-green)}.song-card.RESPONSE{border-left-color:var(--brand-orange)}.song-card.SENDING{border-left-color:#38bdf8}.song-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}@media (width<=640px){.song-header{flex-direction:column;align-items:stretch;gap:10px}}.song-slot-name{text-transform:uppercase;letter-spacing:.5px;color:var(--brand-orange);margin-bottom:4px;font-size:.75rem;font-weight:700}.song-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.song-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge{color:var(--text-muted);background:#ffffff1a;border-radius:12px;padding:2px 8px;font-size:.7rem}.badge-style{color:var(--brand-orange-light);background:#fbb90026;border:1px solid #fbb9004d}.song-reason{color:var(--text-main);border-left:2px solid var(--brand-orange);background:#00000040;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:.85rem;display:flex}[data-theme=light] .song-card,.light-theme .song-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}[data-theme=light] .song-card:hover,.light-theme .song-card:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .song-slot-name,.light-theme .song-slot-name{color:var(--brand-orange-text)}[data-theme=light] .song-title,.light-theme .song-title{color:#0f172a}[data-theme=light] .song-reason,.light-theme .song-reason{color:#1e293b;border-left-color:var(--brand-orange);background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0}[data-theme=light] .badge,.light-theme .badge{color:#334155;background:#e2e8f0}[data-theme=light] .badge-style,.light-theme .badge-style{color:#92400e;background:#fef3c7;border-color:#fde68a}.whatsapp-box{border-radius:var(--radius-md);background:#25d3660f;border:1px solid #25d3664d;margin-top:24px;padding:18px}.whatsapp-box-title{color:#4ade80;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.whatsapp-preview{color:#e9edef;white-space:pre-wrap;background:#0d1418;border:1px solid #ffffff1a;border-radius:8px;max-height:220px;margin-bottom:14px;padding:14px;font-family:monospace;font-size:.85rem;overflow-y:auto}.whatsapp-actions{flex-wrap:wrap;gap:10px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--brand-grey-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-body{flex:1;padding:20px;overflow-y:auto}.portal-grid{grid-template-columns:1fr;gap:20px;display:grid}.portal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:20px;padding:24px;transition:all .25s;display:flex;box-shadow:0 8px 32px #0006}.portal-card:hover{border-color:var(--brand-orange);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:0 12px 32px #fbb90040}.portal-card-icon{border:1px solid #0000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.portal-card-action{color:var(--brand-orange);opacity:.7;transition:transform .2s,opacity .2s}.portal-card:hover .portal-card-action{opacity:1;transform:translate(4px)}.portal-card.restricted-card{opacity:.88;background:#ffffff05!important;border:1px dashed #f59e0b73!important}[data-theme=light] .portal-card.restricted-card,.light-theme .portal-card.restricted-card{opacity:.92;background:#f8fafc!important;border:1px dashed #cbd5e1!important}.portal-card.restricted-card:hover{background:#f59e0b0d!important;border-color:#fbbf24!important;box-shadow:0 10px 28px #f59e0b2e!important}.restricted-badge{color:#fbbf24;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}[data-theme=light] .restricted-badge,.light-theme .restricted-badge{color:#92400e!important;background:#fef3c7!important;border:1px solid #fcd34d!important}.working-resource-btn{background:#ffffff0d;border:1px solid #ffffff26;transition:all .2s}.working-resource-btn:hover{background:#ffffff17;border-color:#ffffff40}[data-theme=light] .working-resource-btn,.light-theme .working-resource-btn{box-shadow:0 1px 3px #0000000d;background:#fff!important;border:1px solid #cbd5e1!important}[data-theme=light] .working-resource-btn:hover,.light-theme .working-resource-btn:hover{box-shadow:0 4px 12px #00000014;background:#f8fafc!important;border-color:#94a3b8!important}[data-theme=light] .portal-card h3,.light-theme .portal-card h3{color:#0f172a!important}[data-theme=light] .portal-card.restricted-card .portal-card-action,.light-theme .portal-card.restricted-card .portal-card-action{color:#b45309!important;background:#fef3c7!important}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:12px}.header{flex-direction:column;align-items:stretch;gap:12px}.header-brand-group{justify-content:center}.portal-card{gap:14px;padding:18px 14px}.portal-card-icon{width:44px;height:44px}.whatsapp-actions{flex-direction:column}.whatsapp-actions button,.whatsapp-actions a{justify-content:center;width:100%}.app-container{padding:12px 8px!important}.glass-panel{padding:16px 12px!important}.modal-overlay{padding:10px 8px!important}.modal-content{width:100%!important;max-width:100%!important}.modal-body{padding:14px 10px!important}input[type=text],input[type=email],textarea,select,.input-field{font-size:16px!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.custom-styled-scrollbar{scrollbar-width:thin;scrollbar-color:var(--brand-orange) #ffffff14}.custom-styled-scrollbar::-webkit-scrollbar{height:6px}.custom-styled-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-styled-scrollbar::-webkit-scrollbar-thumb{background:var(--brand-orange);border-radius:4px}.custom-styled-scrollbar::-webkit-scrollbar-thumb:hover{background:#fcd34d}@media print{body{color:#000!important;background:#fff!important}.print-hide,.header,.modal-overlay,.modal-header,.modal-body>div:first-child{display:none!important}.modal-content,.modal-body{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#printable-poster-area{color:#fff!important;box-shadow:none!important;background:#181817!important;border:3px solid #fbb900!important;margin:0 auto!important}}@media (width<=768px){.app-container{padding:12px 10px!important}.glass-panel{border-radius:12px!important;padding:16px 12px!important}h1,h2,h3,h4,h5{word-break:break-word;overflow-wrap:anywhere}p,span,div,li,a{overflow-wrap:anywhere}.input-field,button{font-size:16px!important}}@media (width<=480px){body{padding-bottom:24px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:.85rem!important}}.fb-date-event-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.dept-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:12px;display:grid}@media (width<=640px){.fb-date-event-row{grid-template-columns:1fr!important;gap:12px!important}.dept-checklist-grid{grid-template-columns:1fr!important;gap:8px!important}.dept-card-btn{padding:10px 14px!important;font-size:.88rem!important}.qr-preview-box{aspect-ratio:1!important;width:100%!important;max-width:220px!important;height:auto!important;max-height:220px!important}.qr-action-btns{flex-direction:column!important}}