.app{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:0}.nav{padding:30px;background-color:#f8f9fa}.nav a{font-weight:700;color:#2c3e50;text-decoration:none;margin:0 10px}.nav a.router-link-exact-active{color:#42b983}.main{max-width:1200px;margin:0 auto;padding:20px}.home[data-v-105be737]{padding:20px;text-align:center}h1[data-v-105be737]{color:#42b983;margin-bottom:20px}p[data-v-105be737]{font-size:1.2em;color:#666;margin-bottom:20px}.auth-section[data-v-105be737]{margin-top:2rem}.btn[data-v-105be737]{padding:10px 20px;font-size:1.1em;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin:10px}.btn-login[data-v-105be737]{background-color:#42b983;color:#fff}.btn-login[data-v-105be737]:hover{background-color:#3aa876}.btn-logout[data-v-105be737]{background-color:#f44;color:#fff}.btn-logout[data-v-105be737]:hover{background-color:#f22}.btn-api[data-v-105be737]{background-color:#4a90e2;color:#fff}.btn-api[data-v-105be737]:hover{background-color:#357abd}.api-section[data-v-105be737]{margin-top:2rem;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.api-response[data-v-105be737]{margin-top:1rem;text-align:left;padding:15px;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a}.api-response h3[data-v-105be737]{color:#42b983;margin-bottom:10px}.api-response h4[data-v-105be737]{color:#4a90e2;margin:15px 0 5px}.api-response pre[data-v-105be737]{background-color:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto}.error[data-v-105be737]{color:#f44;margin-top:10px}