body{margin:0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 25px #0003;text-align:center;max-width:400px}.login-box h2{margin:0 0 1rem;color:#333}.login-box p{color:#666;margin-bottom:1.5rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.password-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.password-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.error-message{color:#ff6b6b;font-size:.9rem;margin-top:-.5rem}.login-button{background-color:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#764ba2}.user-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#f5f5f5;border-bottom:1px solid #ddd;font-size:.9rem}.logout-button{background-color:#ff6b6b;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .3s}.logout-button:hover{background-color:#ee5a52}.logout-bar{position:fixed;bottom:20px;right:20px;z-index:1000}