.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}.custom-scrollbar{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{background-color:#e6e6e6;height:7px;width:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(0deg,#c6c6c8,#c6c6c8),#e6e6e6;border-radius:2px;border-radius:100px;margin-top:20px}.login{align-items:center;background:#4678c3;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:100vh;max-width:100vw;overflow:hidden;padding:20px;position:relative}.login:before{background-image:url(/static/media/background-logo.7b18639a5d82aa6140a5.webp);background-repeat:no-repeat;background-size:cover;content:"";height:885px;opacity:.8;position:absolute;right:20px;top:calc(100% - 852px);width:1052px;z-index:1}@media(max-width:768px){.login:before{background-position:bottom;background-size:contain;bottom:0;height:50%;opacity:.3;right:0;top:auto;width:100%}}.login .branding{align-items:center;color:#fff;display:flex;gap:10px;left:100px;position:absolute;top:100px;z-index:2}@media(max-width:768px){.login .branding{justify-content:center;left:0;margin-bottom:30px;position:relative;top:0}}.login .branding .branding-logo{height:auto;width:75px}@media(max-width:480px){.login .branding .branding-logo{width:60px}}.login .branding .branding-title{font-size:32px;font-weight:600;letter-spacing:0;line-height:38px;text-align:center}@media(max-width:480px){.login .branding .branding-title{font-size:28px}}.login .loginContainer{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:30px;max-width:100%;min-height:400px;padding:30px 20px;position:relative;width:409px;z-index:3}@media(max-width:768px){.login .loginContainer{margin-top:0;padding:25px 15px;width:100%}}.login .loginContainer .loginTitle{color:#4678c3;font-family:Raleway,sans-serif;font-size:35px;font-weight:400;letter-spacing:.01em;line-height:50px;margin-bottom:20px;text-align:center}@media(max-width:480px){.login .loginContainer .loginTitle{font-size:28px;line-height:40px}}.login .loginContainer .loginForm{display:flex;flex-direction:column;gap:16px;max-width:360px;width:100%}.login .loginContainer .loginForm .loginInput{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;height:25px;padding:16px;position:relative;width:100%}.login .loginContainer .loginForm .loginInput:after{background-color:#c6c6c8;border-bottom-right-radius:8px;border-top-right-radius:8px;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:10%}.login .loginContainer .loginForm .loginInput:focus{border-color:#4678c3;box-shadow:0 0 0 2px #4678c333;outline:none}@media(max-width:480px){.login .loginContainer .loginForm .loginInput{font-size:14px}}.login .loginContainer .loginForm .loginButton{background-color:#4678c3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin-top:10px;transition:.3s;width:100%;z-index:10}.login .loginContainer .loginForm .loginButton:hover{background-color:#3264af}.login .loginContainer .loginForm .loginButton:active{transform:scale(.98)}@media(max-width:480px){.login .loginContainer .loginForm .loginButton{height:44px}}.login .loginContainer .forgotPassword{color:#4678c3;cursor:pointer;font-size:14px;margin-top:24px;text-align:center;z-index:10}.login .loginContainer .forgotPassword:hover{text-decoration:underline}@media(max-width:480px){.login .loginContainer .forgotPassword{margin-top:20px}}@media(max-width:360px){.login{padding:10px}.login .loginContainer{padding:20px 15px}.login .branding{gap:6px}.login .branding .branding-logo{width:50px}.login .branding .branding-title{font-size:24px}}@media(max-height:600px){.login{justify-content:flex-start;padding-top:20px}.login .branding{left:0;margin-bottom:15px;position:relative;top:0}.login .loginContainer{margin-top:0;padding-bottom:20px;padding-top:20px}}
/*# sourceMappingURL=main.191cef4b.css.map*/