.sidebar{height:100vh}@media (min-width: 769px){.sidebar{width:240px}}.ant-menu{background-color:var(--sidebar-bg)}.ant-menu-item{color:#fff!important}.ant-menu-item:hover{background-color:var(--sidebar-hover-links)!important;color:var(--sidebar-hover-text-color)!important}.ant-menu-item-selected{background-color:var(--sidebar-selected-bg)!important;color:var(--sidebar-selected-text-color)!important}@media (max-width: 768px){.sidebar{width:60px}.ant-menu-item{display:flex;justify-content:center;padding:0}.ant-menu-item a{display:none}.ant-menu-item span.anticon{margin-right:0}}*{box-sizing:border-box;padding:0;margin:0;text-decoration:none}body{font-family:Cairo,sans-serif;height:100vh;display:flex;flex-direction:column}:root{--btn-color: rgb(22, 122, 150);--btn-update-color: green;--btn-danger: red;--sidebar-text: #EF7206;--sidebar-hover-links: #ffffff;--sidebar-hover-text-color: #000000;--sidebar-bg: rgb(22, 122, 150);--heading-text: 32px;--paragragh-text: 24px;--text-color: #000000;--sidebar-selected-bg: white;--sidebar-selected-text-color: #000000}.dashboard{display:flex;height:100%}.sidebar-container{display:flex;flex-direction:column;justify-content:center}.container{padding:20px;flex:1;overflow:hidden;display:flex;flex-direction:column}.header-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}.container-details{padding:20px}.btn-create{background-color:var(--btn-color);color:#fff;border:none;padding:10px 20px;cursor:pointer;margin-top:20px}.btn-update{background-color:var(--btn-update-color);color:#fff;border:none;padding:10px 20px;cursor:pointer;margin-left:10px}.btn-update:hover{background-color:var(--btn-update-color)!important;color:#fff!important;border:none;padding:10px 20px;cursor:pointer;margin-left:10px}.btn-delete{background-color:var(--btn-danger);color:#fff;border:none;padding:10px 20px;cursor:pointer}.table-container{flex:1;overflow-x:auto}@media (max-width: 768px){.container{padding:10px}.header-container h1{font-size:24px}.btn-create,.btn-update,.btn-delete{padding:5px 10px;font-size:14px}}
