:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-light: #f9f9f9;--bg-dark: #212121;--clr: #58bc82;--clr-alpha: #9c9c9c60;--clr-text-darkblue: #172c46}@font-face{font-family:"29lt-bukra";src:url(/fonts/29lt-bukra.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;font-family:"29lt-bukra",sans-serif!important}html,body,#root{margin:0;padding:0;height:100%;width:100%}.login-page{background-color:var(--bg-light);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.mtcit-logo{width:250px;margin-bottom:2rem}.login-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.form{display:flex;flex-direction:column;gap:1rem;width:100%}.input-span{width:100%;display:flex;flex-direction:column;gap:.5rem}.form input[type=text],.form input[type=password]{border-radius:.5rem;padding:1rem .75rem;width:100%;border:1px solid gray;background-color:#fff;font-size:1rem;color:gray}.form input[type=text]:focus,.form input[type=password]:focus{outline:2px solid gray;background-color:#fff}.label{align-self:flex-start;background-color:#fff;color:var(--clr-text-darkblue);font-weight:600}.submit{font-family:sans-serif!important;padding:1rem .75rem;width:100%;border-radius:2rem;background-color:var(--clr-text-darkblue);color:#fff;font-weight:900;border:none;cursor:pointer;transition:.3s}.submit:hover{transform:scale(1.075)}.span{text-align:center;font-size:.9rem;color:var(--clr-text-darkblue)}.span a{color:var(--clr-text-darkblue)}.error{color:red;font-size:.9rem;text-align:center}.bottom-logos{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.IBS-logo{width:150px;margin-bottom:.5rem}.powered-by{font-size:.8rem;color:var(--clr-text-darkblue)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{background-color:#fff!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#9ca3af}.language-switcher-login{position:absolute;top:20px;right:30px;cursor:pointer;font-weight:700;z-index:10;color:#000}.login-page.rtl{direction:rtl;text-align:right}.login-page.ltr{direction:ltr;text-align:left}.sidebar{margin-top:auto;margin-bottom:auto;margin-left:30px;width:80px;background-color:#fff;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;align-items:center;padding-top:20px;height:90%}.logo-wrapper{margin-bottom:50px}.logo img{width:60px;height:100px;object-fit:contain}.nav-links{display:flex;flex-direction:column;gap:1rem}.nav-btn{background:none;border:none;cursor:pointer;width:60px;height:60px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-btn img{width:30px;height:30px;transition:all .3s ease}.nav-btn.active{background:linear-gradient(135deg,#cce7ff,#e0f0ff)}.nav-btn.active img{filter:invert(28%) sepia(81%) saturate(3167%) hue-rotate(185deg) brightness(96%) contrast(96%)}.nav-btn:hover{background:#f0f0f0}.logout-container{margin-top:auto;margin-bottom:20px}.logout-btn{background:none;border:none;color:#c0392b;font-weight:600;cursor:pointer;transition:color .2s}.logout-btn:hover{color:#e74c3c}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;margin:0!important;height:90px}.logo-wrapper{display:flex;flex-direction:row;margin-bottom:0;gap:.05rem}.nav-links{flex-direction:row;gap:.5rem}.logout-container{margin:0}.nav-btn img,.nav-links{display:none}}.dashboard-layout{display:flex;height:100vh;background-color:#f9f9f9;direction:ltr;overflow:hidden}.dashboard-layout.rtl{flex-direction:row-reverse;height:100vh;direction:rtl}.dashboard-content{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden}.sidebar.ltr{margin-left:30px}.sidebar.rtl{margin-right:30px}.top-bar{display:flex;justify-content:space-between;margin-bottom:1rem}.lang-switch{padding:.5rem 1rem;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:5px;font-weight:700;color:#000}h2{color:#000;margin-bottom:0}.title-rtl{text-align:right}.iframe-wrapper{position:relative;width:100%}.iframe-mask{position:absolute;bottom:0;left:0;width:100%;height:32px;background-color:#fff;pointer-events:auto;z-index:10}@media (max-width: 768px){.dashboard-layout,.dashboard-layout.rtl{flex-direction:column}.sidebar{width:100%;height:auto;margin:0!important}}