@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f1f1f1;font-family:Roboto,sans-serif;color:#333;width:100%;height:100vh;overflow-x:hidden}h1{width:100%;font-weight:600;color:#323336}h1{font-size:1.5rem}@media(min-width:768px){h1{font-size:1.75rem}}h2{width:100%;font-weight:600;color:#323336}h2{font-size:1.25rem}@media(min-width:768px){h2{font-size:1.5rem}}a{text-decoration:none}strong{font-weight:600}.transition,.btn,aside nav a,header .right-menu .menu{transition:all .2s ease-in-out}.w-full{width:100%}.error{color:#ad3434}.text-center{text-align:center}.input-focus,input:focus,textarea:focus,.input-container.prefix-input .box.focus,.input-container.select .container.open{border:1px solid rgb(36.9945945946,80.3675675676,199.0054054054);box-shadow:0 0 0 .15rem #436cdc33,0 0 0 .3rem #436cdc1a}.item-info{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:.75rem}.heading-xl{font-size:2.25rem;font-weight:700;line-height:1.3}.heading-lg{font-size:1.75rem;font-weight:600;line-height:1.4}.heading-md{font-size:1.25rem;font-weight:500;line-height:1.5}.heading-sm{font-size:1rem;font-weight:500;line-height:1.5}.text-sm{font-size:.75rem}.text-info{color:#436cdc}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.grid-1-cols{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-1-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-1-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:768px){.grid-1-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-1-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-1-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}.grid-2-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-2-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-2-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:768px){.grid-2-cols{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-2-cols{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-2-cols{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-3-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-3-cols{grid-template-columns:repeat(1,1fr);gap:.5rem .5rem}}@media(min-width:768px){.grid-3-cols{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-3-cols{grid-template-columns:repeat(3,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-3-cols{grid-template-columns:repeat(3,1fr);gap:1rem 1rem}}.grid-4-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-4-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-4-cols{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:768px){.grid-4-cols{grid-template-columns:repeat(3,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-4-cols{grid-template-columns:repeat(4,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-4-cols{grid-template-columns:repeat(4,1fr);gap:1rem 1rem}}.grid-5-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-5-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-5-cols{grid-template-columns:repeat(2,1fr);gap:.5rem .5rem}}@media(min-width:768px){.grid-5-cols{grid-template-columns:repeat(3,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-5-cols{grid-template-columns:repeat(5,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-5-cols{grid-template-columns:repeat(5,1fr);gap:1rem 1rem}}.grid-6-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem 1rem}@media(min-width:320px){.grid-6-cols{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.grid-6-cols{grid-template-columns:repeat(2,1fr);gap:.5rem .5rem}}@media(min-width:768px){.grid-6-cols{grid-template-columns:repeat(3,1fr);gap:1rem 1rem}}@media(min-width:1024px){.grid-6-cols{grid-template-columns:repeat(6,1fr);gap:1rem 1rem}}@media(min-width:1200px){.grid-6-cols{grid-template-columns:repeat(6,1fr);gap:1rem 1rem}}header{background-color:#fff;box-shadow:0 2px 20px #0000000d}header{padding:.25rem .5rem}@media(min-width:768px){header{padding:1rem .5rem}}header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0rem}@media(min-width:768px){header{justify-content:flex-end}}header .logo{gap:.25rem}@media(min-width:768px){header .logo{gap:.5rem}}header .logo{display:flex}@media(min-width:768px){header .logo{display:none}}header .logo img{width:80px}header .right-menu{position:relative}header .right-menu .menu-btn{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.25rem}@media(min-width:768px){header .right-menu .menu-btn{gap:.5rem}}header .right-menu .menu-btn .profile-image{aspect-ratio:1/1}header .right-menu .menu-btn .profile-image{width:30px}@media(min-width:768px){header .right-menu .menu-btn .profile-image{width:40px}}header .right-menu .menu-btn .profile-image{border:2px solid #e9e9e9;border-radius:50%;object-fit:cover}header .right-menu .menu-btn .svg-icon svg{width:15px}@media(min-width:768px){header .right-menu .menu-btn .svg-icon svg{width:18px}}header .right-menu .menu{min-width:240px;position:absolute;top:400%;right:-10px;background-color:#fff;box-shadow:0 5px 10px #0000001a;border:1px solid #e9e9e9;visibility:hidden;opacity:0;z-index:1000}header .right-menu .menu{padding:.5rem 0px}@media(min-width:768px){header .right-menu .menu{padding:1.25rem 0px}}header .right-menu .menu{border-radius:.5rem}@media(min-width:768px){header .right-menu .menu{border-radius:.5rem}}header .right-menu .menu.show{display:block;top:100%;visibility:visible;opacity:1}header .right-menu .menu button{width:100%}header .right-menu .menu button{padding:.5rem}@media(min-width:768px){header .right-menu .menu button{padding:1rem}}header .right-menu .menu button:hover{background-color:#cccccc40}aside{background-color:#038aff;position:absolute;top:0;left:-100%;z-index:1000;height:100vh;transition:all .2s ease;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;overflow:auto}aside{width:100%}@media(min-width:768px){aside{width:240px}}aside{padding:.5rem 1rem}@media(min-width:768px){aside{padding:1rem}}aside.open{left:0}aside .close-menu-btn{position:absolute;top:1rem;right:1rem}@media(min-width:768px){aside .close-menu-btn{visibility:hidden;opacity:0;display:none}}aside .close-menu-btn svg{width:20px;stroke:#fff}@media(min-width:768px){aside{position:fixed;top:0;left:0;overflow-y:auto}}aside .logo-container{width:100%}aside .logo-container{padding:.5rem}@media(min-width:768px){aside .logo-container{padding:1rem}}aside .logo-container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:0rem}aside .logo-container img{width:120px}aside nav{position:relative;width:100%;max-height:80vh;overflow:auto;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:0rem}aside nav a{width:100%;color:#fff;padding:.75rem;border-radius:.25rem}aside nav a:hover{color:#fff;background-color:#00000026}aside nav a.active{font-weight:600;color:#333;background-color:#fff}aside .bottom-area{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}aside .bottom-area .branch{display:block;background-color:#131212;padding:1rem;border-radius:.5rem;color:#d1d1d1;width:100%;text-align:center}main{padding:.5rem}@media(min-width:768px){main{padding:1rem}}main{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;flex-wrap:nowrap;gap:.5rem}@media(min-width:768px){main{gap:1rem}}.layout{width:100%;height:100vh}.layout .body{height:100vh;overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.layout .body{margin-left:240px;width:calc(100% - 240px)}}.form-page-layout{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem 1rem}@media(min-width:320px){.form-page-layout{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.form-page-layout{grid-template-columns:1fr 120px;gap:.5rem .5rem}}@media(min-width:768px){.form-page-layout{grid-template-columns:1fr 180px;gap:1rem 1rem}}@media(min-width:1024px){.form-page-layout{grid-template-columns:1fr 240px;gap:1rem 1rem}}@media(min-width:1200px){.form-page-layout{grid-template-columns:1fr 240px;gap:1rem 1rem}}.form-page-layout .actions-card{position:sticky;top:20px;z-index:10;height:20vh}.page-grid-layout{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem 1rem}@media(min-width:320px){.page-grid-layout{grid-template-columns:repeat(1,1fr);gap:1rem 1rem}}@media(min-width:576px){.page-grid-layout{grid-template-columns:1fr;gap:.5rem .5rem}}@media(min-width:768px){.page-grid-layout{grid-template-columns:1fr;gap:1rem 1rem}}@media(min-width:1024px){.page-grid-layout{grid-template-columns:1fr 240px;gap:1rem 1rem}}@media(min-width:1200px){.page-grid-layout{grid-template-columns:1fr 360px;gap:1rem 1rem}}.page-grid-layout .actions-area{position:sticky;top:20px;z-index:10}button{all:unset;cursor:pointer;box-sizing:border-box;white-space:nowrap}.btns-group{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.btn{text-align:center;display:inline-block;color:#333;background-color:#e9e9e9}.btn{border-radius:.15rem}@media(min-width:768px){.btn{border-radius:.25rem}}.btn{padding:.75rem}@media(min-width:768px){.btn{padding:1rem}}.btn{white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background-color:#d0d0d0}.btn-light{background-color:#fff}.btn-light:hover{background-color:#f6f6f6}.btn-light-outline{background-color:#fff;border:1px solid #e9e9e9}.btn-light-outline:hover{background-color:#f6f6f6}.btn-primary{color:#fff;background-color:#6366f1}.btn-primary:hover{background-color:#4c4fef}.btn-primary-outline{color:#1d3f9c;background-color:#fff;border:1px solid rgb(145.8,147.9,245.2)}.btn-primary-outline:hover{background-color:#fff;box-shadow:0 0 0 1px #4c4fef}.btn-info{color:#fff;background-color:#3b82f6}.btn-info:hover{background-color:#2372f5}.btn-info-outline{color:#1d3f9c;background-color:#fff;border:1px solid rgb(107.7609756098,161.0975609756,248.2390243902)}.btn-info-outline:hover{background-color:#fff;box-shadow:0 0 0 1px #2372f5}.btn-warning{color:#333;background-color:#ffdb4979}.btn-warning:hover{background-color:#ffd630a6}.btn-warning-outline{color:#333;background-color:#fff;border:1px solid rgba(255,229.0879120879,124,.4745098039)}.btn-warning-outline:hover{background-color:#fff;box-shadow:0 0 0 1px #ffd63079}.btn-success{color:#fff;background-color:#64d346}.btn-success:hover{background-color:#53ce31}.btn-success-outline{color:#333;background-color:#fff;border:1px solid rgb(134.519650655,220.7991266376,111.2008733624)}.btn-success-outline:hover{background-color:#fff;box-shadow:0 0 0 1px #75d85b}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#ed2d2d}.btn-danger-outline{color:#333;background-color:#fff;border:1px solid rgb(243.0197044335,114.9802955665,114.9802955665)}.btn-danger-outline:hover{background-color:#fff;box-shadow:0 0 0 1px #f15b5b}.card{width:100%;background-color:#fff;border:1px solid #e9e9e9;box-shadow:0 1rem 2rem #0000000d}.card{padding:.75rem}@media(min-width:768px){.card{padding:1.25rem}}.card{border-radius:.5rem}@media(min-width:768px){.card{border-radius:.75rem}}.filters-card{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.5rem}.filters-card .filters{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.table-container{overflow-x:auto}.table-container .table{width:100%}.table-container .table tr th,.table-container .table tr td{padding:.5rem;white-space:nowrap}.table-container .table th{text-align:left;font-weight:600;white-space:nowrap}.table-container .table tbody tr td{min-height:64px;height:64px;vertical-align:middle}.table-container .table tbody tr:hover{background-color:#cccccc40}.table-container .table tbody .table-actions{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}label{font-size:.85rem;display:block;font-weight:500}label .mark{color:#b1b2b6}input,textarea{display:block;width:100%}.input-style,.input-container.select .container,.input-container.code-editor .editor,input,select,textarea,p.readonly-value{position:relative;width:100%;background-color:#fff;border-radius:.25rem;font-size:1rem;border:1px solid rgb(229.5,229.5,229.5);padding:1rem}input,select,textarea,p.readonly-value{outline:none}p.readonly-value{background-color:#f1f1f1}.input-container{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:.5rem}.input-container.tinymce-editor .editor,.input-container.code-editor .editor{overflow:hidden;width:100%}.input-container.prefix-input .box{width:100%;overflow:hidden;border-radius:.25rem;background-color:#ececec;border:1px solid rgb(229.5,229.5,229.5);display:flex;justify-content:center;align-items:stretch;flex-direction:row;flex-wrap:nowrap;gap:0rem}.input-container.prefix-input .box input{border:none;border-radius:0}.input-container.prefix-input .box input:focus{border:none;box-shadow:none}.input-container.prefix-input .box .prefix{line-height:0;justify-self:stretch;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0rem}.input-container.prefix-input .box .prefix{padding:.5rem}@media(min-width:768px){.input-container.prefix-input .box .prefix{padding:1rem}}.input-container.select .container{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.input-container.select .container .dropdown{position:absolute;top:110%;left:0;width:100%;background-color:#fff;z-index:99;border:1px solid rgb(178.5,178.5,178.5);box-shadow:0 2rem 2rem #0003}.input-container.select .container .dropdown{padding:.5rem}@media(min-width:768px){.input-container.select .container .dropdown{padding:.5rem .75rem}}.input-container.select .container .dropdown{border-radius:.25rem}@media(min-width:768px){.input-container.select .container .dropdown{border-radius:.5rem}}.input-container.select .container .dropdown{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:1rem}.input-container.select .container .dropdown .list{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:0rem}.input-container.select .container .dropdown .list .list-item{width:100%}.input-container.select .container .dropdown .list .list-item{border-radius:.25rem}@media(min-width:768px){.input-container.select .container .dropdown .list .list-item{border-radius:.5rem}}.input-container.select .container .dropdown .list .list-item{padding:.5rem}@media(min-width:768px){.input-container.select .container .dropdown .list .list-item{padding:1rem}}.input-container.select .container .dropdown .list .list-item:hover{background-color:#eee}.input-container.select .container.disabled{background-color:#f1f1f1}.input-container.select.select-image .list-item,.input-container.select.select-image .selected-option{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}.input-container.select.select-image .list-item img,.input-container.select.select-image .selected-option img{aspect-ratio:1/1;width:40px;border:2px solid #e9e9e9;border-radius:50%;object-fit:cover}.toggle-switch{position:relative}.toggle-switch .box{position:relative;font-size:1rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}.toggle-switch .box .toggle{position:relative;width:45px;height:16px;background-color:#e9e9e9;border-radius:2rem}.toggle-switch .box .toggle:before{content:"";position:absolute;top:50%;left:0;width:24px;aspect-ratio:1/1;border-radius:50%;transform:translateY(-50%);transition:all .2s ease;background-color:#d0d0d0}.toggle-switch .box.checked .toggle{background-color:#839ee8}.toggle-switch .box.checked .toggle:before{left:auto;right:0;background-color:#2d5bd8}.toggle-switch .box .label{-webkit-user-select:none;user-select:none}.toggle-switch .box input{visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.toggle-switch.disabled{opacity:.5}.checkbox{position:relative}.checkbox .label,.checkbox .text{-webkit-user-select:none;user-select:none;color:#333;font-size:1rem}.checkbox .text{font-weight:400;overflow-wrap:anywhere;word-break:normal}.checkbox input{visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.checkbox .label{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}.checkbox .label .box{aspect-ratio:1/1;width:24px;min-width:24px;background-color:#fff;border:2px solid #e9e9e9;border-radius:.25rem;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0rem}.checkbox .label .box.checked{transition:all .2s ease;background-color:#038aff}.checkbox .label .box.checked .svg-icon{opacity:1;visibility:visible;transform:scale(1)}.checkbox .label .box .svg-icon{opacity:0;visibility:hidden;transform:scale(.5);transition:all .2s ease}.checkbox .label .box .svg-icon svg{width:15px;height:15px;fill:#fff}.badge{display:inline-block;background-color:#e9e9e9;border-radius:2rem;white-space:nowrap;overflow:hidden;font-size:.75rem}.badge{padding:.25rem .5rem}@media(min-width:768px){.badge{padding:.25rem .75rem}}.badge-primary{color:#23247a;background-color:#6a6cfc34}.badge-info{color:#13479c;background-color:#1a6ff031}.badge-warning{color:#454515;background-color:#ffd83b38}.badge-success{color:#195a31;background-color:#22c55e3a}.badge-danger{color:#813131;background-color:#cc393927}.badge-secondary{color:#333;background-color:#d3d3d370}.badge-light{color:#666565;background-color:#81828318}.pagination{margin-top:1rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0rem}.pagination .item{color:#333;min-width:45px;text-align:center}.pagination .item{padding:.5rem}@media(min-width:768px){.pagination .item{padding:1rem}}.pagination .item{border-radius:.25rem}@media(min-width:768px){.pagination .item{border-radius:.5rem}}.pagination .item.active{background-color:#e9e9e9}.pagination .item:hover{background-color:#e4e4e4}.pagination .item.disabled{color:gray}.search-filter{display:flex;justify-content:flex-end;align-items:normal;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.search-filter input{max-width:240px}.dropdown-filter{position:relative}.dropdown-filter .box{all:unset;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;outline:none;width:100%;min-width:120px;background-color:#fff;position:relative;border:1px solid rgb(229.5,229.5,229.5);border-radius:.25rem;padding:1rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.dropdown-filter .box .clear-btn{padding:.1rem .75rem;border-radius:1rem;font-size:.8rem;background-color:#540a0a1a;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:1rem}.dropdown-filter .box .label{color:#333}.dropdown-filter .list{position:absolute;left:0;top:120%;min-width:210px;width:100%;max-height:420px;overflow:auto;height:auto;background-color:#fff;border-radius:.5rem;padding:1rem 0rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 2rem 2rem #0003;z-index:111}.dropdown-filter .list .list-item{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem}.dropdown-filter .list .list-item:hover{background-color:#0000001a}.pages{overflow:auto;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:1rem;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:auto;box-sizing:border-box}.pages .page-item{transition:all .2s ease;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:0rem;flex:0 0 auto;width:100%;box-sizing:border-box}.pages .page-item .btns-group{opacity:0}.pages .page-item .main-item{display:grid;grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}@media(min-width:320px){.pages .page-item .main-item{grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}}@media(min-width:576px){.pages .page-item .main-item{grid-template-columns:repeat(1,1fr);gap:.5rem .5rem}}@media(min-width:768px){.pages .page-item .main-item{grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}}@media(min-width:1024px){.pages .page-item .main-item{grid-template-columns:280px 1fr;gap:.25rem .25rem}}@media(min-width:1200px){.pages .page-item .main-item{grid-template-columns:280px 1fr;gap:.25rem .25rem}}.pages .page-item .translation-item{display:grid;grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}@media(min-width:320px){.pages .page-item .translation-item{grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}}@media(min-width:576px){.pages .page-item .translation-item{grid-template-columns:repeat(1,1fr);gap:.5rem .5rem}}@media(min-width:768px){.pages .page-item .translation-item{grid-template-columns:repeat(1,1fr);gap:.25rem .25rem}}@media(min-width:1024px){.pages .page-item .translation-item{grid-template-columns:300px auto 1fr;gap:.25rem .25rem}}@media(min-width:1200px){.pages .page-item .translation-item{grid-template-columns:300px auto 1fr;gap:.25rem .25rem}}.pages .page-item .translation-item,.pages .page-item .main-item{width:100%;border-radius:.5rem}.pages .page-item .translation-item:hover,.pages .page-item .main-item:hover{background-color:#587de026}.pages .page-item .translation-item:hover .btns-group,.pages .page-item .main-item:hover .btns-group{opacity:1}.pages .page-item .translation-item .heading,.pages .page-item .translation-item .locale,.pages .page-item .translation-item .item-page-name,.pages .page-item .translation-item .item-view-key,.pages .page-item .translation-item .btns-group,.pages .page-item .translation-item .bits,.pages .page-item .translation-item .slug,.pages .page-item .main-item .heading,.pages .page-item .main-item .locale,.pages .page-item .main-item .item-page-name,.pages .page-item .main-item .item-view-key,.pages .page-item .main-item .btns-group,.pages .page-item .main-item .bits,.pages .page-item .main-item .slug{align-self:center}.pages .page-item .main-item{width:100%;padding:.5rem;background-color:#f6f6f6}.pages .page-item .main-item .bits{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.1rem}.pages .page-item .translations-list{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:.25rem;width:100%}.pages .page-item .translations-list .translation-item{padding:.5rem;width:100%}.pages .page-item .translations-list .translation-item .heading{padding-left:2rem}.pages .page-item .translations-list .translation-item .bits{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.1rem}.pages .page-item .btns-group{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.login-page{width:100%;height:100vh;padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0rem}.login-page .login{max-width:600px;width:100%}.login-page .login .heading{text-align:center}.permissions-group-list{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1rem}@media(min-width:320px){.permissions-group-list{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:576px){.permissions-group-list{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:768px){.permissions-group-list{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:1024px){.permissions-group-list{grid-template-columns:repeat(2,1fr);gap:1rem 1rem}}@media(min-width:1200px){.permissions-group-list{grid-template-columns:repeat(4,1fr);gap:1rem 1rem}}.permissions-group-list .grid-heading{-webkit-user-select:none;user-select:none;grid-column:1/-1}.permissions-group-list .grid-item{overflow:hidden;border-radius:.5rem;border:1px solid #e9e9e9}.permissions-group-list .grid-item:hover{background-color:#e9e9e9}.permissions-group-list .grid-item .checkbox label{width:100%;height:100%;padding:1rem}.customers .profile-image{aspect-ratio:1/1;width:60px;border:2px solid #e9e9e9;border-radius:50%;object-fit:cover}.customer-form .profile-image{width:100%;aspect-ratio:1/1;border-radius:50%;object-fit:cover}