.card-detail-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;overflow:hidden}.card-detail-modal{background:#fff;border-radius:1rem;max-width:70rem;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.card-detail-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:1rem 1rem 0 0;padding:1rem 1.5rem;box-shadow:4px 4px 8px #0000001a,-2px -2px 6px #fffc,inset 1px 1px 2px #ffffff80}.card-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.8);padding:.5rem 1rem;background:#ffffff4d;border-radius:.75rem;box-shadow:2px 2px 4px #0000000d,-1px -1px 3px #ffffffb3}.card-detail-close{color:#9ca3af;transition:all .2s;background:#fff;border:1px solid #e5e7eb;cursor:pointer;padding:.5rem;border-radius:.75rem;box-shadow:2px 2px 4px #00000014,-1px -1px 3px #fff9}.card-detail-close:hover{color:#6b7280;box-shadow:inset 2px 2px 4px #a3b1c626,inset -1px -1px 3px #fff6}.card-detail-content{overflow-y:auto;max-height:calc(90vh - 80px)}.card-detail-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:1.5rem}.card-image-section{display:flex;flex-direction:column;gap:1rem}.card-image-navigation{display:flex;gap:.5rem}.card-image-nav-btn{padding:.5rem .75rem;font-size:.875rem;border-radius:.75rem;transition:all .2s;border:1px solid;cursor:pointer}.card-image-nav-btn.active{background-color:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:4px 4px 8px #2563eb4d,-2px -2px 6px #93c5fd33}.card-image-nav-btn:not(.active){background-color:#fff;color:#374151;border-color:#e5e7eb;box-shadow:4px 4px 8px #0000001a,-2px -2px 6px #fffc}.card-image-nav-btn:not(.active):hover{box-shadow:inset 2px 2px 4px #a3b1c633,inset -1px -1px 3px #fff9}.image-upload-section{margin-top:1rem}.image-upload-controls{margin-top:.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.card-info-section{display:flex;flex-direction:column;gap:1.5rem}.form-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:#fff}.form-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:#3b82f6}.form-input.error{border-color:#dc2626;background-color:#fef2f2}.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-textarea{resize:vertical;min-height:6rem}.form-error{font-size:.875rem;color:#dc2626;margin-top:.25rem}.feature-toggles{display:grid;grid-template-columns:1fr;gap:1rem}.card-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.card-action-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;transition:all .2s;text-decoration:none;border:none;cursor:pointer;font-size:.875rem;box-shadow:4px 4px 8px #0000001a,-2px -2px 6px #fffc}.card-action-btn:disabled{opacity:.5;cursor:not-allowed}.card-action-btn.primary{background:#2563eb;color:#fff;box-shadow:4px 4px 8px #2563eb4d,-2px -2px 6px #93c5fd33}.card-action-btn.primary:hover:not(:disabled){background:#1d4ed8;box-shadow:inset 2px 2px 4px #1d4ed84d,inset -1px -1px 3px #93c5fd33}.card-action-btn.secondary{background:#10b981;color:#fff;box-shadow:4px 4px 8px #10b9814d,-2px -2px 6px #6ee7b733}.card-action-btn.secondary:hover:not(:disabled){background:#059669;box-shadow:inset 2px 2px 4px #0596694d,inset -1px -1px 3px #6ee7b733}.card-action-btn.warning{background-color:#fff;border-color:#f59e0b;color:#f59e0b}.card-action-btn.warning:hover:not(:disabled){background-color:#fef3c7}.card-action-btn.danger{background-color:#fff;border-color:#dc2626;color:#dc2626}.card-action-btn.danger:hover:not(:disabled){background-color:#fef2f2}.ebay-actions{display:flex;gap:.5rem}.card-stats{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#6b7280}.card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.manual-save-section{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.manual-save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:4px 4px 8px #2563eb4d,-2px -2px 6px #93c5fd33}.manual-save-btn:hover{background:#1d4ed8;box-shadow:inset 2px 2px 4px #1d4ed84d,inset -1px -1px 3px #93c5fd33}.save-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.spinner{animation:spin 1s linear infinite;width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;display:inline-block}.spinner.large{width:2rem;height:2rem;border-width:3px}.spinner.small{width:.75rem;height:.75rem;border-width:1.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-container{background:#fff;border-radius:1rem;padding:3rem 2rem;max-width:28rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:fadeIn .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-content .spinner{width:2.5rem;height:2.5rem;border-width:3px}.loading-content span{font-size:1rem;font-weight:500;color:#374151;animation:pulse 2s ease-in-out infinite}.error-container{background:#fff;border-radius:1rem;padding:3rem 2rem;max-width:28rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:fadeIn .3s ease-out;border-left:4px solid #dc2626}.error-content{text-align:center}.error-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-title:before{content:"⚠️";font-size:1.5rem}.error-message{color:#6b7280;margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.error-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.error-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-size:.875rem;min-width:80px;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-btn:disabled{opacity:.5;cursor:not-allowed}.error-btn.primary{background-color:#2563eb;color:#fff;box-shadow:0 1px 2px #0000000d}.error-btn.primary:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.error-btn.secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-btn.secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.save-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;animation:fadeIn .2s ease-out}.save-indicator .spinner{width:1rem;height:1rem}.card-action-btn .spinner{width:1rem;height:1rem;margin-right:.5rem}.form-field.loading{opacity:.6;pointer-events:none}.form-field.loading .form-input{background-color:#f9fafb}@media (min-width: 480px){.feature-toggles{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px){.form-grid-2{grid-template-columns:repeat(2,1fr)}.ebay-actions{flex-direction:row}}@media (min-width: 768px){.card-detail-grid{grid-template-columns:1fr 1fr;gap:2rem}.card-detail-header{padding:1rem 1.25rem}.feature-toggles{grid-template-columns:repeat(2,1fr)}.card-actions{flex-direction:row;gap:1rem}.card-action-btn{width:auto;flex:1}}@media (min-width: 1024px){.card-detail-grid{padding:2.5rem;gap:3rem}.card-detail-header{padding:1rem 1.25rem}.form-section{padding-bottom:2rem}}@media (min-width: 1280px){.card-detail-grid{grid-template-columns:minmax(300px,1fr) minmax(400px,2fr);gap:3.5rem}.feature-toggles{grid-template-columns:repeat(4,1fr)}}.card-detail-close:focus,.card-action-btn:focus,.manual-save-btn:focus,.error-btn:focus,.form-input:focus,.form-textarea:focus,.card-image-nav-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.form-input{border-width:2px}.form-input:focus{border-width:3px}.card-action-btn{border-width:2px}.spinner{border-width:3px}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border:2px solid #3b82f6}.loading-container,.error-container,.save-indicator{animation:none}.error-btn:hover{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-input::placeholder{color:#9ca3af}@media (max-width: 767px){.card-detail-overlay{padding:.5rem}.card-detail-header{padding:1rem 1.25rem}.card-detail-grid{padding:1rem;gap:1.5rem}.form-grid-2{grid-template-columns:1fr}.feature-toggles{grid-template-columns:repeat(2,1fr)}.ebay-actions{flex-direction:column}}