body{margin:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}#app{color:#2c3e50}.main-header[data-v-e87cc1fe]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#343a40;color:#fff}.logo[data-v-e87cc1fe]{font-size:1.5rem;font-weight:700}.main-nav a[data-v-e87cc1fe]{color:#f8f9fa;text-decoration:none;margin:0 1rem;font-size:1.1rem}.main-nav a.router-link-exact-active[data-v-e87cc1fe]{color:#007bff;font-weight:700}.user-menu[data-v-e87cc1fe]{display:flex;align-items:center}.user-menu span[data-v-e87cc1fe]{margin-right:1rem}.user-menu button[data-v-e87cc1fe]{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.content[data-v-e87cc1fe]{padding:2rem}.login-container[data-v-4aa83e82]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-box[data-v-4aa83e82]{padding:2rem 3rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}h1[data-v-4aa83e82]{margin-bottom:1.5rem;color:#333}.input-group[data-v-4aa83e82]{margin-bottom:1rem;text-align:left}label[data-v-4aa83e82]{display:block;margin-bottom:.5rem;color:#555}input[data-v-4aa83e82]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button[data-v-4aa83e82]{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:1rem}button[data-v-4aa83e82]:hover{background-color:#0056b3}.error-message[data-v-4aa83e82]{color:#dc3545;margin-top:1rem}