.layouts{background-color:rgba(58,146,121,.05);display:flex;height:100vh;width:100vw}.main{display:flex;flex:1 1;flex-direction:column}.topbar{align-items:center;background-color:#fff;border-bottom:1px solid #f4f4f4;display:flex;height:40px;justify-content:center;padding:16px;text-align:center}.content{flex:1 1;overflow-y:auto;padding:20px}.sidebar{background-color:#fff;display:flex;flex-direction:column;height:100vh;width:270px}.sidebar .logo{align-items:center;border-bottom:1px solid #f4f4f4;display:flex;height:40px;padding:16px}.sidebar .menus{flex:1 1}.transition{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.icon-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icon-down{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.sidebar .menus li a,.submenu{color:#b0b0b0;cursor:pointer;font-weight:500;padding:16px}.sidebar .menus li .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;padding:0;width:20px}.sidebar .menus{padding-top:20px}.sidebar .menus li .active,.sidebar .menus li a:hover,.submenu:hover{background:rgba(58,146,121,.05);color:#39aab4;font-weight:600}.sidebar .footer{align-items:center;border-top:1px solid #f4f4f4;display:flex;height:40px;justify-content:space-between;padding:16px}.sidebar .footer button{background-color:initial;margin:0;padding:0}.sidebar .footer .profile{align-items:center;display:flex}.sidebar .footer .profile .avatar{align-items:center;border-radius:20px;display:flex;height:40px;justify-content:center;margin-right:12px;overflow:hidden;width:40px}.sidebar .footer .profile .avatar img{background-size:cover;width:100%}.sidebar .footer .profile h5{color:#231f20;font-size:14px;font-weight:600}.sidebar .footer .profile p{color:#b0b0b0;font-size:12px;font-weight:400}.menu-hide{max-height:0;overflow:hidden}.menu-show{max-height:500px;overflow:hidden}.topbar button{display:none}@media screen and (max-width:768px){.sidebar{box-shadow:0 5px 10px rgba(160,163,189,.1);position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:100}.show-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}.content{position:relative}.content-backdrop{overflow:hidden}.content-backdrop:before{background:#000;bottom:0;content:"";height:100vh;left:0;opacity:20%;position:absolute;right:0;top:0;z-index:99}.sidebar .logo h2{font-size:24px}.topbar{position:relative}.topbar button:hover{background-color:#41a0a8}.topbar button{align-items:center;background-color:#39aab4;color:#fff;display:inherit;display:flex;height:44px;justify-content:center;position:absolute;right:20px;width:44px}.main{overflow:hidden;width:100vw}.content{width:91vw}.topbar h2{font-size:24px}}.loading-indicator{background-color:#f2f2f2;height:100vh}.loading-container,.loading-indicator{align-items:center;display:flex;justify-content:center}.loading-container{flex-direction:column}.loading-spinner{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;height:100px;margin-bottom:20px;width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-container img{height:20vmin;pointer-events:none}.loading-container h1{font-size:calc(10px + 2vmin);font-weight:500;margin-top:20px}.gridjs-footer button,.gridjs-head button{background-color:initial;background-image:none;border:none;cursor:pointer;margin:0;outline:none;padding:0}.gridjs-temp{position:relative}.gridjs-head{margin-bottom:5px;padding:5px 1px;width:100%}.gridjs-head:after{clear:both;content:"";display:block}.gridjs-head:empty{border:none;padding:0}.gridjs-container{color:#000;display:inline-block;overflow:hidden;padding:2px;position:relative;z-index:0}.gridjs-footer{background-color:#fff;border-bottom-width:1px;border-color:#e5e7eb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;padding:12px 24px;position:relative;width:100%;z-index:5}.gridjs-footer:empty{border:none;padding:0}input.gridjs-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #d2d6dc;border-radius:5px;font-size:14px;line-height:1.45;outline:none;padding:10px 13px}input.gridjs-input:focus{border-color:#9bc2f7;box-shadow:0 0 0 3px rgba(149,189,243,.5)}.gridjs-pagination{color:#3d4044}.gridjs-pagination:after{clear:both;content:"";display:block}.gridjs-pagination .gridjs-summary{float:left;margin-top:5px}.gridjs-pagination .gridjs-pages{float:right}.gridjs-pagination .gridjs-pages button{background-color:#fff;border:1px solid #d2d6dc;border-right:none;outline:none;padding:5px 14px;-webkit-user-select:none;user-select:none}.gridjs-pagination .gridjs-pages button:focus{border-right:1px solid #d2d6dc;box-shadow:0 0 0 2px rgba(149,189,243,.5);margin-right:-1px;position:relative}.gridjs-pagination .gridjs-pages button:hover{background-color:#f7f7f7;color:#3c4257;outline:none}.gridjs-pagination .gridjs-pages button:disabled,.gridjs-pagination .gridjs-pages button:hover:disabled,.gridjs-pagination .gridjs-pages button[disabled]{background-color:#fff;color:#6b7280;cursor:default}.gridjs-pagination .gridjs-pages button.gridjs-spread{background-color:#fff;box-shadow:none;cursor:default}.gridjs-pagination .gridjs-pages button.gridjs-currentPage{background-color:#f7f7f7;font-weight:700}.gridjs-pagination .gridjs-pages button:last-child{border-bottom-right-radius:6px;border-right:1px solid #d2d6dc;border-top-right-radius:6px}.gridjs-pagination .gridjs-pages button:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.gridjs-pagination .gridjs-pages button:last-child:focus{margin-right:0}button.gridjs-sort{background-color:initial;background-position-x:center;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;float:right;height:24px;margin:0;outline:none;padding:0;width:13px}button.gridjs-sort-neutral{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDEuOTk4IiBoZWlnaHQ9IjQwMS45OTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMS45OTggNDAxLjk5OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTczLjA5MiAxNjQuNDUyaDI1NS44MTNjNC45NDkgMCA5LjIzMy0xLjgwNyAxMi44NDgtNS40MjQgMy42MTMtMy42MTYgNS40MjctNy44OTggNS40MjctMTIuODQ3cy0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2IDUuNDI0QzIxMC4yMzIgMS44MTIgMjA1Ljk1MSAwIDIwMC45OTkgMHMtOS4yMzMgMS44MTItMTIuODUgNS40MjRMNjAuMjQyIDEzMy4zMzFjLTMuNjE3IDMuNjE3LTUuNDI0IDcuOTAxLTUuNDI0IDEyLjg1IDAgNC45NDggMS44MDcgOS4yMzEgNS40MjQgMTIuODQ3IDMuNjIxIDMuNjE3IDcuOTAyIDUuNDI0IDEyLjg1IDUuNDI0ek0zMjguOTA1IDIzNy41NDlINzMuMDkyYy00Ljk1MiAwLTkuMjMzIDEuODA4LTEyLjg1IDUuNDIxLTMuNjE3IDMuNjE3LTUuNDI0IDcuODk4LTUuNDI0IDEyLjg0N3MxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDhMMTg4LjE0OSAzOTYuNTdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4bDEyNy45MDctMTI3LjkwNmMzLjYxMy0zLjYxNCA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDggMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDctMy42MTQtMy42MTYtNy44OTktNS40Mi0xMi44NDgtNS40MnoiLz48L3N2Zz4=);background-position-y:center;opacity:.3}button.gridjs-sort-asc{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgMTk3LjI4NyAxNTkuMDI4IDY5LjM4MWMtMy42MTMtMy42MTctNy44OTUtNS40MjQtMTIuODQ3LTUuNDI0cy05LjIzMyAxLjgwNy0xMi44NSA1LjQyNEw1LjQyNCAxOTcuMjg3QzEuODA3IDIwMC45MDQgMCAyMDUuMTg2IDAgMjEwLjEzNHMxLjgwNyA5LjIzMyA1LjQyNCAxMi44NDdjMy42MjEgMy42MTcgNy45MDIgNS40MjUgMTIuODUgNS40MjVoMjU1LjgxM2M0Ljk0OSAwIDkuMjMzLTEuODA4IDEyLjg0OC01LjQyNSAzLjYxMy0zLjYxMyA1LjQyNy03Ljg5OCA1LjQyNy0xMi44NDdzLTEuODE0LTkuMjMtNS40MjctMTIuODQ3eiIvPjwvc3ZnPg==);background-position-y:35%;background-size:10px}button.gridjs-sort-desc{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiAwLTkuMjMzIDEuODA3LTEyLjg1IDUuNDI0QzEuODA3IDcyLjk5OCAwIDc3LjI3OSAwIDgyLjIyOGMwIDQuOTQ4IDEuODA3IDkuMjI5IDUuNDI0IDEyLjg0N2wxMjcuOTA3IDEyNy45MDdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4TDI4Ni45MzUgOTUuMDc0YzMuNjEzLTMuNjE3IDUuNDI3LTcuODk4IDUuNDI3LTEyLjg0NyAwLTQuOTQ4LTEuODE0LTkuMjI5LTUuNDI3LTEyLjg1eiIvPjwvc3ZnPg==);background-position-y:65%;background-size:10px}button.gridjs-sort:focus{outline:none}table.gridjs-table{border-collapse:collapse;display:table;margin:0;max-width:100%;overflow:auto;padding:0;table-layout:fixed;text-align:left;width:100%}.gridjs-tbody,td.gridjs-td{background-color:#fff}td.gridjs-td{border:1px solid #e5e7eb;box-sizing:initial;padding:12px 24px}td.gridjs-td:first-child{border-left:none}td.gridjs-td:last-child{border-right:none}td.gridjs-message{text-align:center}th.gridjs-th{background-color:#f9fafb;border:1px solid #e5e7eb;border-top:none;box-sizing:border-box;color:#6b7280;outline:none;padding:14px 24px;position:relative;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}th.gridjs-th .gridjs-th-content{float:left;overflow:hidden;text-overflow:ellipsis;width:100%}th.gridjs-th-sort{cursor:pointer}th.gridjs-th-sort .gridjs-th-content{width:calc(100% - 15px)}th.gridjs-th-sort:focus,th.gridjs-th-sort:hover{background-color:#e5e7eb}th.gridjs-th-fixed{box-shadow:0 1px 0 0 #e5e7eb;position:-webkit-sticky;position:sticky}@supports (-moz-appearance:none){th.gridjs-th-fixed{box-shadow:0 0 0 1px #e5e7eb}}th.gridjs-th:first-child{border-left:none}th.gridjs-th:last-child{border-right:none}.gridjs-tr{border:none}.gridjs-tr-selected td{background-color:#ebf5ff}.gridjs-tr:last-child td{border-bottom:0}.gridjs *,.gridjs :after,.gridjs :before{box-sizing:border-box}.gridjs-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-color:#e5e7eb;border-radius:8px 8px 0 0;border-top-width:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.26);display:block;overflow:auto;position:relative;width:100%;z-index:1}.gridjs-wrapper:nth-last-of-type(2){border-bottom-width:1px;border-radius:8px}.gridjs-search{float:left}.gridjs-search-input{width:250px}.gridjs-loading-bar{background-color:#fff;opacity:.5;z-index:10}.gridjs-loading-bar,.gridjs-loading-bar:after{bottom:0;left:0;position:absolute;right:0;top:0}.gridjs-loading-bar:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,80%,0),hsla(0,0%,80%,.2) 20%,hsla(0,0%,80%,.5) 60%,hsla(0,0%,80%,0));content:"";-webkit-transform:translateX(-100%);transform:translateX(-100%)}@-webkit-keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.gridjs-td .gridjs-checkbox{cursor:pointer;display:block;margin:auto}.gridjs-resizable{bottom:0;position:absolute;right:0;top:0;width:5px}.gridjs-resizable:hover{background-color:#9bc2f7;cursor:ew-resize}.App{text-align:center}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.dashboard-container{margin:0 auto}.table-container{position:relative}h2{font-size:2rem;font-weight:700;margin-bottom:1rem}input[type=text]{border:none;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem}table{border-collapse:collapse;width:100%}td,th{padding:1rem;text-align:left}tbody tr:nth-child(2n),thead tr{background-color:#f2f2f2}tbody tr:hover{background-color:#e5e5e5}th{color:#fff}.update-button,th{background-color:salmon}.update-button{font-size:16px;font-weight:500}.update-button:hover{background-color:#000}.dashboard-searchbar{background-color:#f2f2f2;border:none;border-radius:20px;color:#333;padding:12px 20px;width:100%}.filter_agent{position:absolute;right:0;top:0;width:300px;z-index:10}@media screen and (max-width:768px){.filter_agent,.gridjs-search,.gridjs-search input{width:100%!important}.filter_agent{top:-50.5px}.content{padding-top:70.5px}}h1{font-size:2rem;margin-bottom:24px}label{display:block}button[type=button],button[type=submit]{background-color:#007bff;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}button[type=button]:hover,button[type=submit]:hover{background-color:#0069d9}button[type=button]:disabled,button[type=submit]:disabled{cursor:not-allowed;opacity:.65}.items-container{align-items:center;display:flex;flex-direction:column}.item{border:1px solid #ccc;border-radius:.25rem;margin-bottom:1rem;padding:1rem;width:100%}.item label{display:inline-block;margin-bottom:0;margin-right:1rem;width:25%}.item input[type=number],.item input[type=text]{width:50%}.item button{margin-top:1rem}.Add-Button{margin-bottom:24px}option{padding:.5rem}.login-container{align-items:center;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:80vh;justify-content:center;margin:48px auto 0;max-width:400px;padding:36px;width:100%}.App-logo{height:36vmin;place-self:center;pointer-events:none}h1{margin-bottom:20px;text-align:center}form{align-items:center;display:flex;flex-direction:column;justify-content:center}input{border:1px solid #ddd;border-radius:4px;outline:none;padding:10px}input:focus{border-color:#6c9ac3}button{background-color:#6c9ac3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:10px;transition:background-color .2s ease-in-out}button:hover{background-color:#4c7aa1}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:10px;padding:10px}.login-footer{font-size:14px;margin-top:64px;text-align:center}.create-user-container{margin-left:auto;margin-right:auto;max-width:678px!important;width:100%}.create-user-header{text-align:center}.create-user-header p{margin-top:8px}@media screen and (max-width:768px){.submit-button{width:inherit!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,h1,h2,h3,h4,h5,h6,li,p,span,ul{margin:0;padding:0}a{color:inherit;text-decoration:none}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gridjs-pagination .gridjs-pages button{border-radius:0;color:#000;font-size:14px;font-weight:400}.card{background-color:#fff;border-radius:10px;box-shadow:0 5px 10px rgba(160,163,189,.1);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 20px}@media screen and (max-width:768px){.card{padding:20px}.gridjs-pagination{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}}.form-input{display:flex;flex-direction:column;gap:8px;position:relative}.form-input label{color:#b0b0b0;font-size:14px;font-weight:500;line-height:17px}.form-input label span{font-size:12px;font-weight:400}.form-input:has(input:focus) label,.form-input:has(textarea:focus) label{color:#39aab4}.form-input input,.form-input textarea{background:#fff;border:1px solid #f4f4f4;border-radius:8px;color:#231f20;font-size:14px;font-weight:500;padding:14px 15px}.form-input textarea{resize:none;width:inherit}.form-input input:focus,.form-input textarea:focus{border:1px solid #39aab4}.form-input textarea:focus{outline:none}.grid{grid-gap:10px;display:grid;gap:10px}.grid-col-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-col-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-col-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.text-error{color:#e33434;font-size:12px;margin-top:-6px}.form-input:has(.text-error) input,.form-input:has(.text-error) textarea{border:1px solid #e33434}.form-input:has(.text-error):has(input:focus) label,.form-input:has(.text-error):has(textarea:focus) label{color:#e33434}p{color:#b0b0b0}hr{border:.5px solid #b0b0b0}button,input,textarea{font-family:"system-ui"}input[type=date]:invalid::-webkit-datetime-edit{color:#777}
/*# sourceMappingURL=main.85b49cfa.css.map*/