@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.row-table-rank-fish-skeleton .skeleton-2,.row-table-rank-fish-skeleton .skeleton-3,.row-table-rank-fish-skeleton .skeleton-4,.row-table-rank-fish-skeleton .skeleton-5,.row-table-rank-fish-skeleton .skeleton-6{border-radius:4px;height:20px;width:70px}.row-table-rank-fish-skeleton .skeleton-1{border-radius:4px;height:30px;width:30px}.card-country{background-color:#fff;border-radius:17px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;justify-content:space-between;margin-bottom:36px;min-width:350px;width:350px}.card-country:not(:first-child){margin-left:36px}.card-country>.row{margin-inline:24px}.card-country .title{color:#354663;font-size:20px;line-height:20px;margin-bottom:24px;margin-top:24px;margin-inline:24px}.card-country .price{color:#354663;font-size:42px;line-height:42px}.card-country .percentage{color:#354663;font-size:16px;line-height:16px}.card-country .icon-percentage{margin-right:8px}.card-country .down .icon-percentage,.card-country .down .percentage{color:#fd6e31}.card-country .stable .icon-percentage,.card-country .stable .percentage{color:#ffe86c}.card-country .up .icon-percentage,.card-country .up .percentage{color:#00c4fe}.card-country .footer{justify-content:space-between;margin-bottom:24px;margin-top:24px}.card-country .footer .current-date{color:#354663;font-size:12px;line-height:16px}.card-country .footer .current-date span{color:#8f9fb3;display:inline-block;font-size:12px;font-weight:500;line-height:16px;text-align:end;width:100%}.card-country .row:has(.wrap-fish){justify-content:space-between}.card-country .wrap-fish .fish:not(:first-child){margin-top:8px}.card-country .wrap-fish .fish:first-child .rank{background-color:#fec74b;height:25px;margin-left:-1.5px;width:25px}.card-country .wrap-fish .fish .rank{align-items:center;background-color:#00c4fe;border-radius:100%;color:#fff;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;line-height:16px;margin-right:4px;width:22px}.card-country .wrap-fish .fish h6{color:#354663;font-size:14px;line-height:14px}.card-country-skeleton{background-color:#fff;border-radius:17px;height:180px;justify-content:space-between;margin-bottom:36px;min-width:300px;padding:30px 24px 24px}.card-country-skeleton:not(:first-child){margin-left:36px}.card-country-skeleton .skeleton-1{border-radius:4px;height:30px;width:180px}.card-country-skeleton .row:has(>.skeleton-2){align-items:center;justify-content:space-between}.card-country-skeleton .skeleton-2{border-radius:4px;height:80px;width:100px}.card-country-skeleton .skeleton-3,.card-country-skeleton .skeleton-4,.card-country-skeleton .skeleton-5{border-radius:4px;height:20px;width:80px}.card-country-skeleton .skeleton-3:not(:last-child),.card-country-skeleton .skeleton-4:not(:last-child),.card-country-skeleton .skeleton-5:not(:last-child){margin-bottom:4px}.card-country-skeleton .row:has(>.skeleton-6){justify-content:space-between}.card-country-skeleton .skeleton-6,.card-country-skeleton .skeleton-7{border-radius:4px;height:35px;width:80px}.wrap-table-rank-fish{background-color:#fff;border-radius:17px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:36px}.wrap-table-rank-fish .header-table-rank-fish{align-items:center;justify-content:space-between;margin-inline:24px;margin-top:30px}.wrap-table-rank-fish .header-table-rank-fish h1{color:#020305;font-size:28px;font-weight:700;line-height:38px}.wrap-table-rank-fish .header-table-rank-fish p{color:#354663;font-size:16px;line-height:24px}.wrap-table-rank-fish .header-table-rank-fish .search{border:1px solid #b7c7db;border-radius:8px;padding:8px;padding-inline:12px;width:220px}.wrap-table-rank-fish .header-table-rank-fish .search .icon{color:#8f9fb3;height:25px;margin-right:8px;width:25px}.wrap-table-rank-fish .header-table-rank-fish .search input{border:none;border-radius:8px;color:#020305;font-size:14px;line-height:20px;outline:none;width:100%}.wrap-table-rank-fish .header-table-rank-fish .search input::placeholder{color:#8f9fb3}.wrap-table-rank-fish .wrap-table-rank-fish-overflow{border:1px solid #b7c7db;border-radius:12px;margin-inline:24px;margin-bottom:30px;margin-top:24px;min-height:400px;overflow:auto}.wrap-table-rank-fish .table-rank-fish{border-collapse:initial;border-spacing:0;width:100%}.wrap-table-rank-fish .table-rank-fish tfoot th,.wrap-table-rank-fish .table-rank-fish thead th{text-align:start}.wrap-table-rank-fish .table-rank-fish thead .wrap-th{align-items:center;color:#354663;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;line-height:24px}.wrap-table-rank-fish .table-rank-fish thead th{background-color:#f6f7f9;border-bottom:1px solid #b7c7db;padding-bottom:12px;padding-top:12px;padding-inline:8px}.wrap-table-rank-fish .table-rank-fish thead th:first-child{border-top-left-radius:12px;padding-left:24px}.wrap-table-rank-fish .table-rank-fish thead th:last-child{border-top-right-radius:12px;padding-right:24px}.wrap-table-rank-fish .table-rank-fish tbody tr td{border-bottom:1px solid #b7c7db;color:#020305;font-size:14px;line-height:20px;padding-bottom:24px;padding-top:24px;padding-inline:8px}.wrap-table-rank-fish .table-rank-fish tbody tr td:first-child{padding-left:24px}.wrap-table-rank-fish .table-rank-fish tbody tr td:last-child{padding-right:24px}.wrap-table-rank-fish .table-rank-fish tbody tr .index{color:#354663;font-weight:700;padding-right:24px}.wrap-table-rank-fish .table-rank-fish tbody tr .index div{align-items:center;background-color:#ffe86c;border-radius:100%;display:flex;height:25px;justify-content:center;width:25px}.wrap-table-rank-fish .table-rank-fish tbody tr:last-child td{border-bottom:none}@media screen and (max-width:900px){.wrap-table-rank-fish .header-table-rank-fish h1{font-size:20px;line-height:20px}.wrap-table-rank-fish .header-table-rank-fish p{font-size:14px;line-height:14px;margin-right:4px;margin-top:8px}.wrap-table-rank-fish .header-table-rank-fish .search{width:clamp(120px,16vw,150px)}}@media screen and (max-width:640px){.wrap-table-rank-fish .wrap-table-rank-fish-overflow{margin-bottom:72px}}.wrap-sort-column-table .icon-sort{height:15px;width:15px}.wrap-sort-column-table .icon-sort.active{color:#00c4fe}.home .wrap-card-city{-ms-overflow-style:none;display:flex;overflow-x:auto;scrollbar-width:none}.home .wrap-card-city::-webkit-scrollbar{display:none}.row-table-fish-price-skeleton .skeleton-2,.row-table-fish-price-skeleton .skeleton-3,.row-table-fish-price-skeleton .skeleton-4,.row-table-fish-price-skeleton .skeleton-5,.row-table-fish-price-skeleton .skeleton-6,.row-table-fish-price-skeleton .skeleton-7{border-radius:4px;height:20px;width:70px}.row-table-fish-price-skeleton .skeleton-1{border-radius:4px;height:30px;width:30px}.wrap-table-fish-price{background-color:#fff;border-radius:17px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:36px}.wrap-table-fish-price .header-table-fish-price{margin-inline:24px;margin-top:30px}.wrap-table-fish-price .header-table-fish-price .counting{align-items:center}.wrap-table-fish-price .header-table-fish-price .counting h1{font-size:28px;line-height:38px;margin-right:12px}.wrap-table-fish-price .header-table-fish-price .counting div{align-items:center;background-color:#00c4fe;border-radius:100%;color:#fff;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;line-height:16px;width:35px}.wrap-table-fish-price .header-table-fish-price .row:has(>.btn-add-data-fish){justify-content:space-between;margin-top:36px;width:100%}.wrap-table-fish-price .header-table-fish-price .btn-add-data-fish{background-color:#0177f7;border-radius:8px;color:#354663;color:#fff;font-size:14px;font-weight:500;line-height:20px;margin-right:12px;padding-inline:16px;padding-bottom:11px;padding-top:11px;white-space:nowrap;width:-webkit-min-content;width:min-content}.wrap-table-fish-price .header-table-fish-price .btn-add-data-fish .icon{height:20px;margin-left:12px;width:20px}.wrap-table-fish-price .header-table-fish-price .search{border:1px solid #b7c7db;border-radius:8px;padding:8px;padding-inline:12px;width:220px}.wrap-table-fish-price .header-table-fish-price .search .icon{color:#8f9fb3;height:25px;margin-right:8px;width:25px}.wrap-table-fish-price .header-table-fish-price .search input{border:none;border-radius:8px;color:#020305;font-size:14px;line-height:20px;outline:none;width:100%}.wrap-table-fish-price .header-table-fish-price .search input::placeholder{color:#8f9fb3}.wrap-table-fish-price .wrap-table-fish-price-overflow{border:1px solid #b7c7db;border-radius:12px;margin-inline:24px;margin-bottom:30px;margin-top:30px;min-height:400px;overflow:auto}.wrap-table-fish-price .table-fish-price{border-collapse:initial;border-spacing:0;width:100%}.wrap-table-fish-price .table-fish-price tfoot th,.wrap-table-fish-price .table-fish-price thead th{text-align:start}.wrap-table-fish-price .table-fish-price thead .wrap-th{align-items:center;color:#354663;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;line-height:24px}.wrap-table-fish-price .table-fish-price thead th{background-color:#f6f7f9;border-bottom:1px solid #b7c7db;padding-bottom:12px;padding-top:12px;padding-inline:8px}.wrap-table-fish-price .table-fish-price thead th:first-child{border-top-left-radius:12px;padding-left:24px}.wrap-table-fish-price .table-fish-price thead th:last-child{border-top-right-radius:12px;padding-right:24px}.wrap-table-fish-price .table-fish-price tbody tr td{border-bottom:1px solid #b7c7db;color:#020305;font-size:14px;line-height:20px;padding-bottom:24px;padding-top:24px;padding-inline:8px}.wrap-table-fish-price .table-fish-price tbody tr td:first-child{padding-left:24px}.wrap-table-fish-price .table-fish-price tbody tr td:last-child{padding-right:24px}.wrap-table-fish-price .table-fish-price tbody tr .index{color:#354663;font-weight:700;padding-right:24px}.wrap-table-fish-price .table-fish-price tbody tr .index div{align-items:center;background-color:#ffe86c;border-radius:100%;display:flex;height:25px;justify-content:center;width:25px}.wrap-table-fish-price .table-fish-price tbody tr:last-child td{border-bottom:none}.wrap-table-fish-price .pagination{margin-bottom:30px;margin-inline:24px;width:calc(100% - 48px)}.wrap-table-fish-price .pagination .page{align-items:center;background-color:#fff;border:1px solid #0177f7;border-radius:8px;color:#020305;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:37px;justify-content:center;line-height:20px;transition:all .2s ease-in-out;width:37px}.wrap-table-fish-price .pagination .page.active,.wrap-table-fish-price .pagination .page:hover{background-color:#0177f7;color:#fff}.wrap-table-fish-price .pagination .page:not(:last-child){margin-right:12px}.wrap-table-fish-price .pagination .next,.wrap-table-fish-price .pagination .previous{align-items:center;background-color:#fff;border:1px solid #0177f7;border-radius:8px;color:#020305;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:37px;justify-content:center;line-height:20px;transition:all .2s ease-in-out;width:37px}.wrap-table-fish-price .pagination .next .icon,.wrap-table-fish-price .pagination .previous .icon{height:20px;width:20px}.wrap-table-fish-price .pagination .next .active,.wrap-table-fish-price .pagination .next:hover,.wrap-table-fish-price .pagination .previous .active,.wrap-table-fish-price .pagination .previous:hover{background-color:#0177f7;color:#fff}.wrap-table-fish-price .pagination .previous{margin-right:12px}.wrap-table-fish-price .pagination .next{margin-left:12px}@media screen and (max-width:1024px){.wrap-table-fish-price .header-table-fish-price .btn-add-data-fish .icon{margin-left:4px}.wrap-table-fish-price .header-table-fish-price .btn-add-data-fish .extended-text{display:none}}@media screen and (max-width:768px){.wrap-table-fish-price .header-table-fish-price .search{width:clamp(120px,16vw,150px)}}@media screen and (max-width:640px){.wrap-table-fish-price .pagination{justify-content:center;margin-bottom:72px}.wrap-table-fish-price .pagination .next,.wrap-table-fish-price .pagination .page,.wrap-table-fish-price .pagination .previous{font-size:12px;height:clamp(25px,5vw,35px);line-height:16px;width:clamp(25px,5vw,35px)}.wrap-table-fish-price .pagination .next .icon,.wrap-table-fish-price .pagination .page .icon,.wrap-table-fish-price .pagination .previous .icon{height:clamp(20px,3.5vw,30px);width:clamp(20px,3.5vw,30px)}}.btn{align-items:center;background-color:#fff;border:none;border-radius:4px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;min-width:120px;padding:4px}.light-theme,:root{--blackA1:rgba(0,0,0,.012);--blackA2:rgba(0,0,0,.027);--blackA3:rgba(0,0,0,.047);--blackA4:rgba(0,0,0,.071);--blackA5:#00000017;--blackA6:rgba(0,0,0,.114);--blackA7:rgba(0,0,0,.141);--blackA8:#00000038;--blackA9:rgba(0,0,0,.439);--blackA10:rgba(0,0,0,.478);--blackA11:rgba(0,0,0,.565);--blackA12:#000000e8}.dialog-overlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:#0203054d;inset:0;position:fixed}.dialog-add-data-fish{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:17px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.dialog-add-data-fish:focus{outline:none}.dialog-add-data-fish .icon-close{align-items:center;background-color:#fd6e31;border-radius:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;cursor:pointer;display:flex;height:17px;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;width:17px}.dialog-add-data-fish .row:has(>.wrap-icon-fish){align-items:center;margin-top:24px}.dialog-add-data-fish .wrap-icon-fish{background-color:#f6f7f9;border-radius:100%;margin-right:16px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;padding:12px}.dialog-add-data-fish .wrap-icon-fish .icon-fish{height:100%;width:100%}.dialog-add-data-fish .information{margin-bottom:4px}.dialog-add-data-fish .information h1{color:#020305;font-size:28px;line-height:28px 28px}.dialog-add-data-fish .information p{color:#354663;font-size:14px;line-height:20px}.dialog-add-data-fish form{margin-top:48px}.dialog-add-data-fish form .wrap-input{display:flex;flex-direction:column;width:100%}.dialog-add-data-fish form .wrap-input label{color:#020305;font-size:14px;font-weight:600;line-height:20px}.dialog-add-data-fish form .wrap-input input{border:1px solid #b7c7db;border-radius:8px;color:#354663;font-size:14px;line-height:14px;margin-top:4px;outline:none;padding-inline:8px;padding-bottom:12px;padding-top:12px;padding-inline:12px}.dialog-add-data-fish form .wrap-input input::placeholder{color:#8f9fb3}.dialog-add-data-fish form .row:has(>.wrap-input:nth-child(2)){column-gap:24px;margin-top:16px}.dialog-add-data-fish form>.wrap-input:not(:first-child){margin-top:16px}.dialog-add-data-fish form .actions{column-gap:16px;margin-top:48px}.dialog-add-data-fish form .actions .btn-cancel,.dialog-add-data-fish form .actions .btn-submit{border-radius:8px;color:#354663;font-size:14px;font-weight:600;line-height:20px;padding-bottom:12px;padding-top:12px;width:100%}.dialog-add-data-fish form .actions .btn-cancel{border:1px solid #b7c7db;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.dialog-add-data-fish form .actions .btn-submit{background-color:#0177f7;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.select-trigger{align-items:center;background-color:#fff;border:1px solid #b7c7db;border-radius:8px;color:#354663;cursor:pointer;display:flex;font-size:14px;gap:5px;height:35px;height:48px;justify-content:space-between;line-height:14px;margin-top:4px;padding:0 15px}.select-trigger[data-placeholder]{color:#8f9fb3}.select-trigger .select-icon{color:#8f9fb3;height:20px;width:20px}.select-content{background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;overflow:hidden}.select-viewport{border-radius:17px;padding:12px}.select-viewport .select-item{align-items:center;border-radius:3px;border-radius:8px;color:#354663;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;line-height:20px;padding-inline:30px;position:relative}.select-viewport .select-item:not(:first-child){margin-top:4px}.select-viewport .select-item[data-highlighted]{background-color:#ffe86c;outline:none}.select-viewport .select-item-indicator{align-items:center;display:inline-flex;justify-content:center;left:12px;position:absolute}.select-viewport .select-item-indicator .icon{height:10px;width:10px}.select-scroll-button{align-items:center;background-color:#f6f7f9;color:#354663;cursor:default;display:flex;height:30px;justify-content:center;width:100%}.select-scroll-button .icon{height:20px;width:20px}.toast-form-invalid{grid-column-gap:15px;align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;column-gap:15px;display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;padding:15px}.toast-form-invalid[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast-form-invalid[data-state=closed]{animation:hide .1s ease-in}.toast-form-invalid[data-swipe=move]{transform:translateX(0)}.toast-form-invalid[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.toast-form-invalid[data-swipe=end]{animation:swipeOut .1s ease-out}.toast-form-invalid .toast-title{align-items:center;color:#354663;display:flex;font-size:15px;font-weight:500;grid-area:title;margin-bottom:12px}.toast-form-invalid .toast-title .wrap-icon{align-items:center;background-color:#fec74b;border-radius:100%;display:flex;height:23px;justify-content:center;margin-right:8px;width:23px}.toast-form-invalid .toast-title .wrap-icon .icon{color:#fff;height:20px;width:20px}.toast-form-invalid .toast-description{color:#8f9fb3;font-size:13px;grid-area:description;line-height:1.3;margin:0}.toast-form-invalid .toast-action{grid-area:action}.toast-viewport{--viewport-padding:25px;bottom:0;display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;max-width:100vw;outline:none;padding:24px;position:fixed;right:0;top:0;width:390px;z-index:2147483647}.toast-success-add-fish{grid-column-gap:15px;align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;column-gap:15px;display:grid;grid-template-areas:"title action" "description action";grid-template-columns:auto -webkit-max-content;grid-template-columns:auto max-content;padding:15px}.toast-success-add-fish[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast-success-add-fish[data-state=closed]{animation:hide .1s ease-in}.toast-success-add-fish[data-swipe=move]{transform:translateX(0)}.toast-success-add-fish[data-swipe=cancel]{transform:translateX(0);transition:transform .2s ease-out}.toast-success-add-fish[data-swipe=end]{animation:swipeOut .1s ease-out}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(calc(100% + 24px))}to{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}to{transform:translateX(calc(100% + 24px))}}.toast-success-add-fish .toast-title{align-items:center;color:#354663;display:flex;font-size:15px;font-weight:500;grid-area:title;margin-bottom:12px}.toast-success-add-fish .toast-title .wrap-icon{align-items:center;background-color:#34bd82;border-radius:100%;display:flex;height:23px;justify-content:center;margin-right:8px;width:23px}.toast-success-add-fish .toast-title .wrap-icon .icon{color:#fff;height:20px;width:20px}.toast-success-add-fish .toast-description{color:#8f9fb3;font-size:13px;grid-area:description;line-height:1.3;margin:0}.toast-success-add-fish .toast-action{grid-area:action}.column,.row{display:flex}.column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.skeleton-box{background-color:#f6f7f9;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}*,body{font-family:Poppins,sans-serif;margin:0;padding:0}.main{display:flex;min-height:100vh;width:100%}.main .main-background{background-image:url(/static/media/background.77cd80cfb59d0818d891.jpg);background-repeat:no-repeat;background-size:cover;min-height:100%;position:fixed;width:100%;z-index:-1}.w-100{width:100%}.sidebar{background-color:#fff;border-radius:17px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;height:-webkit-min-content;height:min-content;justify-content:space-between;margin-bottom:36px;margin-left:36px;margin-top:36px;min-height:calc(100vh - 72px);min-width:300px;position:fixed;width:300px}.sidebar .logo{margin-inline:30px;margin-bottom:45px;margin-top:24px;width:150px}.sidebar .account{margin-inline:20px;margin-bottom:20px;margin-top:20px}.sidebar .account .avatar{background-color:#fd6e31;border-radius:100%;height:50px;object-fit:cover;width:50px}.sidebar .account>.row{align-items:center;column-gap:8px}.sidebar .account h6{color:#8f9fb3;font-weight:800}.sidebar .account h5{color:#354663;cursor:pointer;font-size:16px;font-weight:600;line-height:24px}.sidebar .account .icon-dropdown{color:#020305;cursor:pointer;margin-left:8px;margin-top:4px}@media screen and (max-width:1024px){.sidebar{min-width:150px;width:clamp(150px,27vw,300px)}}@media screen and (max-width:768px){.sidebar .logo{width:clamp(100px,17vw,150px)}.sidebar .account .avatar{height:30px;width:30px}.sidebar .account>.row{align-items:center;column-gap:8px}.sidebar .account h6{font-size:9px;font-weight:700;line-height:13px}.sidebar .account h5{font-size:12px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.sidebar .account .icon-dropdown{cursor:pointer;height:12px;margin-top:2px;width:12px}}@media screen and (max-width:640px){.sidebar{display:none}}.sidebar .button{border-radius:8px;box-shadow:none;color:#8f9fb3;column-gap:8px;font-size:14px;font-weight:500;justify-content:start;margin-inline:20px;padding-bottom:12px;padding-top:12px;width:calc(100% - 40px)}.sidebar .button:not(:first-child){margin-top:15px}.sidebar .button.active{background-color:#f6f7f9;color:#0177f7;font-weight:600}.sidebar .button .icon{height:23px;margin-left:12px;width:23px}.sidebar .title{color:#354663;margin-top:0;margin-inline:30px;margin-bottom:12px}.hr{background-color:#b7c7db;height:1px;margin-bottom:12px;margin-top:12px;width:100%}.content{flex-grow:1;height:-webkit-min-content;height:min-content;margin-inline:36px;margin-left:372px;margin-top:36px;min-height:calc(100vh - 72px);overflow-x:hidden}.content .header{margin-bottom:36px}.content .header>.row{align-items:center;justify-content:space-between}.content .header .text-greting{color:#354663;font-size:18px;font-weight:600;line-height:28px}.content .header .text-name{color:#020305;font-size:35px;font-weight:700;letter-spacing:.1rem;line-height:43px}.content .header .notification{align-items:center;background-color:#fff;border-radius:100%;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;width:50px}.content .header .notification .icon{color:#354663;height:30px;transform:rotate(-20deg);width:30px}.content .header .notification .count{align-items:center;background-color:#fd6e31;border:2.5px solid #fff;border-radius:100%;color:#fff;display:flex;font-size:12px;font-weight:500;height:16px;justify-content:center;line-height:16px;position:absolute;right:8px;top:5px;width:16px}@media screen and (max-width:1024px){.content{margin-left:calc(clamp(150px,27vw,300px) + 72px)}}@media screen and (max-width:640px){.content{margin-left:36px}.content .header .text-name{font-size:28px;letter-spacing:inherit;line-height:28px}}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-blend-mode:screen;border-radius:12px;bottom:0;box-shadow:0 25px 50px -12px #00000040;display:none;justify-content:space-evenly;margin-inline:24px;margin-bottom:16px;padding-bottom:12px;padding-top:12px;position:fixed;width:calc(100% - 48px)}.mobile-nav .nav{align-items:center}.mobile-nav .nav .icon{color:#b7c7db;cursor:pointer;height:21px;width:21px}.mobile-nav .nav .icon.active{color:#fd6e31}.mobile-nav .nav h1{color:#8f9fb3;cursor:pointer;font-size:14px;font-weight:400;line-height:20px;margin-top:4px}.mobile-nav .nav h1.active{color:#fd6e31;font-weight:500}@media screen and (max-width:640px){.mobile-nav{display:flex}}
/*# sourceMappingURL=main.84f280dd.css.map*/