button,input,label{margin-top:10px}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}.app-container{margin:0 auto;max-width:1200px;padding:20px}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}h1{color:#2c3e50}button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.create-button{background-color:#3498db;color:#fff}.create-button:hover{background-color:#2980b9}.edit-button{background-color:#2ecc71;color:#fff;margin-right:5px}.edit-button:hover{background-color:#27ae60}.delete-button{background-color:#e74c3c;color:#fff}.delete-button:hover{background-color:#c0392b}table{background-color:#fff;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background-color:#f2f2f2;font-weight:700}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background-color:#fff;border-radius:4px;max-width:90%;padding:20px;width:400px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{background:none;border:none;cursor:pointer;font-size:24px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.submit-button{background-color:#3498db;color:#fff;font-size:16px;padding:10px}.submit-button:hover{background-color:#2980b9}.no-contacts{color:#777;font-style:italic;text-align:center}
/*# sourceMappingURL=main.e09c6cf6.css.map*/