.white-surface{background:#fff;}.container{padding: 0 8px;}@media(max-width:576px){.white-surface{padding:0 8px;}}.admin-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,0.15);margin-bottom:0}@media(max-width:576px){.admin-card{padding:1rem;border-radius:10px}}.track-hero{background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%) !important;color:#fff;padding:0.5rem 0;margin-bottom:0;top:10px}.track-hero h1{font-family:var(--bs-body-font-family);font-weight:700;margin-bottom:.5rem;font-size:2rem}@media(max-width:768px){.track-hero{padding:1rem 0}.track-hero h1{font-size:1.4rem}}.table-modern{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.table-modern thead{background:linear-gradient(135deg,var(--primary) 0,#4a5298 100%);color:#fff}.table-modern thead th{border:none;padding:1rem;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-modern tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.table-modern tbody tr:hover{background:#f8f9fc}.table-modern tbody td{padding:1rem;vertical-align:middle}.badge-status{padding:.4rem .8rem;border-radius:10px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--secondary) 0,var(--accent) 100%) !important;border:none !important;color:white !important;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.85rem;padding:10px 16px;border-radius:10px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(230,141,68,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,141,68,0.4);filter:brightness(1.1)}.btn-outline-primary{border:2px solid var(--primary) !important;background:transparent !important;color:var(--primary) !important;font-weight:600;border-radius:10px;transition:all .3s ease}.btn-outline-primary:hover{background:var(--primary) !important;color:white !important;transform:translateY(-2px)}.nav-cart-btn{background:var(--primary) !important;color:white !important;border-radius:10px;padding:8px 10px;border:none;transition:all .3s ease}.nav-cart-btn:hover{background:var(--dark) !important;box-shadow:0 4px 12px rgba(45,90,97,0.3)}.btn-add-to-cart,.btn-add-cart{background:linear-gradient(135deg,var(--secondary) 0,var(--accent) 100%) !important;color:white !important;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;border-radius:10px;border:none;width:100%;padding:10px 16px;box-shadow:0 4px 15px rgba(230,141,68,0.2)}.btn-add-to-cart:hover,.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,141,68,0.4);filter:brightness(1.1)}.btn-sm{border-radius:10px;font-size:.75rem}.btn-info{background-color:var(--info) !important;border-color:var(--info) !important;color:white !important}.alert{border-radius:10px;border:none;padding:1rem 1.25rem;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.alert-success{background:linear-gradient(135deg,#d4edda 0,#c3e6cb 100%);color:#155724}.alert-danger{background:linear-gradient(135deg,#f8d7da 0,#f5c6cb 100%);color:#721c24}.alert-warning{background:linear-gradient(135deg,#fff3cd 0,#ffeaa7 100%);color:#856404}.alert-info{background:linear-gradient(135deg,#d1ecf1 0,#bee5eb 100%);color:#0c5460}.form-control,.form-select{border-radius:10px;border:1px solid #dee2e6;padding:.6rem 1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(45,53,97,0.15)}.modal-content{border-radius:10px;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.modal-header{background:linear-gradient(135deg,var(--primary) 0,#4a5298 100%);color:#fff;border-radius:10px 10px 0 0;border:none;padding:1.25rem 1.5rem}.modal-header .btn-close{filter:brightness(0) invert(1)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #f0f0f0;padding:1rem 1.5rem}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state i{font-size:5rem;opacity:.12;display:block;margin-bottom:1.5rem}.empty-state h4{font-weight:700;margin-bottom:.5rem}.empty-state p{color:#6c757d;margin-bottom:1.5rem}.page-header{margin-bottom:2rem}.page-header h1{color:var(--primary);font-family:var(--bs-body-font-family);font-weight:700;margin-bottom:.5rem}.page-header p{color:#6c757d;margin:0}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(0,0,0,0.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{.white-surface,.admin-card{box-shadow:none !important;border:1px solid #dee2e6 !important;page-break-inside:avoid}.no-print{display:none !important}}@keyframes toastSlideIn{from{transform:translateX(calc(100%+24px));opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(calc(100%+24px));opacity:0}}@keyframes toastShrink{from{width:100%}to{width:0}}.notif-toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:320px;max-width:420px;background:#ffffff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden;font-family:var(--bs-body-font-family);display:flex;flex-direction:column}.notif-toast::before{content:"";position:absolute;left:20px;top:15px;bottom:15px;width:4px;background-color:var(--toast-color);border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,0.15);z-index:1}.notif-toast .notif-body{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 15px 20px 30px;position:relative;z-index:5}.notif-toast .notif-icon{position:absolute;left:22px;top:20px;transform:translateX(-50%);width:27px;height:27px;background-color:#ffffff !important;color:var(--toast-color);border:2px solid var(--toast-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;font-size:.9rem;box-shadow:0 2px 5px rgba(0,0,0,0.15)}.notif-toast .notif-content{flex:1;display:flex;flex-direction:column;gap:2px;margin-left:15px}.notif-toast .notif-title{font-size:1.1rem;font-weight:700;color:var(--toast-color);margin-bottom:2px}.notif-toast .notif-message{font-size:.95rem;color:#555e6d;line-height:1.5;font-weight:400}.notif-toast .notif-close{background:none;border:none;padding:4px 6px;color:var(--text-light);cursor:pointer;border-radius:6px;line-height:1;font-size:.95rem;font-weight:700;transition:color .2s ease,background .2s ease;flex-shrink:0}.notif-toast .notif-close:hover{color:var(--primary);background:var(--border)}.notif-toast .notif-progress{height:2px;width:100%;background-color:var(--toast-color);opacity:.85;transform-origin:left;animation:toastShrink linear forwards}.notif-toast.success{--toast-color:var(--success)}.notif-toast.danger{--toast-color:var(--danger)}.notif-toast.warning{--toast-color:var(--warning)}.notif-toast.info{--toast-color:var(--info)}.notif-toast.success{border-left-color:var(--success)}.notif-toast.success .notif-icon{background:rgba(105,181,120,0.12);color:var(--success)}.notif-toast.success .notif-progress{background:var(--success)}.notif-toast.danger{border-left-color:var(--danger)}.notif-toast.danger .notif-icon{background:rgba(217,83,79,0.10);color:var(--danger)}.notif-toast.danger .notif-progress{background:var(--danger)}.notif-toast.warning{border-left-color:var(--warning)}.notif-toast.warning .notif-icon{background:rgba(244,162,97,0.12);color:#c47a1e}.notif-toast.warning .notif-progress{background:var(--warning)}.notif-toast.info{border-left-color:var(--info)}.notif-toast.info .notif-icon{background:rgba(91,163,173,0.12);color:var(--info)}.notif-toast.info .notif-progress{background:var(--info)}.product-title-link{text-decoration:none;color:#212529;transition:color .2s ease-in-out}.product-title-link:hover{color:var(--accent);text-decoration:none}.btn-fav{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);border:none;box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s;z-index:10;text-decoration:none}.btn-fav:hover{transform:scale(1.12);background:#fff}.btn-fav .bi{font-size:1.5rem;transition:color .2s,transform .25s;display:flex;line-height:1;transform:translateY(2px) translateX(0)}.btn-fav.is-fav .bi{color:#e74c3c;transform:translateY(2px) translateX(0)}.btn-fav:not(.is-fav) .bi{color:#adb5bd}.btn-fav .fav-ripple{position:absolute;border-radius:50%;background:rgba(231,76,60,.22);transform:scale(0);opacity:0}.btn-fav.ripple-active .fav-ripple{animation:rippleAnim .4s ease-out forwards;width:100%;height:100%;inset:0}.btn-fav i,#favBtnAlt i{transition:transform .2s ease,color .2s ease}.active i{transform:scale(1.2)}@keyframes rippleAnim{to{transform:scale(2.5);opacity:0}}.hidden-but-focusable{opacity:0;position:absolute;pointer-events:none;z-index:-1}.form-note{font-size:.76rem;color:#8b2d2d;margin-top:2rem;margin-bottom:0.2rem;display:block}