:root{--navy:#1b2d6b;--oro:#b49a5e;--bg:#f6f7fb;--borde:#e2e5ee;color:#23283d;background:var(--bg);font:15px/1.5 DM Sans,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:1100px;margin:0 auto;padding:16px}header{justify-content:space-between;align-items:center;display:flex}h1{color:var(--navy);margin:8px 0;font-size:26px}h2{color:var(--navy);margin:16px 0 8px;font-size:18px}.quien{color:#777;margin-right:8px;font-size:13px}.nota{border:1px solid var(--oro);background:#fff8e8;border-radius:8px;padding:8px 12px;font-size:13px}.cols{grid-template-columns:1fr 1.4fr;gap:20px;display:grid}@media (width<=800px){.cols{grid-template-columns:1fr}}.card{border:1px solid var(--borde);background:#fff;border-radius:10px;margin-bottom:8px;padding:10px 12px}.card.cumplido{opacity:.55}.fila{justify-content:space-between;align-items:center;gap:8px;display:flex}.form{flex-direction:column;gap:8px;display:flex}.repetir{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,button{font:inherit;border:1px solid var(--borde);border-radius:8px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--oro)}label{color:#555;flex-direction:column;gap:4px;font-size:13px;display:flex}.repetir label{flex-direction:row;align-items:center}button{background:var(--navy);color:#fff;cursor:pointer;border:none}button:hover{opacity:.9}button.sec{color:var(--navy);border:1px solid var(--navy);background:#fff}button.peligro{color:#b3261e;background:#fff;border:1px solid #e8c2c0;padding:4px 9px}.acciones{align-items:center;gap:6px;display:flex}.acciones button{padding:4px 9px}.wa{font-size:18px;text-decoration:none}.badge{border-radius:20px;padding:1px 9px;font-size:12px;font-weight:600}.badge.vencido{color:#8f1d17;background:#fdd8d6}.badge.hoy{color:#fff;background:#b3261e}.badge.pronto{color:#8a6100;background:#fff0cf}.badge.ok{color:var(--navy);background:#e3e8f7}.badge.cumplido{color:#1d6b34;background:#d9f2df}.gris{color:#888}.chico{font-size:12.5px}.msg{color:#b3261e;font-size:14px}.login{border:1px solid var(--borde);text-align:center;background:#fff;border-radius:14px;max-width:380px;margin:12vh auto;padding:28px}.login p{color:#555;font-size:14px}.login form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.overlay{z-index:10;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:460px;padding:20px}.modal h2{margin-top:0}.grupos{flex-direction:column;gap:6px;margin:12px 0;display:flex}.grupos label{flex-direction:row;align-items:center;gap:6px}.btn-chico,button.chico{padding:4px 9px;font-size:12.5px}