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:1px solid #cbcbcb;border-radius:10px;height:100%}.users-list .header{border-bottom:1px 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:last-child{border-bottom:1px solid #ededed}.user .info{align-items:center;display:flex;gap:15px}.user .info .avatar{height:30px;width:30px}.user .actions{display:flex;gap:10px}.user .action{background:none;border:none;cursor:pointer;margin-left:-5px;padding:0!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%;height:100%;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:1px solid #cdcccc;box-sizing:border-box;height:40px;justify-content:space-between;padding:0 15px 0 20px}.topbar .info{align-items:center;display:flex;gap:10px;height:100%}.topbar .info svg{height:60%}.topbar .subtitle{font-weight:700}.topbar .topbar-actions{display:flex;gap:10px;height:60%}.topbar .topbar-actions .button{font-size:10px;padding:0 20px}.delete-header{gap:10px!important}.delete-header svg{width:20px!important}.delete-body{padding:30px 0}.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:1px solid #cbcbcb;border-top:1px 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:1px 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:10px;margin-top:auto}.navbar .navbar-button{align-items:center;background:none;display:flex;font-size:10px;gap:5px;height:30px;justify-content:center;margin-bottom:10px}.navbar .navbar-button svg{width:15px}.user-page{background-color:#fff;padding:15px}.form,.user-page{box-sizing:border-box;height:100%;width:100%}.form{border:1px solid #cbcbcb;border-radius:10px;display:flex;flex-direction:column;gap:25px;padding:50px 0}.form .reorder{order:5}.form-field{display:flex;gap:30px;width:100%}.form-field .label{font-size:12px;min-width:70px;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{max-width:1000px;min-width:650px;width:40%}@media(max-width:850px){.form-field .children{min-width:0;min-width:auto;padding-right:20px;width:90%}}.input{border:1px solid #cbcbcb;border-radius:5px;box-sizing:border-box;height:35px;padding-left:15px;position:relative;width:100%}.error{color:#d00e0e;margin-top:5px;position:absolute}.file-upload{align-items:center;border:1px dashed #cbcbcb;border-radius:5px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:fit-content;justify-content:center;padding:20px 0;position:relative;width:100%}.file-upload .input{display:none}.file-upload .avatar-preview{height:100px;width:100px}.file-upload .avatar-preview img{height:100%;width:100%}.file-upload .avatar-delete{align-items:center;background:none;color:#ccc;display:flex;height:25px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;width:25px}.file-upload .avatar-delete svg{height:20px;width:20px}.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:1px 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%;min-width:500px;width:auto}.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{border:none;flex-direction:column;gap:20px;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:10px 0;position:relative}.login-page .content .form .field .custom-placeholder{display:flex;gap:5px;inset:0;padding-left:15px;padding-top: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 .login-error{color:#d00e0e;margin-top:10px}.login-page .content .form .label{color:#192e7b;font-weight:700}.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.33165c1d.css.map*/