.sc-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;position:relative}.sc-card:hover{transform:translateY(-4px);border-color:rgba(251,191,36,.4);box-shadow:0 16px 40px rgba(0,0,0,.5)}.sc-disabled{cursor:not-allowed;opacity:.65}.sc-disabled:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.08)}.sc-img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:#0a0e1a;flex-shrink:0}.sc-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.sc-card:hover .sc-img{transform:scale(1.04);filter:brightness(.65)}.sc-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;display:flex;flex-direction:column;gap:.45rem;transform:translateY(110%);transition:transform .28s cubic-bezier(.34,1.2,.64,1);background:linear-gradient(0deg,rgba(5,8,18,.98) 0,rgba(5,8,18,.82))}.sc-card:hover .sc-overlay{transform:translateY(0)}.sc-overlay-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.6rem 1rem;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;letter-spacing:.2px}.sc-add-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0e1a;box-shadow:0 4px 14px rgba(251,191,36,.35)}.sc-add-btn:hover{opacity:.9;box-shadow:0 6px 18px rgba(251,191,36,.45)}.sc-view-btn{background:rgba(255,255,255,.1);color:#f1f5f9;border:1px solid rgba(255,255,255,.15)}.sc-view-btn:hover{background:rgba(255,255,255,.16)}.sc-badge{position:absolute;top:.65rem;left:.65rem;padding:.25rem .65rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.sc-badge-out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sc-badge-stock{background:rgba(34,197,94,.9);color:#fff}.sc-badge-featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0e1a;right:.65rem;left:auto}.sc-badge-soon{background:rgba(251,191,36,.85);color:#0a0e1a}.sc-info{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem;flex:1 1}.sc-name{font-size:.95rem;font-weight:700;color:#f1f5f9;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-price{font-size:1.1rem;font-weight:800;color:#fbbf24;margin:auto 0 0;padding-top:.3rem}.sc-card.skeleton{border-color:rgba(148,163,184,.1);animation:sc-pulse 1.4s ease-in-out infinite}.sc-card.skeleton .sc-img-wrap{background:rgba(148,163,184,.1)}@keyframes sc-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:640px){.sc-name{font-size:.85rem}.sc-price{font-size:1rem}.sc-info{padding:.7rem .85rem .85rem}@media (hover:none){.sc-overlay{transform:translateY(0);background:linear-gradient(0deg,rgba(5,8,18,.95) 0,transparent)}.sc-card:hover .sc-img{transform:none;filter:none}}}.quick-add-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,14,26,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100015;padding:1rem;overflow-y:auto;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.quick-add-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(251,191,36,.3);border-radius:16px;max-width:500px;width:100%;padding:2rem;position:relative;animation:modalSlideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:calc(100dvh - 2rem);overflow-y:auto;margin:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:rgba(148,163,184,.1);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:all .2s ease}.modal-close-btn:hover{background:rgba(148,163,184,.2);color:#f1f5f9}.modal-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(251,191,36,.2)}.modal-item-icon{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid rgba(251,191,36,.3);flex-shrink:0}.modal-item-icon img{width:100%;height:100%;object-fit:cover}.modal-header h3{margin:0 0 .25rem;font-size:1.35rem;color:#f8fafc;font-weight:700}.modal-price{margin:0;font-size:1.25rem;font-weight:700;color:#fbbf24}.modal-description{color:#cbd5e1;margin:0 0 1.5rem;line-height:1.6;font-size:.95rem}.modal-options{margin-bottom:1.5rem}.modal-option-group{margin-bottom:1.25rem}.modal-option-group:last-child{margin-bottom:0}.modal-option-group label{display:block;color:#e2e8f0;font-weight:600;font-size:.95rem;margin-bottom:.5rem}.modal-select{width:100%;padding:.85rem 1rem;background:rgba(15,23,42,.8);border:1px solid rgba(251,191,36,.3);border-radius:10px;color:#f8fafc;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-select:hover{border-color:rgba(251,191,36,.5)}.modal-select:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.1)}.modal-error{margin:1rem 0 0;padding:.75rem 1rem;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem;font-weight:600}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-btn{padding:.85rem 1.6rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.modal-btn-secondary{background:rgba(148,163,184,.15);color:#cbd5e1}.modal-btn-secondary:hover{background:rgba(148,163,184,.25);color:#f1f5f9}.modal-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0e1a;box-shadow:0 4px 12px rgba(251,191,36,.3)}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(251,191,36,.4)}.modal-btn-primary:active{transform:translateY(0)}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-secondary:disabled:hover{background:rgba(148,163,184,.15);color:#cbd5e1}.modal-btn-primary:disabled:hover{transform:translateY(0);box-shadow:0 4px 12px rgba(251,191,36,.3)}@media (max-width:640px){.quick-add-modal-overlay{align-items:flex-start;padding:1rem}.quick-add-modal{padding:1.25rem;max-width:100%;margin:0;border-radius:12px}.modal-header{flex-direction:row;text-align:left;gap:.85rem;margin-bottom:1rem;padding-bottom:1rem}.modal-item-icon{width:52px;height:52px}.modal-header h3{font-size:1.05rem}.modal-price{font-size:1rem}.modal-description{font-size:.875rem;margin-bottom:1rem}.modal-option-group{margin-bottom:1rem}.modal-actions{flex-direction:column-reverse}.modal-btn{width:100%;justify-content:center}}