.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.form-group label{font-weight:600;color:#555;font-size:14px}.form-control{padding:10px 12px;border:2px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:10px;margin-top:20px}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-sm{padding:8px 16px;font-size:12px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.status-success{background:#d4edda;color:#155724}.status-badge.status-warning{background:#fff3cd;color:#856404}.status-badge.status-info{background:#d1ecf1;color:#0c5460}.status-badge.status-error{background:#f8d7da;color:#721c24}.status-badge.status-default{background:#e2e3e5;color:#383d41}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.loading-container{padding:40px 20px}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 40px;color:#666}@media (max-width: 768px){.empty-state{padding:40px 20px}}.empty-state .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}@media (max-width: 768px){.empty-state .empty-icon{font-size:48px}}.empty-state h3{margin:0 0 10px;color:#333;font-size:20px}@media (max-width: 768px){.empty-state h3{font-size:18px}}.empty-state p{margin:0;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;background:#f8f9fa}@media (max-width: 768px){.pagination{padding:15px;gap:10px;flex-wrap:wrap}}.page-info{color:#666;font-size:14px}.error-message{margin-top:20px;padding:15px;background:#f8d7da;color:#721c24;border-radius:5px;text-align:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media (max-width: 768px){.modal-overlay{padding:20px 0 0;align-items:flex-end}}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.modal-content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}@media (max-width: 768px){.modal-header{padding:15px}}.modal-header h3{margin:0;color:#333;font-size:18px}@media (max-width: 768px){.modal-header h3{font-size:16px}}.modal-close,.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover,.close-btn:hover{background:#e9ecef;color:#333}.modal-body{flex:1;overflow-y:auto;padding:20px}@media (max-width: 768px){.modal-body{padding:15px}}.modal-footer{padding:20px;border-top:1px solid #eee;background:#f8f9fa;display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.modal-footer{padding:15px;flex-direction:column}.modal-footer .btn{width:100%}}.modal-tabs{display:flex;border-bottom:1px solid #eee;background:#f8f9fa;overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:fit-content}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{flex:1;padding:15px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;min-width:fit-content}@media (max-width: 768px){.modal-tab{padding:12px 15px;font-size:13px}}.modal-tab.active{color:#667eea;background:#fff;border-bottom-color:#667eea}.modal-tab:hover:not(.active){color:#333;background:#e9ecef}.filter-tabs{display:flex;gap:5px;background:#f8f9fa;border-radius:8px;padding:4px}.filter-tab{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;color:#666}.filter-tab.active{background:#fff;color:#333;box-shadow:0 2px 4px #0000001a}.filter-tab:hover:not(.active){background:#e9ecef;color:#333}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}}.section-header h4{margin:0;color:#333;font-size:18px;border-bottom:2px solid #667eea;padding-bottom:8px}@media (max-width: 768px){.section-header h4{font-size:16px}}.wallet-address,.tx-hash{font-family:monospace;font-size:12px;background:#f8f9fa;padding:4px 8px;border-radius:4px;word-break:break-all;display:inline-block}.tx-hash{background:#e9ecef}.card-base{border:1px solid #eee;border-radius:8px;background:#f8f9fa;transition:all .3s ease}.card-base:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:8px}.card-content{padding:20px;background:#fff;border-radius:0 0 8px 8px}.card-id{font-weight:600;color:#333;font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}@media (max-width: 768px){.info-grid{grid-template-columns:1fr;gap:10px}}html{font-family:Noto Sans,sans-serif}*{font-family:inherit;box-sizing:border-box}:root{--box: calc((100vw - 1200px)/2) }@media (max-width: 768px){:root{--box: 0}}body{margin:0;padding:0;line-height:1.6;color:#333;background:#f5f5f5}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-weight:600;color:#555;font-size:14px}.detail-item span{color:#333;font-size:14px;word-break:break-all}.detail-item span.amount{color:#28a745;font-weight:600}.detail-item span.points{color:#667eea;font-weight:600}