.detail-list-container[data-v-57c4d946]{padding:20px;background:#f5f5f5;min-height:100vh;overflow:visible}.title-header[data-v-57c4d946]{margin-bottom:20px;position:relative}.back-button[data-v-57c4d946],.title-header[data-v-57c4d946]{display:flex;align-items:center;justify-content:center;height:40px}.back-button[data-v-57c4d946]{width:40px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#333;flex-shrink:0;position:absolute;left:0;top:0}.section-title[data-v-57c4d946]{font-size:24px;font-weight:600;margin:0;padding:0;line-height:40px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;height:40px}.detail-section[data-v-57c4d946]{background:#fff;border-radius:8px;padding:0 24px 24px 24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:visible}.section-title[data-v-57c4d946]{font-size:18px;font-weight:700;color:#333}.filter-section[data-v-57c4d946]{border:1px solid #e0e0e0;border-radius:6px;padding:16px;position:relative;z-index:2;overflow:visible}.filter-row[data-v-57c4d946]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-item[data-v-57c4d946]{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.time-filter-container[data-v-57c4d946]{flex-direction:column;align-items:flex-start;min-width:300px;max-width:100%}.time-filter-row[data-v-57c4d946]{display:flex;gap:16px;width:100%;margin-top:8px}.time-filter-item[data-v-57c4d946]{display:flex;flex-direction:column;gap:4px;flex:1}.time-label[data-v-57c4d946]{font-size:12px;color:#999;font-weight:400}.time-picker-container[data-v-57c4d946]{display:flex;align-items:center;gap:8px;position:relative}.clear-time-btn[data-v-57c4d946]{background:#f5f5f5;border:1px solid #ddd;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;cursor:pointer;transition:all .2s;padding:0;line-height:1}.clear-time-btn[data-v-57c4d946]:hover{background:#e0e0e0;color:#333}.clear-time-btn[data-v-57c4d946]:active{transform:scale(.95)}.filter-label[data-v-57c4d946]{font-size:14px;color:#666;font-weight:500;white-space:nowrap}.filter-picker-wrapper[data-v-57c4d946]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333;min-width:120px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.filter-picker-wrapper[data-v-57c4d946]:hover{border-color:#4caf50}.filter-picker-text[data-v-57c4d946]{flex:1}.filter-picker-icon[data-v-57c4d946]{font-size:12px;color:#666;transition:transform .3s ease}.filter-picker-wrapper:active .filter-picker-icon[data-v-57c4d946]{transform:rotate(180deg)}.filter-btn[data-v-57c4d946]{background:#4caf50!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer;transition:background-color .3s;padding:0}.filter-btn[data-v-57c4d946]:hover{background:#45a049!important}.detail-table-section[data-v-57c4d946]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.table-wrapper[data-v-57c4d946]{overflow-x:auto}.detail-table[data-v-57c4d946]{width:100%;border-collapse:collapse;font-size:14px}.detail-table th[data-v-57c4d946]{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef}.detail-table td[data-v-57c4d946]{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#666}.detail-table tbody tr[data-v-57c4d946]:hover{background:#f8f9fa}.amount-positive[data-v-57c4d946]{color:#28a745;font-weight:600}.amount-negative[data-v-57c4d946]{color:#dc3545;font-weight:600}.type-tag[data-v-57c4d946]{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.type-subscription[data-v-57c4d946]{background:#fff3cd;color:#856404}.type-reward[data-v-57c4d946]{background:#d1ecf1;color:#0c5460}.type-withdraw[data-v-57c4d946]{background:#f8d7da;color:#721c24}.type-deposit[data-v-57c4d946]{background:#d4edda;color:#155724}.type-refund[data-v-57c4d946]{background:#e2e3e5;color:#383d41}.type-internal-out[data-v-57c4d946]{background:#fbeaea;color:#7a1f1f}.type-internal-in[data-v-57c4d946]{background:#eaf7ea;color:#1f7a1f}.type-upgrade-node[data-v-57c4d946]{background:#f3e5f5;color:#6a1b9a}.empty-state[data-v-57c4d946]{text-align:center;padding:40px 20px;color:#999}.empty-state p[data-v-57c4d946]{margin:0;font-size:14px}.loading-state[data-v-57c4d946]{text-align:center;padding:40px 20px;color:#666}.loading-state p[data-v-57c4d946]{margin:0;font-size:14px}@media (max-width:768px){.detail-list-container[data-v-57c4d946]{padding:16px}.detail-section[data-v-57c4d946]{padding:6px 16px 16px 16px}.detail-table-section[data-v-57c4d946]{padding:16px}.filter-row[data-v-57c4d946]{flex-direction:column;align-items:stretch;gap:12px}.filter-item[data-v-57c4d946]{flex-direction:column;align-items:stretch;gap:4px;min-width:auto}.time-filter-container[data-v-57c4d946]{min-width:auto;max-width:100%}.time-filter-row[data-v-57c4d946]{flex-direction:column;gap:12px}.time-filter-item[data-v-57c4d946]{width:100%}.filter-picker-wrapper[data-v-57c4d946]{width:100%;min-width:auto}.filter-select[data-v-57c4d946]{min-width:auto}.filter-btn[data-v-57c4d946]{width:100%}.detail-table[data-v-57c4d946]{font-size:12px}.detail-table td[data-v-57c4d946],.detail-table th[data-v-57c4d946]{padding:8px 12px}}