@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,sans-serif;background:#f0f4ff}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.5rem;color:#666}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:20px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:2.2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:.5rem}.login-card p{text-align:center;color:#666;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:10px;font-family:Fredoka,sans-serif;font-size:1rem}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.toggle-btn{width:100%;margin-top:1rem;background:none;border:none;color:#667eea;font-weight:700;cursor:pointer;text-decoration:underline;font-family:Fredoka,sans-serif}.toggle-btn:hover{color:#764ba2}.app{display:flex;flex-direction:column;height:100vh}.app-header{background:linear-gradient(135deg,#06f,#0af);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:1.5rem}.user-info{display:flex;align-items:center;gap:1rem}.user-info button{padding:.5rem 1rem;background:#fff3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.user-info button:hover{background:#ffffff4d}.app-content{flex:1;padding:2rem;overflow-y:auto}.welcome-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:600px;margin:0 auto;box-shadow:0 4px 12px #0000001a}.welcome-card h2{color:#06f;margin-bottom:1rem}.welcome-card p{color:#666;margin:.5rem 0}