.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.product-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.category-card-modern{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.05)}.category-card-modern:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#eab30833}input:focus,select:focus,textarea:focus{outline:none;ring:2px;ring-color:#D4AF37;border-color:transparent}@media (max-width: 640px){.mobile-padding{padding-left:1rem;padding-right:1rem}}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #D4AF37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{position:fixed;top:20px;right:20px;z-index:1000;max-width:300px;padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;animation:slideIn .3s ease-out}.toast-success{background-color:#10b981}.toast-error{background-color:#ef4444}.toast-warning{background-color:#f59e0b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){button,.clickable{min-height:44px;min-width:44px}}.tab-btn.active{border-color:#d4af37!important;color:#d4af37!important}.category-card{transition:all .3s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.qr-code-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-badge{animation:pulse 2s infinite}@media (max-width: 768px){body{padding-bottom:64px}}@media print{.no-print{display:none!important}.print-only{display:block!important}.qr-code-container{page-break-inside:avoid;margin:20px 0}}.search-results{max-height:400px;overflow-y:auto}.search-result-item:hover{background-color:#f8fafc}footer{background:linear-gradient(135deg,#1f2937,#111827)}footer a:hover{transform:translateY(-1px);transition:all .2s ease}.btn-gradient{background:linear-gradient(135deg,#eab308,#ca8a04);transition:all .3s ease}.btn-gradient:hover{background:linear-gradient(135deg,#ca8a04,#a16207);transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.form-input{transition:all .2s ease;border:2px solid transparent}.form-input:focus{border-color:#eab308;box-shadow:0 0 0 3px #eab3081a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.focus-visible:focus{outline:2px solid #eab308;outline-offset:2px}@media (prefers-color-scheme: dark){.dark-mode-ready{--bg-primary: #1f2937;--bg-secondary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #4b5563}}