.sales-order-container{box-shadow:var(--shadow-light);border-radius:18px;flex-direction:column;max-width:1400px;margin:1.2rem auto 2rem;padding:2.5rem 2rem;transition:background .3s;display:flex;margin-top:0!important}@media (prefers-color-scheme:dark){.sales-order-container{background:var(--card-bg-dark);box-shadow:var(--shadow-dark)}}.sales-order-header{align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex;background:0 0!important}.sales-order-layout{flex:1;gap:2rem;display:flex}.sales-order-sidebar{box-shadow:var(--shadow-light);border-radius:14px;flex-direction:column;flex:0 0 160px;gap:1.5rem;min-width:140px;padding:1.5rem .8rem;transition:background .3s;display:flex;background:0 0!important}@media (prefers-color-scheme:dark){.sales-order-sidebar{background:var(--sidebar-bg-dark);box-shadow:var(--shadow-dark)}}.status-filters{flex-direction:column;gap:.5rem;display:flex}.status-filters button{color:var(--text-primary-light);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;min-height:3.2rem;padding:.8rem .6rem;font-size:.9rem;font-weight:600;line-height:1.2;transition:background .18s,color .18s;display:flex;position:relative}.status-filters button.active,.status-filters button:hover{background:var(--primary-gradient);color:#fff}.status-filters button .status-indicator{background:#6b7280;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-right:.5rem;display:inline-block;box-shadow:0 0 6px rgba(0,0,0,.1)}.status-filters button.active .status-indicator,.status-filters button:hover .status-indicator{background:#fff}@media (prefers-color-scheme:dark){.status-filters button .status-indicator{background:#9ca3af}.status-filters button.active .status-indicator,.status-filters button:hover .status-indicator{background:#fff}}.status-filters button .status-text{letter-spacing:.2px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;font-weight:500}@media (prefers-color-scheme:dark){.status-filters button{color:#e5e7eb!important}.status-filters button.active,.status-filters button:hover{color:#fff!important}}.sales-order-content{background:0 0;border-radius:14px;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.table-container{box-shadow:var(--shadow-light);border-radius:12px;max-width:100%;padding:1.5rem 1rem 1rem;transition:background .3s;overflow-x:auto;background:0 0!important;margin-top:0!important;padding-top:1.5rem!important}.sales-order-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1640px;color:var(--text-primary-light);font-size:1.08rem}.sales-order-table th:first-child,.sales-order-table td:first-child{width:200px;min-width:200px}.sales-order-table th:nth-child(2),.sales-order-table td:nth-child(2){width:150px;min-width:150px}.sales-order-table th:nth-child(3),.sales-order-table td:nth-child(3){width:180px;min-width:180px}.sales-order-table th:nth-child(4),.sales-order-table td:nth-child(4){width:100px;min-width:100px}.sales-order-table th:nth-child(5),.sales-order-table td:nth-child(5){white-space:nowrap;width:180px;min-width:180px}.sales-order-table th:nth-child(6),.sales-order-table td:nth-child(6),.sales-order-table th:nth-child(7),.sales-order-table td:nth-child(7){width:120px;min-width:120px}.sales-order-table th:nth-child(8),.sales-order-table td:nth-child(8){width:80px;min-width:80px}.sales-order-table th:nth-child(9),.sales-order-table td:nth-child(9){width:150px;min-width:150px}@media (prefers-color-scheme:dark){.table-container{background:var(--card-bg-dark);box-shadow:var(--shadow-dark)}}.sales-order-table th{text-align:left;color:var(--primary-color);border-bottom:2px solid var(--border-light);letter-spacing:.2px;background:0 0;padding:.8rem;font-weight:700}.sales-order-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;background:0 0;padding:.75rem .8rem;font-weight:500}.sales-order-table tr:hover td{background:var(--badge-bg-light);transition:background .18s}@media (prefers-color-scheme:dark){.sales-order-container .sales-order-table{color:var(--text-primary-dark)}.sales-order-container .sales-order-table th{color:#aab6ff!important}.sales-order-container .sales-order-table td{border-bottom:1px solid var(--border-dark);color:#f3f4f6!important}.sales-order-container .sales-order-table tr:hover td{background:#3a3f5c;color:#fff!important}.sales-order-container .table-container .sales-order-table tbody td{color:#f3f4f6!important}.sales-order-container .table-container .sales-order-table tbody tr:hover td{background:#3a3f5c;color:#fff!important}}.sales-order-container .table-container .sales-order-table tbody tr td{color:var(--text-primary-light)!important}@media (prefers-color-scheme:dark){.sales-order-container .table-container .sales-order-table tbody tr td{color:#f3f4f6!important}.sales-order-container .table-container .sales-order-table tbody tr:hover td{color:#fff!important}}.sales-order-container .sales-order-table tbody td{color:var(--text-primary-light)!important}@media (prefers-color-scheme:dark){.sales-order-container .sales-order-table tbody td{color:#f3f4f6!important}.sales-order-container .sales-order-table tbody tr:hover td{background:#3a3f5c;color:#fff!important}}.dark .sales-order-container .sales-order-table td,.dark .sales-order-container .sales-order-table tbody td{color:#f3f4f6!important}.dark .sales-order-container .sales-order-table tbody tr:hover td{background:#3a3f5c;color:#fff!important}.sales-order-container .sales-order-table td,.sales-order-container .sales-order-table tbody td,.sales-order-container .table-container .sales-order-table td,.sales-order-container .table-container .sales-order-table tbody td{color:var(--text-primary-light)!important}@media (prefers-color-scheme:dark){.sales-order-container .sales-order-table td,.sales-order-container .sales-order-table tbody td,.sales-order-container .table-container .sales-order-table td,.sales-order-container .table-container .sales-order-table tbody td{color:#f3f4f6!important}.sales-order-container .sales-order-table tr:hover td,.sales-order-container .sales-order-table tbody tr:hover td,.sales-order-container .table-container .sales-order-table tr:hover td,.sales-order-container .table-container .sales-order-table tbody tr:hover td{background:#3a3f5c;color:#fff!important}}.dark .sales-order-container .sales-order-table td,.dark .sales-order-container .sales-order-table tbody td,.dark .sales-order-container .table-container .sales-order-table td,.dark .sales-order-container .table-container .sales-order-table tbody td{color:#f3f4f6!important}.dark .sales-order-container .sales-order-table tr:hover td,.dark .sales-order-container .sales-order-table tbody tr:hover td,.dark .sales-order-container .table-container .sales-order-table tr:hover td,.dark .sales-order-container .table-container .sales-order-table tbody tr:hover td{background:#3a3f5c;color:#fff!important}.sidebar-divider{background:var(--border-light,#e5e7eb);opacity:.7;border:none;height:1px;margin:.2rem 0 .2rem .5rem}@media (prefers-color-scheme:dark){.sidebar-divider{background:var(--border-dark,#35374a)}}.order-id,.member-address{letter-spacing:.1px;word-break:break-all;font-family:Space Grotesk,monospace;font-size:.97rem}.sales-order-container .clickable-cell a,.sales-order-container .order-id a{transition:all .2s;color:#f3f4f6!important;text-decoration:none!important}.sales-order-container .clickable-cell a:hover,.sales-order-container .order-id a:hover{color:#fff!important;text-decoration:underline!important}@media (prefers-color-scheme:light){.sales-order-container .clickable-cell a,.sales-order-container .order-id a{color:var(--primary-color)!important}.sales-order-container .clickable-cell a:hover,.sales-order-container .order-id a:hover{color:var(--primary-color-hover)!important;text-decoration:underline!important}}.amount-cell{text-align:right;font-variant-numeric:tabular-nums}.datetime-cell{color:var(--text-secondary-light);font-size:.95rem}@media (prefers-color-scheme:dark){.datetime-cell{color:#e5e7eb!important}}.status-badge{text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:20px;min-width:80px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.status-badge.pending-confirmation{color:#92400e;background:#fef3c7}@media (prefers-color-scheme:dark){.status-badge.pending-confirmation{color:#fbbf24;background:#451a03}}.status-badge.pending-collection{color:#1e40af;background:#dbeafe}@media (prefers-color-scheme:dark){.status-badge.pending-collection{color:#60a5fa;background:#1e3a8a}}.status-badge.pending-payment{color:#be185d;background:#fce7f3}@media (prefers-color-scheme:dark){.status-badge.pending-payment{color:#f472b6;background:#831843}}.status-badge.pending-fulfillment{color:#065f46;background:#d1fae5}@media (prefers-color-scheme:dark){.status-badge.pending-fulfillment{color:#34d399;background:#064e3b}}.status-badge.fulfillment-completed{color:#166534;background:#dcfce7}@media (prefers-color-scheme:dark){.status-badge.fulfillment-completed{color:#4ade80;background:#14532d}}.pagination-container{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex}.pagination-button{border:1px solid var(--border-light);background:var(--card-bg-light);color:var(--text-primary-light);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.pagination-button:hover:not(:disabled){background:var(--primary-gradient);color:#fff;border-color:transparent}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary-light);font-size:.95rem;font-weight:500}@media (prefers-color-scheme:dark){.pagination-button{background:var(--card-bg-dark);border-color:var(--border-dark);color:var(--text-primary-dark)}.pagination-info{color:var(--text-secondary-dark)}}.loading-spinner{color:var(--text-secondary-light);justify-content:center;align-items:center;padding:3rem;display:flex}@media (prefers-color-scheme:dark){.loading-spinner{color:var(--text-secondary-dark)}}.error-message{color:#dc2626;background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;margin:1rem 0;padding:1rem}@media (prefers-color-scheme:dark){.error-message{color:#fca5a5;background:#7f1d1d;border-left-color:#fca5a5}}.empty-state{text-align:center;color:var(--text-secondary-light);padding:3rem 1rem}.empty-state h3{color:var(--text-primary-light);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-state p{margin-bottom:0;font-size:1rem}@media (prefers-color-scheme:dark){.empty-state{color:var(--text-secondary-dark)}.empty-state h3{color:var(--text-primary-dark)}}@media (max-width:768px){.sales-order-container{margin:.5rem auto 1rem;padding:1.5rem 1rem}.sales-order-layout{flex-direction:column;gap:1rem}.sales-order-sidebar{flex:none;width:100%;min-width:auto}.status-filters{flex-direction:row;gap:.5rem;padding-bottom:.5rem;overflow-x:auto}.status-filters button{text-align:center;flex-shrink:0;min-width:120px;padding:.75rem 1rem}.table-container{padding:1rem .5rem;overflow-x:auto}.sales-order-table{font-size:.95rem}.sales-order-table th,.sales-order-table td{padding:.75rem .5rem}}