.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;gap:12px}.empty-state p{margin:0}.empty-state__title{font-size:24px;font-weight:600;color:#333}.empty-state__description{font-size:16px;color:#666}.empty-state__search{opacity:.3;width:120px;height:120px;fill:#e4e7ec;stroke-width:1}.table__header-row-data{padding:12px 16px;text-align:left;height:30px;cursor:pointer}.table__header-row-data:hover{background-color:#e4e7ec}.table__header-row-data-content{display:flex;align-items:center;gap:4px;width:fit-content}.table__header-row-data-content-sort-icons{display:flex;flex-direction:column}.table__header-row-data-content-sort-icons--active{stroke:#01338d}.table__body-row{transition:background-color .2s ease}.table__body-row:hover{background-color:#f9f9f9}.table__body-row-data{padding:10px 16px;color:#111619;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0}.loading-wrapper{position:relative}.loading-wrapper__overlay{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;background:#ffffffb3;z-index:10}.loading-wrapper__spinner{color:#01338d;animation:spin 1s linear infinite}.loading-wrapper__content{transition:opacity .5s ease}.loading-wrapper__content.is-disabled{opacity:.5;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.table-component{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;background-color:#fff;height:100%}.table-component__title{padding:16px}.table-component__header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;flex-wrap:wrap}.table-component__actions-search{display:flex;align-items:center;border-radius:4px;padding:8px;position:relative}.table-component__actions-search-icon{margin-right:8px;position:absolute;left:20px;stroke:#01338d}.table-component__actions-search-input{border:none;outline:none;background-color:transparent;width:200px;font-size:14px;padding:8px 12px 8px 38px;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;background:#f2f4f7;color:#01338d;min-width:200px;transition:border-color .5s ease}.table-component__actions-search-input:focus{border-color:#01338d;box-shadow:0 0 0 1px #01338d80}.table-component__actions-search-input::placeholder{color:#01338d}.table-component__actions-search-input:hover{border-color:#7c3bed}.table-component__wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e4e7ec transparent}.table-component__wrapper .table{width:100%;border-collapse:separate;border-spacing:0;font-family:sans-serif;font-size:14px}.table-component__wrapper .table__header{background-color:#f2f4f7;color:#6b7280;text-transform:uppercase;font-size:12px}.table-component__wrapper .table__header-row{border-bottom:2px solid #e4e7ec}.analytics-section__stats{gap:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-section__stats-item{background:#fff;color:#111619;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.analytics-section__stats-item--ALL:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#01338d}.analytics-section__stats-item--ALL .analytics-section__stats-item-icon svg{stroke:#01338d}.analytics-section__stats-item--ALL .analytics-section__stats-item-content h3{color:#01338d}.analytics-section__stats-item--PAID:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#16a249}.analytics-section__stats-item--PAID .analytics-section__stats-item-icon svg{stroke:#16a249}.analytics-section__stats-item--PAID .analytics-section__stats-item-content h3{color:#16a249}.analytics-section__stats-item--UNPAID:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#f04438}.analytics-section__stats-item--UNPAID .analytics-section__stats-item-icon svg{stroke:#f04438}.analytics-section__stats-item--UNPAID .analytics-section__stats-item-content h3{color:#f04438}.analytics-section__stats-item-icon{width:24px;height:24px;background-color:#e4e7ec;display:inline-block;padding:8px;border-radius:8px}.analytics-section__stats-item-content{display:flex;flex-direction:column;gap:4px}.analytics-section__stats-item-content h3{margin:0;font-weight:bolder}.analytics-section__stats-item-content-title{font-weight:700;color:#111619}.analytics-section__stats-item-content-change{color:#6b7280}.analytics-section{display:flex;flex-direction:column;gap:48px}.analytics-section__header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 548px){.analytics-section__header{flex-direction:column-reverse;align-items:center;text-align:center;gap:16px}}.analytics-section__header-content{display:flex;flex-direction:column;gap:8px}.analytics-section__header-content-title{font-size:24px;font-weight:700;margin:0;color:#01338d}.analytics-section__header-content-description{margin:0;color:#6b7280}.analytics-section__header-icon{width:120px;height:60px;object-fit:contain}.analytics-section__currency{background:linear-gradient(135deg,#7c3bed1a,#7c3bed33);color:#7c3bed;border:1px solid rgba(124,59,237,.302);padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;width:fit-content}.analytics-section__currency-icon{width:16px;height:16px}.analytics-section__date{display:flex;flex-direction:column;gap:4px}.analytics-section__date-day{color:#111619}.analytics-section__date-time{color:#6b7280;font-size:14px}.analytics-section__status{display:flex;align-items:center;gap:8px;width:fit-content;padding:4px 8px;border-radius:12px}.analytics-section__status--paid{background:linear-gradient(135deg,#dbfae6,#c9f8da);color:#16a249;border:1px solid #8ff0b2}.analytics-section__status--unpaid{background:linear-gradient(135deg,#f044381a,#f0443833);color:#f04438;border:1px solid rgba(240,68,56,.302)}.analytics-section__status-icon{width:12px;height:12px}.analytics-section__status-icon.paid{color:#16a249}.analytics-section__status-icon.unpaid{color:#f04438}.analytics-section__table-header{display:flex;flex-direction:column;gap:4px}.analytics-section__table-header-icon{display:flex;align-items:center;gap:4px;white-space:nowrap}.analytics-section__table-header-icon svg{width:16px;height:16px;stroke:#01338d}.analytics-section__table-header h2{margin:0;font-weight:700;font-size:16px;text-transform:capitalize;color:#01338d}.analytics-section__table-header p{color:#6b7280;font-size:14px;margin:0}body{background-color:#f9fafb}.main-container{margin-left:auto;margin-right:auto;padding:16px}@media (min-width: 576px){.main-container{width:540px}}@media (min-width: 768px){.main-container{width:750px}}@media (min-width: 992px){.main-container{width:970px}}@media (min-width: 1200px){.main-container{width:1170px}}