.ecommerce-loading,.ecommerce-error{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top:4px solid var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner-small{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid var(--color-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ecommerce-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ecommerce-error h2{margin-top:0;color:#dc2626}.ecommerce-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.ecommerce-status-success{background-color:#dcfce7;color:#16a34a}.ecommerce-status-warning{background-color:#fef3c7;color:#d97706}.ecommerce-status-danger{background-color:#fee2e2;color:#dc2626}.ecommerce-status-info{background-color:#dbeafe;color:var(--color-primary, #2563eb)}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary, #2563eb);filter:brightness(.9)}.btn-success{background-color:var(--color-success, #10b981);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success, #059669);filter:brightness(.9)}.btn-outline{background-color:transparent;color:#374151;border:1px solid #d1d5db}.btn-outline:hover:not(:disabled){background-color:#f9fafb}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input-error{border-color:#dc2626}.form-input-error:focus{box-shadow:0 0 0 3px #dc26261a}.form-error{color:#dc2626;font-size:.75rem;margin-top:.25rem;font-weight:500}.form-message{padding:1rem;border-radius:4px;margin-bottom:1rem;font-weight:500}.form-message-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.form-section{margin-bottom:2rem}.form-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#1f2937;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.ecommerce-no-products,.ecommerce-no-orders,.ecommerce-cart-empty{text-align:center;color:#6b7280;padding:3rem;font-size:.875rem}.ecommerce-section-title{font-size:1.875rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.ecommerce-card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.btn-lg{padding:.75rem 1.25rem;font-size:.9375rem}}