@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap";body{font-family:Source Sans Pro,Helvetica,sans-serif}.principal{display:flex;flex-direction:column;background-color:#f3f5fc}.header{flex:0 0 auto}.main{flex:1 1 auto;overflow:auto}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden}.login-container{display:flex;height:100vh;width:100vw;overflow:hidden}.image-container{flex:1;height:100%;overflow:hidden;position:relative}.side-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-form-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.logo-image{max-width:200px;margin-bottom:20px}.login-button{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.login-button:hover{background-color:#555}@media (max-width: 768px){.login-container{flex-direction:column}.image-container,.login-form-container{height:100%;width:100%}.side-image{width:100%;height:100%}.login-form-container{padding:40px 20px}}@media (max-width: 480px){.logo-image{max-width:150px}.login-button{font-size:14px;padding:8px 16px}}.header{position:sticky;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;background-color:#333;padding:20px 40px;color:#fff}.logo{max-width:120px;height:auto;cursor:pointer}.logout-button{background-color:transparent;border:1px solid #fff;color:#fff;cursor:pointer;font-size:16px;transition:color .3s ease,border-color .3s ease;padding:8px 16px}.logout-button:hover{color:#ccc;border-color:#ccc}.custom-data-grid .MuiDataGrid-columnHeader{background-color:#c6d4f1;color:#333;font-weight:700}.custom-data-grid .MuiDataGrid-root{color:#333;background-color:#f5f5f5}.custom-data-grid .MuiDataGrid-row,.custom-data-grid .MuiDataGrid-row:hover{background-color:#fff}.custom-data-grid .MuiDataGrid-cell{color:#333;font-family:Source Sans Pro,Helvetica,sans-serif}.MuiDataGrid-footerContainer,.MuiDataGrid-scrollbarContent{background-color:#fff!important}@media (max-width: 600px){.principal{padding:10px;overflow-y:auto;max-height:calc(200vh - 100px)}}