:root{--gsm-bg: rgba(255,255,255,.75);--gsm-blur: 12px;--gsm-border: rgba(0,0,0,.08);--gsm-shadow: 0 6px 24px rgba(16,24,40,.06);--gsm-grad-start: #ffffff;--gsm-grad-end: #f6faf7}@media (prefers-color-scheme: dark){:root{--gsm-bg: rgba(25,25,25,.7);--gsm-border: rgba(255,255,255,.12);--gsm-grad-start: #1d1f21;--gsm-grad-end: #16221a}}.navbar-glass{background:linear-gradient(180deg,var(--gsm-grad-start),var(--gsm-grad-end));backdrop-filter:blur(var(--gsm-blur));-webkit-backdrop-filter:blur(var(--gsm-blur));border-bottom:1px solid var(--gsm-border);box-shadow:var(--gsm-shadow)}.nav-link-fx{position:relative;transition:color .15s ease}.nav-link-fx:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#198754;transition:width .2s ease}.nav-link-fx:hover:after{width:100%}.nav-link-fx.active{font-weight:600}.nav-link-fx.active:after{width:100%}.btn-ghost{background:transparent;border:1px solid var(--gsm-border);color:inherit;transition:transform .08s ease,background-color .15s ease,border-color .15s ease}.btn-ghost:hover{background:#00000008;transform:translateY(-1px)}.btn-shadow{box-shadow:0 6px 14px #19875440;transition:transform .08s ease,box-shadow .15s ease}.btn-shadow:hover{transform:translateY(-1px);box-shadow:0 8px 18px #19875459}.navbar-brand img{display:block;height:auto}.navbar .btn,.navbar .nav-link{padding-top:.5rem;padding-bottom:.5rem}.btn-add{width:100%;padding:.55rem .9rem;border-radius:999px;font-weight:800;letter-spacing:.1px;background:#fff;color:#dc2626;border:1.5px solid #dc2626;box-shadow:0 6px 14px #dc26261a;transition:transform .12s ease,box-shadow .12s ease,background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.btn-add:before{content:"🛒";margin-right:.45rem}.btn-add:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 10px 20px #dc26262e}.btn-add:active{transform:translateY(0);box-shadow:0 4px 10px #dc26261f}.btn-add:focus{outline:0;box-shadow:0 0 0 3px #dc262626,0 6px 14px #dc26261a}