.resale-page { max-width: none; }
.resale-filter-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
.resale-table-scroll { max-height: 62vh; overflow: auto; }
.resale-table { min-width: 2450px; }
.resale-table thead { position: sticky; top: 0; z-index: 2; }
.resale-table th button { background: none; border: 0; color: inherit; cursor: pointer; font: inherit; padding: 0; text-align: left; text-transform: inherit; }
.resale-table th button::after { content: " ↕"; color: #71829c; font-size: .75em; }
.resale-table th button[data-direction="asc"]::after { content: " ↑"; color: #38c7a1; }
.resale-table th button[data-direction="desc"]::after { content: " ↓"; color: #38c7a1; }
.resale-table td { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.resale-table .resale-serial { color: #dbeafe; font-family: Consolas, monospace; font-weight: 800; }
.resale-dialog { width: min(1120px, 96vw); }
.resale-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-height: 70vh; overflow: auto; }
.resale-form-grid label { display: flex; flex-direction: column; gap: 7px; color: #aebbd0; font-size: .78rem; font-weight: 800; text-transform: uppercase; }
.resale-form-grid input, .resale-form-grid select { background: #101827; border: 1px solid #334156; border-radius: 8px; color: #f5f7fb; min-height: 42px; padding: 9px 11px; }
.resale-form-grid small { color: #71829c; font-size: .68rem; font-weight: 500; text-transform: none; }
.resale-form-message { color: #f6b955; grid-column: 1 / -1; min-height: 1.2em; }
.resale-import-dialog { width: min(950px, 95vw); }
#import-picker { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
#import-picker p { flex-basis: 100%; color: #aebbd0; }
#import-file { background: #101827; border: 1px solid #334156; border-radius: 8px; color: #f5f7fb; padding: 10px; }
.resale-import-counts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 15px; }
.resale-import-counts span { background: #111b2b; border: 1px solid #334156; border-radius: 10px; padding: 14px; text-align: center; }
.resale-import-counts strong { display: block; font-size: 1.5rem; }
.resale-import-counts .valid strong { color: #38c7a1; }.resale-import-counts .duplicate strong { color: #f6b955; }.resale-import-counts .error strong { color: #ff6b7a; }
.resale-preview-scroll { max-height: 42vh; overflow: auto; }
.resale-preview-scroll table { min-width: 760px; }
.resale-status-valid { color: #38c7a1; }.resale-status-duplicate { color: #f6b955; }.resale-status-error { color: #ff6b7a; }
@media (max-width: 850px) { .resale-form-grid { grid-template-columns: 1fr 1fr; } .resale-import-counts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .resale-form-grid { grid-template-columns: 1fr; } }