*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f5f5f5}#app,body{padding:20px}#app{max-width:800px;margin:0 auto;background-color:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}h1{color:#333;text-align:center;margin-bottom:20px}input{padding:.5rem;border:1px solid #ddd;border-radius:3px;width:100%;margin-bottom:10px}button{padding:.5rem 1rem;background-color:#007bff;color:white;border:none;border-radius:3px;cursor:pointer;width:100%}button:hover{background-color:#0056b3}#login-section,#user-section{padding:20px;border:1px solid #ddd;border-radius:5px;margin-top:20px}#welcome-message{font-size:1.2em;margin-bottom:15px}#user-permissions{margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:3px}#admin-section{margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.users-grid{display:grid;grid-gap:15px;gap:15px;margin:20px 0}.user-card{padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#f8f9fa;display:flex;flex-direction:column;gap:10px}.user-header{display:flex;align-items:center;gap:10px}.username-input{font-size:1em;padding:5px;border:1px solid #ddd;border-radius:3px;width:100%}.user-permissions{display:flex;flex-wrap:wrap;gap:10px}.permission-toggle{display:flex;align-items:center;gap:5px;cursor:pointer}.permission-toggle input[type=checkbox]{width:auto;margin:0}.permission-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.delete-btn{background-color:#dc3545;color:white;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;margin-top:auto}.delete-btn:hover{background-color:#c82333}.permissions{margin-top:10px;font-size:.9em;color:#666}.sign-out-btn{margin-top:20px;background-color:#6c757d}.sign-out-btn:hover{background-color:#5a6268}