:root{--primary:#0f5ea8;--primary-dark:#0a4a86;--primary-light:#4f8dc8;--accent-purple:#3f6fa0;--accent-violet:#2f7bbf;--accent-emerald:#0f766e;--accent-amber:#b7791f;--accent-rose:#be123c;--accent-cyan:#0e7490;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--color-background:#fff;--color-background-soft:var(--gray-50);--color-background-mute:var(--gray-100);--color-border:var(--gray-200);--color-border-hover:var(--gray-300);--color-heading:var(--gray-900);--color-text:var(--gray-700);--color-text-muted:var(--gray-500);--section-gap:60px;--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 20px #00000014;--shadow-colored:0 4px 12px #0d6efd1a}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI Variable,Segoe UI,Noto Sans,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-heading);font-family:Segoe UI Variable,Segoe UI,Noto Sans,Tahoma,Arial,sans-serif}#app{width:100%;max-width:100%;margin:0 auto;padding:0;font-weight:400}.container-fluid{width:100%;max-width:1280px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (width>=1400px){.container-fluid{max-width:1280px;margin:0 auto}}a{color:var(--primary);transition:var(--transition-base);padding:3px;text-decoration:none}@media (hover:hover){a:hover{color:var(--primary-dark)}}body{width:100%;margin:0;padding:0}.modern-card{box-shadow:var(--shadow-sm);transition:var(--transition-base);background:#fff;border:1px solid #0000000f;border-radius:8px}.modern-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px}.btn-modern{transition:var(--transition-base);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-purple) 100%);color:#fff;box-shadow:0 2px 8px #0d6efd33}.btn-gradient:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0d6efd4d}.section-heading-modern{letter-spacing:-.02em;color:var(--gray-900);margin-bottom:1.25rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;display:inline-block;position:relative}.section-heading-modern:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent-purple));border-radius:2px;width:40px;height:3px;position:absolute;bottom:-6px;left:0}.icon-circle-modern{width:48px;height:48px;transition:var(--transition-base);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.icon-circle-modern:hover{transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(3deg)}}.animate-fadeInUp{animation:.8s ease-out both fadeInUp}.animate-fadeInLeft{animation:.8s ease-out both fadeInLeft}.animate-fadeInRight{animation:.8s ease-out both fadeInRight}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.form-control-modern{border:1px solid var(--gray-200);transition:var(--transition-base);border-radius:6px;padding:.5rem .75rem}.form-control-modern:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0d6efd14}.fa-solid:before,.fas:before{font-weight:900!important}.fa-regular:before,.far:before,.fa-brands:before,.fab:before{font-weight:400!important}:root{--primary:#0891b2;--primary-dark:#0e7490;--primary-light:#06b6d4;--secondary:#f59e0b;--secondary-dark:#d97706;--secondary-light:#fbbf24;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--card-bg:#fff;--input-bg:#fff;--input-border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6}[data-theme=dark]{--primary:#22d3ee;--primary-dark:#06b6d4;--primary-light:#67e8f9;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--border-color:#475569;--card-bg:#1e293b;--input-bg:#1e293b;--input-border:#475569}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.main-content{background:var(--bg-secondary);min-height:calc(100vh - 400px);margin-top:68px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:.4rem 0;transition:all .3s;background-color:#fffffff7!important}.navbar-brand{font-size:1.05rem;font-weight:600;transition:color .2s;color:var(--primary)!important}.navbar-brand:hover{color:var(--primary-dark)!important}.navbar-brand i{font-size:1.1rem}.nav-link{white-space:nowrap;border-radius:.375rem;font-size:.88rem;font-weight:500;transition:all .2s;position:relative;color:var(--text-secondary)!important;padding:.4rem .6rem!important}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--primary)!important}.nav-link i{opacity:.8;font-size:.8rem}.nav-utilities{border-left:1px solid var(--border-color);gap:.125rem;margin-left:.5rem;padding-left:.75rem}.nav-primary{gap:.125rem}.language-select{border:1px solid var(--border-color);min-width:116px;min-height:34px;color:var(--text-secondary);background-color:var(--bg-primary);border-radius:.4rem;padding:.2rem 1.65rem .2rem .55rem;font-size:.78rem}.language-select:focus{border-color:var(--primary);box-shadow:0 0 0 .12rem #0891b226}.nav-divider{background:var(--border-color);width:1px;height:24px;margin:0 .25rem}.nav-link.position-relative i.fa-shopping-cart{opacity:1;color:var(--primary);font-size:1.1rem}.nav-link.position-relative:hover i.fa-shopping-cart{color:var(--primary-dark)}.dropdown-menu{border:1px solid var(--border-color);border-radius:.5rem;margin-top:.25rem;padding:.25rem;box-shadow:0 4px 16px #00000014}.dropdown-item{color:var(--text-secondary);border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem;transition:all .15s}.dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--primary)}.dropdown-item i{opacity:.7;width:18px}.router-link-active.nav-link{background-color:#e8f2fb;font-weight:600;color:var(--primary)!important}.footer{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-top:1px solid #ffffff1a}.text-light-gray{color:#cbd5e1!important}.footer h5,.footer h6{color:var(--primary-light);letter-spacing:.5px;font-weight:600}.footer a{transition:all .3s}.footer a:hover{transform:translate(5px);color:var(--primary-light)!important}.social-links a{background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.social-links a:hover{background-color:var(--primary)}.card{background-color:var(--bg-primary);border:none;border-radius:.75rem;transition:all .25s;overflow:hidden;box-shadow:0 1px 3px #0000000f}.card:hover{box-shadow:0 4px 12px #00000014}.card-hover{transition:all .25s}.card-hover:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.card-body{padding:1.25rem}.card-title{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.card-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.card-img-top{object-fit:cover;height:200px}.btn-primary{background:var(--primary);border:none;border-radius:.375rem;padding:.5rem 1.25rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 2px 8px #0891b233}.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);border-radius:.375rem;padding:.5rem 1.25rem;font-weight:500;transition:all .2s}.btn-outline-primary:hover{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-custom{box-shadow:0 4px 16px #0000000f}.border-gradient{background:linear-gradient(white, white), linear-gradient(135deg, var(--primary), var(--secondary));background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid #0000}@media (width<=768px){.navbar-brand{font-size:1rem}.nav-link{padding:.625rem 1rem!important}.main-content{margin-top:56px}.footer{padding:2rem 0!important}.nav-utilities{border-left:none;border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:flex-start;margin-top:.5rem;margin-left:0;padding-top:.75rem;padding-bottom:.5rem;padding-left:0;flex-direction:row!important;gap:.5rem!important}.nav-utilities .nav-item{margin-left:0!important}}@media (width<=991px){.navbar{padding:.3rem 0}.navbar .container-fluid{padding-left:.85rem!important;padding-right:.85rem!important}.navbar-toggler{border-radius:.35rem;padding:.2rem .45rem}.navbar-brand{text-overflow:ellipsis;white-space:nowrap;max-width:72vw;font-size:.94rem;overflow:hidden}.nav-primary{margin-top:.35rem}.nav-divider{display:none}.nav-utilities{border-left:none;border-top:1px solid var(--border-color);margin-top:.5rem;margin-left:0;padding-top:.5rem;padding-left:0}.navbar-collapse{overscroll-behavior:contain;max-height:80vh;padding-bottom:.5rem;overflow-y:auto}.navbar-nav .nav-item{border-bottom:1px solid #0000000d}.navbar-nav .nav-link{border-radius:.35rem;font-size:.86rem;padding:.5rem .65rem!important}.navbar-nav .nav-link i{width:14px;margin-right:.35rem!important}.navbar-nav .nav-item:last-child{border-bottom:none}.navbar-nav .dropdown-menu{box-shadow:none;background:0 0;border:none;padding-left:1rem}.nav-utilities{flex-wrap:wrap;justify-content:flex-start;flex-direction:row!important;gap:.35rem!important}.nav-utilities .nav-item{margin-left:0!important}.nav-utilities .nav-link{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.language-select{min-width:128px;min-height:40px;font-size:.8rem}}@media (width<=480px){.main-content{margin-top:62px}.navbar-brand{max-width:66vw;font-size:.88rem}.navbar .container-fluid{padding-left:.65rem!important;padding-right:.65rem!important}.navbar-nav .nav-link{font-size:.83rem;padding:.44rem .55rem!important}.nav-utilities{margin-top:.4rem;padding-top:.55rem}.language-select{min-width:120px}.navbar-collapse{padding-left:.2rem;padding-right:.2rem}}@media (width<=360px){.main-content{margin-top:60px}.navbar-brand{max-width:60vw}.navbar-toggler{padding:.16rem .38rem}.navbar-nav .nav-link{min-height:42px}.nav-utilities .nav-link{min-width:42px;min-height:42px}}@media (width<=320px){.navbar .container-fluid{padding-left:.5rem!important;padding-right:.5rem!important}.navbar-brand{max-width:56vw;font-size:.82rem}.navbar-nav .nav-link{font-size:.8rem;padding:.42rem .45rem!important}.nav-utilities{gap:.25rem!important}.language-select{min-width:108px;font-size:.76rem}}.container{max-width:1280px!important}@media (width<=768px){.container{padding-left:1rem;padding-right:1rem;max-width:100%!important}}.btn-custom{letter-spacing:.25px;border-radius:.375rem;font-weight:500;transition:all .2s}.btn-custom:hover{box-shadow:0 2px 8px #0000001a}.section-title{text-align:center;margin-bottom:1.25rem;position:relative}.section-title:after{content:"";background:linear-gradient(45deg,#0d6efd,#6f42c1);border-radius:2px;width:40px;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (width<=768px){.main-content{margin-top:66px;padding-bottom:1rem}.navbar-brand{font-size:1.2rem}.container{padding-left:1rem;padding-right:1rem}}body{transition:background-color .3s,color .3s}[data-theme=dark] .navbar{border-bottom-color:var(--border-color);background-color:#0f172af2!important}[data-theme=dark] .navbar-brand{color:var(--primary)!important}[data-theme=dark] .nav-link{color:var(--text-secondary)!important}[data-theme=dark] .nav-link:hover{background-color:var(--bg-tertiary);color:var(--primary)!important}[data-theme=dark] .nav-utilities{border-left-color:var(--border-color)}[data-theme=dark] .language-select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .router-link-active.nav-link{background-color:var(--bg-tertiary);color:var(--primary)!important}[data-theme=dark] .navbar-toggler{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .navbar-toggler-icon{filter:invert()}[data-theme=dark] .dropdown-menu{background-color:var(--card-bg);border-color:var(--border-color);box-shadow:0 10px 40px #0006}[data-theme=dark] .dropdown-item{color:var(--text-secondary)}[data-theme=dark] .dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--primary)}[data-theme=dark] .card{background-color:var(--card-bg);color:var(--text-primary);border-color:var(--border-color);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .card:hover{box-shadow:0 10px 30px #0000004d}[data-theme=dark] .footer{background:linear-gradient(135deg,#0f172a 0%,#020617 100%)!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--input-bg);color:var(--text-primary);border-color:var(--input-border)}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{background-color:var(--input-bg);color:var(--text-primary);border-color:var(--primary)}[data-theme=dark] .form-control::placeholder{color:var(--text-muted)}[data-theme=dark] .table{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .table thead th{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .table tbody tr{border-color:var(--border-color)}[data-theme=dark] .table tbody tr:hover{background-color:var(--bg-tertiary)}[data-theme=dark] .modal-content{background-color:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--border-color)}[data-theme=dark] .bg-white{background-color:var(--card-bg)!important}[data-theme=dark] .bg-light{background-color:var(--bg-tertiary)!important}[data-theme=dark] .text-dark{color:var(--text-primary)!important}[data-theme=dark] .text-muted{color:var(--text-muted)!important}[data-theme=dark] .border{border-color:var(--border-color)!important}[data-theme=dark] .list-group-item{background-color:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .alert{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .breadcrumb{background-color:var(--bg-tertiary)}[data-theme=dark] .breadcrumb-item a{color:var(--primary)}[data-theme=dark] .accordion-item{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .accordion-button{background-color:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .accordion-button:not(.collapsed){background-color:var(--bg-tertiary);color:var(--primary)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme=dark] .btn-outline-primary,[data-theme=dark] .btn-outline-secondary{color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .btn-outline-primary:hover,[data-theme=dark] .btn-outline-secondary:hover{background-color:var(--bg-tertiary)}.cart-item-controls button,.cart-quantity-controls button,.quantity-btn,.btn-increase,.btn-decrease{color:#fff!important;background-color:#0891b2!important;border:2px solid #0891b2!important;border-radius:.375rem!important;min-width:32px!important;min-height:32px!important;padding:.25rem .5rem!important;font-weight:600!important;transition:all .2s!important}.cart-item-controls button:hover,.cart-quantity-controls button:hover,.quantity-btn:hover,.btn-increase:hover,.btn-decrease:hover{background-color:#0e7490!important;border-color:#0e7490!important;transform:scale(1.05)!important}[data-theme=dark] .cart-item-controls button,[data-theme=dark] .cart-quantity-controls button,[data-theme=dark] .quantity-btn,[data-theme=dark] .btn-increase,[data-theme=dark] .btn-decrease{color:#0f172a!important;background-color:#22d3ee!important;border:2px solid #22d3ee!important}[data-theme=dark] .cart-item-controls button:hover,[data-theme=dark] .cart-quantity-controls button:hover,[data-theme=dark] .quantity-btn:hover,[data-theme=dark] .btn-increase:hover,[data-theme=dark] .btn-decrease:hover{background-color:#06b6d4!important;border-color:#06b6d4!important}.btn-remove,.btn-delete,.remove-btn{color:#fff!important;background-color:#ef4444!important;border:2px solid #ef4444!important}.btn-remove:hover,.btn-delete:hover,.remove-btn:hover{background-color:#dc2626!important;border-color:#dc2626!important}[data-theme=light]{--input-bg-dark:#fff;--text-primary-dark:#333;--border-dark:#ddd;--disabled-bg-dark:#f5f5f5;--text-secondary-dark:#666}@media (prefers-color-scheme:dark){[data-theme=light] input:not([type=checkbox]):not([type=radio]),[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] .form-input{color:#333!important;background:#fff!important;border-color:#ddd!important}[data-theme=light] .form-label{color:#333!important}}