:root{--glass-surface:rgba(255,255,255,.62);--glass-border:rgba(15,23,42,.08);--glass-shadow:0 12px 40px rgba(15,23,42,.10);--glass-radius:22px;--nav-height:64px;--mobile-nav-height:66px;--text-primary:#1e2433;--text-secondary:rgba(30,36,51,.64);--text-muted:rgba(30,36,51,.46)}
*{scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.22) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(15,23,42,.22);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.38)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes glow{0%,100%{box-shadow:0 0 16px rgba(15,23,42,.06)}50%{box-shadow:0 0 32px color-mix(in srgb,var(--primary) 38%,transparent)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.glass-card,.glass-stats,.glass-menu-card{background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:var(--glass-radius);color:var(--text-primary)}.glass-card{padding:1.25rem}.glass-card:hover{box-shadow:0 18px 48px rgba(15,23,42,.14)}
.glass-nav{height:var(--nav-height);display:flex;align-items:center;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));background:rgba(255,255,255,.72);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 4px 24px rgba(15,23,42,.06);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}.nav-brand{color:var(--text-primary);text-decoration:none;align-items:center}.nav-brand:hover{color:var(--text-primary)}.nav-brand img{height:38px;width:38px;object-fit:contain}.nav-link-item{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .82rem;border-radius:11px;color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s}.nav-link-item:hover{background:rgba(15,23,42,.06);color:var(--text-primary);transform:translateY(-1px)}.nav-link-item.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}
.glass-btn,.glass-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:39px;padding:.52rem 1rem;border-radius:12px;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s}.glass-btn{background:rgba(255,255,255,.55);border:1px solid rgba(15,23,42,.12);color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-btn:hover{background:rgba(255,255,255,.85);color:var(--text-primary);transform:translateY(-2px)}.glass-btn-primary{background:color-mix(in srgb,var(--primary) 16%,white);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);color:color-mix(in srgb,var(--primary) 68%,black 32%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px rgba(15,23,42,.08)}.glass-btn-primary:hover{background:color-mix(in srgb,var(--primary) 26%,white);color:color-mix(in srgb,var(--primary) 74%,black 26%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.12)}.glass-btn:active,.glass-btn-primary:active{transform:translateY(0)}.glass-btn-primary:disabled,.glass-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.glass-btn-success{background:rgba(6,199,85,.14);border:1px solid rgba(6,199,85,.4);color:#067a37;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-btn-success:hover{background:rgba(6,199,85,.24);color:#055c2a;transform:translateY(-2px)}.glass-btn-success:active{transform:translateY(0)}
.glass-input{display:block;width:100%;padding:.68rem .9rem;border:1px solid rgba(15,23,42,.14);border-radius:12px;outline:0;background:rgba(255,255,255,.55);color:var(--text-primary);box-shadow:inset 0 1px rgba(15,23,42,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s,background .2s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{background:rgba(255,255,255,.85);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.glass-input option{color:var(--text-primary);background:#fff}
.glass-menu-card{position:relative;min-height:150px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;text-decoration:none;border-top:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--glass-surface));transition:transform .25s,background .25s,box-shadow .25s}.glass-menu-card::after{content:"\2192";position:absolute;top:.85rem;right:1rem;font-size:1.1rem;font-weight:700;color:var(--primary);opacity:.55;transition:transform .25s,opacity .25s}.glass-menu-card:hover{color:var(--text-primary);background:color-mix(in srgb,var(--primary) 12%,var(--glass-surface));transform:translateY(-6px);box-shadow:0 20px 42px rgba(15,23,42,.16)}.glass-menu-card:hover::after{opacity:1;transform:translateX(4px)}.glass-menu-card h4,.glass-menu-card p{color:inherit;margin:0}.glass-stats{min-height:135px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.38rem;text-align:center;cursor:default}.stats-value{color:var(--text-primary);font-size:1.7rem;font-weight:700;line-height:1.25}.stats-title{color:var(--text-secondary);font-size:.83rem}.glass-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .65rem;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:rgba(255,255,255,.55);color:var(--text-primary);font-size:.78rem}
.glass-footer{background:rgba(255,255,255,.75);border-top:1px solid rgba(15,23,42,.08);color:var(--text-secondary);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.glass-footer a{color:var(--text-secondary);text-decoration:none}.glass-footer a:hover{color:var(--text-primary)}
.glass-mobile-nav{position:fixed;inset:auto 0 0;z-index:1050;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-around;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:rgba(255,255,255,.85);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -7px 28px rgba(15,23,42,.08);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.glass-mobile-link{min-width:52px;padding:.36rem .42rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;border-radius:12px;color:var(--text-muted);font-size:.63rem;font-weight:500;text-decoration:none}.glass-mobile-link i{font-size:1.35rem;line-height:1.15;transition:transform .2s}.glass-mobile-link:hover{color:var(--text-primary);background:rgba(15,23,42,.05)}.glass-mobile-link.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.glass-mobile-link.active i{transform:translateY(-1px) scale(1.1)}
.modal-content{color:var(--text-primary)!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:var(--glass-radius)!important;box-shadow:0 24px 64px rgba(15,23,42,.20)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important}.modal-header,.modal-footer{border-color:rgba(15,23,42,.08)!important}.modal-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dropdown-menu{padding:.45rem!important;color:var(--text-primary)!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:14px!important;box-shadow:0 16px 42px rgba(15,23,42,.16)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important}.dropdown-item{color:var(--text-secondary)!important;border-radius:9px!important;padding:.52rem .75rem!important}.dropdown-item:hover,.dropdown-item:focus{color:var(--text-primary)!important;background:rgba(15,23,42,.06)!important}.dropdown-item.disabled{color:var(--text-muted)!important}.dropdown-divider{border-color:rgba(15,23,42,.1)!important}.carousel-inner img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:var(--glass-radius)}.carousel-control-prev,.carousel-control-next{top:50%;bottom:auto;width:2.55rem;height:2.55rem;border-radius:50%;background:rgba(15,23,42,.32);transform:translateY(-50%)}.carousel-control-prev{left:.75rem}.carousel-control-next{right:.75rem}.animate-float{animation:float 4s ease-in-out infinite}.text-glass-secondary{color:var(--text-secondary)}.text-glass-muted{color:var(--text-muted)}.glass-divider{border:0;border-top:1px solid rgba(15,23,42,.1);margin:1.1rem 0}
.sales-toast{position:fixed;left:1rem;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 1rem);z-index:1040;display:flex;align-items:center;gap:.6rem;max-width:270px;padding:.6rem .8rem;border-radius:14px;background:rgba(14,16,26,.95);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.35);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.sales-toast.show{opacity:1;transform:translateY(0) scale(1)}.sales-toast-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem}.sales-toast-meta{display:flex;align-items:center;gap:.35rem;margin-bottom:1px}.sales-toast-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 5px var(--primary)}.sales-toast-meta span:last-child{font-size:.65rem;color:rgba(255,255,255,.45)}.sales-toast-text{font-size:.72rem;color:rgba(255,255,255,.92);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.sales-toast-text strong{color:var(--primary)}.sales-toast-verb{color:rgba(255,255,255,.5);font-weight:400}@media(min-width:1024px){.sales-toast{bottom:1.25rem}}@media(min-width:1024px){.glass-mobile-nav{display:none!important}}@media(max-width:360px){.glass-mobile-link{min-width:44px;padding-inline:.2rem;font-size:.56rem}}
