.notification-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);min-width:300px;max-width:400px;font-weight:var(--font-weight-medium)}.notification-info{background-color:var(--electric-blue);color:var(--charcoal)}.notification-success{background-color:var(--success);color:#fff}.notification-error{background-color:var(--error);color:#fff}.notification-warning{background-color:var(--warning);color:var(--charcoal)}.notification-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:0;margin-left:var(--spacing-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-close:hover{background-color:#fff3}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px}.notification{min-width:auto;max-width:none}}.social-share{position:relative;display:inline-block}.share-button{background:var(--electric-blue);color:var(--charcoal);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.share-button:hover{background:#00d1e0;transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-dropdown{position:absolute;top:100%;right:0;background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);z-index:100;min-width:150px;margin-top:var(--spacing-xs)}.share-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.share-option:hover{background:var(--light-gray)}.share-icon{font-size:var(--font-size-lg)}.share-icon.facebook{color:#1877f2}.share-icon.twitter{color:#1da1f2}.share-icon.whatsapp{color:#25d366}.share-icon.link{color:var(--medium-gray)}.restaurant-card{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-md);position:relative;border:var(--border-width) solid var(--outline);overflow:hidden}.restaurant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-lg)}.restaurant-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.restaurant-card:hover:before{transform:scaleX(1)}.restaurant-card.selected-for-comparison{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.restaurant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width) solid var(--outline)}.restaurant-name{font-size:var(--font-size-xl);color:var(--on-surface);margin:0;flex:1;font-weight:var(--font-weight-bold)}.restaurant-actions-header{display:flex;gap:var(--spacing-sm);align-items:center}.favorite-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--on-surface-variant);padding:var(--spacing-xs);border-radius:var(--border-radius-full);transition:all var(--transition-md);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.favorite-btn:hover{background-color:var(--surface-variant);color:var(--on-surface)}.favorite-btn.favorited{color:var(--error);background-color:#ef44441a}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.detail-icon{color:var(--primary);min-width:20px}.detail-label{color:var(--on-surface-variant);font-weight:var(--font-weight-medium);flex:1}.detail-value{font-weight:var(--font-weight-semibold);color:var(--on-surface)}.detail-value.rating{color:var(--accent)}.restaurant-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.chip{background:var(--surface-variant);border:var(--border-width) solid var(--outline);border-radius:var(--border-radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--on-surface);cursor:pointer;transition:all var(--transition-md)}.chip:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light)}.restaurant-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width) solid var(--outline)}.restaurant-actions .btn{flex:1;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.restaurant-card{padding:var(--spacing-md)}.restaurant-header{flex-direction:column;gap:var(--spacing-sm)}.restaurant-name{font-size:var(--font-size-lg)}.restaurant-actions-header{align-self:flex-end}.restaurant-actions{flex-direction:column}.restaurant-actions .btn{width:100%}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.stat-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--electric-blue),var(--warm-yellow))}.stat-icon{font-size:var(--font-size-xxl);color:var(--electric-blue);margin-bottom:var(--spacing-sm)}.stat-value{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--charcoal);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--medium-gray);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:1px}.stats-loading{text-align:center;padding:var(--spacing-lg);color:var(--medium-gray)}.stats-error{text-align:center;padding:var(--spacing-lg);color:var(--error);background:var(--white);border-radius:var(--border-radius-md)}.skeleton-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-md)}.skeleton-value{height:40px;width:60%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-sm);animation:shimmer 1.5s infinite;margin:0 auto var(--spacing-sm)}.skeleton-label{height:16px;width:80%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-sm);animation:shimmer 1.5s infinite;margin:0 auto}@media (max-width: 768px){.stats{grid-template-columns:1fr}.stat-value{font-size:var(--font-size-xxl)}}.roulette-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.wheel-wrapper{position:relative;width:300px;height:300px}.roulette-wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--charcoal)}.wheel-section{position:absolute;width:50%;height:50%;transform-origin:bottom right}.section-1{background:var(--electric-blue);transform:rotate(0)}.section-2{background:var(--warm-yellow);transform:rotate(45deg)}.section-3{background:var(--success);transform:rotate(90deg)}.section-4{background:var(--warning);transform:rotate(135deg)}.section-5{background:var(--error);transform:rotate(180deg)}.section-6{background:var(--dark-gray);transform:rotate(225deg)}.section-7{background:var(--medium-gray);transform:rotate(270deg)}.section-8{background:var(--light-gray);transform:rotate(315deg)}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:30px;height:30px;background:var(--charcoal);clip-path:polygon(50% 100%,0 0,100% 0);z-index:10}.spin-button{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-xl);font-weight:var(--font-weight-bold)}.spin-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.wheel-wrapper{width:250px;height:250px}.spin-button{width:100%;padding:var(--spacing-md)}}.filter-bar{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.filter-bar h3{margin-bottom:var(--spacing-md);color:var(--charcoal);font-size:var(--font-size-xl)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);align-items:center}.filter-row>*{flex:1;min-width:120px}.filter-input,.filter-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--light-gray);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-md)}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.filter-section{margin-bottom:var(--spacing-md)}.filter-section h4{margin-bottom:var(--spacing-xs);color:var(--charcoal);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chip{background:var(--light-gray);border:none;border-radius:var(--border-radius-xl);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.chip:hover{background:var(--medium-gray);color:var(--white)}.chip.active{background:var(--electric-blue);color:var(--white);border-color:var(--electric-blue)}.quick-filters{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--light-gray)}.quick-filters .chip{background:var(--light-blue);color:var(--electric-blue)}.quick-filters .chip:hover{background:var(--electric-blue);color:var(--white)}@media (max-width: 768px){.filter-row{flex-direction:column;align-items:stretch}.filter-row>*{min-width:auto}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}}.activity-feed{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.activity-feed.empty{text-align:center;padding:var(--spacing-xl)}.activity-feed.empty .feed-icon{font-size:3rem;color:var(--light-gray);margin-bottom:var(--spacing-md)}.activity-feed.empty h3{color:var(--charcoal);margin-bottom:var(--spacing-sm)}.activity-feed.empty p{color:var(--medium-gray)}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--light-gray)}.feed-header h2{color:var(--charcoal);font-size:var(--font-size-xl);margin:0}.activity-count{background:var(--electric-blue);color:var(--charcoal);border-radius:var(--border-radius-xl);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--light-gray);transition:all var(--transition-fast)}.activity-item:hover{background:#e9e9e9}.activity-icon{background:var(--white);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--electric-blue);flex-shrink:0;font-size:var(--font-size-md)}.activity-content{flex:1}.activity-user{font-weight:var(--font-weight-bold);color:var(--charcoal);margin-bottom:var(--spacing-xs)}.activity-message{color:var(--medium-gray);margin-bottom:var(--spacing-xs)}.activity-time{font-size:var(--font-size-sm);color:var(--medium-gray)}@media (max-width: 768px){.activity-feed{padding:var(--spacing-md)}.feed-header h2{font-size:var(--font-size-lg)}.activity-item{padding:var(--spacing-sm)}}.skeleton-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.skeleton-title{height:24px;width:70%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-sm);animation:shimmer 1.5s infinite}.skeleton-icon{height:30px;width:30px;border-radius:50%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));animation:shimmer 1.5s infinite}.skeleton-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skeleton-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-label{height:14px;width:60%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-sm);animation:shimmer 1.5s infinite}.skeleton-value{height:20px;width:80%;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-sm);animation:shimmer 1.5s infinite}.skeleton-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.skeleton-chip{height:24px;width:60px;background:linear-gradient(90deg,var(--light-gray),var(--medium-gray),var(--light-gray));border-radius:var(--border-radius-xl);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-title{animation-delay:.1s}.skeleton-icon{animation-delay:.2s}.skeleton-detail-item:nth-child(1) .skeleton-label,.skeleton-detail-item:nth-child(1) .skeleton-value{animation-delay:.3s}.skeleton-detail-item:nth-child(2) .skeleton-label,.skeleton-detail-item:nth-child(2) .skeleton-value{animation-delay:.4s}.skeleton-detail-item:nth-child(3) .skeleton-label,.skeleton-detail-item:nth-child(3) .skeleton-value{animation-delay:.5s}.skeleton-chip:nth-child(1){animation-delay:.6s}.skeleton-chip:nth-child(2){animation-delay:.7s}.skeleton-chip:nth-child(3){animation-delay:.8s}.home-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.hero-section{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--border-radius-xl);color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.hero-section h1{font-size:var(--font-size-xxxxl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-extrabold);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-section p{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto}.actions-bar{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.actions-bar .btn{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.actions-bar .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;min-height:300px}.spinner{width:60px;height:60px;border:5px solid rgba(99,102,241,.2);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.error-state{text-align:center;padding:var(--spacing-xl);background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--error)}.error-state h3{color:var(--error);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.empty-state{text-align:center;padding:var(--spacing-xl);background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:var(--border-width) solid var(--outline)}.restaurant-display{margin-top:var(--spacing-lg)}.stats-section{margin-bottom:var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}@media (max-width: 768px){.home-page{padding:var(--spacing-md)}.hero-section{padding:var(--spacing-lg)}.hero-section h1{font-size:var(--font-size-xxxl)}.hero-section p{font-size:var(--font-size-lg)}.actions-bar{flex-direction:column;align-items:center;gap:var(--spacing-md)}.actions-bar .btn{width:100%;max-width:300px}.stats-section{grid-template-columns:1fr}}.comparison-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.comparison-container h2{margin-bottom:var(--spacing-lg);color:var(--charcoal);font-size:var(--font-size-xxl)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.comparison-card{position:relative;background:var(--light-gray);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.comparison-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.remove-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:30px;height:30px;border-radius:50%;background:var(--error);color:var(--white);border:none;font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-btn:hover{transform:scale(1.1);background:#d32f2f}.restaurant-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--medium-gray)}.restaurant-name{font-size:var(--font-size-xl);color:var(--charcoal);margin:0}.restaurant-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-icon{color:var(--electric-blue);min-width:20px}.detail-label{color:var(--medium-gray);font-weight:var(--font-weight-medium);flex:1}.detail-value{font-weight:var(--font-weight-semibold);color:var(--charcoal)}.detail-value.rating{color:var(--warm-yellow)}.detail-value.eta-fast{color:var(--success)}.detail-value.eta-medium{color:var(--warning)}.detail-value.eta-slow{color:var(--error)}.restaurant-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chip{background:var(--white);border:none;border-radius:var(--border-radius-xl);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--charcoal)}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}.comparison-container{padding:var(--spacing-md)}}.search-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.search-header{text-align:center;margin-bottom:var(--spacing-xl)}.search-header h1{font-size:var(--font-size-xxxl);color:var(--charcoal);margin-bottom:var(--spacing-sm)}.search-header p{font-size:var(--font-size-lg);color:var(--medium-gray)}.search-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.search-input{flex:1;min-width:250px;padding:var(--spacing-md);border:2px solid var(--light-gray);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #00f0ff33}.results-count{white-space:nowrap;color:var(--medium-gray);font-weight:var(--font-weight-medium)}.restaurants-grid,.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.spinner{width:50px;height:50px;border:5px solid var(--light-gray);border-top:5px solid var(--electric-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.error-state h3{color:var(--error);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.search-page{padding:var(--spacing-md)}.search-header h1{font-size:var(--font-size-xxl)}.search-controls{flex-direction:column;align-items:stretch}.restaurants-grid,.skeleton-grid{grid-template-columns:1fr}}.favorites-page{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.favorites-header{text-align:center;margin-bottom:var(--spacing-xl)}.favorites-header h1{font-size:var(--font-size-xxxl);color:var(--charcoal);margin-bottom:var(--spacing-sm)}.favorites-header p{font-size:var(--font-size-lg);color:var(--medium-gray)}.favorites-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-xl);background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);grid-column:1 / -1}.empty-state h3{color:var(--medium-gray);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.favorites-page{padding:var(--spacing-md)}.favorites-header h1{font-size:var(--font-size-xxl)}.favorites-actions{justify-content:center}.favorites-grid{grid-template-columns:1fr}}.lunch-group{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--light-gray)}.group-info{display:flex;align-items:center;gap:var(--spacing-sm)}.group-icon{color:var(--electric-blue);font-size:var(--font-size-xl)}.group-name{color:var(--charcoal);margin:0;font-size:var(--font-size-xl)}.remove-group-btn{background:none;border:none;color:var(--error);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.remove-group-btn:hover{background:var(--light-gray)}.group-description{color:var(--medium-gray);margin-bottom:var(--spacing-lg);font-style:italic}.group-members h4,.add-member-section h4{color:var(--charcoal);margin-bottom:var(--spacing-sm)}.members-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.member-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--light-gray)}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--electric-blue),var(--warm-yellow));display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--charcoal)}.member-details{display:flex;flex-direction:column}.member-name{font-weight:var(--font-weight-bold);color:var(--charcoal)}.member-email{color:var(--medium-gray);font-size:var(--font-size-sm)}.remove-member-btn{background:none;border:none;color:var(--error);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.remove-member-btn:hover{background:var(--light-gray)}.add-member-form{display:flex;gap:var(--spacing-sm)}.member-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--light-gray);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}.member-input:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #00f0ff33}@media (max-width: 768px){.lunch-group{padding:var(--spacing-md)}.group-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.add-member-form{flex-direction:column}}.profile-page{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.profile-header{text-align:center;margin-bottom:var(--spacing-xl)}.profile-header h1{font-size:var(--font-size-xxxl);color:var(--charcoal);margin-bottom:var(--spacing-sm)}.profile-header p{font-size:var(--font-size-lg);color:var(--medium-gray)}.login-prompt{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-md)}.login-prompt h3{color:var(--charcoal);margin-bottom:var(--spacing-sm)}.login-prompt p{color:var(--medium-gray);margin-bottom:var(--spacing-lg)}.login-prompt .btn{margin:0 var(--spacing-sm)}.profile-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.profile-section h2{color:var(--charcoal);margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.profile-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.info-item label{display:block;color:var(--medium-gray);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.info-item p{font-size:var(--font-size-lg);color:var(--charcoal);margin:0}.friends-management,.groups-management{margin-bottom:var(--spacing-lg)}.friend-input-container,.group-input-container{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.friend-input,.group-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--light-gray);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}.friend-input:focus,.group-input:focus{outline:none;border-color:var(--electric-blue);box-shadow:0 0 0 3px #00f0ff33}.friends-list,.groups-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--light-gray)}.friend-info{display:flex;align-items:center;gap:var(--spacing-md)}.friend-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--electric-blue),var(--warm-yellow));display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--charcoal)}.friend-details{display:flex;flex-direction:column}.friend-name{font-weight:var(--font-weight-bold);color:var(--charcoal)}.friend-email{color:var(--medium-gray);font-size:var(--font-size-sm)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.no-friends,.no-groups{text-align:center;color:var(--medium-gray);font-style:italic;padding:var(--spacing-lg)}.preferences-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.form-group label{display:block;color:var(--medium-gray);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--light-gray);border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:var(--font-size-md)}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm)}.cuisine-exclusions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.cuisine-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--light-gray)}.cuisine-checkbox:hover{background:#e9e9e9}.profile-actions{display:flex;justify-content:center}.profile-actions .btn{min-width:200px}@media (max-width: 768px){.profile-page{padding:var(--spacing-md)}.profile-header h1{font-size:var(--font-size-xxl)}.profile-info{grid-template-columns:1fr}.friend-input-container,.group-input-container{flex-direction:column}.preferences-form{grid-template-columns:1fr}.cuisine-exclusions{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.login-prompt .btn{display:block;margin:var(--spacing-sm) 0;width:100%}}.navigation{background:var(--surface);border-bottom:var(--border-width) solid var(--outline);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md);height:70px}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.nav-logo-icon{color:var(--primary);font-size:1.5rem}.nav-logo-text{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--on-surface);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md)}.nav-item{border-radius:var(--border-radius-full);transition:all var(--transition-md)}.nav-item.active{background:#6366f11a}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--on-surface);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);transition:all var(--transition-md)}.nav-link:hover{color:var(--primary);background:#6366f10d}.nav-icon{font-size:1rem}.nav-label{font-size:var(--font-size-md)}@media (max-width: 768px){.nav-container{height:60px;padding:0 var(--spacing-sm)}.nav-logo-text{font-size:var(--font-size-lg)}.nav-menu{gap:var(--spacing-sm)}.nav-label{display:none}.nav-link{padding:var(--spacing-sm)}}.header{background:var(--surface);border-bottom:var(--border-width) solid var(--outline);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;text-decoration:none;color:var(--on-surface)}.logo-icon{font-size:var(--font-size-xxl);margin-right:var(--spacing-xs);color:var(--primary)}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--spacing-md)}.nav-link{display:flex;align-items:center;text-decoration:none;color:var(--on-surface-variant);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);transition:all var(--transition-md)}.nav-link:hover,.nav-link.active{background-color:#6366f11a;color:var(--primary)}.nav-icon{margin-right:var(--spacing-xs)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--on-surface);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);transition:all var(--transition-md)}.theme-toggle:hover{background-color:var(--surface-variant)}.user-profile{display:flex;align-items:center;text-decoration:none;color:var(--on-surface)}.user-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);margin-right:var(--spacing-sm);color:#fff}.user-name{font-weight:var(--font-weight-medium)}@media (max-width: 768px){.header-container{padding:0 var(--spacing-sm);height:60px}.nav-text,.logo-text{display:none}.logo-icon{font-size:var(--font-size-xl);margin-right:0}.nav-link{padding:var(--spacing-sm)}.user-name{display:none}.user-avatar{margin-right:0}}.footer{background-color:var(--charcoal);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h3,.footer-section h4{color:var(--warm-yellow);margin-bottom:var(--spacing-sm)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--light-gray);text-decoration:none;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--electric-blue)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);text-align:center}.footer-bottom p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--medium-gray)}.footer-bottom .disclaimer{font-style:italic}@media (max-width: 768px){.footer-content{grid-template-columns:1fr}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-lg),transform var(--transition-lg)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-lg),transform var(--transition-lg)}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #10b981;--secondary-dark: #059669;--secondary-light: #34d399;--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fbbf24;--background: #f8fafc;--surface: #ffffff;--surface-variant: #f1f5f9;--on-surface: #1e293b;--on-surface-variant: #64748b;--outline: #cbd5e1;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-secondary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-xxl: 24px;--border-radius-full: 9999px;--border-width: 1px;--border-width-md: 2px;--border-width-lg: 3px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-xs: .1s ease;--transition-sm: .15s ease;--transition-md: .2s ease;--transition-lg: .3s ease;--transition-xl: .4s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--background: #0f172a;--surface: #1e293b;--surface-variant: #334155;--on-surface: #f1f5f9;--on-surface-variant: #cbd5e1;--outline: #475569;--primary: #818cf8;--primary-dark: #6366f1;--primary-light: #a5b4fc;--secondary: #34d399;--secondary-dark: #10b981;--secondary-light: #6ee7b7;--accent: #fbbf24;--accent-dark: #f59e0b;--accent-light: #fcd34d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--background);color:var(--on-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.main-content{flex:1;padding:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%;transition:all var(--transition-md)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-md);text-decoration:none;position:relative;overflow:hidden;outline:none}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;opacity:0;transition:opacity var(--transition-md)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){background-color:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background-color:transparent;border:var(--border-width) solid var(--outline);color:var(--on-surface)}.btn-outline:hover:not(:disabled){background-color:var(--surface-variant);border-color:var(--primary);color:var(--primary)}.btn-text{background-color:transparent;color:var(--primary);padding:var(--spacing-sm)}.btn-text:hover:not(:disabled){background-color:#6366f11a}.card{background:var(--surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-md);border:var(--border-width) solid var(--outline)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--surface-variant);color:var(--on-surface);transition:all var(--transition-md);border:var(--border-width) solid var(--outline)}.chip:hover{background-color:var(--primary-light);color:#fff;border-color:var(--primary-light)}.chip-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.chip-secondary{background-color:var(--secondary);color:#fff;border-color:var(--secondary)}.chip-accent{background-color:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}.container{padding:0 var(--spacing-sm)}}