@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-primary)}body{background:var(--background-color)}.avatar-username-section{margin:5px 0}.avatar-username-section .username{text-transform:capitalize;font-weight:600;padding-bottom:5px;margin-left:10px;font-family:var(--font-primary)}.avatar-username-section .roles{position:relative;width:100%;display:flex;align-items:center}.avatar-username-section .roles-container{display:flex;align-items:center;gap:8px;font-size:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;padding:5px;scroll-behavior:smooth;font-family:var(--font-primary)}.avatar-username-section .role-tag{background:var(--header-bg);color:var(--primary-color);padding:5px 10px;font-family:var(--font-primary);border-radius:var(--border-radius);font-weight:600;font-size:.8rem}.avatar-username-section .left-indicator{position:absolute;left:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,rgb(255,255,255),transparent);pointer-events:none;z-index:1}.avatar-username-section .right-indicator{position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to left,rgb(255,255,255),transparent);pointer-events:none;z-index:1}.users-header{display:flex;justify-content:space-between;align-items:center;padding:11px 0 16px}.users-header .users-filters{display:flex;gap:1rem;align-items:center}.users-header .users-add-button{font-size:14px;width:100%}@media (min-width: 576px){.users-header .users-add-button{font-size:16px}}@media (min-width: 576px){.users-header .users-add-button{width:fit-content}}.main-container{height:100vh;width:100vw;display:grid;place-items:center}.container{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}@media screen and (max-width: 960px){.container{flex-direction:column}}.leftContainer,.rightContainer{width:50%;display:grid;place-items:center}@media screen and (max-width: 960px){.leftContainer,.rightContainer{width:100%}}.leftContainer{background-color:var(--auth-left-bg-color);height:100vh}@media screen and (max-width: 960px){.leftContainer{height:30vh}}@media screen and (max-width: 960px){.rightContainer{height:70vh}}.logo-container img{width:85%;max-width:100%}.logo-container .akura-logo{width:40%}@media screen and (max-width: 1600px){.logo-container .akura-logo{width:50%}}@media screen and (max-width: 960px){.logo-container .akura-logo{width:65%}}.logo-container .app-title{margin:0;font-size:large;font-weight:400;font-family:var(--font-primary)}.paper{width:50%!important;border-radius:15px;text-align:center;padding:50px 40px!important}.paper .form-container{display:flex;flex-direction:column;gap:25px!important}.paper .form-container .title{font-weight:700;font-family:var(--font-primary);font-size:1.5em;padding-bottom:10px}.paper .form-container button{padding:10px}.paper .form-container .sign-up-text{font-size:.82em}.paper .form-container .sign-up-text span{text-decoration:underline;color:var(--primary-color);font-weight:500;cursor:pointer}.paper .form-container .sign-up-text span:hover{opacity:.8}.paper .form-container .forgot-pass{text-align:right;font-size:medium;color:#00f;cursor:pointer}.paper .form-container .btn-container{display:flex;gap:10px}@media screen and (max-width: 960px){.paper{width:fit-content!important}}.create-password-paper{width:60%!important}@media screen and (max-width: 960px){.create-password-paper{width:fit-content!important}}.forgot-password-paper{width:fit-content;padding:30px}@media screen and (max-width: 960px){.forgot-password-paper{width:fit-content!important}}.add-user-page .upload-btn{display:flex;justify-self:end;padding:8px 12px;font-size:14px;text-align:center;margin-bottom:20px}.add-user-container{border:.5px solid #e0e0e0;border-radius:10px;padding:20px}@media screen and (max-width: 600px){.add-user-container{padding-top:0}}.add-user-container .formContainer{display:flex;position:relative;margin-bottom:20px}@media screen and (max-width: 600px){.add-user-container .formContainer{gap:0;flex-direction:column}}.add-user-container .upload-btn{display:flex;justify-self:end;padding:8px 12px;font-size:14px;text-align:center}.add-user-container .formContainerGrid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:15px;margin:20px 0}@media screen and (max-width: 600px){.add-user-container .formContainerGrid{grid-template-columns:1fr}}.add-user-container .button-grid-container{display:grid;grid-template-columns:1fr;justify-items:end;padding-top:20px}@media (min-width: 1024px){.add-user-container .button-grid-container{grid-template-columns:1fr}}.add-user-container .button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:50%;justify-content:end}@media screen and (max-width: 600px){.add-user-container .button-group{width:100%}}.add-user-container .button-clear,.add-user-container .button-add{padding:8px 12px;font-size:16px;text-align:center}.user-profile-container{border:.5px solid #e0e0e0;border-radius:10px;padding:20px;display:grid;width:100%}.user-profile-container .fieldBlock{width:100%;display:flex;gap:20px;margin-bottom:20px}@media screen and (max-width: 600px){.user-profile-container .fieldBlock{flex-direction:column}}.user-profile-container .settings{width:50%;display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 600px){.user-profile-container .settings{width:100%}}.user-profile-container .settings .settingField{display:flex;gap:10px;align-items:center;width:100%;padding-bottom:10px}.user-profile-container .settings .settingField .field{width:200px;justify-self:end;right:0}.user-profile-container .settings .settingField p{font-size:18px;font-weight:500}@media screen and (max-width: 600px){.user-profile-container .settings .settingField p{font-size:16px}}.user-profile-container .controlBtns{display:flex;justify-content:end;padding-top:20px}.accounts-header{display:flex;justify-content:space-between;align-items:center;padding:11px 0 16px}.accounts-header .accounts-filters{display:flex;gap:1rem;align-items:center}.accounts-header .accounts-add-button{font-size:14px;width:100%}@media (min-width: 576px){.accounts-header .accounts-add-button{font-size:16px}}@media (min-width: 576px){.accounts-header .accounts-add-button{width:fit-content}}.gridBlock{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e0e0e0;border-radius:10px;padding:20px}@media screen and (max-width: 600px){.gridBlock{grid-template-columns:1fr}}.info-row{display:flex;flex-direction:column;flex-wrap:wrap;padding-bottom:10px}.info-row :nth-child(1){color:#7a7a7a}@media screen and (max-width: 600px){.info-row :nth-child(1){font-size:small}}.info-row :nth-child(2){font-weight:500;font-size:large}@media screen and (max-width: 600px){.info-row :nth-child(2){font-size:small}}@media screen and (max-width: 600px){.info-row{gap:5px}}.shimmer{height:10px;width:200px;background:linear-gradient(-45deg,#eee 40%,#fafafa,#eee 60%);background-size:300%;background-position-x:100%;animation:shimmer 1s infinite linear;opacity:.8;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}@keyframes shimmer{to{background-position-x:0%}}.account-user-container{display:flex;gap:20px;flex-wrap:nowrap}@media screen and (max-width: 600px){.account-user-container{flex-direction:column}}.account-userDetails-block{padding:20px;border:1px solid #e0e0e0;border-radius:10px;flex:0 1 auto;max-width:30%;overflow-y:auto;height:100%;word-wrap:break-word;text-wrap:wrap;overflow-x:hidden}.account-userDetails-block::-webkit-scrollbar{width:4px}.account-userDetails-block::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.account-userDetails-block::-webkit-scrollbar-thumb:hover{background-color:#555}.account-userDetails-block::-webkit-scrollbar-track{background-color:transparent}@media screen and (max-width: 600px){.account-userDetails-block{padding:10px;width:100%;max-width:100%}}.portal-access-block{flex:1;overflow:hidden}@media screen and (max-width: 600px){.portal-access-block{width:100%}}.account-userDetails-labelValue-block{display:grid;grid-auto-rows:minmax(min-content,max-content);gap:10px}@media screen and (max-width: 600px){.account-userDetails-labelValue-block{grid-template-columns:1fr}}@media screen and (min-width: 1280px){.account-userDetails-labelValue-block{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.accounts-update-button{font-size:14px;width:100%}@media (min-width: 576px){.accounts-update-button{font-size:16px}}@media (min-width: 576px){.accounts-update-button{width:fit-content}}.components-container{display:flex;gap:20px;flex-wrap:nowrap}@media screen and (max-width: 600px){.components-container{flex-direction:column}}.details-block{padding:20px;border:1px solid #e0e0e0;border-radius:10px;flex:0 1 auto;max-width:30%;overflow-y:auto;height:fit-content;word-wrap:break-word;text-wrap:wrap;overflow-x:hidden}.details-block::-webkit-scrollbar{width:4px}.details-block::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.details-block::-webkit-scrollbar-thumb:hover{background-color:#555}.details-block::-webkit-scrollbar-track{background-color:transparent}@media screen and (max-width: 600px){.details-block{padding:10px;width:100%;max-width:100%}}.details-labelValue-block{display:grid;grid-auto-rows:minmax(min-content,max-content);gap:10px}@media screen and (max-width: 600px){.details-labelValue-block{grid-template-columns:1fr}}@media screen and (min-width: 1280px){.details-labelValue-block{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.component-access-block{flex:1;overflow:hidden}@media screen and (max-width: 600px){.component-access-block{width:100%}}.add-account-page .upload-btn{display:flex;justify-self:end;padding:8px 12px;font-size:14px;text-align:center;margin-bottom:20px}.add-account-container{border:.5px solid #e0e0e0;border-radius:10px;padding:20px}@media screen and (max-width: 600px){.add-account-container{padding-top:0}}.add-account-container .formContainer{display:flex;position:relative;margin-bottom:20px}@media screen and (max-width: 600px){.add-account-container .formContainer{gap:0;flex-direction:column}}.add-account-container .upload-btn{display:flex;justify-self:end;padding:8px 12px;font-size:14px;text-align:center}.add-account-container .formContainerGrid{display:grid;grid-template-columns:repeat(2,1fr);row-gap:15px;margin:20px 0}@media screen and (max-width: 600px){.add-account-container .formContainerGrid{grid-template-columns:1fr}}.add-account-container .button-grid-container{display:grid;grid-template-columns:1fr;justify-items:end;padding-top:20px}@media (min-width: 1024px){.add-account-container .button-grid-container{grid-template-columns:1fr}}.add-account-container .button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:50%;justify-content:end}@media screen and (max-width: 600px){.add-account-container .button-group{width:100%}}.add-account-container .button-clear,.add-account-container .button-add{padding:8px 12px;font-size:16px;text-align:center}:root{--primary-color: #4b6ab5;--secondary-color: #ff4081;--background-color: #ffffff;--text-color: #000000;--text-color-secondary: #fff;--font-primary: "Montserrat", sans-serif;--auth-left-bg-color: #e2e8f0;--border-color: #d1d5db;--header-bg: #e5e7eb;--spacing: 20px;--border-width: 1px;--border-radius: 10px;--gap: 10px}