.login-container{max-width:400px;margin:4rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin-bottom:.5rem}.login-header p{color:#666;margin:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group input:focus{outline:0;border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.login-btn{width:100%;padding:.75rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4a90e2 0,#357abd 100%);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.login-btn:hover{background:linear-gradient(135deg,#357abd 0,#2a5f8f 100%);transform:translateY(-1px)}.login-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;display:none}.error-message.show{display:block}.dev-notice{margin-top:1.5rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;font-size:.85rem;color:#856404}