:root{--main-color:#7d84ab;--sidebar-bg:#0c1e35;--menu-color:#dee2ec}.layout{min-height:100%;display:flex;flex-direction:column;position:relative;flex-grow:1;z-index:1}.layout.has-sidebar{flex-direction:row}.layout .header{transition:width,.3s;height:64px;min-height:64px;position:relative}.layout .sidebar{width:250px;min-width:250px;transition:width,left,right,.3s}.layout .sidebar-header a{color:var(--main-color)}.layout .sidebar.collapsed{width:80px;min-width:80px}.layout .sidebar.collapsed .menu .menu-item.sub-menu>.sub-menu-list{padding-left:0}@media (max-width:480px){.layout .sidebar.break-point-xs{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-xs.collapsed{left:-80px}.layout .sidebar.break-point-xs.toggled{left:0}.layout .sidebar.break-point-xs.toggled~.overlay{display:block}.layout .sidebar.break-point-xs~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-xs{display:initial}}@media (max-width:576px){.layout .sidebar.break-point-sm{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-sm.collapsed{left:-80px}.layout .sidebar.break-point-sm.toggled{left:0}.layout .sidebar.break-point-sm.toggled~.overlay{display:block}.layout .sidebar.break-point-sm~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-sm{display:initial}}@media (max-width:768px){.layout .sidebar.break-point-md{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-md.collapsed{left:-80px}.layout .sidebar.break-point-md.toggled{left:0}.layout .sidebar.break-point-md.toggled~.overlay{display:block}.layout .sidebar.break-point-md~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-md{display:initial}}@media (max-width:992px){.layout .sidebar.break-point-lg{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-lg.collapsed{left:-80px}.layout .sidebar.break-point-lg.toggled{left:0}.layout .sidebar.break-point-lg.toggled~.overlay{display:block}.layout .sidebar.break-point-lg~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-lg{display:initial}}.layout .footer{height:64px;min-height:64px;text-align:center;margin-top:auto;margin-bottom:20px;padding:20px}.layout .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:99;display:none}.layout .sidebar-toggler{display:none}@media (max-width:1200px){.layout .sidebar.break-point-xl{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-xl.collapsed{left:-80px}.layout .sidebar.break-point-xl.toggled{left:0}.layout .sidebar.break-point-xl.toggled~.overlay{display:block}.layout .sidebar.break-point-xl~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-xl{display:initial}}@media (max-width:1600px){.layout .sidebar.break-point-xxl{position:fixed;left:-250px;height:100%;top:0;z-index:100}.layout .sidebar.break-point-xxl.collapsed{left:-80px}.layout .sidebar.break-point-xxl.toggled{left:0}.layout .sidebar.break-point-xxl.toggled~.overlay{display:block}.layout .sidebar.break-point-xxl~.layout .header{width:100%!important;transition:none}.layout .sidebar-toggler.break-point-xxl{display:initial}}.layout.fixed-sidebar{height:100%}.layout.fixed-sidebar .sidebar{height:100%;overflow:auto}.layout.fixed-sidebar .sidebar~.layout{height:100%;min-height:99vh;overflow:auto}.layout.fixed-header .header{position:fixed;width:100%;z-index:2}.layout.fixed-header .header~.content,.layout.fixed-header .header~.layout{margin-top:64px}.layout.fixed-header.fixed-sidebar .header{width:calc(100% - 250px)}.layout.fixed-header.fixed-sidebar .sidebar.collapsed~.layout .header{width:calc(100% - 80px)}.layout.rtl{direction:rtl}@media (max-width:480px){.layout.rtl .sidebar.break-point-xs{left:auto;right:-250px}.layout.rtl .sidebar.break-point-xs.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-xs.toggled{left:auto;right:0}}@media (max-width:576px){.layout.rtl .sidebar.break-point-sm{left:auto;right:-250px}.layout.rtl .sidebar.break-point-sm.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-sm.toggled{left:auto;right:0}}@media (max-width:768px){.layout.rtl .sidebar.break-point-md{left:auto;right:-250px}.layout.rtl .sidebar.break-point-md.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-md.toggled{left:auto;right:0}}@media (max-width:992px){.layout.rtl .sidebar.break-point-lg{left:auto;right:-250px}.layout.rtl .sidebar.break-point-lg.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-lg.toggled{left:auto;right:0}#btn-collapse{display:none}}@media (max-width:1200px){.layout.rtl .sidebar.break-point-xl{left:auto;right:-250px}.layout.rtl .sidebar.break-point-xl.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-xl.toggled{left:auto;right:0}}@media (max-width:1600px){.layout.rtl .sidebar.break-point-xxl{left:auto;right:-250px}.layout.rtl .sidebar.break-point-xxl.collapsed{left:auto;right:-80px}.layout.rtl .sidebar.break-point-xxl.toggled{left:auto;right:0}}.layout .header{display:flex;align-items:center;padding:20px}.layout .content{display:flex;flex-grow:1;flex-direction:column;position:relative}.sidebar{color:var(--main-color);position:relative;height:100%;max-height:100%;overflow:hidden!important}.sidebar .image-wrapper{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none}.sidebar .image-wrapper>img{width:100%;height:100%;object-fit:cover;object-position:center}.sidebar.has-bg-image .sidebar-layout{background-color:rgba(12,30,53,.85)}.sidebar.has-bg-image .image-wrapper{display:block}.sidebar .sidebar-layout{height:100%;max-height:100%;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative;background-color:var(--sidebar-bg);z-index:2}.sidebar .sidebar-layout::-webkit-scrollbar-thumb{border-radius:4px}.sidebar .sidebar-layout:hover::-webkit-scrollbar-thumb{background-color:#1a4173}.sidebar .sidebar-layout::-webkit-scrollbar{width:6px;background-color:var(--sidebar-bg)}.sidebar .sidebar-layout .sidebar-header{height:100px;min-height:100px;display:flex;align-items:center;padding:0 20px}.sidebar .sidebar-layout .sidebar-header>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .sidebar-layout .sidebar-content{flex-grow:1;padding:10px 0}.sidebar .sidebar-layout .sidebar-footer{height:230px;min-height:230px;display:flex;align-items:center;padding:0 20px}.sidebar .sidebar-layout .sidebar-footer>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes swing{0%,100%,30%,50%,70%{transform:rotate(0)}10%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.layout .sidebar .menu ul{list-style-type:none;padding:0;margin:0}.layout .sidebar .menu .menu-header{font-weight:600;padding:10px 25px;font-size:.8em;letter-spacing:2px;transition:opacity .3s;opacity:.5}.layout .sidebar .menu .menu-item a{display:flex;align-items:center;height:50px;padding:0 20px;color:var(--main-color)}.layout .sidebar .menu .menu-item a .menu-icon{font-size:1.2rem;width:35px;min-width:35px;height:35px;line-height:35px;text-align:center;display:inline-block;margin-right:10px;border-radius:2px;transition:color .3s}.layout .sidebar .menu .menu-item a .menu-icon i{display:inline-block}.layout .sidebar .menu .menu-item a .menu-title{font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;transition:color .3s}.layout .sidebar .menu .menu-item a .menu-prefix,.layout .sidebar .menu .menu-item a .menu-suffix{display:inline-block;padding:5px;opacity:1;transition:opacity .3s}.layout .sidebar .menu .menu-item a:hover .menu-icon,.layout .sidebar .menu .menu-item a:hover .menu-title{color:var(--menu-color)}.layout .sidebar .menu .menu-item a:hover .menu-icon i{animation:.5s ease-in-out alternate swing}.layout .sidebar .menu .menu-item a:hover::after{border-color:var(--menu-color)!important}.layout .sidebar .menu .menu-item.sub-menu{position:relative}.layout .sidebar .menu .menu-item.sub-menu>a::after{content:'';transition:transform .3s;border-right:2px solid currentcolor;border-bottom:2px solid currentcolor;width:5px;height:5px;transform:rotate(-45deg)}.layout .sidebar .menu .menu-item.sub-menu>.sub-menu-list{padding-left:20px;display:none;overflow:hidden;z-index:999}.layout .sidebar .menu .menu-item.sub-menu.open>a{color:var(--menu-color)}.layout .sidebar .menu .menu-item.sub-menu.open>a::after{transform:rotate(45deg)}.layout .sidebar .menu .menu-item.active>a{background:#08182c}.layout .sidebar .menu .menu-item.active>a .menu-title{color:var(--menu-color)}.layout .sidebar .menu .menu-item.active>a::after{border-color:var(--menu-color)}.layout .sidebar .menu .menu-item.active>a .menu-icon{color:var(--menu-color)}.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon,.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon,.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon,.layout .sidebar .menu>ul>.sub-menu>.sub-menu-list{background-color:#0b1a2c}.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon{border-radius:50%}.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon{border-radius:4px}.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon{border-radius:0}.layout .sidebar:not(.collapsed) .menu>ul>.menu-item.sub-menu>.sub-menu-list{visibility:visible!important;position:static!important;transform:translate(0,0)!important}.layout .sidebar.collapsed .menu>ul>.menu-header,.layout .sidebar.collapsed .menu>ul>.menu-item>a .menu-prefix,.layout .sidebar.collapsed .menu>ul>.menu-item>a .menu-suffix{opacity:0}.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>a::after{content:'';width:5px;height:5px;background-color:currentcolor;border-radius:50%;display:inline-block;position:absolute;right:10px;top:50%;border:none;transform:translateY(-50%)}.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>a:hover::after{background-color:var(--menu-color)}.layout .sidebar.collapsed .menu>ul>.menu-item.sub-menu>.sub-menu-list{transition:none!important;width:200px;margin-left:3px!important;border-radius:4px;display:block!important;position:fixed;visibility:hidden}.layout .sidebar.collapsed .menu>ul>.menu-item.active>a::after{background-color:var(--menu-color)}.layout .sidebar.has-bg-image .menu.icon-shape-circle .menu-item a .menu-icon,.layout .sidebar.has-bg-image .menu.icon-shape-rounded .menu-item a .menu-icon,.layout .sidebar.has-bg-image .menu.icon-shape-square .menu-item a .menu-icon,.layout .sidebar.has-bg-image:not(.collapsed) .menu>ul>.sub-menu>.sub-menu-list{background-color:rgba(11,26,44,.6)}.layout.rtl .sidebar .menu .menu-item a .menu-icon{margin-left:10px;margin-right:0}.layout.rtl .sidebar .menu .menu-item.sub-menu>a::after{transform:rotate(135deg)}.layout.rtl .sidebar .menu .menu-item.sub-menu>.sub-menu-list{padding-left:0;padding-right:20px}.layout.rtl .sidebar .menu .menu-item.sub-menu.open>a::after{transform:rotate(45deg)}.layout.rtl .sidebar.collapsed .menu>ul>.menu-item.sub-menu a::after{right:auto;left:10px}.layout.rtl .sidebar.collapsed .menu>ul>.menu-item.sub-menu>.sub-menu-list{margin-left:-3px!important}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;height:100vh;font-family:Poppins,sans-serif;color:#3f4750;font-size:.9rem}a{text-decoration:none;color:var(--main-color)}.layout .sidebar .pro-sidebar-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout .sidebar .pro-sidebar-logo>div{width:35px;min-width:35px;height:35px;min-height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;color:#fff;font-size:24px;font-weight:700;background-color:#ff8100;margin-right:10px}.layout .sidebar .pro-sidebar-logo>h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:30px;-webkit-transition:opacity .3s;transition:opacity .3s;opacity:1}.layout .sidebar .footer-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:.8em;padding:20px 0;border-radius:8px;width:180px;min-width:190px;margin:0 auto;background-color:#162d4a}.layout .sidebar .footer-box img.tool-logo{width:100%;margin-bottom:10px}.layout .sidebar .footer-box a{color:#fff;font-weight:600;margin-bottom:10px}.layout .sidebar .sidebar-collapser{-webkit-transition:left,right,.3s;transition:left,right,.3s;position:fixed;left:calc(250px - 20px);top:40px;width:20px;height:20px;border-radius:50%;background-color:#00829f;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.2em;-webkit-transform:translateX(50%);transform:translateX(50%);z-index:111;cursor:pointer;color:#fff;-webkit-box-shadow:1px 1px 4px var(--sidebar-bg);box-shadow:1px 1px 4px var(--sidebar-bg)}.layout .sidebar.has-bg-image .footer-box{background-color:rgba(22,45,74,.7)}.layout .sidebar.collapsed .pro-sidebar-logo>h5{opacity:0}.layout .sidebar.collapsed .footer-box{display:none}.layout .sidebar.collapsed .sidebar-collapser{left:calc(80px - 20px)}.layout .sidebar.collapsed .sidebar-collapser i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;color:#fff;background-color:#6c757d}.badge.primary{background-color:#ab2dff}.badge.secondary{background-color:#079b0b}.badge.hot{background-color:#b30}.sidebar-toggler{position:fixed;right:20px;top:20px;z-index:99}.social-links a{margin:0 10px;color:#3f4750}.main-frame{width:100%;height:100%;max-height:-webkit-fill-available;display:none}.tool-list{padding:5px}.placeholder{position:absolute;top:50%;left:50%;right:50%;transform:translate(-50%,-50%);z-index:100;font-size:32px;text-align:center;min-width:50vw;width:100%}.tool-list .tool-logo{width:100%;max-width:430px}.hidden,.hide{display:none!important}.loading{display:none;z-index:100;position:absolute;width:100%;height:100%;justify-content:center;align-items:center;font-size:36px;color:#39f;background:rgba(0,0,0,.8)}.ri-refresh-line{animation:.5s infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(3600deg)}}