:root{--light-primary-color:#003366;--light-secondary-color:#004d99;--light-accent-color:#ff6600;--light-background:#f5f5f5;--light-card-background:#ffffff;--light-text-primary:#003366;--light-text-secondary:#666666;--light-border-color:#cccccc;--light-hover-bg:#e6e6e6;--light-success:#28a745;--light-warning:#ff6600;--light-error:#dc3545;--light-info:#004d99;--light-muted:#8c8c8c;--light-shadow:rgba(0,51,102,0.15);--dark-primary-color:#003366;--dark-secondary-color:#1a2a3a;--dark-accent-color:#ff6600;--dark-background:#121212;--dark-card-background:#1e1e1e;--dark-text-primary:#ffffff;--dark-text-secondary:#d4d4d4;--dark-border-color:#3a3a3a;--dark-hover-bg:#2a2a2a;--dark-success:#28a745;--dark-warning:#ff6600;--dark-error:#dc3545;--dark-info:#004d99;--dark-muted:#6c757d;--dark-shadow:rgba(0,0,0,0.5);--font-primary:'Poppins',sans-serif;--font-secondary:'Newsreader',serif;--font-size-xs:0.65rem;--font-size-sm:0.75rem;--font-size-base:0.8rem;--font-size-md:0.85rem;--font-size-lg:0.9rem;--font-size-xl:1rem;--font-size-2xl:1.1rem;--font-size-3xl:1.25rem;--font-size-4xl:1.4rem;--font-size-5xl:1.6rem;--spacing-xs:0.15rem;--spacing-sm:0.35rem;--spacing-md:0.75rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem;--spacing-2xl:2.5rem;--spacing-3xl:3.5rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--svg_pattern_color:444444}[data-bs-theme="light"]{--primary-color:var(--light-primary-color);--secondary-color:var(--light-secondary-color);--accent-color:var(--light-accent-color);--background-color:var(--light-background);--card-background:var(--light-card-background);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--border-color:var(--light-border-color);--hover-bg:var(--light-hover-bg);--shadow-color:var(--light-shadow);--success:var(--light-success);--warning:var(--light-warning);--error:var(--light-error);--info:var(--light-info);--muted:var(--light-muted)}[data-bs-theme="dark"]{--primary-color:var(--dark-primary-color);--secondary-color:var(--dark-secondary-color);--accent-color:var(--dark-accent-color);--background-color:var(--dark-background);--card-background:var(--dark-card-background);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border-color);--hover-bg:var(--dark-hover-bg);--shadow-color:var(--dark-shadow);--success:var(--dark-success);--warning:var(--dark-warning);--error:var(--dark-error);--info:var(--dark-info);--muted:var(--dark-muted);--svg_pattern_color:aaaaaa}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--background-color);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal);padding-top:max(var(--safe-area-inset-top),var(--navbar-height-mobile));--viewport-height:100vh;--content-height:calc(var(--viewport-height) - var(--navbar-height-mobile) - var(--bottom-nav-height))}.content-wrapper{max-width:1400px;margin:0 auto;padding:var(--spacing-sm);grid-template-columns:repeat(12,1fr);gap:var(--spacing-md)}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.row{margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.col,[class*="col-"]{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}h1,.h1{font-size:var(--font-size-3xl)}h2,.h2{font-size:var(--font-size-2xl)}h3,.h3{font-size:var(--font-size-xl)}h4,.h4{font-size:var(--font-size-lg)}h5,.h5{font-size:var(--font-size-base)}h6,.h6{font-size:var(--font-size-sm)}section{margin-bottom:var(--spacing-md)}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.fw-light{font-weight:var(--font-weight-light)!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-semibold{font-weight:var(--font-weight-semibold)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.m-0{margin:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;margin-bottom:var(--spacing-sm)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--dark-text-primary)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow-color)}.card-highlight{border-left:4px solid var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-normal);white-space:nowrap;text-align:center;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--card-background);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:var(--card-background);border-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--dark-text-primary)}.btn-outline-primary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:var(--card-background);border-color:var(--primary-color)}.btn-danger{background-color:var(--error);border-color:var(--error)}.btn-danger:hover{background-color:var(--dark-error);border-color:var(--dark-error)}.btn-success{background-color:var(--success);border-color:var(--success)}.btn-success:hover{background-color:var(--dark-success);border-color:var(--dark-success)}.btn-warning{background-color:var(--warning);border-color:var(--warning)}.btn-warning:hover{background-color:var(--dark-warning);border-color:var(--dark-warning)}.btn-accent{background-color:var(--accent-color);color:var(--dark-text-primary);border:none}.btn-accent:hover{background-color:#e65c00;color:var(--dark-text-primary)}.form-control,.form-select{background-color:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(184,115,51,0.2);outline:none}.nav-link.active{color:var(--light-accent-color)!important;border-bottom:2px solid var(--light-accent-color)}.alert{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.offcanvas-header .btn-close{color:white;opacity:0.8;padding:0.5rem}.offcanvas-header .btn-close:hover{opacity:1}.notification-link-card{border-left:4px solid var(--primary);transition:all var(--transition-fast)}.notification-link-card:hover{transform:translateX(5px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.pro-user-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:bold;margin-left:0.5rem}.pro-seller-badge{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.5rem 1rem;border-radius:5px;margin:1rem 0}.upgrade-banner{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:1.5rem;border-radius:10px;margin-bottom:2rem}.subscription-card{transition:transform var(--transition-normal)}.subscription-card:hover{transform:translateY(-5px)}.pro-discount-badge{position:absolute;top:10px;right:10px;background:#28a745;color:white;padding:0.25rem 0.5rem;border-radius:5px;font-size:0.8rem}[data-bs-theme="dark"] .btn-outline-primary{color:var(--dark-text-primary);border-color:var(--dark-text-primary)}[data-bs-theme="dark"] .btn-outline-primary:hover{background-color:var(--dark-text-primary);color:var(--dark-primary-color);border-color:var(--dark-text-primary)}[data-bs-theme="dark"] .btn-primary{background-color:var(--dark-primary-color);color:var(--dark-text-primary);border-color:var(--dark-primary-color)}[data-bs-theme="dark"] .btn-primary:hover{background-color:var(--dark-secondary-color);border-color:var(--dark-secondary-color)}[data-bs-theme="dark"] .btn-secondary{background-color:var(--dark-secondary-color);color:var(--dark-text-primary);border-color:var(--dark-secondary-color)}[data-bs-theme="dark"] .btn-secondary:hover{background-color:var(--dark-primary-color);border-color:var(--dark-primary-color)}[data-bs-theme="dark"] .btn i,[data-bs-theme="dark"] .btn .bi,[data-bs-theme="dark"] .btn .bx,[data-bs-theme="dark"] .btn .material-symbols-outlined{color:var(--dark-text-primary)}[data-bs-theme="dark"] .alert{background-color:var(--dark-card-background);color:var(--dark-text-primary)}[data-bs-theme="dark"] .alert-info{border-left:4px solid var(--info,var(--dark-info))}[data-bs-theme="dark"] .alert-success{border-left:4px solid var(--success,var(--dark-success))}[data-bs-theme="dark"] .alert-warning{border-left:4px solid var(--warning,var(--dark-warning))}[data-bs-theme="dark"] .alert-danger{border-left:4px solid var(--error,var(--dark-error))}[data-bs-theme="dark"] .btn-close{filter:invert(1)}[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background-color:var(--dark-card-background);border-color:var(--dark-border-color);color:var(--dark-text-primary)}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background-color:var(--dark-card-background);border-color:var(--dark-accent-color);color:var(--dark-text-primary)}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.alert.fade-out{animation:fadeOut 0.5s ease-out forwards}.theme-toggle-icon{transition:transform var(--transition-normal)}.theme-toggle-icon:hover{transform:scale(1.1)}.alert-system-container{position:fixed;top:0;left:0;right:0;z-index:1055;pointer-events:none;--navbar-height-desktop:75px;--navbar-height-mobile:65px;padding-top:var(--navbar-height-mobile);padding-left:1rem;padding-right:1rem}@media (min-width:992px){.alert-system-container{padding-top:var(--navbar-height-desktop);padding-left:2rem;padding-right:2rem}}.system-alert{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;margin-bottom:0.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);max-width:400px;margin-left:auto;margin-right:auto;pointer-events:auto;opacity:0;transform:translateY(-20px);animation:slideInAlert 0.3s ease-out forwards;background-color:rgba(255,255,255,0.95);color:#333}.system-alert.alert-success{background-color:rgba(34,197,94,0.95);color:white;border-color:rgba(34,197,94,0.3)}.system-alert.alert-error,.system-alert.alert-danger{background-color:rgba(239,68,68,0.95);color:white;border-color:rgba(239,68,68,0.3)}.system-alert.alert-warning{background-color:rgba(245,158,11,0.95);color:white;border-color:rgba(245,158,11,0.3)}.system-alert.alert-info{background-color:rgba(59,130,246,0.95);color:white;border-color:rgba(59,130,246,0.3)}[data-bs-theme="dark"] .system-alert{background-color:rgba(31,41,55,0.95);color:#f9fafb;border-color:rgba(75,85,99,0.3)}[data-bs-theme="dark"] .system-alert.alert-success{background-color:rgba(16,185,129,0.95)}[data-bs-theme="dark"] .system-alert.alert-error,[data-bs-theme="dark"] .system-alert.alert-danger{background-color:rgba(248,113,113,0.95)}[data-bs-theme="dark"] .system-alert.alert-warning{background-color:rgba(251,191,36,0.95)}[data-bs-theme="dark"] .system-alert.alert-info{background-color:rgba(96,165,250,0.95)}.alert-content{display:flex;align-items:center;flex:1;gap:0.75rem}.alert-icon{flex-shrink:0;font-size:1.125rem;opacity:0.9}.alert-message{flex:1;font-size:0.875rem;font-weight:500;line-height:1.4}.alert-close-btn{background:none;border:none;color:inherit;opacity:0.7;cursor:pointer;padding:0.25rem;border-radius:4px;transition:all 0.2s ease;margin-left:0.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.alert-close-btn:hover{opacity:1;background-color:rgba(0,0,0,0.1)}[data-bs-theme="dark"] .alert-close-btn:hover{background-color:rgba(255,255,255,0.1)}.alert-close-btn i{font-size:1rem}@keyframes slideInAlert{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutAlert{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.system-alert.fade-out{animation:slideOutAlert 0.3s ease-in forwards}@media (max-width:767.98px){.alert-system-container{padding-left:0.75rem;padding-right:0.75rem}.system-alert{max-width:100%;margin-bottom:0.375rem;padding:0.625rem 0.875rem}.alert-content{gap:0.625rem}.alert-message{font-size:0.8125rem}.alert-icon{font-size:1rem}}.system-alert:nth-child(1){animation-delay:0ms}.system-alert:nth-child(2){animation-delay:100ms}.system-alert:nth-child(3){animation-delay:200ms}.system-alert:nth-child(4){animation-delay:300ms}.system-alert:nth-child(5){animation-delay:400ms}.system-alert::after{content:'';position:absolute;bottom:0;left:0;height:2px;background-color:rgba(255,255,255,0.4);border-radius:0 0 8px 8px;animation:progressBar 3.5s linear forwards}@keyframes progressBar{from{width:100%}to{width:0%}}@media (max-width:1200px){.content-wrapper{padding:var(--spacing-sm)}}@media (max-width:992px){.content-wrapper{padding:var(--spacing-sm)}}@media (max-width:768px){.content-wrapper{padding:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}section{margin-bottom:var(--spacing-xs)!important}}@media (max-width:576px){.content-wrapper{padding:var(--spacing-sm);grid-template-columns:1fr}.btn-primary{width:100%;margin-bottom:var(--spacing-sm)}}@media (max-width:767.98px){.categories-section,.featured-products,.trust-badges-section{padding-top:0.5rem!important;padding-bottom:0.5rem!important}.hero-section{margin-bottom:0.5rem}.trust-badges-section{padding:2rem 0}.btn{font-size:var(--font-size-sm);height:36px;padding:0 12px}.card{margin-bottom:var(--spacing-xs)}.form-control,.form-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}@media (max-width:480px){.content-wrapper{padding:var(--spacing-xs)}h1,.h1{font-size:var(--font-size-2xl)}h2,.h2{font-size:var(--font-size-xl)}h3,.h3{font-size:var(--font-size-lg)}.card{border-radius:var(--radius-md)}.btn{min-height:40px;font-size:var(--font-size-xs)}}@media (max-width:767px) and (orientation:landscape){.content-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}}@media print{.btn,.alert,.offcanvas,.modal,.dropdown,.navbar,.footer{display:none!important}.card{box-shadow:none;border:1px solid #000}body{background:white!important;color:black!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{border-width:0.5px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.card:hover{transform:none}.btn:hover{transform:none}}:root{--navbar-bg:var(--primary-color);--text-color:var(--card-background);--active-color:var(--secondary-color);--hover-color:var(--hover-bg);--border-color:var(--border-color);--search-bg:var(--card-background);--search-text:var(--text-primary);--badge-bg:var(--accent-color);--navbar-height:75px;--navbar-height-mobile:65px;--bottom-nav-height:70px}.custom-navbar,.bottom-nav{background-color:var(--navbar-bg);z-index:1050;transition:transform 0.5s ease,opacity 0.5s ease;padding:0.75rem 1.25rem;will-change:opacity,transform;box-shadow:0 4px 6px rgba(0,0,0,0.08)}.navbar-brand{margin-right:0.5rem}.navbar-brand img{height:50px;margin-right:1rem}body{padding-top:65px;transition:padding-top 0.3s ease}@media (min-width:992px){body{padding-top:var(--navbar-height);padding-bottom:0;margin-bottom:var(--bottom-nav-height)}.custom-navbar{transform:none!important;opacity:1!important}.order-lg-1{order:1}.order-lg-2{order:2}}@media (max-width:991px){.container-fluid{padding-right:0.5rem;padding-left:0.5rem}.navbar-toggler{margin-left:0.5rem}.bottom-nav{display:flex}.navbar-nav{flex-direction:row}.bottom-nav .nav-link{font-size:1.3rem;margin:0;padding:5px}body{padding-bottom:70px}body.sidebar-open{overflow:hidden}}.d-flex.align-items-center{gap:0.2rem}.search-form{max-width:800px;margin:0 auto;width:100%}.search-form .form-control{background-color:var(--search-bg);color:var(--search-text);border:1px solid var(--border-color);padding:0.6rem 1.2rem;font-size:1rem;transition:all 0.3s ease}.search-form .form-control:focus{box-shadow:0 0 0 3px rgba(var(--active-color),0.25)}.search-form .btn{background-color:var(--search-bg);color:var(--search-text);border:1px solid var(--border-color);padding:1.5rem 1rem;transition:all 0.3s ease}.nav-link{font-size:1rem;margin:0 10px;color:rgba(255,255,255,0.7)!important;transition:color 0.2s ease,transform 0.2s ease;position:relative;padding:0.5rem 1rem}.nav-link:hover{color:rgba(255,255,255,0.9)!important}.nav-link.active{color:var(--accent-color)!important;font-weight:600}.nav-link svg{transition:transform 0.2s ease,stroke 0.2s ease;stroke:rgba(255,255,255,0.7)}.nav-link:hover svg{stroke:rgba(255,255,255,0.9);transform:scale(1.15)}.nav-link.active svg{stroke:var(--accent-color)}.nav-link.active::after{display:none}.nav-text{font-size:0.5rem;margin-top:2px;color:inherit}.profile-photo-nav{width:36px;height:36px;object-fit:cover;border:2px solid #ffffff}.profile-photo-small{width:28px;height:28px;object-fit:cover;border:1px solid #ffffff}.badge,.notification-badge{font-size:0.6rem;padding:0.25em 0.6em;top:-8px;right:-8px;background-color:var(--accent-color);color:white;font-weight:600}.notification-badge{display:flex;align-items:center;justify-content:center;z-index:1}.nav-link.position-relative{position:relative}@media (max-width:576px){.navbar-brand img{height:38px}.custom-sidebar{max-width:100%}}.navbar-toggler{z-index:1030;position:relative;border:none;padding:0.25rem;color:var(--text-color);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.navbar-toggler:focus{box-shadow:none}.hamburger-icon,.close-icon{position:absolute;transition:opacity 0.3s ease,transform 0.3s ease}.hamburger-icon svg,.close-icon svg{stroke:#FFFFFF}.offcanvas.custom-sidebar{transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}.offcanvas-backdrop{transition:opacity 0.3s ease}@media (max-width:767px){.custom-sidebar{width:100%!important;max-width:100%!important}}.custom-sidebar{width:320px;max-width:85vw;background-color:var(--card-background);box-shadow:-5px 0 25px rgba(0,0,0,0.1);z-index:1045}@media (min-width:768px) and (max-width:991px){.custom-sidebar{width:400px;max-width:50vw}}.custom-sidebar .offcanvas-header{background-color:var(--primary-color);color:white;padding:1rem 1.5rem;border-bottom:none;min-height:var(--navbar-height-mobile)}.custom-sidebar .offcanvas-title{font-size:1.25rem;font-weight:600;margin:0}.custom-sidebar .btn-close{filter:brightness(0) invert(1);opacity:0.8}.custom-sidebar .btn-close:hover{opacity:1}.custom-sidebar .offcanvas-body{padding:0;height:100%;overflow-y:auto;background-color:var(--background-color);padding-top:0.5rem;padding-bottom:calc(var(--bottom-nav-height) + 1rem)}.user-profile-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.user-profile-content{display:flex;align-items:center;gap:1rem}.user-avatar{flex-shrink:0}.avatar-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1.25rem}.user-info{flex:1;overflow:hidden}.user-greeting{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 0.25rem 0}.user-email{font-size:0.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search-section{padding:0.75rem 1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.search-input-wrapper{position:relative;display:flex;align-items:center}.sidebar-search-input{height:44px;padding:0 44px 0 16px;border:2px solid var(--border-color);border-radius:22px;font-size:0.9375rem;background-color:var(--background-color);transition:all 0.3s ease}.sidebar-search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),0.1)}.sidebar-search-btn{color:#6c757d;height:40px;border-color:#6c757d;transition:all 0.3s ease;padding:0 12px;height:36px;width:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.sidebar-search-btn svg{width:24px;height:24px}.sidebar-search-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.pwa-install-section{padding:0 1rem 0.75rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.pwa-install-btn{height:44px;border-radius:12px;font-weight:600;font-size:0.9375rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;transition:all 0.3s ease}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),0.3)}.quick-actions-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.section-label{font-size:0.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem;padding-left:0.25rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.625rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;padding:0.625rem 0.375rem;background-color:var(--background-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative}.quick-action-btn:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.08)}.action-icon{width:36px;height:36px;background-color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:0.375rem;transition:all 0.3s ease}.action-icon svg{stroke:white;width:20px;height:20px}.quick-action-btn:hover .action-icon{background-color:var(--secondary-color)}.quick-action-btn span{font-size:0.6875rem;font-weight:500}.quick-action-badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-color);color:white;font-size:0.625rem;padding:2px 5px;border-radius:10px;font-weight:600;min-width:18px;text-align:center}.sidebar-section{padding:1rem;border-bottom:1px solid var(--border-color)}.browse-list{display:flex;flex-direction:column;gap:0.375rem}.browse-item{display:flex;align-items:center;padding:0.625rem 0.875rem;background-color:var(--card-background);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;cursor:pointer;font-size:0.9375rem}.browse-item:hover{background-color:var(--hover-bg);transform:translateX(2px)}.browse-icon{width:32px;height:32px;background-color:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:0.75rem}.browse-icon svg{stroke:white;width:18px;height:18px}.chevron-icon{transition:transform 0.3s ease}.browse-item[aria-expanded="true"] .chevron-icon{transform:rotate(180deg)}.categories-container{padding:0.375rem 0;max-height:350px;overflow-y:auto}.sidebar-category-wrapper{margin-bottom:0.25rem}.sidebar-category-item{display:flex;align-items:center;position:relative}.sidebar-category-item.has-subcategories .sidebar-category-link{padding-right:40px}.sidebar-category-link{display:flex;align-items:center;flex:1;padding:0.5rem 0.75rem;margin:0.125rem 0;background-color:var(--background-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;font-size:0.875rem}.sidebar-category-link:hover{background-color:var(--hover-bg);transform:translateX(2px)}.sidebar-category-img,.sidebar-category-placeholder{width:20px;height:20px;margin-right:0.625rem;flex-shrink:0}.sidebar-category-img{border-radius:4px;object-fit:cover}.sidebar-category-placeholder{background-color:var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-category-placeholder svg{width:12px;height:12px;stroke:white}.sidebar-category-count{margin-left:auto;font-size:0.6875rem;color:var(--text-secondary);background-color:var(--background-color);padding:2px 6px;border-radius:10px}.sidebar-subcategory-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background-color:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:var(--text-secondary)}.sidebar-subcategory-toggle:hover{background-color:var(--hover-bg)}.sidebar-subcategory-toggle svg{transition:transform 0.3s ease}.sidebar-subcategory-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.subcategories-list{padding-left:2rem;padding-top:0.25rem}.sidebar-subcategory-item{display:flex;align-items:center;padding:0.375rem 0.625rem;margin:0.125rem 0;background-color:var(--background-color);border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:0.8125rem;transition:all 0.3s ease}.sidebar-subcategory-item:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateX(2px)}.auth-cta-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.auth-cta-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:1.25rem;border-radius:12px;text-align:center}.auth-cta-card h5{font-size:1.125rem;font-weight:600;margin-bottom:0.375rem}.auth-cta-card p{font-size:0.8125rem;opacity:0.9;margin-bottom:1rem}.auth-buttons .btn{height:44px;border-radius:10px;font-weight:600;font-size:0.9375rem;display:flex;align-items:center;justify-content:center}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}.help-item{display:flex;flex-direction:column;align-items:center;padding:0.75rem;background-color:var(--card-background);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease}.help-item:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.08)}.help-item svg{stroke:var(--primary-color);margin-bottom:0.375rem;width:20px;height:20px}.help-item span{font-size:0.8125rem;font-weight:500}.legal-links{display:flex;flex-direction:column;gap:0.375rem}.legal-link{padding:0.375rem 0.75rem;background-color:var(--card-background);border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:0.8125rem;transition:all 0.3s ease}.legal-link:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateX(2px)}[data-bs-theme="dark"] .custom-sidebar{background-color:var(--dark-card-background)}[data-bs-theme="dark"] .custom-sidebar .offcanvas-header{background-color:var(--dark-secondary-color);border-bottom:1px solid var(--dark-border-color)}[data-bs-theme="dark"] .sidebar-search-input{background-color:var(--dark-background);border-color:var(--dark-border-color);color:var(--dark-text-primary)}[data-bs-theme="dark"] .quick-action-btn,[data-bs-theme="dark"] .browse-item,[data-bs-theme="dark"] .help-item,[data-bs-theme="dark"] .sidebar-category-link,[data-bs-theme="dark"] .sidebar-subcategory-item{background-color:var(--dark-background);color:var(--dark-text-primary)}[data-bs-theme="dark"] .quick-action-btn:hover,[data-bs-theme="dark"] .browse-item:hover,[data-bs-theme="dark"] .help-item:hover,[data-bs-theme="dark"] .sidebar-category-link:hover,[data-bs-theme="dark"] .sidebar-subcategory-item:hover,[data-bs-theme="dark"] .legal-link:hover{background-color:var(--dark-hover-bg)}.categories-container::-webkit-scrollbar{width:4px}.categories-container::-webkit-scrollbar-track{background:var(--background-color)}.categories-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.categories-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:380px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:1fr}.sidebar-search-input{font-size:0.875rem}}:root{--footer-bg:var(--navbar-bg);--footer-text:#ffffff;--footer-link-hover:var(--accent-color);--footer-border:rgba(255,255,255,0.1);--footer-icon-color:rgba(255,255,255,0.7)}.custom-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:3rem 1rem 1rem;margin-top:3rem;border-top:1px solid var(--footer-border);font-size:0.9rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.footer-brand{flex:1 0 100%;margin-bottom:1.5rem;text-align:center}.footer-logo-container{margin-bottom:1rem}.footer-logo{height:40px}.footer-tagline{color:rgba(255,255,255,0.8);font-size:0.9rem;max-width:80%;margin:0 auto}.footer-links-container{display:flex;flex-wrap:wrap;justify-content:space-around;flex:1 0 100%;gap:1.5rem}.footer-links-column{flex:1 0 auto;min-width:160px}.footer-heading{font-size:0.85rem;font-weight:600;margin-bottom:1rem;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.05rem}.footer-links{display:flex;flex-direction:column;gap:0.75rem}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s ease;display:flex;align-items:center;gap:0.5rem;font-size:0.85rem}.footer-links a:hover{color:var(--footer-link-hover)}.footer-icon{display:flex;align-items:center}.footer-social{flex:1 0 100%;text-align:center;margin-top:1rem}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:0.5rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0.1);color:var(--footer-text);transition:all 0.3s ease}.social-icons a:hover{background-color:var(--footer-link-hover);transform:translateY(-3px)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--footer-border);gap:1rem}.footer-copyright{font-size:0.8rem;color:rgba(255,255,255,0.6)}.footer-app-links{display:flex;gap:1.5rem}.app-link{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.8rem;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease}.app-link:hover{color:var(--footer-link-hover)}@media (min-width:768px){.footer-brand{flex:0 0 30%;text-align:left;margin-bottom:0}.footer-tagline{margin:0}.footer-links-container{flex:0 0 65%}.footer-social{flex:0 0 100%;text-align:center;margin-top:2rem}}@media (max-width:991px){html,body{min-height:100%;height:auto;position:relative}body{padding-bottom:0!important;margin-bottom:0!important}.custom-footer{margin-bottom:0;position:relative;z-index:1040;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1045;width:100%}body.user-authenticated .footer-bottom{padding-bottom:var(--bottom-nav-height)}.main-container{min-height:calc(100vh - var(--navbar-height-mobile));display:flex;flex-direction:column}.main-container>.container-fluid:not(.custom-footer),.main-container>.container:not(.custom-footer){flex:1 0 auto}.custom-footer{flex-shrink:0}}@media (min-width:992px){.footer-brand{flex:0 0 25%}.footer-links-container{flex:0 0 50%}.footer-social{flex:0 0 20%;text-align:left;margin-top:0}.social-icons{justify-content:flex-start}}@media (max-width:767px){.custom-footer{padding:2rem 1rem 1rem}.footer-bottom{flex-direction:column;text-align:center}.footer-app-links{justify-content:center;margin-top:0.5rem}}#pwa-install-btn{display:none;position:fixed;bottom:20px;right:20px;background:#003366;color:white;border:none;padding:12px 20px;border-radius:25px;font-size:14px;cursor:pointer;z-index:1000;box-shadow:0 4px 12px rgba(0,51,102,0.3);transition:all 0.3s ease}#pwa-install-btn:hover{background:#004080;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,51,102,0.4)}.pwa-toast{position:fixed;top:20px;right:20px;max-width:350px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:translateX(400px);transition:transform 0.3s ease;z-index:1001;border-left:4px solid #003366}.pwa-toast-show{transform:translateX(0)}.pwa-toast-content{padding:16px;display:flex;align-items:center;gap:12px}.pwa-toast-content span{flex:1;font-size:14px;color:#333}.pwa-toast-action{background:#003366;color:white;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.pwa-toast-close{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pwa-toast-success{border-left-color:#28a745}.pwa-toast-warning{border-left-color:#ffc107}.pwa-toast-info{border-left-color:#17a2b8}.footer-app-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.app-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:20px;color:white;text-decoration:none;font-size:13px;transition:all 0.3s ease;white-space:nowrap}.app-link:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);transform:translateY(-1px)}.pwa-install-link{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;animation:pulse-green 2s infinite}.pwa-install-link:hover{background:linear-gradient(135deg,#218838,#1ba085);border-color:#218838}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#dc3545;color:white;text-align:center;padding:8px;font-size:14px;z-index:1002;transform:translateY(-100%);transition:transform 0.3s ease}.offline-indicator.show{transform:translateY(0)}@media (display-mode:standalone){body{user-select:none;-webkit-user-select:none}.browser-only{display:none!important}}@supports (-webkit-touch-callout:none){.pwa-toast{top:calc(20px + env(safe-area-inset-top))}#pwa-install-btn{bottom:calc(20px + env(safe-area-inset-bottom))}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(40,167,69,0.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}}@media (max-width:768px){.footer-app-links{justify-content:center;gap:10px}.app-link{padding:6px 10px;font-size:12px}.pwa-toast{top:20px;left:20px;right:20px;max-width:none;transform:translateY(-100px)}.pwa-toast-show{transform:translateY(0)}}