.app-container{padding:20px;font-family:Roboto,sans-serif;max-width:900px;margin:0 auto;background-color:#2c2f33;color:#f1f1f1;border-radius:8px;box-shadow:0 4px 20px #00000080}.app-header{text-align:center;color:#fff;margin-bottom:20px;font-size:1.8em;text-transform:capitalize}.user-grid{display:grid;grid-template-columns:1fr 3fr 2fr;gap:10px;margin-bottom:20px;align-items:center}.grid-header{font-weight:700;background:#3a3f45;padding:10px;text-align:center;border-radius:4px}.grid-item{padding:10px;background-color:#40454b86;border-radius:4px;overflow:hidden}.grid-item.buttons{padding:0}.grid-input{padding:10px;width:100%;box-sizing:border-box;border:1px solid #5a5f65;background-color:#303437;color:#f1f1f1;border-radius:4px;outline:none;transition:border-color .2s}.grid-input:focus{border-color:#7289da}.add-user{display:flex;gap:10px;align-items:center;margin-top:20px}.add-input{padding:10px;width:100%;border:1px solid #5a5f65;background-color:#303437;color:#f1f1f1;border-radius:4px;outline:none;transition:border-color .2s}.add-input:focus{border-color:#7289da}.demo-notes{background-color:#3a3f4500;padding:15px;margin-bottom:20px;border-radius:4px;color:#f5f5f580}.demo-notes p,.demo-notes ul{margin:10px 0}.demo-notes a{color:#7289da;text-decoration:none}.demo-notes a:hover{text-decoration:underline}.button-container{display:flex;justify-content:space-evenly;align-items:center;gap:15px}.btn{width:100px;height:40px;padding:8px 0;border:2px solid transparent;background-color:transparent;color:#7289da;border-radius:10px;font-weight:700;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s,color .3s}.btn-add{border-color:#7289da}.btn-edit{border-color:#3498db}.btn-remove{border-color:#e74d3c73}.btn-update{border-color:#f39c12}.btn:hover{background-color:#7289da1a;border-color:#7289da;color:#7289da}.btn-add:hover{background-color:#7289da1a}.btn-edit:hover{background-color:#3498db1a}.btn-remove:hover{border-color:#e74d3c;background-color:#e74c3c1a}.btn-update:hover{background-color:#f39c121a}