body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;height:100vh}.App{text-align:center}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;width:300px}.login-container input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.login-container button{padding:.5rem;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}.login-container button:hover{background-color:#0056b3}.error{color:red}.main-screen{display:flex;flex-direction:column;align-items:center;gap:2rem}.logo{width:200px}.buttons-container{display:flex;gap:1rem}.buttons-container button{padding:1rem 2rem;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:1rem}.buttons-container button:hover{background-color:#0056b3}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;width:300px;position:relative}.modal-buttons{display:flex;gap:1rem;justify-content:center}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer}.logout-button{position:absolute;top:20px;right:20px;padding:.5rem 1rem;border:none;background-color:#dc3545;color:#fff;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#c82333}@media (max-width: 600px){.buttons-container{flex-direction:column}}