: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{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#1e1e1dcc;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.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}