.page-container{margin:0 auto;max-width:1180px;padding:20px}.header{margin-bottom:30px;text-align:center}.logo-ronda{margin:0 auto 10px;width:160px}.header-title{font-size:1.9rem;font-weight:700}.header-sub{color:#777;font-size:1rem;margin-top:-8px}.cards-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:18px 20px}.card-selesai{background:#b6b5b5;border-color:#bdbdbd}.card-title{align-items:center;display:flex;font-size:1.05rem;font-weight:600;gap:10px}.today-card{background-color:#fff8e1;border:2px solid #ffc107!important}.today-card-atensi{background-color:#e0f7fa;border:2px solid #17a2b8!important}.past-card{background-color:#f0f0f0;border:1px solid #d3d3d3;color:#6c757d}.badge-selesai{background:#6c757d}.badge-atensi,.badge-selesai{border-radius:8px;color:#fff;font-size:.78rem;font-weight:600;padding:3px 10px}.badge-atensi{background:#d9534f}.badge-leader{background:#007bff;border-radius:5px;color:#fff}.badge-keterangan,.badge-leader{font-size:.7rem;margin-left:6px;padding:2px 8px}.badge-keterangan{background:#ffc107;border-radius:6px}.badge-rumah{background:#17a2b8;border-radius:10px;color:#fff;font-size:.75rem;margin-left:6px;padding:2px 8px}ul{margin-top:10px;padding-left:20px}li{font-size:.95rem;margin-bottom:6px}.txjam{font-weight:700;margin-left:10px}.countdown-critical{animation:blinker 1s infinite;color:red}@keyframes blinker{50%{opacity:.4}}.pulse{animation:pulseAtensi 1.4s infinite}@keyframes pulseAtensi{0%{box-shadow:0 0 6px #f44336cc}50%{box-shadow:0 0 16px #f44336}to{box-shadow:0 0 6px #f44336cc}}@keyframes pulseAnim{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.jarak{margin-bottom:20px}.header-center{margin-bottom:25px;margin-top:10px;text-align:center;width:100%}.logo-ronda{max-width:60%;width:140px}.header-title{font-size:28px;font-weight:600;margin-top:10px}.header-subtitle{color:#6c757d;font-size:16px}@media (max-width:768px){.logo-ronda{width:120px}.header-title{font-size:22px}}
/*# sourceMappingURL=main.4df3c782.css.map*/