.google-auth-button{cursor:pointer;color:#000;background-color:#fff;border:none;border-radius:50px;justify-content:center;align-items:center;width:100%;margin-top:15px;padding:5px 15px;font-size:14px;font-weight:700;transition:background-color .3s,box-shadow .3s;display:flex;box-shadow:0 1px 3px #0000004d}.google-auth-button:hover{background-color:#f8f9fa;box-shadow:0 2px 6px #0000004d}.google-logo{width:30px;height:30px;margin-right:8px}
.auth-container{z-index:1001;background-color:#fff;border-radius:16px;width:100%;max-width:450px;max-height:90vh;transition:all .3s;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 10px 25px #0000001a}@media (max-width:520px){.auth-container{width:90%;max-height:90vh;overflow-y:auto}}.auth-inner{padding:32px}.login-form .auth-inner{padding:28px}.auth-header{text-align:center;margin-bottom:24px}.login-form .auth-header{margin-bottom:20px}.auth-title{color:#333;margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:#666;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.login-form .auth-form{gap:16px}.form-group{position:relative}.form-label{color:#555;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.login-form .form-input{padding:10px 14px}.form-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#aaa}.form-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.login-form .form-button{margin-top:8px;padding:12px}.form-button:hover{background-color:#2563eb;transform:translateY(-1px)}.form-button:active{transform:translateY(0)}.separator{text-align:center;align-items:center;margin:20px 0;display:flex}.login-form .separator{margin:16px 0}.separator:before,.separator:after{content:"";border-bottom:1px solid #e0e0e0;flex:1}.separator span{color:#888;margin:0 10px;font-size:14px}.social-button{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.login-form .social-button{padding:10px}.social-button:hover{background-color:#f5f5f5}.social-button img{width:20px;height:20px;margin-right:10px}.auth-footer{text-align:center;color:#666;margin-top:20px;font-size:14px}.login-form .auth-footer{margin-top:16px}.auth-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#2563eb;text-decoration:underline}.error-message{color:#ef4444;text-align:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-top:16px;padding:8px;font-size:14px}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}input[type=date]{appearance:none;color:#333;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:15px}input[type=date]:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}