.history-container{width:55rem;border-radius:8px;margin:0 auto 20px}@media(max-width:768px){.history-container{width:100%;margin:0;border-radius:0}}.history-timeline{position:relative;padding:0}.history-date-group{position:relative;margin-bottom:16px;width:100%}@media(max-width:768px){.history-date-group{padding:0}}.history-date-header{display:flex;align-items:center;padding:8px 0 8px 48px;font-weight:700;font-size:.85rem;color:#fff;position:relative;margin-bottom:10px;border-bottom:1px solid #e6d2b3;width:100%}@media(max-width:768px){.history-date-header{padding-left:40px;padding-right:16px;font-size:.85rem;width:100%;box-sizing:border-box}}.history-date-icon{position:absolute;left:12px;width:28px;height:28px;padding:5px;background-color:#c67600;color:#fff;border-radius:50%;z-index:1}@media(max-width:768px){.history-date-icon{width:24px;height:24px;left:8px;display:flex;align-items:center;justify-content:center}}.history-cards{width:100%}@media(max-width:768px){.history-cards{padding:0;width:100%}}.history-card{position:relative;padding:.5px;border-radius:4px;margin-bottom:0;box-shadow:none;border-bottom:none;width:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.history-card.expandable:hover:not(.expanded){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.history-card.expandable .history-card-header{cursor:pointer}.history-card.expanded{scroll-margin-top:60px;box-shadow:none;border-color:#e6d2b3;border-radius:4px 4px 0 0}.history-card.expanded+.history-card{margin-top:8px;border-top:1px solid #e6d2b3;border-radius:0 0 4px 4px}@media(max-width:768px){.history-card{margin-bottom:0;width:100%;max-width:100%;border-radius:4px;border-left:none;border-right:none}.history-card.expanded+.history-card{margin-top:0;border-top:1px solid #e6d2b3}}.history-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:10px 18px 10px 12px;position:relative;background:linear-gradient(135deg,#a85208,#be6e14 50%,#a04b05);color:#fff;border-radius:4px 4px 0 0;transition:all .2s ease}.history-card-header>*{color:#fff}.history-card-header .history-button-icon,.history-card-header .history-card-provider,.history-card-header .history-card-time{color:#fff!important}.history-card-header .history-card-status{background-color:hsla(0,0%,100%,.15)}.history-card-header:hover{background:linear-gradient(135deg,#b36b00,#a05f00)}@media(min-width:769px){.history-card-header{display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto auto auto;gap:4px 10px;align-items:center}}@media(max-width:768px){.history-card-header{flex-direction:column;align-items:stretch;padding:14px 16px;gap:2px;border-radius:6px 6px 0 0}}@media(min-width:769px){.history-card-header-top-row{display:contents}}@media(max-width:768px){.history-card-header-top-row{display:flex;align-items:center;gap:10px;flex:1;width:100%}}@media(min-width:769px){.history-card-header{grid-template-columns:auto auto 1fr auto auto;grid-template-rows:auto auto auto}.desktop-label-row.label-waktu{grid-column:1;grid-row:2}.history-card-time{grid-column:2;grid-row:2}.desktop-label-row.label-pasaran{grid-column:1;grid-row:3}.history-card-provider{grid-column:2;grid-row:3}.history-card-status{grid-column:4;grid-row:1;justify-self:end}.history-expand-button,.history-expand-button-placeholder{grid-column:5;grid-row:1;justify-self:end}}.desktop-label-row{display:none}@media(min-width:769px){.desktop-label-row{display:flex;align-items:center;font-size:.85rem;font-weight:500;opacity:.85;color:#fff;white-space:nowrap;width:100%}.desktop-label-row:after{content:":";margin-left:auto;padding-left:6px}.mobile-time{display:none!important}}@media(max-width:768px){.desktop-time{display:none!important}}.history-card-time{display:flex;align-items:center;font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0;margin-right:0}@media(max-width:768px){.history-card-time{font-size:.85rem;font-weight:600;opacity:.9}}.history-time-icon{width:16px;height:16px;margin-right:6px;opacity:.9}@media(max-width:768px){.history-time-icon{width:14px;height:14px;margin-right:4px}}.history-card-provider{flex:1;font-weight:600;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;min-width:0}@media(max-width:768px){.history-card-provider{font-size:.95rem;font-weight:700;margin:0;padding:10px 14px;background:rgba(0,0,0,.15);border-radius:6px;letter-spacing:1px;text-align:left}}.history-card-saldo-row{display:flex;align-items:center;gap:5px;white-space:nowrap}@media(min-width:769px){.history-card-saldo-row{grid-row:2;justify-content:flex-start;gap:6px;border-radius:4px;padding:4px 8px}}@media(max-width:768px){.history-card-saldo-row{flex-shrink:0;padding:2px 4px;width:100%;justify-content:space-between;gap:6px;max-width:220px;margin:0 0 0 auto}}@media(min-width:769px){.history-card-saldo-row.saldo-before{grid-column:3/6;grid-row:2;justify-content:flex-end}.history-card-saldo-row.saldo-now{grid-column:3/6;grid-row:3;justify-content:flex-end}}.bet-pill{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.3);color:#fff;border-radius:20px;padding:4px 16px;font-size:.9rem;font-weight:500;letter-spacing:.5px;white-space:nowrap;margin-left:auto}@media(max-width:768px){.bet-pill{flex:1;font-size:.9rem;padding:5px 14px;text-align:center;font-weight:600;margin-left:0}}.saldo-label{color:#fff;font-size:.85rem;font-weight:500;opacity:.85}@media(min-width:769px){.saldo-label{display:inline-block;min-width:80px;text-align:right}}@media(max-width:768px){.saldo-label{font-size:.82rem;opacity:.75;font-weight:400;min-width:100px;text-align:left}}.saldo-amount{color:#fff;font-weight:700;font-size:1rem}@media(max-width:768px){.saldo-amount{font-size:.92rem;font-weight:700;letter-spacing:.3px}}.history-card-status{display:inline-flex;align-items:center;background-color:rgba(0,0,0,.2);padding:5px 14px;border-radius:20px;border:1px solid hsla(0,0%,100%,.25);transition:all .2s ease;gap:6px;white-space:nowrap;flex-shrink:0}.history-card-status.status-bet{border-left:3px solid #f1c40f}.history-card-status.status-win{border-left:3px solid #2ecc71}.history-card-status.status-transfer{border-left:3px solid #3498db}.history-card-status.status-other{border-left:3px solid #e74c3c}@media(max-width:768px){.history-card-status{margin-left:auto;padding:4px 14px;font-size:.82rem;border-radius:20px;border-left:none!important;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.25);gap:5px}}.status-label{font-size:.7rem;font-weight:500;opacity:.85;text-transform:uppercase;letter-spacing:.3px}.status-amount{font-weight:600;font-size:.82rem;color:#fff}@media(max-width:768px){.status-amount{font-size:.82rem;font-weight:600}}.history-card-balance{display:inline-flex;align-items:center;font-weight:500;color:#fff;gap:6px;white-space:nowrap;flex-shrink:0}.history-card-balance .balance-label{opacity:.85;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.history-card-balance .balance-amount{font-weight:700;font-size:.85rem}@media(max-width:768px){.history-card-balance{grid-area:balance;width:100%;justify-content:space-between;padding:6px 8px;background-color:rgba(0,0,0,.1);border-radius:4px}.history-card-balance .balance-label{font-size:.7rem}.history-card-balance .balance-amount{font-size:.75rem}}.history-balance-icon{width:18px;height:18px;margin-right:8px;color:#c67600}.history-expand-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:hsla(0,0%,100%,.12);border:1.5px solid hsla(0,0%,100%,.35);border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.history-expand-button:hover{background-color:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}.history-expand-button.expanded{background-color:hsla(0,0%,100%,.2);transform:rotate(180deg)}.history-expand-button.expanded:hover{background-color:hsla(0,0%,100%,.3)}@media(max-width:768px){.history-expand-button{width:30px;height:30px}}.history-button-icon{width:18px;height:18px;color:#fff;transition:all .2s ease}@media(max-width:768px){.history-button-icon{width:16px;height:16px}}.history-expand-button-placeholder{width:32px;height:32px;flex-shrink:0}@media(max-width:768px){.history-expand-button-placeholder{width:30px;height:30px}}.history-card-header,.history-card-header *{color:#fff!important}.history-card-details{border-top:2px solid #e6d2b3;animation:expandDetails .3s ease-out;transform-origin:top;background-color:#f8f1e4;overflow:hidden;will-change:transform,opacity}@keyframes expandDetails{0%{opacity:.5;max-height:0;transform:translateY(-5px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.history-message-icon{width:32px;height:32px;margin-bottom:12px;color:#866533}.history-message-icon.error{color:#e74c3c}.history-empty-container,.history-error-container,.history-no-transactions{background-color:linear-gradient(270deg,#be670a,#8c3406);border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:20px 0}.history-error-message{color:#e74c3c;font-weight:700;margin:0}.history-empty-message{color:#866533;margin:0}.history-pagination-wrapper{width:100%;overflow:hidden;background-color:#fff;border-radius:0 0 4px 4px}.pagination-controls{display:flex;justify-content:center;align-items:center;padding:12px;background-color:#bb7100;gap:8px}.history-detail-container,.pagination-controls{border-top:1px solid #e6d2b3;border-radius:0 0 4px 4px}.history-detail-container{background-color:#faf6f0;max-height:80vh;overflow-y:auto;margin-bottom:5px}.history-detail-container::-webkit-scrollbar{display:none}.history-detail-container{scrollbar-width:none;-ms-overflow-style:none}.ant-pagination.history-pagination{padding:12px;background-color:#bb7100;border-top:1px solid #e6d2b3;border-radius:0 0 4px 4px;display:flex;justify-content:center}.ant-pagination.history-pagination .ant-pagination-item,.ant-pagination.history-pagination .ant-pagination-jump-next,.ant-pagination.history-pagination .ant-pagination-jump-prev,.ant-pagination.history-pagination .ant-pagination-next,.ant-pagination.history-pagination .ant-pagination-prev{margin:0 4px;border:1px solid #e6d2b3;background-color:#f0e6d2;border-radius:4px}.ant-pagination.history-pagination .ant-pagination-item a,.ant-pagination.history-pagination .ant-pagination-jump-next a,.ant-pagination.history-pagination .ant-pagination-jump-prev a,.ant-pagination.history-pagination .ant-pagination-next a,.ant-pagination.history-pagination .ant-pagination-prev a{color:#4d330c}.ant-pagination.history-pagination .ant-pagination-item:hover,.ant-pagination.history-pagination .ant-pagination-jump-next:hover,.ant-pagination.history-pagination .ant-pagination-jump-prev:hover,.ant-pagination.history-pagination .ant-pagination-next:hover,.ant-pagination.history-pagination .ant-pagination-prev:hover{border-color:#e6d2b3;background-color:#e6d2b3}.ant-pagination.history-pagination .ant-pagination-item:hover a,.ant-pagination.history-pagination .ant-pagination-jump-next:hover a,.ant-pagination.history-pagination .ant-pagination-jump-prev:hover a,.ant-pagination.history-pagination .ant-pagination-next:hover a,.ant-pagination.history-pagination .ant-pagination-prev:hover a{color:#4d330c}.ant-pagination.history-pagination .ant-pagination-item-active{background-color:#c67600;border-color:#c67600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ant-pagination.history-pagination .ant-pagination-item-active a{color:#fff;font-weight:600}.ant-pagination.history-pagination .ant-pagination-item-active:hover{background-color:#c67600}.ant-pagination.history-pagination .ant-pagination-item-active:hover a,.ant-pagination.history-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination.history-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{color:#fff}.ant-pagination.history-pagination .ant-pagination-options .ant-select-selector{background-color:#f0e6d2;border-color:#e6d2b3}.ant-pagination.history-pagination .ant-pagination-options .ant-select-arrow{color:#4d330c}.ant-pagination.history-pagination .ant-pagination-options .ant-pagination-options-quick-jumper{color:#f0e6d2}.ant-pagination.history-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input{background-color:#f0e6d2;border-color:#e6d2b3;color:#4d330c}.ant-pagination.history-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input:focus,.ant-pagination.history-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input:hover{border-color:#c67600}.ant-pagination.history-pagination .ant-pagination-total-text,.ant-pagination.history-pagination .ant-pagination.ant-pagination-simple .ant-pagination-total-text{color:#f0e6d2!important;margin-right:10px}.ant-pagination.history-pagination .ant-pagination-total-text,.ant-pagination.history-pagination .ant-pagination-total-text>*,.ant-pagination.history-pagination .ant-pagination.ant-pagination-simple .ant-pagination-total-text,.ant-pagination.history-pagination .ant-pagination.ant-pagination-simple .ant-pagination-total-text>*{color:#f0e6d2!important}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0;border:1px solid #e6d2b3;background-color:#f0e6d2;color:#4d330c;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-align:center;line-height:1}.pagination-button:hover:not(:disabled):not(.active){background-color:#e6d2b3}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#c67600;color:#fff;font-weight:600;border-color:#c67600;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.pagination-button.prev-next{background-color:#e6d2b3;color:#4d330c;font-weight:600}.pagination-button.prev-next:hover:not(:disabled){background-color:#d9c4a3}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 4px;color:#fff;font-weight:600;font-size:14px;margin:0 2px}@media(max-width:767px){.pagination-controls{padding:8px;gap:4px}.pagination-controls .pagination-button{min-width:28px;height:28px;font-size:12px;padding:0 6px;margin:0 1px}.pagination-controls .pagination-button:not(.active):not(.prev-next){display:none}.pagination-controls .pagination-button:not(.active):not(.prev-next).ellipsis,.pagination-controls .pagination-button:not(.active):not(.prev-next):first-child,.pagination-controls .pagination-button:not(.active):not(.prev-next):last-child{display:flex}.pagination-controls .pagination-button.prev-next{min-width:auto;padding:0 8px}.ant-pagination.history-pagination{padding:8px;display:flex;align-items:center;justify-content:center}.ant-pagination.history-pagination .ant-pagination-item,.ant-pagination.history-pagination .ant-pagination-jump-next,.ant-pagination.history-pagination .ant-pagination-jump-prev,.ant-pagination.history-pagination .ant-pagination-next,.ant-pagination.history-pagination .ant-pagination-prev{min-width:32px!important;width:32px!important;margin:0 2px!important;padding:0!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;border:1px solid #e6d2b3!important;background:#f0e6d2!important}.ant-pagination.history-pagination .ant-pagination-item a,.ant-pagination.history-pagination .ant-pagination-jump-next a,.ant-pagination.history-pagination .ant-pagination-jump-prev a,.ant-pagination.history-pagination .ant-pagination-next a,.ant-pagination.history-pagination .ant-pagination-prev a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;line-height:1!important}.ant-pagination.history-pagination .ant-pagination-item.ant-pagination-item-active,.ant-pagination.history-pagination .ant-pagination-jump-next.ant-pagination-item-active,.ant-pagination.history-pagination .ant-pagination-jump-prev.ant-pagination-item-active,.ant-pagination.history-pagination .ant-pagination-next.ant-pagination-item-active,.ant-pagination.history-pagination .ant-pagination-prev.ant-pagination-item-active{background:#c67600!important;border-color:#bb7100!important}.ant-pagination.history-pagination .ant-pagination-item.ant-pagination-item-active a,.ant-pagination.history-pagination .ant-pagination-jump-next.ant-pagination-item-active a,.ant-pagination.history-pagination .ant-pagination-jump-prev.ant-pagination-item-active a,.ant-pagination.history-pagination .ant-pagination-next.ant-pagination-item-active a,.ant-pagination.history-pagination .ant-pagination-prev.ant-pagination-item-active a{color:#fff!important}.ant-pagination.history-pagination .ant-pagination-item{display:none}.ant-pagination.history-pagination .ant-pagination-item-active,.ant-pagination.history-pagination .ant-pagination-item-next,.ant-pagination.history-pagination .ant-pagination-item-prev{display:inline-flex}.ant-pagination.history-pagination .ant-pagination-options{display:none}}@media(min-width:768px){.ant-pagination.history-pagination .ant-pagination-item,.pagination-controls .pagination-button{display:inline-flex!important}}.history-bets-container{background-color:#c67600;border-radius:0 0 4px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.history-bets-header{display:flex;background-color:#4d330c;color:#fff;font-weight:700;text-transform:uppercase;font-size:.8rem;border-bottom:1px solid #e68a00;position:-webkit-sticky;position:sticky;top:0;z-index:1;min-width:600px}.history-bet-header-cell{flex:1;padding:10px 6px;text-align:center;letter-spacing:.3px}.history-bet-header-cell:first-child{flex:0 0 50px;min-width:50px}.history-bet-header-cell:nth-child(2){flex:0 0 120px;min-width:120px}.history-bet-header-cell:nth-child(3),.history-bet-header-cell:nth-child(5){flex:1;min-width:80px}.history-bet-header-cell:nth-child(6){flex:0 0 100px;min-width:100px}.history-bet-header-cell:nth-child(7){flex:0 0 70px;min-width:70px}.history-bets-body{position:relative}.history-bet-row{display:flex;background-color:#bb7100;border-bottom:1px solid #d17f00;color:#fff;min-width:600px}.history-bet-row:last-child{border-bottom:none}.history-bet-cell{flex:1;padding:10px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.history-bet-cell:first-child{flex:0 0 50px;min-width:50px;font-weight:600}.history-bet-cell:nth-child(2){flex:0 0 120px;min-width:120px}.history-bet-cell:nth-child(3){flex:1;min-width:80px}.history-bet-cell:nth-child(4){flex:1;min-width:90px}.history-bet-cell:nth-child(5){flex:1;min-width:80px}.history-bet-cell:nth-child(6){flex:0 0 100px;min-width:100px;font-weight:600}.history-bet-cell:nth-child(7){flex:0 0 70px;min-width:70px}.history-bet-date-value{font-size:.7rem}.history-bet-cell-value,.history-bet-date-value{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;text-align:center}.history-bet-cell-value{font-size:.9rem}.history-bet-cell-label{display:none;font-size:11px;margin-bottom:2px;color:#ffe0b3}.history-bet-total-row{display:flex;justify-content:flex-end;align-items:center;background-color:#a36500;padding:12px 16px;font-weight:700;color:#fff;border-top:2px solid #d17f00;position:-webkit-sticky;position:sticky;bottom:0;z-index:1;gap:12px}.history-bet-total-label{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.history-bet-total-value{font-size:1rem;font-weight:700}.detail-button{background-color:#ff9c00;color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:.85rem;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.detail-button:hover{background-color:#ff8c00;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.3)}.detail-button:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.2)}.bet-number{font-weight:600;font-size:.85rem;display:inline-block;padding:2px 4px;border-radius:3px;transition:all .2s ease}.bet-number.win{color:#2ecc71;background-color:rgba(46,204,113,.15)}.bet-number.pending{color:#f1c40f;background-color:rgba(241,196,15,.15)}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:100px;background:linear-gradient(270deg,#be670a,#8c3406);gap:12px}.history-loading .spinner-border{width:2.5rem;height:2.5rem;border-color:#fff #ffd8a8 hsla(0,0%,100%,.2) hsla(0,0%,100%,.2);border-style:solid;border-width:3px;border-radius:50%;animation:spinner-rotate .8s linear infinite}.history-loading .loading-text{color:#fff;font-size:.9rem;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2);margin-top:8px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.no-detail-message{padding:40px;text-align:center;color:#866533;font-style:italic;min-height:100px}.history-row-empty,.no-detail-message{display:flex;align-items:center;justify-content:center}.history-row-empty{padding:16px;background-color:#f9f4eb;color:#666;border-radius:4px}@media(max-width:768px){.history-bets-header{display:flex;font-size:.65rem;padding:6px 2px;min-width:400px}.history-bet-header-cell{padding:6px 2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-bet-header-cell:first-child{flex:0 0 25px;min-width:25px}.history-bet-header-cell:nth-child(2){flex:0 0 80px;min-width:70px}.history-bet-header-cell:nth-child(3){flex:1;min-width:50px}.history-bet-header-cell:nth-child(4){display:none}.history-bet-header-cell:nth-child(5){flex:1;min-width:50px}.history-bet-header-cell:nth-child(6){flex:0 0 75px;min-width:75px}.history-bet-header-cell:nth-child(7){flex:0 0 50px;min-width:50px}.history-bet-row{flex-direction:row;padding:0;min-width:400px}.history-bet-cell{flex-direction:column;justify-content:center;padding:8px 4px;text-align:center;align-items:center;font-size:.7rem}.history-bet-cell:first-child{flex:0 0 25px;min-width:25px}.history-bet-cell:nth-child(2){flex:0 0 80px;min-width:80px}.history-bet-cell:nth-child(3){flex:1;min-width:50px}.history-bet-cell:nth-child(4){display:none}.history-bet-cell:nth-child(5){flex:1;min-width:50px}.history-bet-cell:nth-child(6){flex:0 0 75px;min-width:75px}.history-bet-cell:nth-child(7){flex:0 0 50px;min-width:50px}.history-bet-cell-label{display:none}.history-bet-cell-value{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.history-bet-total-row{flex-direction:row;justify-content:flex-end;padding:10px 60px;gap:8px}.history-bet-total-label{font-size:.75rem}.history-bet-total-value{font-size:.85rem}.detail-button{padding:3px 8px;font-size:.7rem}}