.header{background-color:#4caf50;color:#fff;padding:15px;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px}.submit-button{padding:10px;background-color:#4caf50;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#45a049}.form-container{display:flex;flex-direction:column;gap:15px}.input-field{padding:10px;border:1px solid #cccccc;border-radius:5px;font-size:16px}.submit-button{padding:10px;background-color:#2196f3;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}.submit-button:hover{background-color:#0b7dda}.user-info{background-color:#f9f9f9;padding:15px;border-radius:5px;margin-bottom:20px}.user-info h3{margin-top:0;color:#333}.user-info p{margin:5px 0;color:#555}.classes-list{background-color:#f1f1f1;padding:15px;border-radius:5px}.classes-list h3{margin-top:0;color:#333}.classes-list ul{list-style-type:none;padding:0}.classes-list li{background-color:#fff;padding:10px;margin-bottom:10px;border-radius:5px}.refresh-button{padding:10px;background-color:#ff9800;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer}.refresh-button:hover{background-color:#e68900}.spinner[data-v-87948b76]{border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;width:24px;height:24px;animation:spin-87948b76 1s linear infinite;margin:0 auto}@keyframes spin-87948b76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{max-width:400px;margin:0 auto;background-color:#fff;min-height:100vh;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column}.content{padding:20px;flex:1}.status{font-size:14px;color:#555;margin-bottom:20px;text-align:center}@media (max-width: 600px){.app-container{max-width:100%;border-radius:0;box-shadow:none}.content{padding:10px}}