: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}*{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}.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.RESPONSE{border-left-color:var(--brand-orange)}.song-card.PREPARATION{border-left-color:var(--brand-green)}.song-card.SENDING{border-left-color:#38bdf8}.song-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.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:#fff;font-size:1.1rem;font-weight:700}.song-badges{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:#e5e7eb;border-left:2px solid var(--brand-orange);background:#00000040;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:.85rem;display:flex}.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)}@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}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;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#181817!important;border:3px solid #fbb900!important;margin:0 auto!important}}