:root{--bg:#f7f9fc;--surface:#fff;--text:#1f2937;--text-light:#000;--border:#e5e7eb;--male:#2ea8ff;--male-light:#000;--female:#9c27b0;--female-light:#000;--success:#16a34a;--danger:#dc2626;--radius:24px;--shadow:0 15px 40px #0000000f;--transition:.35s}.page{justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex;position:relative;overflow:hidden}.container{z-index:2;width:100%;max-width:460px;position:relative}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.button{cursor:pointer;width:100%;height:58px;transition:var(--transition);border:none;border-radius:18px;font-size:17px;font-weight:700}.button:hover{transform:translateY(-3px)}.input{border:2px solid var(--border);text-transform:uppercase;border-radius:16px;outline:none;width:100%;height:56px;padding:15px;font-size:18px;transition:all .25s}.input:focus{border-color:var(--male)}.page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.home-page{background:radial-gradient(circle at 100% 0,#eaf7ff,#0000 35%),radial-gradient(circle at 0 100%,#f8eeff,#0000 35%),#fff}.home-container{text-align:center;width:100%;max-width:480px}.header{margin-bottom:20px}.brand-logo{color:#7c3aed;background:#fff;border-radius:35px;justify-content:center;align-items:center;width:110px;height:110px;margin:auto;font-size:45px;display:flex;box-shadow:0 20px 50px #00000014}.brand h1{margin-top:20px;font-size:42px;font-weight:800}.home-description{color:#64748b;margin:25px 0 40px;font-size:17px;line-height:1.7}.choice-container{flex-direction:column;gap:20px;display:flex}.choice-card{cursor:pointer;background:#fff;border:none;border-radius:30px;padding:28px;transition:all .35s;box-shadow:0 15px 45px #00000014}.choice-card:hover{transform:translateY(-8px)}.choice-icon{margin-bottom:15px;font-size:45px}.choice-card h2{font-size:25px}.choice-card span{color:#64748b;margin-top:8px;display:block}.men{color:#2196f3}.women{color:#9c27b0}@media (width>=700px){.choice-container{flex-direction:row}.choice-card{width:50%}}.hombres-page{background:var(--bg);min-height:100vh;padding:20px;position:relative}.hombres-page:before{content:"";z-index:0;background:#2ea8ff14;border-radius:50%;width:350px;height:350px;position:fixed;top:-170px;right:-130px}.screen{z-index:2;max-width:480px;margin:auto;animation:.5s fade;position:relative}.logo-circle{width:90px;height:90px;box-shadow:var(--shadow);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:30px auto 20px;font-size:42px;display:flex}.page-title{text-align:center;color:var(--text);font-size:34px;font-weight:800}.page-subtitle{text-align:center;color:var(--text-light);margin:12px 0 30px;line-height:1.6}.section-card{box-shadow:var(--shadow);background:#000;border-radius:24px;margin-bottom:20px;padding:24px}.label{margin-bottom:10px;font-weight:600;display:block}.input-name{border:2px solid var(--border);text-transform:uppercase;border-radius:16px;outline:none;width:100%;height:58px;padding:0 18px;font-size:18px}.input-name:focus{border-color:var(--male)}.btn-primary{background:var(--male);color:#060505;cursor:pointer;border:none;border-radius:16px;width:100%;height:58px;margin-top:18px;font-size:18px;font-weight:700}.loader{text-align:center;padding:20px;display:none}.loader.active{display:block}.spinner{border:4px solid #dbeafe;border-top:4px solid var(--male);border-radius:50%;width:46px;height:46px;margin:auto;animation:.8s linear infinite spin}.mission-card{display:none}.mission-card.active{animation:.4s fade;display:block}.mission-name{color:var(--male);text-align:center;margin:18px 0;font-size:28px;font-weight:800}.instructions{padding-left:20px;line-height:2}.gifts{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.gift{text-align:center;background:#000;border-radius:14px;padding:12px}.start-btn{background:var(--male);color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;height:58px;margin-top:22px;font-size:18px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.page-title{font-size:28px}.section-card{padding:20px}.gifts{grid-template-columns:1fr}}@media (width<=768px){.admin-header h1{font-size:30px}.card{padding:25px}.card h1{font-size:40px}.btn{font-size:15px}table{font-size:13px}}@media (width<=700px){.admin-card{padding:18px}.admin-card h2{font-size:34px}.admin-card .icono{width:60px;height:60px;font-size:26px}}@media (width<=768px){.admin-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between;width:100%}.toolbar-right select,.toolbar-right button{flex:1}}@media (width<=768px){.admin-actions{flex-direction:column}.btn-admin{width:100%}}.fade-in{animation:.5s forwards fadeIn}.slide-up{animation:.6s forwards slideUp}.scale-in{animation:.45s forwards scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.float{animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#1f2b3c;background:#f8fafc;min-height:100vh}button{font-family:inherit}.mission-page{justify-content:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.background{filter:blur(90px);opacity:.18;border-radius:50%;position:absolute}.bg-one{width:340px;height:340px;top:-120px;left:-120px}.bg-two{width:320px;height:320px;bottom:-100px;right:-100px}.male-theme .bg-one,.male-theme .bg-two{background:#2196f3}.female-theme .bg-one,.female-theme .bg-two{background:#c026d3}.mission-container{z-index:2;width:100%;max-width:720px;position:relative}.hero{text-align:center;margin-bottom:25px}.back-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;width:48px;height:48px;margin-bottom:20px;font-size:22px;box-shadow:0 10px 30px #0000001a}.logo{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:95px;height:95px;margin:auto auto 20px;font-size:45px;display:flex;box-shadow:0 15px 35px #0000001f}.hero h1{color:#0f172a;font-size:42px;font-weight:800}.hero h2{letter-spacing:3px;margin-top:8px;font-size:20px}.male-theme h2{color:#2196f3}.female-theme h2{color:#c026d3}.hero p{color:#64748b;margin-top:15px;font-size:17px}.verse-card,.steps-card,.form-card,.loading-card,.mission-card{background:#fff;border-radius:28px;margin-bottom:25px;padding:30px;box-shadow:0 15px 35px #00000014}.verse-card{text-align:center}.verse-card h3{color:#111827;margin-bottom:15px;font-size:22px}.verse-card p{color:#374151;margin-bottom:15px;font-size:18px;font-style:italic}.verse-card span{font-weight:700}.steps-card h3{text-align:center;margin-bottom:25px;font-size:24px}.step{align-items:center;gap:18px;margin-bottom:18px;display:flex}.number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.male-theme .number{background:#2196f3}.female-theme .number{background:#c026d3}.step p{color:#334155;font-size:17px}.form-card label{margin-bottom:12px;font-size:18px;font-weight:700;display:block}.form-card input{text-transform:uppercase;border:2px solid #dbe3ef;border-radius:16px;outline:none;width:100%;height:58px;margin-bottom:22px;padding:18px;font-size:18px;transition:all .3s}.form-card input:focus{border-color:#2196f3}.form-card button,.finish-btn{cursor:pointer;color:#fff;border:none;border-radius:18px;width:100%;height:58px;font-size:17px;font-weight:700;transition:all .3s}.male-theme button{background:#2196f3}.female-theme button{background:#c026d3}button:hover{transform:translateY(-2px)}.loading-card{text-align:center;display:none}.loader{border:6px solid #e5e7eb;border-top-color:#2196f3;border-radius:50%;width:60px;height:60px;margin:auto auto 25px;animation:1s linear infinite spin}.mission-card{text-align:center;display:none}.mission-icon{margin-bottom:15px;font-size:55px}.mission-card h2{margin-bottom:10px;font-size:34px}.mission-card p{color:#64748b;margin-bottom:15px;font-size:18px}#assignedName{word-break:break-word;margin-bottom:30px;font-size:38px}.male-theme #assignedName{color:#2196f3}.female-theme #assignedName{color:#c026d3}.instructions{text-align:left;margin-top:20px}.instructions h3{margin-bottom:20px}.instructions ul{list-style:none}.instructions li{color:#0f172a;border-radius:15px;margin-bottom:12px;padding:15px;font-size:16px}.male-theme .instructions li{background:#e0f2fe}.female-theme .instructions li{background:#f5d0fe}.gifts{margin-top:35px}.gifts h3{margin-bottom:20px}.gift-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.gift-grid div{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;padding:16px;font-weight:600}.finish-btn{margin-top:35px}footer{text-align:center;color:#64748b;margin-top:35px;font-size:14px;line-height:1.8}@media (width<=768px){.hero h1{font-size:34px}.hero h2{font-size:18px}.verse-card,.steps-card,.form-card,.loading-card,.mission-card{padding:22px}#assignedName{font-size:30px}.gift-grid{grid-template-columns:1fr 1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}.admin-page{background:linear-gradient(#f6f8fc,#edf2fa);min-height:100vh;padding:40px 20px}.admin-container{max-width:1400px;margin:auto}.admin-header{text-align:center;margin-bottom:40px}.admin-header h1{color:#234;font-size:42px}.admin-header p{color:#666;margin-top:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.card{color:#fff;border-radius:20px;padding:35px;transition:all .3s;box-shadow:0 15px 30px #0000001f}.card:hover{transform:translateY(-6px)}.hombres{background:linear-gradient(135deg,#00b7ff,#006eff)}.mujeres{background:linear-gradient(135deg,#b000ff,#6d00ff)}.total{background:linear-gradient(135deg,#00c98d,#00996c)}.card h1{margin:15px 0;font-size:55px}.estado{margin:40px 0}.estado-box{background:#fff;border-radius:18px;padding:25px;box-shadow:0 10px 25px #00000014}.abierto{color:#fff;background:#16a34a;border-radius:50px;margin-top:15px;padding:10px 18px;font-weight:700;display:inline-block}.acciones{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.btn{color:#fff;cursor:pointer;border:none;border-radius:15px;padding:18px;font-size:16px;transition:all .3s}.btn:hover{transform:scale(1.03)}.hombres-btn{background:#0ea5e9}.mujeres-btn{background:#9333ea}.pdf{background:#ef4444}.excel{background:#16a34a}.reiniciar{background:#f59e0b}.tabla{background:#fff;border-radius:20px;padding:25px;overflow:auto;box-shadow:0 10px 30px #00000014}table{border-collapse:collapse;width:100%;margin-top:20px}th{color:#fff;background:#0f172a;padding:15px}tr:hover{background:#f6f6f6}@media (width<=768px){.admin-header h1{font-size:30px}.card{padding:25px}.card h1{font-size:40px}.btn{font-size:15px}table{font-size:13px}}.toolbar{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.toolbar input{border:1px solid #ddd;border-radius:12px;flex:1;padding:15px;font-size:16px}.toolbar select{border:1px solid #ddd;border-radius:12px;padding:15px;font-size:16px}.extra-cards{margin-top:25px}.activos{background:linear-gradient(135deg,#22c55e,#15803d)}.porcentaje{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.porcentaje2{background:linear-gradient(135deg,#c026d3,#7e22ce)}.badge{color:#fff;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700}.activo{background:#16a34a}.inactivo{background:#dc2626}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin:35px 0;display:grid}.admin-card{color:#fff;cursor:default;border-radius:22px;align-items:center;gap:18px;padding:25px;transition:all .35s;display:flex;box-shadow:0 18px 35px #0000001f}.admin-card:hover{transform:translateY(-6px)}.admin-card .icono{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex}.admin-card h2{margin:6px 0;font-size:42px}.admin-card h3{font-size:20px}.admin-card span{opacity:.9}.admin-card.hombres{background:linear-gradient(135deg,#18b8ff,#0068ff)}.admin-card.mujeres{background:linear-gradient(135deg,#c026ff,#7c3aed)}.admin-card.total{background:linear-gradient(135deg,#0ecf93,#08916b)}.admin-card.estado{background:linear-gradient(135deg,#ffb100,#ff7b00)}@media (width<=700px){.admin-card{padding:18px}.admin-card h2{font-size:34px}.admin-card .icono{width:60px;height:60px;font-size:26px}}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.toolbar-left{flex:1}.toolbar-left input{background:#fff;border:none;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:16px;transition:all .3s;box-shadow:0 6px 15px #00000014}.toolbar-left input:focus{box-shadow:0 0 0 4px #008cff33}.toolbar-right{flex-wrap:wrap;gap:12px;display:flex}.toolbar-right select{cursor:pointer;background:#fff;border:none;border-radius:14px;padding:14px 18px;box-shadow:0 6px 15px #00000014}.toolbar-right button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:14px;padding:14px 22px;font-weight:700;transition:all .3s}.toolbar-right button:hover{background:#0284c7;transform:translateY(-2px)}@media (width<=768px){.admin-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between;width:100%}.toolbar-right select,.toolbar-right button{flex:1}}.admin-actions{flex-wrap:wrap;gap:15px;margin:25px 0;display:flex}.btn-admin{color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1;min-width:220px;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.btn-admin:hover{transform:translateY(-3px)}.azul{background:#2196f3}.morado{background:#8e24aa}.verde{background:#2e7d32}.rojo{background:#e53935}.admin-table{background:#fff;border-radius:18px;margin-top:30px;overflow:hidden;box-shadow:0 10px 25px #00000014}.table-responsive{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{color:#fff;background:#1f2937}th{text-align:left;padding:18px}td{border-bottom:1px solid #ececec;padding:16px}tbody tr:hover{background:#f7f7f7}@media (width<=768px){.admin-actions{flex-direction:column}.btn-admin{width:100%}}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:10px 18px;font-weight:700;transition:all .25s}.logout-btn:hover{background:#dc2626;transform:translateY(-2px)}.admin-login-card h1{margin-bottom:15px;font-size:60px}.admin-login-card h2{margin-bottom:10px}.admin-login-card input{border:2px solid #dbe3ef;border-radius:15px;outline:none;width:100%;height:55px;margin-bottom:20px;padding:15px;font-size:17px}.admin-login-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:15px;width:100%;height:55px;font-size:17px;font-weight:700;transition:all .3s}.admin-login-card button:hover{transform:translateY(-2px)}.admin-login-page{background:linear-gradient(135deg,#edf5ff,#fff);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.admin-login-card{text-align:center;background:#fff;border-radius:30px;width:100%;max-width:430px;padding:40px;box-shadow:0 20px 50px #0000001a}.login-logo{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 20px;font-size:42px;display:flex}.admin-login-card h1{color:#0f172a;margin-bottom:10px;font-size:30px}.admin-login-card p{color:#64748b;margin-bottom:30px}.admin-login-card input{border:2px solid #dbe3ef;border-radius:16px;outline:none;width:100%;height:56px;margin-bottom:18px;padding:15px;font-size:16px;transition:all .3s}.admin-login-card input:focus{border-color:#2563eb}.admin-login-card button{cursor:pointer;border:none;border-radius:16px;width:100%;height:56px;margin-top:8px;font-size:16px;font-weight:700;transition:all .3s}#loginButton{color:#fff;background:#2563eb}#loginButton:hover{transform:translateY(-2px)}.secondary-button{color:#2563eb;background:#eef2ff}