:root{--so-bg-primary:#fff;--so-bg-secondary:#f8fafc;--so-bg-tertiary:#f1f5f9;--so-text-primary:#1e293b;--so-text-secondary:#64748b;--so-text-muted:#94a3b8;--so-border:#e2e8f0;--so-border-light:#f1f5f9;--so-brand:#2563eb;--so-brand-hover:#1d4ed8;--so-brand-light:#eef2ff;--so-success:#10b981;--so-success-light:#d1fae5;--so-warning:#f59e0b;--so-warning-light:#fff4e5;--so-danger:#ef4444;--so-danger-light:#fee2e2;--so-info:#3b82f6;--so-info-light:#e0f2fe;--so-purple:#7e22ce;--so-purple-light:#f3e8ff;--so-shadow:#0000000d;--so-shadow-md:#0000001a;--so-skeleton-bg:#e2e8f0;--so-skeleton-gradient:#f1f5f9}@media (prefers-color-scheme:dark){:root{--so-bg-primary:#1e293b;--so-bg-secondary:#0f172a;--so-bg-tertiary:#334155;--so-text-primary:#f1f5f9;--so-text-secondary:#cbd5e1;--so-text-muted:#94a3b8;--so-border:#334155;--so-border-light:#1e293b;--so-brand:#3b82f6;--so-brand-hover:#60a5fa;--so-brand-light:#1e3a5f;--so-success:#34d399;--so-success-light:#064e3b;--so-warning:#fbbf24;--so-warning-light:#78350f;--so-danger:#f87171;--so-danger-light:#7f1d1d;--so-info:#60a5fa;--so-info-light:#1e3a5f;--so-purple:#a855f7;--so-purple-light:#4c1d95;--so-shadow:#0003;--so-shadow-md:#0000004d;--so-skeleton-bg:#334155;--so-skeleton-gradient:#475569}}.dark-mode{--so-bg-primary:#1e293b;--so-bg-secondary:#0f172a;--so-bg-tertiary:#334155;--so-text-primary:#f1f5f9;--so-text-secondary:#cbd5e1;--so-text-muted:#94a3b8;--so-border:#334155;--so-border-light:#1e293b;--so-brand:#3b82f6;--so-brand-hover:#60a5fa;--so-brand-light:#1e3a5f;--so-success:#34d399;--so-success-light:#064e3b;--so-warning:#fbbf24;--so-warning-light:#78350f;--so-danger:#f87171;--so-danger-light:#7f1d1d;--so-info:#60a5fa;--so-info-light:#1e3a5f;--so-purple:#a855f7;--so-purple-light:#4c1d95;--so-shadow:#0003;--so-shadow-md:#0000004d;--so-skeleton-bg:#334155;--so-skeleton-gradient:#475569}.light-mode{--so-bg-primary:#fff;--so-bg-secondary:#f8fafc;--so-bg-tertiary:#f1f5f9;--so-text-primary:#1e293b;--so-text-secondary:#64748b;--so-text-muted:#94a3b8;--so-border:#e2e8f0;--so-border-light:#f1f5f9;--so-brand:#2563eb;--so-brand-hover:#1d4ed8;--so-brand-light:#eef2ff;--so-success:#10b981;--so-success-light:#d1fae5;--so-warning:#f59e0b;--so-warning-light:#fff4e5;--so-danger:#ef4444;--so-danger-light:#fee2e2;--so-info:#3b82f6;--so-info-light:#e0f2fe;--so-purple:#7e22ce;--so-purple-light:#f3e8ff;--so-shadow:#0000000d;--so-shadow-md:#0000001a;--so-skeleton-bg:#e2e8f0;--so-skeleton-gradient:#f1f5f9}.store-orders{background:var(--so-bg-secondary);flex-direction:column;gap:1.5rem;width:100%;min-height:calc(100vh - 150px);margin:0 auto;padding:.5rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-info h1{color:var(--so-text-primary);margin:0;font-size:2rem}.page-subtitle{color:var(--so-text-secondary);margin:.25rem 0 0}.header-actions{gap:.75rem;display:flex}.btn-back{border:1px solid var(--so-text-secondary);color:var(--so-text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.btn-back:hover{background:var(--so-bg-tertiary);border-color:var(--so-brand);color:var(--so-brand)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.store-order-stat-card{background:var(--so-bg-primary);border:1px solid var(--so-border);border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.store-order-stat-card:hover{box-shadow:var(--so-shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-icon.total{background:var(--so-brand-light);color:var(--so-brand)}.stat-icon.pending{background:var(--so-warning-light);color:var(--so-warning)}.stat-icon.processing{background:var(--so-info-light);color:var(--so-info)}.stat-icon.confirmed,.stat-icon.picked-up{background:var(--so-purple-light);color:var(--so-purple)}.stat-icon.dispatched{background:var(--so-info-light);color:var(--so-info)}.stat-icon.delivered{background:var(--so-success-light);color:var(--so-success)}.stat-icon.revenue{background:var(--so-danger-light);color:var(--so-danger)}.stat-details{text-align:center;flex-direction:column;display:flex}.stat-label{color:var(--so-text-secondary);margin-bottom:.25rem;font-size:.875rem}.stat-value{color:var(--so-text-primary);font-size:1.5rem;font-weight:600}.select-filter-card{flex:1;min-width:200px}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.date-input{box-sizing:border-box;border:1px solid var(--so-border);background-color:var(--so-bg-primary);width:100%;min-width:0;color:var(--so-text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.date-input:focus{border-color:var(--so-brand);outline:none;box-shadow:0 0 0 3px #3b82f61a}.orders-table-container{background:var(--so-bg-primary);border:1px solid var(--so-border);border-radius:12px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:center;background:var(--so-bg-secondary);color:var(--so-text-secondary);border-bottom:2px solid var(--so-border);padding:1rem;font-size:.875rem;font-weight:600}.orders-table td{border-bottom:1px solid var(--so-border);vertical-align:middle;color:var(--so-text-primary);padding:1rem}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background:var(--so-bg-tertiary)}.order-id{color:var(--so-text-primary);font-weight:600}.order-total{color:var(--so-success);font-weight:600}.status-badge{border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-icon{font-size:.7rem}.status-badge.pending{background:var(--so-warning-light);color:var(--so-warning)}.status-badge.processing{background:var(--so-info-light);color:var(--so-info)}.status-badge.confirmed{background:var(--so-purple-light);color:var(--so-purple)}.status-badge.dispatched{background:var(--so-info-light);color:var(--so-info)}.status-badge.delivered{background:var(--so-success-light);color:var(--so-success)}.status-badge.cancelled{background:var(--so-danger-light);color:var(--so-danger)}.status-badge.refunded{background:var(--so-bg-tertiary);color:var(--so-text-secondary)}.status-badge.picked_up{background:var(--so-purple-light);color:var(--so-purple)}.payment-status{text-transform:capitalize;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.payment-status.paid{background:var(--so-success-light);color:var(--so-success)}.payment-status.pending{background:var(--so-warning-light);color:var(--so-warning)}.payment-status.failed{background:var(--so-danger-light);color:var(--so-danger)}.payment-status.refunded{background:var(--so-bg-tertiary);color:var(--so-text-secondary)}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.order-row{background:var(--so-bg-primary);border:1px solid var(--so-border);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.order-row:hover{box-shadow:var(--so-shadow-md);transform:translateY(-2px)}.order-row-info-header{border-bottom:1px solid var(--so-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.order-row-info-header h2{color:var(--so-text-primary);margin:0;font-size:1rem}.store-order-actions{gap:.5rem;display:flex}.btn-primary{background:var(--so-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--so-brand-hover);box-shadow:var(--so-shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--so-bg-primary);color:var(--so-text-primary);border:1px solid var(--so-border);cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--so-bg-tertiary);border-color:var(--so-text-muted)}.btn-view{border:1px solid var(--so-brand);color:var(--so-brand);background:0 0}.btn-view:hover{background:var(--so-brand-light)}.btn-edit{border:1px solid var(--so-success);color:var(--so-success);background:0 0}.btn-edit:hover{background:var(--so-success-light)}.btn-print{border:1px solid var(--so-purple);color:var(--so-purple);background:0 0}.btn-print:hover{background:var(--so-purple-light)}.skeleton{background:linear-gradient(90deg, var(--so-skeleton-bg) 25%, var(--so-skeleton-gradient) 50%, var(--so-skeleton-bg) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{border-radius:4px;height:20px;margin:1rem}.skeleton-text{border-radius:4px;height:15px;margin:.5rem 1rem}.skeleton-button{border-radius:6px;height:36px;margin:1rem}.no-orders{text-align:center;background:var(--so-bg-secondary);color:var(--so-text-secondary);border-radius:12px;padding:3rem}.loading-more{text-align:center;padding:2rem}.loading-spinner{border:3px solid var(--so-border);border-top-color:var(--so-brand);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-more-trigger{height:20px;margin:1rem 0}.end-of-orders{text-align:center;color:var(--so-text-muted);padding:1rem;font-size:.875rem}.checkbox-container{flex-direction:row;align-items:center;gap:.5rem;display:flex}@media (max-width:1024px){.search-filter-bar{flex-direction:column;align-items:stretch}.select-filter-card{width:100%}}@media (max-width:768px){.store-orders{padding:.5rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.orders-grid{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}}@media (max-width:640px){.orders-table th,.orders-table td{padding:.75rem;font-size:.8rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.2rem}}