*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#e9eef5;padding:20px}.main{width:100%;max-width:900px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:20px}.head{text-align:center}.Tittle{font-size:2rem;font-weight:700;color:#333}.container-input{background:#fff;padding:20px;border-radius:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(264px,1fr));gap:15px}.container-buttons{display:flex;justify-content:center;gap:15px}.container-buttons button{padding:12px 25px;border:none;background:#4a8cff;color:#fff;border-radius:6px;cursor:pointer;font-size:1rem;transition:.2s}.container-buttons button:hover{background:#2f6fe0}.calender{background:#fff;height:400px;border-radius:10px;padding:20px}@media(max-width:600px){.Tittle{font-size:1.5rem}.container-buttons{flex-direction:column}.container-buttons button{width:100%}}.confirm-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-box{background:#fff;padding:24px;border-radius:12px;width:320px;text-align:center;box-shadow:0 8px 20px #00000040;animation:fadeIn .2s ease-out}.confirm-buttons{margin-top:20px;display:flex;justify-content:center;gap:12px}.btn-yes,.btn-no{padding:10px 18px;border-radius:8px;border:none;font-size:15px;cursor:pointer;transition:.2s ease}.btn-yes{background:#4285f4;color:#fff}.btn-yes:hover{background:#2f6fe0}.btn-no{background:#e0e0e0;color:#333}.btn-no:hover{background:#c8c8c8}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}