.transactions-container{border:3px solid;border-radius:0;margin:0 20px 20px;padding:24px;transition:all .3s}[data-theme=dark] .transactions-container{border-color:#ff0040;box-shadow:0 0 15px #ff004066}[data-theme=light] .transactions-container{background:#fff3;border-color:#06f;box-shadow:0 4px 8px #0066ff4d}.transactions-title{text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0 0 24px;font-size:2em;font-weight:400}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.filter-button{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.85em;font-weight:700;font-family:var(--body-font);background:0 0;border:2px solid;border-radius:0;outline:none;padding:10px 20px;transition:all .2s}[data-theme=dark] .filter-button:hover{background:#ff00401a}[data-theme=light] .filter-button:hover{background:#0066ff1a}.filter-button.active{font-weight:700}[data-theme=dark] .filter-button.active{text-shadow:0 0 5px;background:#ff004033}[data-theme=light] .filter-button.active{background:#c033}.transactions-table{flex-direction:column;margin-bottom:24px;display:flex}.transaction-row{padding:16px 0;transition:all .2s}.transaction-row:last-child{border-bottom:none!important}.transaction-main{align-items:center;gap:20px;display:flex}.transaction-icon-wrapper{flex-direction:column;align-items:center;min-width:60px;display:flex}.transaction-icon{margin-bottom:4px;font-size:1.8em;font-weight:700}.transaction-icon.trade,.transaction-icon.add{text-shadow:0 0 10px #00ff4199;color:#00ff41!important}.transaction-icon.waiver{text-shadow:0 0 10px #fa09;color:#fa0!important}[data-theme=dark] .transaction-icon.drop{text-shadow:0 0 10px #ff004099;color:#ff2a55!important}[data-theme=light] .transaction-icon.drop{text-shadow:0 0 8px #c036;color:#c03!important}.transaction-type-label{letter-spacing:.05em;font-size:.65em;font-weight:700}.transaction-content{flex:1;min-width:0}.transaction-team-name{margin-bottom:6px;font-size:1em;font-weight:700}.transaction-description{font-size:.9em;line-height:1.4}.transaction-timestamp{flex-direction:column;align-items:flex-end;min-width:120px;display:flex}.transaction-date-display{margin-bottom:4px;font-size:.9em;font-weight:600}.transaction-time-display{text-transform:uppercase;letter-spacing:.5px;font-size:.75em;font-weight:600}.no-transactions-message{text-align:center;padding:40px 20px;font-size:1em;font-weight:600}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.pagination-button{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.85em;font-weight:700;font-family:var(--body-font);background:0 0;border:2px solid;border-radius:0;outline:none;padding:10px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){transform:scale(1.05)}[data-theme=dark] .pagination-button:hover:not(:disabled){background:#ff00401a}[data-theme=light] .pagination-button:hover:not(:disabled){background:#0066ff1a}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{cursor:pointer;font-size:.85em;font-weight:700;font-family:var(--body-font);background:0 0;border:2px solid;border-radius:0;outline:none;min-width:40px;padding:8px 12px;transition:all .2s}.pagination-number:hover{transform:scale(1.1)}[data-theme=dark] .pagination-number:hover{background:#ff00401a}[data-theme=light] .pagination-number:hover{background:#0066ff1a}.pagination-number.active{font-weight:700}[data-theme=dark] .pagination-number.active{text-shadow:0 0 5px;background:#ff004033}[data-theme=light] .pagination-number.active{background:#c033}.pagination-ellipsis{padding:8px 4px;font-size:.85em;font-weight:700}@media (width<=1024px){.transaction-main{gap:16px}.transaction-timestamp{min-width:100px}}@media (width<=768px){.transactions-container{margin:0 0 12px;padding:16px}.transactions-title{margin-bottom:16px;font-size:1.5em}.filter-buttons{gap:8px;margin-bottom:16px}.filter-button{padding:8px 14px;font-size:.75em}.transaction-main{flex-direction:column;align-items:flex-start;gap:12px}.transaction-icon-wrapper{flex-direction:row;gap:12px;min-width:auto}.transaction-icon{font-size:1.5em}.transaction-type-label{font-size:.7em}.transaction-timestamp{align-items:flex-start;min-width:auto}.pagination{flex-wrap:wrap;gap:8px}.pagination-button{padding:8px 12px;font-size:.75em}.pagination-number{min-width:36px;padding:6px 10px;font-size:.75em}}
