.header{background:linear-gradient(90deg,#2563eb,#1e40af);color:white}.logo-container{width:3rem;height:3rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-inner{width:2rem;height:2rem;background:linear-gradient(to bottom right,#c084fc,#60a5fa);border-radius:50%;position:relative}.logo-dot{position:absolute;inset:.25rem;background:rgba(255,255,255,.3);border-radius:50%}.nav-link{transition:color .3s ease}.nav-link:hover{color:#bfdbfe}.social-icon{width:2rem;height:2rem;background:white;border-radius:50%;justify-content:center}.auth-section,.social-icon{display:flex;align-items:center}.login-button{background:rgba(255,255,255,.1);color:white;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.login-button:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;color:white;cursor:pointer;transition:all .3s ease}.user-menu-button:hover{background:rgba(255,255,255,.2)}.user-avatar{width:2rem;height:2rem;background:#7cb342;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:white}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{width:1rem;height:1rem;transition:transform .3s ease}.user-menu-button[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:white;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;min-width:200px;z-index:50;overflow:hidden}.user-info{padding:1rem;border-bottom:1px solid #e5e7eb}.user-email{color:#374151;font-size:.875rem;margin:0 0 .5rem;word-break:break-all}.role-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.user{background:#dbeafe;color:#1e40af}.dropdown-divider{height:1px;background:#e5e7eb}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;color:#374151;text-decoration:none;font-size:.875rem;transition:background-color .2s ease;border:none;background:none;text-align:left;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.logout-item{color:#dc2626;border-top:1px solid #e5e7eb}.logout-item:hover{background:#fef2f2}@media (max-width:768px){.user-name{display:none}.user-dropdown{right:-1rem;left:-1rem}}.hours-container{text-align:center}.hours-icon-container{width:4rem;height:4rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.hours-list{font-size:.875rem;line-height:1.5}.hours-list p{margin-bottom:.25rem}.location-container{text-align:center}.location-icon-container{width:4rem;height:4rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.location-address{font-size:.875rem}.location-address p{margin-bottom:.25rem}.footer{background-color:#22c55e;color:white;padding:3rem 0}.footer-icon-container{width:4rem;height:4rem;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer-social-icon{width:2rem;height:2rem;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center}