body{font-family:Arial,sans-serif;margin:0;padding:0}h1{font-size:1.2em}.app-container{max-width:1024px;margin:0 auto;padding:0 0 50px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#282c34}.nav-links{display:flex;gap:15px}.nav-login{display:flex;justify-content:flex-end;margin-left:auto;padding:15px 20px;margin-top:-50px}.nav-link{color:#396792;text-decoration:none;font-size:16px;cursor:pointer}.nav-link:hover{text-decoration:underline}.signin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px}.signin-title{font-size:24px;margin-bottom:20px}.signin-error{color:red;font-size:14px;margin-bottom:10px}.signin-form{display:flex;flex-direction:column;width:100%;max-width:300px}.signin-input{padding:10px;font-size:16px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.signin-button{padding:10px;font-size:16px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}.signin-or-text{margin:10px 0;font-size:14px;color:#666}.signin-google-button{padding:10px;font-size:16px;background-color:#db4437;color:white;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000}h2{color:#888}.popup{background:white;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2);min-width:300px;max-width:90%}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.create-button{background-color:#eaeff4;padding:12px 20px;margin:15px 0;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.create-link{text-decoration:none;display:block}.content-wrapper{padding:25px 15px 50px}