.search-field{position:relative;display:flex;align-items:center;padding:0 15px;background:var(--very-light-gray);border-radius:8px}.search-field i{color:#708090}.search-field input{flex-grow:1;padding:10px 20px;background:transparent;border:none;font-size:.9rem}.search-field .results{position:absolute;width:calc(100% - 20px);left:0;bottom:-10px;transform:translateY(100%);padding:10px;background:white;border-radius:12px;box-shadow:0 2px 10px var(--medium-shadow);z-index:10}.search-field .results:not(.show){display:none}.search-field .results ul{max-height:300px;padding:0;margin:0;overflow-y:auto}.search-field .results li{list-style-type:none;padding:5px;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.search-field .results li:not(:last-of-type){margin-bottom:5px}.search-field .results li:hover{background-color:var(--average-platin-white)}.search-field .results.loading>ul,.search-field .results:not(.loading) .spinner{display:none}.ps-shadow{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0000004d;animation:fade-dialog-shadow .3s ease;z-index:1000}@keyframes fade-dialog-shadow{0%{opacity:0}to{opacity:1}}.ps-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-height:calc(100% - 40px);max-width:var(--size);border-radius:10px;box-shadow:0 0 20px var(--medium-shadow);animation:pop-dialog .5s ease;z-index:1000}@keyframes pop-dialog{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.ps-dialog.embed .ps-dialog-wrapper{height:100%;width:100%;box-sizing:border-box}.ps-dialog-wrapper{background:white;border-radius:10px;overflow:hidden}.ps-dialog h2.title{padding:15px 20px 10px;text-align:center;color:var(--primary)}.ps-dialog p.message{padding:0 20px;margin:20px 0;text-align:center}.ps-dialog h2.title~p.message{margin-top:0}.ps-dialog-wrapper>.actions{display:flex;border-top:1px solid var(--very-light-gray)}.ps-dialog .action{flex-grow:1;padding:10px 20px;text-align:center;transition:color .1s ease-in-out;cursor:pointer}.ltr .ps-dialog .action:not(:last-of-type){border-right:1px solid var(--very-light-gray)}.rtl .ps-dialog .action:not(:last-of-type){border-left:1px solid var(--very-light-gray)}.ps-dialog .action:hover{color:var(--primary)}.ps-dialog-close{--size: 28px;--half-outdent: calc(-1 * var(--size) / 2);position:absolute;top:var(--half-outdent);width:var(--size);height:var(--size);background-color:var(--danger);color:#fff;border-radius:50%;box-shadow:0 0 10px var(--medium-shadow);transition:background-color .2s ease;cursor:pointer}.ltr .ps-dialog-close{left:var(--half-outdent)}.rtl .ps-dialog-close{right:var(--half-outdent)}.ps-dialog-close:hover{background-color:var(--danger-hover)}.ps-dialog-close i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.selector-dialog{max-width:400px}.selector-dialog .ps-dialog-wrapper{display:flex;flex-direction:column;padding:20px;height:100%;box-sizing:border-box}.ps-dialog.selector-dialog .search-field{margin-bottom:13px}.ps-dialog.selector-dialog .items{margin:0 -7px -7px;overflow-y:auto}.ps-dialog.selector-dialog .items ul{padding:0;margin:0}.ps-dialog.selector-dialog .items ul:empty{display:none}.ps-dialog.selector-dialog .items li{list-style-type:none;padding-block:7px;padding-inline-start:7px;padding-inline-end:15px;color:#2f4f4f;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.ps-dialog.selector-dialog .items li:hover{background-color:var(--average-platin-white)}.ps-dialog.selector-dialog .spinner:not(.show){display:none}.ps-dialog.field-dialog{width:300px}.ps-dialog.field-dialog .ps-dialog-wrapper{display:flex;flex-direction:column;align-items:center;padding:20px}.ps-dialog.field-dialog h2{color:#2f4f4f}.ps-dialog.field-dialog p{color:#708090}.ps-dialog.field-dialog input{margin-block:20px;width:calc(100% - 32px)}@media (min-width: 729px){.selector-dialog{height:calc(70% - 40px)}.ps-dialog.embed{height:90%}}@media (max-width: 728px){.ps-dialog{max-width:calc(100% - 40px)}.ps-dialog.embed{height:calc(100% - 40px)}}body{display:flex;flex-direction:column;height:100vh;background:var(--platin-white)}[permission]{display:none!important}.layout{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}header{background:var(--light-platin-white);box-sizing:border-box;box-shadow:0 2px 10px var(--light-shadow)}header nav{display:flex;align-items:center;height:60px;padding:10px 20px}header #toggle-menu{font-size:1.5rem;padding-inline:5px;color:#2f4f4f;cursor:pointer}header .start-col,header .end-col{display:flex;align-items:center}header .end-col{justify-content:flex-end}header .logo{display:block;height:90%}header .logo img{max-height:100%}header .search{flex-grow:1}header .end-col .search-btn{color:var(--primary)}header .search .close{padding:10px;color:var(--primary)}header .user{display:flex;align-items:center}header .user p{text-transform:uppercase;color:#2f4f4f}header .user span{position:relative;width:36px;height:36px;margin-inline-start:15px;background:linear-gradient(45deg,var(--primary),var(--light-blue));border-radius:50%}header .user span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.wrapper{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.container{flex-grow:1;position:relative;display:flex;padding-top:20px;z-index:1}.ltr aside{--dir: -1;left:0}.rtl aside{--dir: 1;right:0}aside:not(.show){transform:translate(calc(var(--dir) * (100% + 30px)))}aside{position:absolute;top:20px;width:280px;box-sizing:border-box;padding:20px 10px;background:var(--light-platin-white);border:3px solid white;border-radius:12px;overflow-y:auto;box-shadow:0 0 10px var(--light-shadow);transition:transform .3s ease;z-index:100}aside ul{margin:0;padding:10px 0 0}aside li{list-style-type:none;margin-bottom:7px;-webkit-user-select:none;user-select:none}aside li .option{display:flex;align-items:center;padding-inline:15px;border-radius:10px;transition:background-color .1s ease-in-out;cursor:pointer}aside li .option:hover{background-color:var(--very-light-gray)}aside li .link{flex-grow:1;display:flex;align-items:center;padding-block:10px;text-decoration:none;color:#2f4f4f}aside li .link>i{width:20px;margin-inline-end:15px;text-align:center}aside>ul>li>.link>i,aside>ul>li>.option>.link>i{color:var(--primary)}aside .inner .link i{color:var(--brand-red)}aside li .link p{flex-grow:1}aside li .option .add{display:block;position:relative;width:16px;height:16px;margin-inline-start:15px;background-color:#fff;border:1px solid var(--light-gray);border-radius:50%;transition:all .1s ease-in-out}aside li .option .add:before,aside li .option .add:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:10px;background-color:#708090;transition:background-color .1s ease-in-out}aside li .option .add:hover{background-color:var(--primary);border-color:var(--primary);box-shadow:0 1px 5px var(--light-shadow)}aside li .option .add:hover:before,aside li .option .add:hover:after{background-color:#fff}aside li .option .add:before{transform:translate(-50%,-50%)}aside li .option .add:after{transform:translate(-50%,-50%) rotate(90deg)}aside li .chevron{margin-inline-start:15px;cursor:pointer}aside li.active .chevron{transform:rotateX(180deg)}aside li .chevron i{display:block;color:#708090;font-size:.9rem}aside .inner{padding-inline-start:30px}aside li:not(.active)>.inner{display:none}aside .inner li{position:relative}aside .inner li:before{content:"";position:absolute;bottom:20px;width:10px;border-inline-start:2px solid var(--very-light-gray);border-bottom:2px solid var(--very-light-gray);border-end-start-radius:10px}.ltr aside .inner li:before{left:-6px}.rtl aside .inner li:before{right:-6px}aside .inner li:first-of-type:before{height:30px}aside .inner li:not(:first-of-type):before{height:60px}.wrapper>.container>.shadow:not(.show){opacity:0;visibility:hidden}.wrapper>.container>.shadow{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / .2);z-index:99;transition:all .3s ease}.bottom-nav{display:flex;justify-content:space-around;width:100%;box-sizing:border-box;padding:5px;background:white;box-shadow:0 0 10px var(--medium-shadow)}.bottom-nav .item{display:flex;flex-direction:column;align-items:center;padding:5px}.bottom-nav .item span{color:var(--primary)}.bottom-nav .item p{color:#2f4f4f;font-size:.9rem}footer{margin-top:20px;padding:15px 0;background:white;color:#2f4f4f;box-shadow:0 0 20px var(--light-shadow)}footer .statement{color:#708090;text-align:center;font-size:.9rem}@media (max-width: 854px){header .user{display:none}}@media (min-width: 749px){header .logo{margin-inline:30px 100px}header .search>.content .search-field{width:300px}header .search-btn,header .search>.close{display:none}header .end-col{flex-grow:1;justify-content:flex-end}aside{height:calc(100vh - 124px)}.bottom-nav{display:none}}@media (max-width: 748px){header nav{position:relative;height:40px}header .start-col,header .end-col{flex-grow:1}header .search:not(.show){transform:translateY(-20px);visibility:hidden;opacity:0}header .search.show{visibility:visible;opacity:1}header .search{display:flex;align-items:center;gap:10px;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding:10px;background:var(--light-platin-white);transition:all .2s ease}header .search>.content{flex-grow:1}header .search>.content .search-field{width:100%;box-sizing:border-box}aside{height:calc(100vh - 104px)}}@media (min-width: 420px){header{border:2px solid white;border-radius:0 0 12px 12px}}@media (max-width: 420px){header{border-bottom:2px solid white}.ltr aside{left:10px}.rtl aside{right:10px}}