.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3}.login-modal{background:#fff;border-radius:8px;padding:2em;width:90%;max-width:400px;position:relative}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2em;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.login-modal h2{margin-bottom:1.5rem;text-align:center;color:#333}.login-modal form{display:flex;flex-direction:column;gap:1rem}.login-modal input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-modal input:focus{outline:none;border-color:#4caf50}.login-modal button[type=submit]{padding:.75rem;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.login-modal button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:1.5rem 0;position:relative;color:#999}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#ddd}.divider:before{left:0}.divider:after{right:0}.google-btn{width:100%;padding:.75rem;background:#fff;color:#333;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.google-btn:hover:not(:disabled){background:#f5f5f5}.google-btn:disabled{opacity:.6;cursor:not-allowed}.error{margin-top:1rem;padding:.75rem;background:#ffebee;color:#c62828;border-radius:4px;text-align:center}.toggle-mode{margin-top:1.5rem;text-align:center;color:#666}.toggle-mode button{background:none;border:none;color:#4caf50;cursor:pointer;text-decoration:underline;font-size:inherit}.toggle-mode button:hover{color:#45a049}.toggle-mode button:disabled{cursor:not-allowed}