*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Arial,sans-serif}.header{background-color:#4caf50;color:#fff;text-align:center;padding:1rem}.content{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px)}.container{max-width:1200px;width:100%;margin:0 auto;padding:15px;text-align:center;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.footer{background-color:#333;color:#fff;text-align:center;padding:1rem}@media (max-width: 768px){.header{font-size:1.5rem}.content{padding:1rem}.container{font-size:1rem;padding:10px}}@media (max-width: 480px){.header{font-size:1.2rem}.container{font-size:.9rem}}ConfigurationModal.css .modal-header{text-align:center;font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.form-control{margin-bottom:20px}.checkbox-group label{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:10px}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{display:none}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;cursor:pointer;transition:.4s}.slider:before{position:absolute;content:"";height:14px;width:14px;background-color:#fff;border-radius:50%;bottom:3px;left:3px;transition:.4s}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(14px)}.modal-footer button{width:100px;padding:10px;border-radius:5px;font-weight:700}.modal-footer .cancel-button{background-color:#f44336;color:#fff;margin-right:10px}.modal-footer .save-button{background-color:#4caf50;color:#fff}@media (max-width: 500px){.modal{width:90%;padding:15px}}.modal{border-radius:8px;box-shadow:0 4px 6px #0000001a}.modal-header{background-color:#f4f4f4;font-size:18px;font-weight:700;text-align:center;padding:16px;border-bottom:1px solid #ddd}.form-control{margin-bottom:16px}.checkbox-group{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:12px}.row{display:flex;justify-content:space-between;padding:12px 16px}.row:nth-child(2n){background-color:#fff}.row:nth-child(odd){background-color:#f4f4f4}.modal-footer{background-color:#f4f4f4;border-top:1px solid #ddd;padding:12px}.cancel-button,.save-button{font-weight:700}.save-button{background-color:#3182ce;color:#fff}.save-button:hover{background-color:#2c5282}.table-row{display:flex;justify-content:space-between;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.table-cell:nth-child(2){text-align:right}.cancel-button{margin-right:1rem;color:#555}.save-button{background-color:#007bff;color:#fff}.save-button:hover{background-color:#0056b3}.modal{background-color:#f9f9f9}.modal-header{font-size:1.5rem;font-weight:700;text-align:center;border-bottom:1px solid #e0e0e0;padding:1rem 0}.permissions-table{display:flex;flex-direction:column;gap:.5rem}.table-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.header{font-weight:700;background-color:#e6f7ff}.table-cell{flex:1;text-align:left}.table-cell:nth-child(2){text-align:center}.table-cell:nth-child(3),.table-cell:nth-child(4){text-align:center}