.sales-tabs{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}
.sales-tabs button,.sales-pages button,.sales-presets button{background:#fff;border:1px solid #dce3f3;border-radius:10px;padding:10px 15px;color:#1d2840;cursor:pointer}
.sales-tabs button.active{border-color:#5b58e8;color:#4e4ad7;font-weight:700}
.sales-filter-card{background:#fff;border:1px solid #dce3f3;border-radius:16px;padding:16px;margin-bottom:16px}
.sales-filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 0 12px}.sales-filter-row:last-child{margin-bottom:0}
.sales-filter-row label{display:flex;flex-direction:column;gap:5px;color:#5d6981;font-size:13px}.sales-filter-row input:not([type=checkbox]),.sales-filter-row select{border:1px solid #dce3f3;border-radius:8px;padding:9px 10px;min-height:39px;min-width:125px;max-width:100%}
.sales-filter-row input[name=product],.sales-filter-row input[name=email]{min-width:200px}.sales-filter-row label.sales-check{flex-direction:row;align-items:center;gap:6px;color:#263248;min-height:39px}
.sales-presets{display:flex;gap:5px;flex-wrap:wrap}.sales-presets button{padding:9px 10px}
.sales-summary-line,.sales-pages{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin:10px 0;color:#5d6981}
.sales-table-wrap{max-width:100%;overflow:auto;background:#fff;border:1px solid #dce3f3;border-radius:15px}
.sales-table{width:2710px;min-width:2710px;table-layout:fixed;border-collapse:collapse}.sales-table th,.sales-table td{box-sizing:border-box;padding:11px 12px;border-bottom:1px solid #e8edf6;text-align:left;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sales-table th{position:sticky;top:0;background:#f7f9ff;color:#607088;font-size:12px}.sales-table td[title]{cursor:default}.sales-table tr:hover td{background:#f8f9ff}.sales-table .sales-col-id{width:64px}.sales-table .sales-col-date{width:130px}.sales-table .sales-col-email{width:210px}.sales-table .sales-col-product{width:330px}.sales-table .sales-col-type{width:135px}.sales-table .sales-col-currency{width:80px}.sales-table .sales-col-money{width:115px}.sales-table .sales-col-paid{width:135px}.sales-table .sales-col-status{width:110px}.sales-table .sales-col-class{width:105px}.sales-table .sales-col-report{width:120px}.sales-table .sales-col-api{width:72px}.sales-table .sales-col-fact{width:105px}.sales-table .sales-col-note{width:340px}.sales-table .sales-col-comment{width:310px}
.sales-pages{justify-content:flex-end}.sales-pages button:disabled{opacity:.45;cursor:default}
.sales-import-progress{margin:16px 0;padding:13px 14px;border:1px solid #d9ddff;background:#f7f7ff;border-radius:10px;color:#29324d}.sales-import-progress b,.sales-import-progress small{display:block}.sales-import-progress small{margin-top:5px;color:#6a7389}
.sales-settings-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:16px}.sales-settings-grid .card,.sales-history{padding:20px}.sales-settings-grid h2,.sales-history h2{margin:0 0 14px}.sales-settings-grid input[type=file]{display:block;max-width:100%;margin:18px 0}.sales-import-counts{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.sales-import-fields{margin:0;color:#5d6981;font-size:13px}.sales-history{margin-top:16px}
.sales-api-card form{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;margin-top:16px}.sales-api-card form>label{display:flex;flex-direction:column;gap:6px;color:#5d6981;font-size:13px}.sales-api-card input:not([type=checkbox]),.sales-api-card select{border:1px solid #dce3f3;border-radius:8px;padding:9px 10px;min-height:39px;width:100%}.sales-api-card label.sales-api-switch{grid-column:1/-1;flex-direction:row;align-items:center;color:#263248}.sales-api-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.sales-api-actions button{border:1px solid #dce3f3;border-radius:9px;padding:10px 14px;cursor:pointer}.sales-api-actions button:disabled{opacity:.5;cursor:default}
@media(max-width:850px){.sales-settings-grid{grid-template-columns:1fr}.sales-filter-row{align-items:stretch}.sales-filter-row label{width:100%}.sales-filter-row input:not([type=checkbox]),.sales-filter-row select{width:100%}}
@media(max-width:540px){.sales-api-card form{grid-template-columns:1fr}.sales-api-card label.sales-api-switch,.sales-api-actions{grid-column:1}}