.app{display:flex;min-height:100vh}.app__content{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}@font-face{font-family:Nunito;src:url(/assets/Nunito-Regular-BaWrjX0c.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Medium-DRdCJt54.ttf);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Bold-LWqDuPdh.ttf);font-weight:700;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito}a{text-decoration:none}ul{list-style:none}button{border:none;outline:none;background-color:unset;cursor:pointer}.sidebar{max-width:260px;width:100%;min-height:100vh;background:#fff;border-right:1px solid #eef0f6;display:flex;flex-direction:column;padding-top:18px;gap:18px;position:relative}.sidebar__logo{margin-left:18px}.sidebar__back{position:absolute;top:14px;right:14px}.sidebar__nav{display:flex;flex-direction:column;align-content:center}.sidebar__link{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:50px;border-radius:12px;text-decoration:none;background:transparent;cursor:pointer;font-weight:400;font-size:14px;line-height:24px;color:#262626}.sidebar__link:after{content:"";display:none;width:6px;height:50px;background:#5584ce;border-radius:0 5px 5px 0;position:absolute;left:0;top:0}.sidebar__link:hover{background:#f2f7ff}.sidebar__link:hover:after{display:block}.sidebar__icon{display:flex;align-items:center;opacity:.9;margin-left:14px}.sidebar__profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px}.sidebar__profile-name{font-weight:400;font-size:14px;line-height:24px;color:#121212}.sidebar__profile-position{font-weight:400;font-size:12px;line-height:20px;color:#515151}.router-link-active.sidebar__link{color:#ff7a00;background:#ff7a0014}.router-link-active.sidebar__link:after{display:block;background:#ff7a00}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.actions__card{max-width:271px;width:100%;height:150px;background:#fff;border:1px solid #eef0f6;border-radius:18px;padding:18px;color:#121212;position:relative;display:flex;flex-direction:column;justify-content:center}.actions__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.actions__title{font-weight:800;font-size:25px;line-height:100%;color:#121212}.actions__arrow{position:absolute;right:21px;top:14px}.actions__desc{font-weight:400;font-style:Regular;font-size:16px;line-height:24px;letter-spacing:0%}.warehouse{max-width:562px;width:100%;height:327px;background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px}.warehouse__header{margin-bottom:8px}.warehouse__title{font-weight:800;font-style:ExtraBold;font-size:20px;line-height:100%;letter-spacing:0%;color:#272525}.warehouse__body{max-height:210px}.warehouse__table{max-width:500px;width:100%;border-collapse:collapse}.warehouse thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#515151;text-align:left;padding:10px 0}.warehouse tbody td{padding:12px 0;font-size:14px;border-top:1px solid #eef0f6}.warehouse .muted{color:#272525}.warehouse .col-num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.warehouse .col-product{font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.warehouse .col-stock{width:120px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.warehouse .simplebar-track.simplebar-vertical{width:9px;background:transparent}.warehouse .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.warehouse .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.warehouse .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.warehouse.muted{font-weight:400;font-style:Regular;font-size:14px;line-height:24px;letter-spacing:0%;color:#272525}.stat{width:271px;height:150px;background:#fff;border:1px solid #eef0f6;border-radius:18px;padding:16px;display:flex;flex-direction:column;justify-content:center}.stat__top{display:flex;justify-content:space-between;align-items:flex-start}.stat__value{font-weight:800;font-style:ExtraBold;font-size:28px;line-height:100%;letter-spacing:0%;color:#121212}.stat__label{margin-top:4px;font-weight:400;font-style:Regular;font-size:16px;line-height:24px;letter-spacing:0%;color:#121212}.stat__iconWrap,.stat__icon{width:47px;height:47px}.stat__trend{margin-top:12px;display:flex;align-items:center}.stat__trendText{font-weight:400;font-style:Regular;font-size:12px;line-height:20px;letter-spacing:0%;color:#515151}.reports{width:562px;background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:20px}.reports__header{margin-bottom:12px}.reports__title{font-weight:800;font-style:ExtraBold;font-size:20px;line-height:100%;letter-spacing:0%;color:#272525}.reports__body{max-height:210px;margin-top:40px}.reports__table{max-width:500px;width:100%;border-collapse:collapse}.reports thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#515151;text-align:left;padding-bottom:10px}.reports tbody td{padding:12px 0;font-size:14px;color:#272525;border-top:1px solid #eef0f6}.reports__muted{font-weight:400;font-size:14px;line-height:24px;letter-spacing:0%;color:#272525}.reports__col--num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.reports__col--date{width:120px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.reports__col--status{width:130px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.reports__status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:400;line-height:20px}.reports__status.is-done{color:#16a34a}.reports__status.is-progress{color:#f59e0b}.reports .simplebar-track.simplebar-vertical{width:9px;background:transparent}.reports .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.reports .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.reports .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:20px;inset:0;opacity:1!important}.finance{background:#fff;width:562px;height:327px;border-radius:20px;border:1px solid #eef0f6;padding:18px;--donut-tax: #f59e0b;--donut-profit: #16a34a;--donut-expense: #ef4444}.finance__title{font-weight:800;font-style:ExtraBold;font-size:20px;line-height:100%;letter-spacing:0%}.finance__deals{font-weight:800;font-style:ExtraBold;font-size:16px;line-height:100%;letter-spacing:0%}.finance__content{display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:center}.finance__legend{display:flex;flex-direction:column;gap:20px}.finance__item{display:flex;align-items:center;gap:10px}.finance__dot{width:6px;height:20px;border-radius:3px;display:inline-block}.finance__text{font-weight:400;font-style:Regular;font-size:12px;line-height:20px;letter-spacing:0%}.finance__textb{font-weight:800}.finance .dot-tax{background:var(--donut-tax)}.finance .dot-profit{background:var(--donut-profit)}.finance .dot-expense{background:var(--donut-expense)}.finance__donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center}.finance__hole{width:86px;height:86px;border-radius:50%;background:#fff;border:1px solid #eef0f6}.home__grid{display:flex;gap:20px}.home__stats,.home__bottom{margin-top:40px;display:flex;gap:20px}.warehousePage{display:flex;flex-direction:column;gap:24px}.warehousePage__top{display:flex;gap:20px}.warehouseActions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.warehouseActions__card{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px;color:#121212;width:271px;height:150px;display:flex;flex-direction:column;justify-content:center;position:relative}.warehouseActions__top{display:flex;justify-content:space-between}.warehouseActions__title{font-weight:800;font-size:25px;line-height:100%;color:#121212}.warehouseActions__arrow{position:absolute;right:21px;top:14px}.warehouseActions__desc{margin-top:6px;font-weight:400;font-style:Regular;font-size:16px;line-height:24px;letter-spacing:0%}.expiry{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px;width:582px;height:327px}.expiry__header{margin-bottom:8px}.expiry__title{font-weight:800;font-style:ExtraBold;font-size:20px;line-height:100%;letter-spacing:0%;color:#272525}.expiry__body{max-height:220px}.expiry__table{max-width:503px;width:100%;border-collapse:collapse}.expiry thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#515151;text-align:left;padding:10px 0}.expiry tbody td{padding:12px 0;font-size:14px;border-bottom:1px solid #eef0f6}.expiry .muted{color:#515151;font-weight:400;font-style:Regular;font-size:14px;line-height:24px;letter-spacing:0%}.expiry .muted__category{color:#272525}.expiry .col-num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.expiry .col-product{font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.expiry .col-stock{width:120px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.expiry .simplebar-track.simplebar-vertical{width:9px;background:transparent}.expiry .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.expiry .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.expiry .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.operations{background:#fff;border-radius:18px;border:1px solid #eef0f6;height:523px;padding:18px}.operations__header{margin-bottom:12px}.operations__title{font-size:18px;font-weight:800;color:#121212}.operations__body{width:100%;max-height:400px}.operations__table{max-width:1050px;width:100%;border-collapse:collapse}.operations thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#6b7280;text-align:left;padding-bottom:10px}.operations tbody td{padding:14px 0;font-size:14px;color:#121212;border-bottom:1px solid #eef0f6}.operations .muted{color:#515151}.operations .col-num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.operations .col-product{font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.operations .col-date{width:120px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.operations .col-stock{width:100px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.operations .simplebar-track.simplebar-vertical{width:9px;background:transparent}.operations .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d0d0d0;transform:translate(-50%)}.operations .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.operations .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.salesPage{display:flex;flex-direction:column;gap:24px}.salesPage__top{display:grid;grid-template-columns:520px 1fr;gap:24px;align-items:start}.salesActions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.salesActions__card{width:271px;height:150px;background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px;color:#121212;position:relative;display:flex;flex-direction:column;justify-content:center}.salesActions__top{display:flex;justify-content:space-between;align-items:flex-start}.salesActions__title{font-weight:800;font-size:25px;line-height:100%}.salesActions__arrow{position:absolute;right:21px;top:14px}.salesActions__desc{margin-top:6px;font-size:16px;line-height:24px;color:#121212}.tx{display:flex;flex-direction:column;gap:20px}.tx__card{background:#fff;border-radius:20px;border:1px solid #eef0f6;padding:18px}.tx__header{margin-bottom:12px}.tx__title{font-size:20px;font-weight:800;color:#121212}.tx__body{width:100%;height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff7a00 transparent;scrollbar-gutter:stable}.tx__table{max-width:1050px;width:100%;border-collapse:collapse}.tx thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#6b7280;text-align:left;padding:10px 0}.tx tbody td{padding:14px 0;font-size:14px;border-bottom:1px solid #eef0f6}.tx .muted{color:#515151;font-weight:400;font-size:14px;line-height:24px}.tx .col-num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.tx .col-name{font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.tx .col-date{width:120px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.tx .col-type{width:140px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.tx .col-act{width:110px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.tx__type{display:inline-flex;align-items:center;gap:6px}.tx__typeIcon{width:12px;height:12px}.tx__more{border:none;background:transparent;color:#ff7a00;font-size:14px;cursor:pointer}.tx .simplebar-track.simplebar-vertical{width:9px;background:transparent}.tx .simplebar-track,.tx .simplebar-scrollbar{opacity:1!important}.tx .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.tx .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.tx .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.tx__pagination{margin-top:20px;display:flex;gap:8px;justify-content:flex-start}.tx__page{width:34px;height:34px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#121212;font-size:13px;cursor:pointer}.tx__page.is-active{background:#ff7a00;border-color:#ff7a00;color:#fff}.staffPage{display:flex;flex-direction:column;gap:24px}.staffPage__top{display:flex}.staffActions{display:flex;flex-wrap:wrap;gap:20px}.staffActions__card{width:271px;height:150px;background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px;color:#121212;position:relative;display:flex;flex-direction:column;justify-content:center}.staffActions__top{display:flex;justify-content:space-between;align-items:flex-start}.staffActions__title{font-weight:800;font-size:25px;line-height:100%}.staffActions__arrow{position:absolute;right:21px;top:14px}.staffActions__desc{margin-top:6px;font-size:16px;font-weight:400;line-height:24px;color:#121212}.staffPrev{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px;max-width:562px;width:100%}.staffPrev__header{margin-bottom:8px}.staffPrev__title{font-size:20px;font-weight:800;color:#121212}.staffPrev__body{height:210px;overflow-y:auto}.staffPrev__table{max-width:503px;width:100%;border-collapse:collapse}.staffPrev thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#515151;text-align:left;padding:10px 0}.staffPrev tbody td{padding:12px 0;font-size:14px;border-top:1px solid #eef0f6}.staffPrev .muted{color:#6b7280}.staffPrev .col-num{width:40px}.staffPrev .col-time{width:120px}.staffPrev .simplebar-track.simplebar-vertical{width:9px;background:transparent}.staffPrev .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.staffPrev .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.staffPrev .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.allStaff{display:flex;flex-direction:column;gap:20px}.allStaff__card{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px}.allStaff__header{margin-bottom:12px}.allStaff__title{font-size:18px;font-weight:700;color:#121212}.allStaff__body{height:430px;overflow-y:auto}.allStaff__table{width:1050px;width:100%;border-collapse:collapse}.allStaff thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#6b7280;text-align:left;padding:10px 0}.allStaff tbody td{padding:14px 0;font-size:14px;border-bottom:1px solid #eef0f6}.allStaff .muted{color:#515151;font-weight:400;font-size:14px;line-height:24px}.allStaff .col-name{font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-num{width:40px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-gender{width:70px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-series{width:110px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-phone{width:170px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-role{width:90px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-rights{width:80px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff .col-act{width:100px;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%;color:#515151}.allStaff__more{border:none;background:transparent;color:#ff7a00;font-size:14px;cursor:pointer}.allStaff .simplebar-track.simplebar-vertical{width:9px;background:transparent}.allStaff .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.allStaff .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.allStaff .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.allStaff__pagination{margin-top:20px;display:flex;gap:8px;justify-content:flex-start}.allStaff__page{width:34px;height:34px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#121212;font-size:13px;cursor:pointer}.allStaff__page.is-active{background:#ff7a00;border-color:#ff7a00;color:#fff}.analyticsPage{display:flex;flex-direction:column;gap:24px}.analyticsPage__top{display:flex;gap:24px}.chart{max-width:564px;width:100%;height:326px;background:#fff;padding:20px}.chart__header{display:flex;justify-content:space-between;margin-bottom:28px}.chart__legend{display:flex;gap:14px;font-size:12px;font-weight:400;line-height:20px;color:#272525;align-items:center}.chart__dot{display:inline-block;width:15px;height:15px;border-radius:5px;margin-right:6px}.chart__dot-wrapper{display:flex;align-items:center}.chart .blue{background:#248cd8}.chart .orange{background:#ff8f00}.chart .purple{background:#a601ff}.chart__body{display:grid;grid-template-columns:38px 1fr;align-items:end;gap:8px;height:230px}.chart__y-axis{display:flex;flex-direction:column;justify-content:space-between;height:220px;padding-bottom:16px}.chart__y-label{font-weight:400;font-style:Regular;font-size:12px;line-height:20px;letter-spacing:0%;color:#000}.chart__y-label--zero{text-align:right}.chart__bars{position:relative;display:flex;align-items:flex-end;gap:15px}.chart__grid{position:absolute;inset:0 0 18px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart__grid-line{height:1px;background:#e5e7eb}.chart__baseline{position:absolute;left:0;right:0;bottom:18px;height:1px;background:#ddd}.chart__col{display:flex;flex-direction:column;align-items:center}.chart__stack{display:flex;flex-direction:column-reverse;width:12px}.chart .bar{width:12px}.chart .bar-blue{background:#248cd8;z-index:1;border-bottom-right-radius:100px;border-bottom-left-radius:100px}.chart .bar-orange{background:#a601ff;z-index:1}.chart .bar-purple{background:#ff8f00;z-index:1;border-top-right-radius:100px;border-top-left-radius:100px}.chart__label{font-weight:400;font-style:Regular;font-size:12px;line-height:20px;letter-spacing:0%;color:#000}.arep{display:flex;flex-direction:column;gap:20px}.arep__card{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px}.arep__header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.arep__title{font-size:18px;font-weight:700;color:#121212}.arep__add{height:34px;padding:0 14px;border-radius:8px;border:1px solid #ff8f00;background:#ff8f00;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.arep__modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.arep__modal-backdrop{position:absolute;inset:0;background:#11182766}.arep__modal-card{position:relative;z-index:1;width:520px;max-width:calc(100% - 32px);background:#fff;border-radius:16px;border:1px solid #eef0f6;padding:20px 20px 18px;box-shadow:0 20px 50px #11182726}.arep__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.arep__modal-title{font-size:16px;font-weight:700;color:#121212}.arep__modal-close{width:28px;height:28px;border-radius:8px;border:1px solid #eef0f6;background:#fff;color:#6b7280;font-size:18px;line-height:24px;cursor:pointer}.arep__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.arep__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7280}.arep__field input{height:36px;padding:0 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:12px;color:#111827}.arep__modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.arep__btn{height:34px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer}.arep__btn.is-primary{background:#ff8f00;border-color:#ff8f00;color:#fff}.arep__btn.is-ghost{background:#fff;border-color:#e5e7eb;color:#6b7280}.arep__body{width:100%;height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff8f00 transparent;scrollbar-gutter:stable}.arep__table{width:100%;border-collapse:collapse}.arep thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;text-align:left;padding:10px 0}.arep tbody td{padding:14px 0;font-size:14px;border-bottom:1px solid #eef0f6}.arep .muted{color:#272525;font-weight:400;font-style:Regular;font-size:14px;line-height:24px;letter-spacing:0%}.arep .col-num{width:40px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.arep .col-name{width:140px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.arep .col-type{width:90px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.arep .col-date,.arep .col-sum{width:110px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.arep .col-act{width:160px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.arep__actions{display:flex;gap:10px;white-space:nowrap}.arep__link{border:none;background:transparent;font-size:12px;line-height:20px;cursor:pointer;padding:0}.arep__link.is-edit{color:#3b82f6}.arep__link.is-del{color:#ef4444}.arep .simplebar-track.simplebar-vertical{width:9px;background:transparent}.arep .simplebar-track,.arep .simplebar-scrollbar{opacity:1!important}.arep .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.arep .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.arep .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.arep__pagination{margin-top:20px;display:flex;gap:8px;justify-content:flex-start}.arep__page{width:34px;height:34px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#121212;font-size:13px;cursor:pointer}.arep__page.is-active{background:#ff8f00;border-color:#ff8f00;color:#fff}.loyalPage{display:flex;flex-direction:column;gap:24px}.loyalPage__top{display:grid;grid-template-columns:520px 1fr;gap:24px;align-items:start}.bonus{display:flex;flex-direction:column;gap:20px}.bonus__card{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px}.bonus__header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.bonus__title{font-size:18px;font-weight:700;color:#121212}.bonus__add{height:34px;padding:0 14px;border-radius:8px;border:1px solid #ff7a00;background:#ff7a00;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.bonus__body{width:100%;height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff7a00 transparent;scrollbar-gutter:stable}.bonus__table{width:100%;border-collapse:collapse}.bonus thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#6b7280;text-align:left;padding:10px 0}.bonus tbody td{padding:14px 0;font-size:14px;border-bottom:1px solid #eef0f6}.bonus .muted{color:#272525;font-weight:400;font-style:Regular;font-size:14px;line-height:24px;letter-spacing:0%}.bonus .col-num{width:40px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.bonus .col-name{width:140px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.bonus .col-type{width:90px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.bonus .col-date,.bonus .col-sum{width:110px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.bonus .col-act{width:160px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.bonus__actions{display:flex;gap:10px;white-space:nowrap}.bonus__link{border:none;background:transparent;font-size:12px;line-height:20px;cursor:pointer;padding:0}.bonus__link.is-edit{color:#14add6}.bonus__link.is-del{color:#ed3237}.bonus .simplebar-track.simplebar-vertical{width:9px;background:transparent}.bonus .simplebar-track,.bonus .simplebar-scrollbar{opacity:1!important}.bonus .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.bonus .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.bonus .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.bonus__pagination{margin-top:20px;display:flex;gap:8px;justify-content:flex-start}.bonus__page{width:34px;height:34px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#121212;font-size:13px;cursor:pointer}.bonus__page.is-active{background:#ff8f00;border-color:#ff8f00;color:#fff}.bonus__modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.bonus__modal-backdrop{position:absolute;inset:0;background:#11182766}.bonus__modal-card{position:relative;z-index:1;width:520px;max-width:calc(100% - 32px);background:#fff;border-radius:16px;border:1px solid #eef0f6;padding:20px 20px 18px;box-shadow:0 20px 50px #11182726}.bonus__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bonus__modal-title{font-size:16px;font-weight:700;color:#121212}.bonus__modal-close{width:28px;height:28px;border-radius:8px;border:1px solid #eef0f6;background:#fff;color:#6b7280;font-size:18px;line-height:24px;cursor:pointer}.bonus__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.bonus__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7280}.bonus__field input{height:36px;padding:0 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:12px;color:#111827}.bonus__modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.bonus__btn{height:34px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer}.bonus__btn.is-primary{background:#ff8f00;border-color:#ff8f00;color:#fff}.bonus__btn.is-ghost{background:#fff;border-color:#e5e7eb;color:#6b7280}.settingsPage{display:flex;flex-direction:column;gap:30px}.settingsCard{display:flex;align-items:center;gap:20px}.equip{display:flex;flex-direction:column;gap:20px}.equip__card{background:#fff;border-radius:18px;border:1px solid #eef0f6;padding:18px}.equip__header{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.equip__title{font-size:18px;font-weight:700;color:#121212}.equip__add{height:34px;padding:0 14px;border-radius:8px;border:1px solid #ff8f00;background:#ff8f00;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.equip__body{width:100%;height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ff8f00 transparent;scrollbar-gutter:stable}.equip__table{width:100%;border-collapse:collapse}.equip thead th{position:sticky;top:0;background:#fff;z-index:2;font-size:12px;font-weight:500;color:#6b7280;text-align:left;padding:10px 0}.equip tbody td{padding:14px 0;font-size:14px;border-bottom:1px solid #eef0f6}.equip .muted{color:#272525;font-weight:400;font-style:Regular;font-size:14px;line-height:24px;letter-spacing:0%}.equip .col-num{width:40px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip .col-name{width:160px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip .col-type,.equip .col-lang{width:90px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip .col-curr{width:140px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip .col-ver{width:90px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip .col-act{width:160px;color:#515151;font-weight:800;font-style:ExtraBold;font-size:12px;line-height:100%;letter-spacing:0%}.equip__actions{display:flex;gap:10px;white-space:nowrap}.equip__link{border:none;background:transparent;font-size:14px;font-weight:400;line-height:24px;cursor:pointer;padding:0}.equip__link.is-edit{color:#14add6}.equip__link.is-del{color:#ed3237}.equip .simplebar-track.simplebar-vertical{width:9px;background:transparent}.equip .simplebar-track,.equip .simplebar-scrollbar{opacity:1!important}.equip .simplebar-track.simplebar-vertical:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d7d7d7;transform:translate(-50%)}.equip .simplebar-scrollbar{height:30px!important;min-height:30px!important;max-height:30px!important}.equip .simplebar-scrollbar:before{background-color:#ff8f00;background-image:url("data:image/svg+xml,%3csvg%20width='9'%20height='30'%20viewBox='0%200%209%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='9'%20height='30'%20rx='4.5'%20fill='%23FF8F00'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:999px;inset:0;opacity:1!important}.equip__pagination{margin-top:20px;display:flex;gap:8px;justify-content:flex-start}.equip__page{width:34px;height:34px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#121212;font-size:13px;cursor:pointer}.equip__page.is-active{background:#ff8f00;border-color:#ff8f00;color:#fff}.equip__modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.equip__modal-backdrop{position:absolute;inset:0;background:#11182766}.equip__modal-card{position:relative;z-index:1;width:520px;max-width:calc(100% - 32px);background:#fff;border-radius:16px;border:1px solid #eef0f6;padding:20px 20px 18px;box-shadow:0 20px 50px #11182726}.equip__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.equip__modal-title{font-size:16px;font-weight:700;color:#121212}.equip__modal-close{width:28px;height:28px;border-radius:8px;border:1px solid #eef0f6;background:#fff;color:#6b7280;font-size:18px;line-height:24px;cursor:pointer}.equip__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.equip__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7280}.equip__field input{height:36px;padding:0 10px;border-radius:8px;border:1px solid #e5e7eb;font-size:12px;color:#111827}.equip__modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.equip__btn{height:34px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer}.equip__btn.is-primary{background:#ff8f00;border-color:#ff8f00;color:#fff}.equip__btn.is-ghost{background:#fff;border-color:#e5e7eb;color:#6b7280}body{background:#f4f6fb}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}