body{background-color:#ededee;cursor:default;font-family:Poppins,sans-serif;font-size:12px;margin:0}.users-page{background-color:#fff;box-sizing:border-box;height:100%;padding:15px;width:100%}.users-list{border:2px solid #cbcbcb;border-radius:10px}.users-list .header{border-bottom:2px solid #cbcbcb;font-weight:700;padding:12px 15px}.user,.users-list .header{display:grid;grid-template-columns:repeat(4,1fr)}.user{align-items:center;padding:7px 10px}.user:nth-child(2n){background-color:#ededed}.user .info{align-items:center;display:flex;gap:15px}.user .info .avatar{height:30px;width:30px}.user .actions{display:flex}.user .action{background:none;border:none;cursor:pointer;padding:0 5px!important}.user .action svg{color:#8d8d8d;height:20px;width:20px}.avatar{align-items:center;background-color:#cbcbcb;border-radius:50%;display:flex;font-size:15px;height:35px;justify-content:center;width:35px}.avatar img{border-radius:50%;width:100%}.button{border:none;border-radius:5px;cursor:pointer;font-size:12px;padding:5px 25px}.primary{background-color:#192e7b;color:#fff}.secondary{background-color:#cbcbcb;color:#000}.page{flex-direction:column;height:100%}.page,.topbar{display:flex;width:100%}.topbar{align-items:center;border-bottom:2px solid #cdcccc;box-sizing:border-box;height:40px;justify-content:space-between;padding:0 50px 0 20px}.topbar .info{align-items:center;display:flex;gap:10px;height:100%}.topbar .info svg{height:60%}.topbar .subtitle{font-weight:700}.topbar .actions{display:flex;gap:10px}.modal{display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal .backdrop{background-color:#0009;height:100%;position:absolute;width:100%;z-index:0}.modal .content{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:200px;margin-top:150px;width:600px;z-index:1}.modal .content .header{align-items:center;box-sizing:border-box;color:#656565;display:flex;gap:15px;height:40px;padding-left:15px}.modal .content .header svg{height:30px;width:30px}.modal .content .body{align-items:center;border-bottom:2px solid #cbcbcb;border-top:2px solid #cbcbcb;box-sizing:border-box;display:flex;flex:1 1;padding-left:40px}.modal .content .footer{box-sizing:border-box;display:flex;gap:10px;height:40px;justify-content:end;padding:8px}.app-template{box-sizing:border-box;display:flex;height:100vh;min-height:500px;width:100vw}.content{min-width:400px;width:100%}.navbar{align-items:center;background-color:#fff;border-right:2px solid #cdcccc;display:flex;flex-direction:column;min-width:75px;width:75px}.navbar .logo{width:100%}.navbar .link{align-items:center;aspect-ratio:3/2;background-color:#192e7b;color:#fff;display:flex;flex-direction:column;gap:5px;justify-content:center;margin-top:15px;padding:5px 0;text-decoration:none;width:100%}.navbar .link svg{width:25px}.navbar .avatar{margin-bottom:30px;margin-top:auto}.navbar .navbar-button{align-items:center;background:none;display:flex;gap:5px;height:30px;justify-content:center;margin-bottom:10px}.navbar .navbar-button svg{width:25px}.user-page{background-color:#fff;height:100%;width:100%}.form{box-sizing:border-box;display:flex;flex-direction:column;gap:30px;padding:100px 50px}.form .reorder{order:5}.form-field{display:flex;gap:30px;width:100%}.form-field .label{font-size:12px;padding-top:5px;text-align:right;width:200px}.form-field .label .required{color:red;margin-right:5px}.form-field:last-child{order:10}.form-field .children{width:500px}.input{border:2px solid #cbcbcb;border-radius:5px;box-sizing:border-box;height:35px;padding-left:15px;width:100%}.error{color:#d00e0e;margin-top:5px}.file-upload{align-items:center;border:2px dashed #cbcbcb;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:120px;justify-content:center;width:100%}.file-upload .input{display:none}.file-upload .icon{align-items:center;background-color:#d6d6d6;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.file-upload .icon svg{color:#656565;width:70%}.file-upload .label{color:#656565;font-size:14px;text-align:center;width:100%}.checkbox{display:inline-block}.checkbox .input{display:none;width:25px}.checkbox .input:checked+.box{background-color:#192e7b;border-color:#192e7b}.checkbox .box{border:2px solid #cbcbcb;border-radius:10px;cursor:pointer;height:25px;position:relative;width:25px}.checkbox .box:after{content:"";position:absolute}.login-page{display:flex;height:100vh;width:100vw}.login-page .image{height:100%;width:700px}.login-page .content{background-color:#fff;flex:1 1;flex-direction:column}.login-page .content,.login-page .content .form{align-items:center;display:flex;justify-content:center}.login-page .content .form{flex-direction:column;gap:30px;width:500px}.login-page .content .form .title{color:#192e7b;font-size:32px;font-weight:700}.login-page .content .form .field{width:90%}.login-page .content .form .field .input-wrapper{margin-top:10px;position:relative}.login-page .content .form .field .custom-placeholder{align-items:center;display:flex;gap:5px;inset:0;padding-left:15px;pointer-events:none;position:absolute}.login-page .content .form .field .custom-placeholder .box{background-color:#cacaca;height:8px;width:8px}.login-page .content .form .label{color:#192e7b;font-weight:700}.login-page .content .form .input{border-color:#cacaca}.login-page .content .form .input::placeholder{color:#cacaca}.login-page .content .form .button{box-sizing:border-box;font-size:16px;padding:10px;width:90%}
/*# sourceMappingURL=main.5c76da23.css.map*/