@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;800&family=Montserrat:wght@300;400;500;600;700&display=swap);:root{--font-title:"LuckyFellasUpright",cursive;--font-body:"GillSansMT",sans-serif;--font-special:"Aurora",sans-serif;--chocolate-brown:#31231f;--dark-chocolate:#2a1a0e;--antique-gold:#c39616;--darker-gold:#b8941f;--cream:#bdac92;--light-cream:#faf7f0;--black:#000;--white:#fff;--text-muted:#8b7355;--shadow-color:#31231f33;--primary-navy:var(--antique-gold);--secondary-navy:var(--chocolate-brown);--accent-gold:var(--antique-gold);--accent-orange:var(--antique-gold);--warm-beige:var(--cream);--text-light:var(--cream);--text-dark:var(--antique-gold);--background-dark:var(--chocolate-brown);--background-medium:var(--chocolate-brown);--background-light:var(--cream);--border-color:var(--antique-gold);--hover-gold:var(--darker-gold);--card-bg:var(--chocolate-brown)}@font-face{font-family:LuckyFellasUpright;font-style:normal;font-weight:400;src:url(/static/media/LuckyFellasUpright.5502788bb1170762532d.otf) format("opentype")}@font-face{font-family:Aurora;font-style:normal;font-weight:400;src:url(/static/media/AuroraType.380bff9f2a5b2a83b7c3.otf) format("opentype")}@font-face{font-family:GillSansMT;font-style:normal;font-weight:400;src:url(/static/media/GillSansMT.b007384538f12caa4fc4.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#31231f;background-color:var(--chocolate-brown);color:#bdac92;color:var(--cream);font-family:GillSansMT,sans-serif;font-family:var(--font-body)}.back-button,.category-button,.compare-button,.compare-wines-btn,.cta-button,.landing-title,.menu-nav-button,.spirits-button,.title,.wine-country-header,.wine-main-header,.wine-region-header{letter-spacing:4pt!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;padding:2rem;text-align:center}@media (max-width:768px){.App{padding:1rem}}@media (max-width:480px){.App{padding:.5rem}}.title{color:#f8f4e3;font-family:var(--font-title);font-size:3rem;margin-bottom:2rem;text-shadow:2px 2px 4px #00000080}@media (max-width:768px){.title{font-size:2.5rem;margin-bottom:1.5rem}}@media (max-width:480px){.title{font-size:2rem;line-height:1.2;margin-bottom:1rem}}.categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.category-button{background:#bdac92;border:4px solid #c39616;border-radius:.75rem;color:#31231f;cursor:pointer;font-family:var(--font-title);font-size:8rem;font-weight:600;min-height:44px;outline:none;padding:1rem 2rem;position:relative;text-shadow:none;transition:all .3s ease}.category-button:focus{box-shadow:0 0 0 2px #000;outline:3px solid #fff;outline-offset:2px}.category-button:focus-visible{color:#000;outline:3px solid #fff;outline-offset:2px;transform:translateY(-2px);.category-button:hover{background-color:#c39616;color:#31231f;transform:translateY(-2px)}}.category-button.active{background-color:#c39616;border-color:#c39616;color:#f8f4e3;font-weight:700;text-shadow:none}@media (max-width:768px){.category-button{font-size:6rem;min-width:120px;padding:.75rem 1.5rem}.categories{gap:.5rem;padding:0 1rem}}@media (max-width:480px){.category-button{font-size:4rem;min-width:100px;padding:.6rem 1rem}.categories{gap:.3rem;padding:0 .5rem}}.drink-name{color:#fff;font-family:var(--font-special);font-size:1.5rem;margin-bottom:.5rem}.drink-description{color:var(--cream);font-family:var(--font-body);font-size:1.1rem;margin-bottom:1.5rem}.drink-description.simple{border-bottom:1px dashed var(--border-color);color:var(--text-muted);font-size:.95rem;margin-bottom:0;margin-left:1rem;margin-top:.4rem;opacity:.9;padding-bottom:.5rem}.detail-page-container{align-items:flex-start;background-color:var(--light-cream);color:var(--black);display:flex;justify-content:center;padding:2rem}.detail-card{background-color:var(--white);border:1px solid var(--antique-gold);border-radius:12px;box-shadow:0 4px 12px #0000001a;color:var(--black);max-width:800px;padding:2rem 3rem;text-align:left;width:100%}.detail-name{color:var(--chocolate-brown);font-family:var(--font-title);font-size:2.5rem;margin-bottom:.5rem;text-align:center;text-shadow:none}.detail-subheader{border-bottom:2px solid var(--antique-gold);display:flex;font-style:italic;justify-content:space-between;padding-bottom:1rem}.detail-description,.detail-subheader{color:var(--black);font-family:var(--font-body);margin-bottom:2rem}.detail-description{font-size:1.1rem;line-height:1.6}.detail-price{color:var(--antique-gold);font-family:var(--font-title);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:right}.back-button{background-color:var(--antique-gold);border:2px solid var(--chocolate-brown);border-radius:8px;color:var(--black);cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:700;min-height:44px;outline:none;padding:.8rem 1.5rem;transition:all .3s ease}.back-button:focus{box-shadow:0 0 0 2px var(--black);outline:3px solid var(--white);outline-offset:2px}.back-button:focus-visible{outline:3px solid var(--white);outline-offset:2px}.back-button:hover{background-color:var(--chocolate-brown);color:var(--light-cream);transform:translateY(-2px)}.search-container{margin-bottom:2rem}.category-button:hover{color:var(--text-dark)}.drink-item-link{border-radius:8px;color:inherit;display:block;outline:none;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.drink-item-link:focus{box-shadow:0 0 0 1px #000;outline:3px solid #fff;outline-offset:2px}.drink-item-link:hover{background-color:var(--warm-beige);transform:translateX(5px)}.detail-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem}.detail-section:last-of-type{border-bottom:none}.detail-section-title{color:var(--chocolate-brown);font-family:var(--font-title);font-size:1.5rem;margin-bottom:.75rem}.detail-row{color:var(--black);display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:.5rem}.detail-label{color:var(--chocolate-brown);font-weight:700}.list-container{margin:2rem auto;max-width:900px;padding:0 1rem;text-align:left}@media (max-width:768px){.list-container{margin:1rem auto;padding:0 .5rem}}@media (max-width:480px){.list-container{margin:.5rem auto;padding:0 .25rem}}.wine-main-header{border-bottom:2px solid var(--antique-gold);font-size:2.2rem;margin-bottom:1.5rem;margin-top:3rem;padding-bottom:.5rem;text-align:center}.wine-country-header,.wine-main-header{color:#fff;font-family:var(--font-title)}.wine-country-header{font-size:1.8rem;margin-bottom:1rem;margin-top:2rem}.wine-region-header{color:#fff;font-family:var(--font-body);font-size:1.4rem;font-style:italic;font-weight:700;margin-bottom:1rem;margin-top:1.5rem;padding-left:1rem}.wine-item{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.wine-name,.wine-price{color:#fff;font-family:var(--font-body)}.wine-price{font-weight:700}.drink-item-link:hover .wine-name{color:var(--accent-gold)}.drink-item-simple{border-radius:8px;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.spirit-detail-container{background-color:#f8f4e5;padding:2rem}.spirit-image-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;max-height:400px}.spirit-image{max-height:100%;max-width:100%;object-fit:contain}.detail-page-bg{background:linear-gradient(135deg,var(--light-cream) 0,var(--cream) 100%);color:var(--black);min-height:100vh}.detail-hero-bg{background:linear-gradient(135deg,var(--chocolate-brown) 0,var(--dark-chocolate) 100%);color:var(--light-cream)}.detail-wine-header{font-family:var(--font-title);text-shadow:2px 2px 4px #00000080}.detail-price-display,.detail-wine-header,.detail-wine-info,.detail-wine-info span{color:var(--light-cream)!important}.detail-price-display{font-family:var(--font-title);font-weight:700;text-shadow:1px 1px 2px #00000080}.detail-page-bg main{color:var(--black)}.detail-page-bg main *{color:inherit}.detail-page-bg .detail-content,.detail-page-bg .section-content,.detail-page-bg .wine-details,.detail-page-bg .wine-info,.detail-page-bg .wine-section,.detail-page-bg div:not(.detail-hero-bg):not(.detail-hero-bg *),.detail-page-bg h2,.detail-page-bg h3,.detail-page-bg h4,.detail-page-bg p,.detail-page-bg span{color:var(--black)!important}.detail-page-bg .section-title{border-bottom:2px solid var(--antique-gold);color:var(--chocolate-brown)!important;font-family:var(--font-title);font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.detail-page-bg .varietal-name,.detail-page-bg .varietal-percentage{color:var(--black)!important}.detail-page-bg .tasting-section{background-color:var(--white);border:1px solid var(--antique-gold);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.detail-page-bg .tasting-section h4{color:var(--chocolate-brown)!important;font-family:var(--font-title);margin-bottom:.5rem}.detail-page-bg .tasting-section p{color:var(--black)!important;line-height:1.6}.detail-page-bg .review-section{background-color:var(--white);border-left:4px solid var(--antique-gold);box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.detail-page-bg .review-section .reviewer{color:var(--chocolate-brown)!important;font-family:var(--font-title);font-weight:700}.detail-page-bg .review-section .rating{color:var(--antique-gold)!important;font-weight:700}.detail-page-bg .review-section .review-text{color:var(--black)!important;font-style:italic;margin-top:.5rem}.detail-card-bg{background-color:var(--white);border:1px solid var(--antique-gold);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.detail-section-header{border-bottom:2px solid var(--antique-gold);color:var(--chocolate-brown)!important;font-family:var(--font-title);font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-varietal-card{background:var(--white);border:1px solid var(--antique-gold);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.wine-detail-paragraph{color:#000;line-height:1.7;margin-bottom:1rem!important}.wine-detail-section p{color:#000;line-height:1.7;margin-bottom:.75rem}.wine-detail-card{margin-bottom:1.5rem}.wine-detail-card:last-child{margin-bottom:0}.wine-detail-card p{color:#000;margin-bottom:.5rem}.header-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;min-height:60px}.header-section.has-compare-btn{justify-content:space-between}.header-section.no-compare-btn{justify-content:center}.compare-wines-btn{background:#f8f4e3;border:2px solid var(--antique-gold);border-radius:8px;color:var(--chocolate-brown);display:inline-block;font-family:var(--font-title);font-size:1.1rem;font-weight:700;min-height:44px;min-width:44px;outline:none;padding:12px 24px;text-decoration:none;text-shadow:none;transition:all .3s ease}.compare-wines-btn:focus{box-shadow:0 0 0 2px #000;outline:3px solid #fff;outline-offset:2px}.compare-wines-btn:focus-visible{outline:3px solid #fff;outline-offset:2px;text-decoration:none;transform:translateY(-2px);.compare-wines-btn:hover{background-color:#c39616;border-color:var(--darker-gold);color:#f8f4e3;text-decoration:none;transform:translateY(-2px)}}.skip-link{background:#000;border-radius:0 0 6px 6px;color:#fff}.skip-link:focus{top:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus{outline:2px solid #fff;outline-offset:2px}button,input,select,textarea{font-family:inherit;font-size:inherit}.wine-name,.wine-price{text-shadow:1px 1px 2px #00000080}@media (max-width:768px){.wine-comparison-card{min-width:280px}.wine-select{font-size:16px;min-height:44px}.remove-wine-btn{min-height:44px;min-width:44px}}@media (max-width:480px){.wine-comparison-card{min-width:260px}.comparison-grid{gap:15px}}@media (max-width:768px){.add-wine-btn,.back-button,.category-button,.remove-wine-btn{min-height:44px;min-width:44px}.drink-item-link{padding:1rem 1.5rem}.wine-item{padding:.5rem 0}}@media (prefers-contrast:high){.add-wine-btn,.back-button,.category-button{border-width:3px}.wine-name,.wine-price{text-shadow:2px 2px 4px #000c}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.detail-page-bg .detail-hero-bg{padding:1rem}.detail-wine-header{line-height:1.3}.detail-price-display,.detail-wine-header{font-size:1.5rem!important}.detail-wine-info{align-items:flex-start!important;flex-direction:column;gap:.5rem!important}.detail-card,.detail-card-bg{margin:1rem;padding:1.5rem}.detail-section-header{font-size:1.5rem!important}.detail-varietal-card,.review-section,.tasting-section{margin-bottom:.75rem;padding:.75rem}}@media (max-width:480px){.detail-page-bg main{padding:1rem .5rem}.detail-price-display,.detail-wine-header{font-size:1.3rem!important}.detail-card,.detail-card-bg{margin:.5rem;padding:1rem}}.wine-detail-section{margin-bottom:2.5rem}.wine-detail-section:last-child{margin-bottom:0}.wine-detail-section h3{border-bottom:2px solid var(--antique-gold);margin-bottom:1.5rem;padding-bottom:.5rem}.wine-detail-section h4{font-weight:600;margin-bottom:.75rem}.wine-detail-container{display:flex;flex-direction:column;gap:2.5rem}.wine-detail-container>.wine-detail-section{margin-bottom:0}.wine-detail-section .space-y-6>*{margin-bottom:1.5rem}.wine-detail-section .space-y-6>:last-child{margin-bottom:0}@media (max-width:768px){.wine-detail-section{margin-bottom:2rem}.wine-detail-section h3{font-size:1.4rem;margin-bottom:1rem}.wine-detail-section h4{font-size:1.1rem;margin-bottom:.5rem}.bg-gradient-to-r.from-purple-50.to-red-50,.wine-detail-card{padding:1rem}.bg-gradient-to-r.from-purple-50.to-red-50 .space-y-4>div{align-items:flex-start;flex-direction:column;gap:.75rem}.bg-gradient-to-r.from-purple-50.to-red-50 .w-32{width:100%}}@media (max-width:480px){.wine-detail-section{margin-bottom:1.5rem}.wine-detail-section h3{font-size:1.2rem}.wine-detail-section h4{font-size:1rem}}.food-menu{padding-bottom:2rem}.food-items-container{margin:0 auto;max-width:800px;padding:0 1rem}.food-section{margin-bottom:3rem}.food-section-header{border-bottom:2px solid var(--gold);color:var(--gold);font-family:var(--display-font);font-size:2rem;font-weight:600;letter-spacing:.1em;margin:2rem 0 1.5rem;padding-bottom:.5rem;text-align:center;text-transform:uppercase}.food-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.food-item:hover{border-color:var(--gold);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.food-item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.food-item-name{flex:1 1;line-height:1.3;margin:0}.food-item-name,.food-item-price{color:var(--gold);font-family:var(--display-font);font-size:1.25rem;font-weight:600}.food-item-price{margin-left:auto;white-space:nowrap}.food-item-description{color:var(--text-color);font-family:var(--body-font);font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.food-menu-footer{background-color:var(--secondary-brown);border-top:2px solid var(--gold);margin-top:3rem;padding:2rem 1rem}.dietary-info{margin:0 auto;max-width:800px;text-align:center}.dietary-info h3{color:var(--gold);font-family:var(--display-font);font-size:1.5rem;margin-bottom:1rem}.dietary-info p{color:var(--text-color);font-family:var(--body-font);font-size:.9rem;line-height:1.6;margin-bottom:1rem;opacity:.9}.dietary-info p:last-child{font-size:.85rem;font-weight:500;margin-bottom:0;opacity:.8}.categories.sticky{background-color:var(--primary-brown);border-bottom:2px solid var(--gold);box-shadow:0 2px 10px #0000004d;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;z-index:100}.categories.sticky+.list-container{margin-top:80px}@media (max-width:768px){.food-section-header{font-size:1.5rem;margin:1.5rem 0 1rem}.food-item{margin-bottom:1.5rem;padding:1.25rem}.food-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.food-item-name{font-size:1.1rem}.food-item-price{align-self:flex-end;font-size:1.1rem}.food-item-description{font-size:.9rem}.categories.sticky+.list-container{margin-top:100px}.dietary-info h3{font-size:1.25rem}.dietary-info p{font-size:.85rem}}@media (max-width:480px){.food-items-container{padding:0 .75rem}.food-item{padding:1rem}.food-section-header{font-size:1.25rem}.food-item-name,.food-item-price{font-size:1rem}.food-item-description{font-size:.85rem}}[style*="font-family: var(--font-title)"]{letter-spacing:26pt!important}.admin-dashboard{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.admin-dashboard h1{color:#2c3e50;font-size:2.5rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem;position:relative;text-align:center}.admin-dashboard h1:after{background:linear-gradient(90deg,#d4af37,#c39616);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.logout-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:8px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease}.logout-button:hover{box-shadow:0 4px 15px #dc354566;transform:translateY(-2px)}.admin-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:2rem}.admin-navigation h2{color:#495057;font-size:1.75rem;font-weight:400;margin-bottom:1.5rem;text-align:center}.nav-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.nav-button{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);background:linear-gradient(135deg,var(--btn-color,#6c757d),var(--btn-color-dark,#5a6268));border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-button:hover:before{left:100%}.nav-button:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.nav-button:first-child{--btn-color:#d4af37;--btn-color-dark:#b8941f}.nav-button:nth-child(2){--btn-color:#6f42c1;--btn-color-dark:#5a2d91}.nav-button:nth-child(3){--btn-color:#e83e8c;--btn-color-dark:#dc226e}.nav-button:nth-child(4){--btn-color:#fd7e14;--btn-color-dark:#e8650d}.nav-button:nth-child(5){--btn-color:#28a745;--btn-color-dark:#218838}.nav-button:nth-child(6){--btn-color:#17a2b8;--btn-color-dark:#138496}.add-drink-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:3rem;padding:2.5rem}.add-drink-form h2{color:#2c3e50;font-size:1.75rem;font-weight:400;margin-bottom:2rem;text-align:center}.add-drink-form form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.add-drink-form input,.add-drink-form textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:1rem;transition:all .3s ease}.add-drink-form input:focus,.add-drink-form textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.add-drink-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.add-drink-form button[type=submit]{background:linear-gradient(135deg,#d4af37,#c39616);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;justify-self:center;max-width:200px;padding:1rem 2rem;transition:all .3s ease}.add-drink-form button[type=submit]:hover{box-shadow:0 8px 25px #d4af374d;transform:translateY(-2px)}.drink-management-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2.5rem}.drink-management-list h2{color:#2c3e50;font-size:1.75rem;font-weight:400;margin-bottom:2rem;text-align:center}.drink-manage-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.drink-manage-item:hover{border-color:#d4af37;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.drink-manage-item.out-of-stock{background:linear-gradient(135deg,#f8d7da,#f1b0b7);border-color:#f5c6cb;opacity:.6}.drink-manage-item span{color:#2c3e50;flex:1 1;font-weight:500}.drink-manage-item div{display:flex;gap:.75rem}.drink-manage-item button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.drink-manage-item button:first-child{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.drink-manage-item button:nth-child(2){background:linear-gradient(135deg,#28a745,#218838);color:#fff}.drink-manage-item .delete-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.drink-manage-item button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.edit-drink-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.edit-drink-form input,.edit-drink-form textarea{border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;padding:.75rem;transition:all .3s ease}.edit-drink-form input:focus,.edit-drink-form textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.edit-drink-form .save-button{background:linear-gradient(135deg,#28a745,#218838);color:#fff}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-dashboard h1{font-size:2rem}.logout-button{margin-bottom:1rem;position:relative;right:0;top:0;width:100%}.add-drink-form form,.nav-buttons{grid-template-columns:1fr}.drink-manage-item{gap:1rem;text-align:center}.drink-manage-item,.edit-drink-form{flex-direction:column}}.admin-dashboard .loading{color:#6c757d;font-style:italic;padding:2rem;text-align:center}.admin-dashboard .error{background:linear-gradient(135deg,#f8d7da,#f1b0b7);border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:1rem;text-align:center}.admin-dashboard::-webkit-scrollbar{width:8px}.admin-dashboard::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admin-dashboard::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af37,#c39616);border-radius:4px}.admin-dashboard::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#c39616,#b8941f)}.category-manager{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.category-manager.loading{align-items:center;color:#666;display:flex;font-size:18px;height:200px;justify-content:center}.category-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:15px}.category-header h2{color:#2c3e50;font-size:28px;margin:0}.header-actions{gap:10px}.add-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .2s}.add-button:hover{background:#218838}.close-button{background:#dc3545;border-radius:6px;font-size:18px;font-weight:700;padding:8px 15px}.close-button:hover{background:#c82333}.error-message{background:#f8d7da}.error-message,.success-message{border-radius:6px;margin-bottom:20px;padding:12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.item-form{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:25px}.item-form.editing{border-left:4px solid #007bff}.item-form h3{color:#2c3e50;font-size:20px;margin:0 0 20px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 200px}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#495057;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{min-height:60px;resize:vertical}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-actions{border-top:1px solid #e9ecef;gap:10px;margin-top:25px;padding-top:20px}.ai-button{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600;padding:10px 20px;transition:transform .2s,box-shadow .2s}.ai-button:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.ai-button:disabled{opacity:.6}.save-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.save-button:hover{background:#0056b3}.cancel-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.cancel-button:hover{background:#545b62}.items-list h3{color:#2c3e50;font-size:22px;margin-bottom:20px}.no-items{background:#fff;border:1px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:40px;text-align:center}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.item-card{border:1px solid #dee2e6;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.item-card:hover{box-shadow:0 4px 12px #0000001a}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.item-header h4{color:#2c3e50;flex:1 1;font-size:18px;margin:0}.item-price{color:#28a745;font-size:16px;font-weight:700;margin-left:10px}.item-description{color:#6c757d;line-height:1.5;margin:10px 0}.ai-info{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin:12px 0;padding:12px}.ai-field{font-size:13px;line-height:1.4;margin-bottom:6px}.ai-field:last-child{margin-bottom:0}.ai-field strong{color:#495057}.item-status{display:flex;gap:8px;margin:12px 0}.out-of-stock{background:#dc3545;text-transform:uppercase}.ai-enhanced,.out-of-stock{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.ai-enhanced{background:linear-gradient(135deg,#667eea,#764ba2)}.item-actions{border-top:1px solid #e9ecef;display:flex;gap:8px;margin-top:15px;padding-top:15px}.edit-button{background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px}.edit-button:hover{background:#138496}.delete-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 16px}.delete-button:hover{background:#c82333}@media (max-width:768px){.category-manager{margin:10px;padding:15px}.category-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{justify-content:space-between}.form-row{gap:15px}.form-row,.items-grid{grid-template-columns:1fr}.form-actions,.item-actions{flex-direction:column}}.migration-dashboard{background:var(--background-light);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.migration-header{background:linear-gradient(135deg,var(--antique-gold),var(--darker-gold));border-radius:12px;color:var(--chocolate-brown);margin-bottom:3rem;padding:2rem;text-align:center}.migration-header h2{font-family:var(--font-title);font-size:2.5rem;letter-spacing:4pt;margin-bottom:1rem}.migration-header p{font-size:1.2rem;opacity:.9}.migration-status{background:var(--white);border-radius:12px;box-shadow:var(--shadow-color) 0 4px 12px;margin-bottom:2rem;padding:2rem}.migration-status h3{color:var(--chocolate-brown);font-family:var(--font-title);letter-spacing:2pt;margin-bottom:1.5rem}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.status-item{background:var(--light-cream);border:2px solid var(--antique-gold);border-radius:8px;padding:1rem;text-align:center}.status-number{color:var(--antique-gold);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.status-label{color:var(--chocolate-brown);font-size:.9rem;font-weight:500}.progress-bars{margin-bottom:1.5rem}.progress-label{color:var(--chocolate-brown);font-weight:500;margin-bottom:.5rem}.progress-track{background:var(--cream);border:1px solid var(--antique-gold);border-radius:4px;height:8px;overflow:hidden}.progress-fill.migration{background:linear-gradient(90deg,var(--antique-gold),var(--darker-gold))}.progress-fill.enhancement{background:linear-gradient(90deg,#4caf50,#45a049)}.progress-fill.active{animation:pulse 2s infinite;background:linear-gradient(90deg,var(--antique-gold),var(--darker-gold))}.status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:15px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.badge.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.migration-options{background:var(--white);border-radius:12px;box-shadow:var(--shadow-color) 0 4px 12px;margin-bottom:2rem;padding:2rem}.migration-options h3{color:var(--chocolate-brown);font-family:var(--font-title);letter-spacing:2pt;margin-bottom:1.5rem}.option-label{align-items:flex-start;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease}.option-label:hover{background:var(--light-cream);border-color:var(--antique-gold)}.option-label input[type=checkbox]{accent-color:var(--antique-gold);margin-top:.2rem;transform:scale(1.2)}.option-content{flex:1 1}.option-content strong{color:var(--chocolate-brown);display:block;margin-bottom:.3rem}.option-content p{color:var(--text-muted);font-size:.9rem;margin:0}.batch-size-option{background:var(--light-cream);border:2px solid var(--antique-gold);border-radius:8px;padding:1rem}.batch-size-option label{align-items:center;color:var(--chocolate-brown);display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.batch-size-option select{background:var(--white);border:1px solid var(--antique-gold);border-radius:4px;color:var(--chocolate-brown);padding:.3rem .5rem}.batch-size-option p{color:var(--text-muted);font-size:.8rem;margin:0}.migration-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.action-section{background:var(--white);border-radius:12px;box-shadow:var(--shadow-color) 0 4px 12px;padding:2rem}.action-section h3{color:var(--chocolate-brown);font-family:var(--font-title);letter-spacing:2pt;margin-bottom:1.5rem}.action-buttons{display:flex;flex-direction:column;gap:1rem}.action-buttons button{border:2px solid;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.btn-primary{background:var(--antique-gold);border-color:var(--antique-gold);color:var(--chocolate-brown)}.btn-primary:hover:not(:disabled){background:var(--darker-gold);border-color:var(--darker-gold)}.btn-secondary{background:#4caf50;border-color:#4caf50;color:var(--white)}.btn-secondary:hover:not(:disabled){background:#45a049;border-color:#45a049;transform:translateY(-2px)}.btn-outline{background:#0000;border-color:var(--chocolate-brown);color:var(--chocolate-brown)}.btn-outline:hover:not(:disabled){background:var(--chocolate-brown);color:var(--cream);transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.migration-progress{background:var(--white);border-radius:12px;box-shadow:var(--shadow-color) 0 4px 12px;margin-bottom:2rem;padding:2rem;text-align:center}.migration-progress h3{color:var(--antique-gold);font-family:var(--font-title);letter-spacing:2pt;margin-bottom:1.5rem}.migration-progress .progress-bar{margin:0 auto 1rem;max-width:500px}.migration-progress p{color:var(--text-muted);font-style:italic}.migration-results{background:var(--white);border:3px solid var(--antique-gold);border-radius:12px;box-shadow:var(--shadow-color) 0 4px 12px;padding:2rem}.migration-results h3{color:var(--antique-gold);font-family:var(--font-title);letter-spacing:2pt;margin-bottom:1.5rem;text-align:center}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}.result-item{border:2px solid;text-align:center}.result-item.success{background:#d4edda;border-color:#28a745;color:#155724}.result-item.info{background:#cce7ff;border-color:#007bff;color:#004085}.result-item.warning{background:#fff3cd;border-color:#ffc107;color:#856404}.result-item.error{background:#f8d7da;border-color:#dc3545;color:#721c24}.result-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-label{font-size:.9rem;font-weight:500}.error-details{background:#f8d7da;border:1px solid #dc3545;border-radius:8px;margin-bottom:2rem;padding:1rem}.error-details h4{color:#721c24;margin-bottom:1rem}.error-details ul{margin:0;padding-left:1.5rem}.error-details li{color:#721c24;margin-bottom:.5rem}.new-features{background:var(--light-cream);border:2px solid var(--antique-gold);border-radius:8px;padding:1.5rem}.new-features h4{color:var(--chocolate-brown);margin-bottom:1rem}.new-features ul{margin:0;padding-left:1.5rem}.new-features li{color:var(--chocolate-brown);margin-bottom:.5rem}@media (max-width:768px){.migration-dashboard{padding:1rem}.migration-header h2{font-size:2rem}.migration-actions{gap:1rem}.migration-actions,.status-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.option-label{align-items:flex-start;flex-direction:column;gap:.5rem}.action-buttons{gap:.5rem}.action-buttons button{font-size:.9rem;padding:.8rem 1rem}}@media (max-width:480px){.migration-header{padding:1rem}.migration-header h2{font-size:1.5rem}.migration-header p{font-size:1rem}.results-grid{grid-template-columns:1fr}.result-item,.status-item{padding:.8rem}.result-number,.status-number{font-size:1.8rem}}.api-key-manager{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:24px;padding:24px}.api-key-header{margin-bottom:24px;text-align:center}.api-key-header h3{color:#1a1a1a;font-size:24px;margin:0 0 8px}.api-key-header p{color:#666;font-size:16px;margin:0}.api-services{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.api-service{background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;padding:16px}.api-service.required{background:#fffbeb;border-color:#f59e0b}.api-service.optional{border-color:#e5e7eb}.service-header{margin-bottom:12px}.service-info h4{align-items:center;color:#1a1a1a;display:flex;font-size:18px;gap:8px;margin:0 0 4px}.required-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.service-info p{color:#666;font-size:14px;margin:0 0 8px}.service-info a{color:#2563eb;font-size:14px;font-weight:500;text-decoration:none}.service-info a:hover{text-decoration:underline}.key-input-group{align-items:center;display:flex;gap:12px}.input-with-toggle{flex:1 1;position:relative}.api-key-input{border:2px solid #d1d5db;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:12px 50px 12px 16px;transition:border-color .2s;width:100%}.api-key-input:focus{border-color:#2563eb;outline:none}.toggle-visibility{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.test-key-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.test-key-btn:hover:not(:disabled){background:#1d4ed8}.test-key-btn:disabled{background:#9ca3af;cursor:not-allowed}.test-result{border-radius:4px;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px}.test-result.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.test-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.api-key-actions{margin-bottom:24px;text-align:center}.save-keys-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background-color .2s}.save-keys-btn:hover:not(:disabled){background:#047857}.save-keys-btn:disabled{background:#9ca3af;cursor:not-allowed}.api-key-notes{background:#f3f4f6;border-left:4px solid #2563eb;border-radius:8px;padding:16px}.api-key-notes h4{color:#1a1a1a;font-size:16px;margin:0 0 12px}.api-key-notes ul{margin:0;padding-left:20px}.api-key-notes li{color:#4b5563;font-size:14px;line-height:1.5;margin-bottom:8px}.api-key-notes strong{color:#1a1a1a}@media (max-width:768px){.key-input-group{align-items:stretch;flex-direction:column}.test-key-btn{align-self:flex-start}}.phase1-2-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.phase-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.phase-header h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.completion-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;font-weight:600;padding:.5rem 1rem}.completion-percentage{font-size:1.1rem}.phase-progress{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;margin-bottom:3rem;padding:1.5rem}.progress-bar{background-color:#e9ecef;border-radius:6px;height:12px}.progress-bar.small{height:8px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px}.progress-label{color:#6c757d;font-size:.9rem;margin:0}.feature-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.section-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem 2rem}.section-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.section-status{display:flex;gap:.5rem}.status-badge{border-radius:15px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.complete{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.section-content{padding:2rem}.section-content p{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.status-details{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin:1rem 0;padding:1rem}.status-details p{font-size:.9rem;margin:.5rem 0}.progress-section{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:6px;margin:1rem 0;padding:1rem}.food-menu-input{margin:1.5rem 0}.food-menu-input label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.food-menu-input textarea{border:2px solid #e9ecef;border-radius:8px;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.food-menu-input textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.food-menu-input textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:none;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.action-button:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;transform:none}.prerequisite-note{background:#f8d7da;border-left:3px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.9rem;margin-top:1rem;padding:.5rem}.cocktail-preview{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.cocktail-preview h4{color:#2c3e50;margin-bottom:1rem;margin-top:0}.cocktail-list{grid-gap:1rem;display:grid;gap:1rem}.cocktail-item{background:#fff;border-left:3px solid #667eea;border-radius:6px;padding:1rem}.cocktail-item h5{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.cocktail-type{color:#667eea;font-size:.85rem;font-weight:500;margin:0 0 .5rem;text-transform:capitalize}.cocktail-description{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.more-cocktails{color:#6c757d;font-style:italic;margin:1rem 0 0;text-align:center}.completion-celebration{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:3rem;padding:3rem;text-align:center}.completion-celebration h3{font-size:2rem;margin-bottom:1rem;margin-top:0}.completion-celebration p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.next-steps{background:#ffffff1a;border-radius:8px;margin-top:2rem;padding:2rem;text-align:left}.next-steps h4{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.next-steps ul{list-style:none;margin:0;padding:0}.next-steps li{font-size:1rem;opacity:.95;padding:.5rem 0}@media (max-width:768px){.phase1-2-dashboard{padding:1rem}.phase-header,.section-header{flex-direction:column;gap:1rem;text-align:center}.section-content{padding:1.5rem}.completion-celebration{padding:2rem}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.professional-ratings{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:1.5rem;padding:1.5rem}.professional-ratings.compact{box-shadow:0 1px 6px #0000000f;margin-bottom:1rem;padding:1rem}.ratings-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-spinner{border:3px solid #f3f3f3;height:32px;width:32px}.no-ratings{color:#6c757d;padding:2rem;text-align:center}.no-ratings-icon{display:block;font-size:2rem;margin-bottom:1rem}.no-ratings p{color:#495057;font-weight:500;margin:0 0 .5rem}.no-ratings small{color:#6c757d;font-size:.875rem}.ratings-summary{align-items:center;display:flex;gap:1rem}.aggregate-score{align-items:baseline;display:flex;gap:.25rem}.score-value{font-size:1.5rem;font-weight:700}.score-scale{color:#6c757d;font-size:1rem;font-weight:500}.ratings-meta{display:flex;flex-direction:column;gap:.25rem}.ratings-count{color:#495057;font-size:.875rem;font-weight:500}.consensus-badge{color:#667eea;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ratings-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.ratings-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.ratings-summary-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:1rem;padding:1rem 1.5rem}.aggregate-score-large{font-size:2.5rem;font-weight:700;line-height:1}.ratings-meta-large{display:flex;flex-direction:column;gap:.25rem}.ratings-meta-large span:first-child{font-size:.9rem;font-weight:500;opacity:.9}.consensus{font-size:.8rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.ratings-distribution{margin-bottom:2rem}.ratings-distribution h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.distribution-chart{display:flex;flex-direction:column;gap:.75rem}.distribution-bar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 40px}.tier-label{color:#495057;font-size:.875rem;font-weight:500}.bar-container{background-color:#f8f9fa;border-radius:10px;height:20px;overflow:hidden;position:relative}.bar-fill{border-radius:10px;min-width:2px;transition:width .3s ease}.count-label{color:#495057;font-size:.875rem;font-weight:600;text-align:center}.individual-ratings{margin-bottom:2rem}.individual-ratings h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.ratings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rating-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-family:inherit;font-size:inherit;padding:1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.rating-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.rating-card.selected{background:#fff;border-color:#667eea;box-shadow:0 6px 20px #667eea33}.rating-header{justify-content:space-between;margin-bottom:1rem}.rating-header,.source-info{align-items:center;display:flex}.source-info{gap:.5rem}.source-logo{font-size:1.2rem}.source-name{color:#2c3e50;font-size:.9rem;font-weight:600}.credibility-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.score-display{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.75rem}.score-main{font-size:1.8rem;font-weight:700;line-height:1}.score-normalized{color:#6c757d;font-size:.875rem;font-weight:500}.reviewer-info{color:#495057;font-size:.875rem;font-style:italic;margin-bottom:.5rem}.review-date{color:#6c757d;font-size:.8rem;margin-bottom:.75rem}.rating-review{border-top:1px solid #dee2e6;margin-top:.75rem;padding-top:.75rem}.rating-review p{color:#495057;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.ratings-methodology{border-top:1px solid #dee2e6;padding-top:1.5rem}.ratings-methodology details{cursor:pointer}.ratings-methodology summary{color:#667eea;font-size:.9rem;font-weight:600;outline:none;padding:.5rem 0;-webkit-user-select:none;user-select:none}.ratings-methodology summary:hover{color:#5a67d8}.methodology-content{color:#495057;font-size:.875rem;line-height:1.6;padding:1rem 0}.methodology-content ul{margin:.5rem 0 0;padding-left:1.5rem}.methodology-content li{margin-bottom:.5rem}.methodology-content strong{color:#2c3e50}@media (max-width:768px){.professional-ratings{padding:1rem}.ratings-header{align-items:stretch;flex-direction:column;gap:1rem}.ratings-summary-badge{justify-content:center;text-align:center}.ratings-grid{grid-template-columns:1fr}.distribution-bar{gap:.5rem;grid-template-columns:100px 1fr 30px}.tier-label{font-size:.8rem}}@media (max-width:480px){.ratings-summary{flex-direction:column;gap:.5rem;text-align:center}.aggregate-score-large{font-size:2rem}.score-main{font-size:1.5rem}}.producer-information{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:1.5rem;padding:1.5rem}.producer-information.compact{box-shadow:0 1px 6px #0000000f;margin-bottom:1rem;padding:1rem}.producer-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.no-producer-info{color:#6c757d;padding:2rem;text-align:center}.no-info-icon{display:block;font-size:2rem;margin-bottom:1rem}.no-producer-info p{color:#495057;font-weight:500;margin:0 0 .5rem}.no-producer-info small{color:#6c757d;font-size:.875rem}.producer-summary{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.producer-basic h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.producer-basic .location{color:#667eea;font-size:.9rem;font-weight:500;margin:0 0 .25rem}.producer-basic .founded{color:#6c757d;font-size:.875rem;margin:0}.techniques-compact{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.technique-badge.compact{font-size:.75rem;padding:.25rem .5rem}.producer-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.producer-title h3{color:#2c3e50;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.producer-subtitle{align-items:center;display:flex;gap:1rem}.location-name{color:#667eea;font-size:1rem;font-weight:500}.founded-year{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;color:#6c757d;font-size:.9rem;padding:.25rem .75rem}.website-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.website-link:hover{box-shadow:0 4px 15px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.content-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:1.5rem;overflow-x:auto}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:#f8f9fa;border-bottom-color:#667eea;color:#667eea}.tab-content{min-height:300px}.overview-tab{display:flex;flex-direction:column;gap:2rem}.accolades-section h4,.philosophy-section h4,.techniques-section h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.philosophy-section p{color:#495057;font-size:1rem;line-height:1.6;margin:0}.techniques-grid{display:flex;flex-wrap:wrap;gap:.75rem}.technique-badge{align-items:center;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.technique-icon{font-size:1rem}.technique-label{white-space:nowrap}.accolades-list{display:flex;flex-direction:column;gap:.75rem}.accolade-item{align-items:center;background:#f8f9fa;border-left:4px solid #ffc107;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.accolade-icon{flex-shrink:0;font-size:1.2rem}.accolade-text{color:#495057;font-size:.9rem;line-height:1.4}.more-accolades{color:#6c757d;font-size:.875rem;font-style:italic;margin:.5rem 0 0;text-align:center}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-items{display:flex;flex-direction:column;gap:.75rem}.detail-item{align-items:flex-start;background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:.75rem}.detail-label{color:#495057;flex-shrink:0;font-size:.9rem;font-weight:600;margin-right:1rem}.detail-value{color:#2c3e50;flex-grow:1;font-size:.9rem;text-align:right}.history-content h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.history-text{color:#495057;font-size:1rem;line-height:1.7}.history-text p{margin:0 0 1.5rem}.history-text p:last-child{margin-bottom:0}.location-content{display:flex;flex-direction:column;gap:1.5rem}.map-placeholder{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;min-height:300px}.map-info h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.map-info p{color:#495057;font-size:.9rem;margin:0 0 .75rem}.map-actions{margin-top:1.5rem}.map-action-button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.map-action-button:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.map-visual{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.map-mockup{color:#fff;position:relative;text-align:center}.map-marker{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:3rem;margin-bottom:1rem}.map-region{font-size:1.2rem;font-weight:600;text-shadow:0 1px 3px #0000004d}@media (max-width:768px){.producer-information{padding:1rem}.producer-header{align-items:stretch;flex-direction:column;gap:1rem}.producer-subtitle{align-items:flex-start;flex-direction:column;gap:.5rem}.content-tabs{justify-content:flex-start}.tab-button{font-size:.875rem;padding:.5rem 1rem}.details-grid,.map-placeholder{grid-template-columns:1fr}.techniques-grid{justify-content:center}}@media (max-width:480px){.producer-summary{flex-direction:column;gap:1rem}.techniques-compact{flex-direction:row;flex-wrap:wrap}.detail-item{flex-direction:column;gap:.5rem}.detail-item,.detail-value{text-align:left}.producer-title h3{font-size:1.3rem}}.landing-page{background:var(--chocolate-brown);color:var(--cream);font-family:var(--font-body);margin:0;min-height:100vh;padding:0}.skip-link{background:var(--antique-gold);border-radius:4px;color:var(--chocolate-brown);font-weight:700;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}.landing-header{background:#c396161a;border-bottom:3px solid var(--antique-gold);padding:2rem 1rem;text-align:center}.landing-title{color:#f8f4e3;font-family:var(--font-title);font-size:3rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 4px #00000080}.landing-subtitle{color:var(--cream);font-size:1.2rem;font-style:italic;margin:0}.landing-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.about-section{background:#bdac921a;border:2px solid var(--antique-gold);border-radius:12px;box-shadow:0 4px 6px #0000004d;margin-bottom:3rem;padding:2rem}.about-title{color:#f8f4e3;font-size:2rem;margin-bottom:1rem;text-align:center}.about-text{color:var(--cream);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.about-text h3{color:#f8f4e3;margin-bottom:1rem;margin-top:2rem}.menu-navigation{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.menu-nav-button{background:var(--antique-gold);border:2px solid var(--antique-gold);border-radius:12px;box-shadow:0 4px 8px #0000004d;color:var(--chocolate-brown);cursor:pointer;font-family:var(--font-title);font-size:1.2rem;font-weight:700;letter-spacing:1px;min-width:250px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.menu-nav-button:hover{background:var(--darker-gold);box-shadow:0 6px 12px #0006;color:var(--chocolate-brown);transform:translateY(-2px)}.menu-nav-button:focus{outline:3px solid #f8f4e3;outline-offset:2px}.menu-nav-button:active{box-shadow:0 2px 4px #0000004d;transform:translateY(0)}.restaurant-info{background:#c396161a;border:1px solid var(--antique-gold);border-radius:8px;margin-top:2rem;padding:1.5rem}.restaurant-info h3{color:#f8f4e3;font-size:1.5rem;margin-bottom:1rem}.info-grid{margin-top:1rem}.info-item{text-align:left}.info-item h4{color:var(--antique-gold);font-size:1.2rem;margin-bottom:.5rem}.info-item p{color:var(--cream);margin-bottom:.3rem}.call-to-action{background:#c396160d;border:2px solid var(--antique-gold);border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.call-to-action h3{color:#f8f4e3;font-size:1.8rem;margin-bottom:1rem}.call-to-action p{color:var(--cream);font-size:1.1rem;margin-bottom:1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{background:var(--antique-gold);border:2px solid var(--antique-gold);border-radius:8px;color:var(--chocolate-brown);cursor:pointer;font-family:var(--font-title);font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:var(--darker-gold);box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.cta-button:focus{outline:3px solid #f8f4e3;outline-offset:2px}.landing-footer{background:#c396161a;border-top:2px solid var(--antique-gold);color:var(--cream);font-size:.9rem;padding:2rem 1rem;text-align:center}.landing-footer p{margin:.5rem 0}.wine-button{background:#722f37!important;border-color:#722f37!important;color:#f8f4e3!important}.wine-button:hover{background:#8b3a44!important;color:#f8f4e3!important}.beer-button{background:#d4af37!important;border-color:#d4af37!important;color:var(--chocolate-brown)!important}.beer-button:hover{background:#e6c547!important}.wine-cta{background:#722f37!important;border-color:#722f37!important;color:#f8f4e3!important}.wine-cta:hover{background:#8b3a44!important;color:#f8f4e3!important}.beer-cta{background:#d4af37!important;border-color:#d4af37!important;color:var(--chocolate-brown)!important}.beer-cta:hover{background:#e6c547!important}@media (max-width:768px){.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem}.about-section{margin-bottom:2rem;padding:1.5rem}.about-title{font-size:1.5rem}.about-text{font-size:1rem}.cta-buttons,.menu-navigation{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-items:center}}@media (max-width:480px){.landing-header{padding:1.5rem 1rem}.landing-title{font-size:1.8rem}.about-section{padding:1rem}.menu-nav-button{font-size:1.1rem;min-width:200px}.cta-buttons,.menu-navigation{grid-template-columns:1fr}}.restaurant-setup{align-items:center;background:linear-gradient(135deg,#f8f4e3,#e8e4d7);display:flex;justify-content:center;min-height:100vh;padding:2rem}.setup-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:3rem;width:100%}.setup-header{margin-bottom:3rem;text-align:center}.setup-header h1{color:#31231f;font-family:Georgia,serif;font-size:2.5rem;margin-bottom:1rem}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#d4af37,#f0c674);border-radius:4px;height:100%;transition:width .3s ease}.step-indicator{color:#666;font-size:1rem}.setup-step{margin-bottom:2rem}.setup-step h2{color:#31231f;font-size:2rem;margin-bottom:.5rem}.setup-step p{color:#666;font-size:1.1rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#31231f;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.theme-customization{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.color-section h3,.font-section h3{color:#31231f;margin-bottom:1rem}.color-inputs{display:flex;flex-direction:column;gap:1rem}.color-input-group{align-items:center;display:flex;gap:1rem}.color-input-group input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px;width:50px}.color-input-group span{color:#666;font-family:monospace;font-size:.9rem}.preview-section{grid-column:1/-1;margin-top:2rem}.theme-preview{border-radius:12px;margin-top:1rem}.dropzone{border:3px dashed #d0d0d0;border-radius:16px;cursor:pointer;margin-bottom:2rem;padding:3rem;text-align:center;transition:all .3s ease}.dropzone.active,.dropzone:hover{background-color:#d4af370d;border-color:#d4af37}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{font-size:3rem;opacity:.6}.dropzone p{color:#666;margin:0}.file-types{color:#999!important;font-size:.9rem}.processing-status{align-items:center;background-color:#f0f8ff;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.spinner{animation:spin 1s linear infinite;border:2px solid #e0e0e0;border-left-color:#d4af37;border-radius:50%;height:20px;width:20px}.processed-results,.uploaded-files{background-color:#f9f9f9;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.processed-results h3,.uploaded-files h3{color:#31231f;margin-bottom:1rem}.file-item{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.file-name{font-weight:500}.file-size{color:#666;font-size:.9rem}.menu-result{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}.menu-result h4{color:#31231f;margin-bottom:.5rem}.stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stats span{background-color:#e8e4d7;border-radius:20px;color:#31231f;font-size:.9rem;padding:.25rem .75rem}.suggestions{margin-top:1rem}.suggestion{border-radius:8px;font-size:.9rem;margin-bottom:.5rem;padding:.5rem 1rem}.suggestion.warning{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404}.suggestion.info{background-color:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.skip-option{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem;text-align:center}.link-button{background:none;border:none;color:#d4af37;cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#b8941f}.setup-summary{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:2rem}.summary-section{background-color:#f9f9f9;border-radius:12px;padding:1.5rem}.summary-section h3{border-bottom:2px solid #d4af37;color:#31231f;margin-bottom:1rem;padding-bottom:.5rem}.summary-item{line-height:1.5;margin-bottom:.75rem}.summary-item strong{color:#31231f;margin-right:.5rem}.theme-summary{align-items:center;display:flex;gap:2rem}.color-preview{display:flex;gap:.5rem}.color-swatch{border:2px solid #e0e0e0;border-radius:6px;height:30px;width:30px}.font-preview{display:flex;flex-direction:column;gap:.5rem}.font-preview span{color:#31231f}.setup-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 2rem;transition:all .3s ease}.btn-primary{background-color:#d4af37}.btn-primary:hover:not(:disabled){background-color:#b8941f;box-shadow:0 4px 12px #d4af374d}.btn-primary:disabled{background-color:#ccc}.btn-secondary{background-color:#f5f5f5;border:2px solid #e0e0e0;color:#31231f}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8;border-color:#d0d0d0}.error-message{align-items:center;background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:1.2rem;margin-left:auto}@media (max-width:768px){.restaurant-setup{padding:1rem}.setup-container{padding:2rem}.setup-header h1{font-size:2rem}.theme-customization{gap:1.5rem}.form-row,.theme-customization{grid-template-columns:1fr}.theme-summary{align-items:flex-start}.setup-actions,.theme-summary{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%}}.restaurant-landing{color:#333;font-family:Playfair Display,Times New Roman,serif;line-height:1.6}.container{padding:0 2rem}.hero{align-items:center;background:linear-gradient(135deg,#2c0a0f,#4a1c24 50%,#800020);color:#fff;display:flex;min-height:90vh;overflow:hidden;padding:8rem 0;position:relative}.hero:before{background:radial-gradient(ellipse at center,#d4af371a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:1}.hero-text h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-actions{display:flex;gap:1rem;margin-bottom:1rem}.cta-primary{background:linear-gradient(45deg,#d4af37,#f4d03f);border:none;border-radius:50px;box-shadow:0 4px 15px #d4af374d;color:#2c0a0f;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1.25rem 2.5rem;text-transform:uppercase;transition:all .4s ease}.cta-primary:hover{background:linear-gradient(45deg,#f4d03f,#d4af37);box-shadow:0 12px 25px #d4af3766;transform:translateY(-3px)}.cta-primary.large{font-size:1.3rem;padding:1.5rem 3rem}.cta-secondary{background:#0000;border:2px solid #d4af37;border-radius:50px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1.25rem 2.5rem;text-transform:uppercase;transition:all .4s ease}.cta-secondary:hover{background:#d4af37;box-shadow:0 8px 20px #d4af374d;color:#2c0a0f;transform:translateY(-3px)}.trial-note{font-size:.9rem;margin:0;opacity:.8}.hero-image{align-items:center;display:flex;justify-content:center}.device-mockup{background:#333;border-radius:30px;box-shadow:0 20px 40px #0000004d;height:500px;padding:20px;position:relative;width:300px}.device-screen{background:#fff;border-radius:20px;height:100%;overflow:hidden;position:relative;width:100%}.mock-menu{height:100%;padding:2rem}.mock-header{border-bottom:2px solid #d4af37;color:#d4af37;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.mock-items{display:flex;flex-direction:column;gap:1rem}.mock-item{align-items:center;background:#f9f9f9;border-radius:8px;color:#333;display:flex;justify-content:space-between;padding:1rem}.features{background:#f8f9fa;padding:6rem 0}.features h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.feature p{color:#666;line-height:1.6}.how-it-works{background:#fff;padding:6rem 0}.how-it-works h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.step{position:relative;text-align:center}.step-number{align-items:center;background:#d4af37;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.step p{color:#666;line-height:1.6}.pricing{background:#f8f9fa;padding:6rem 0}.pricing h2{color:#333;font-size:2.5rem;margin-bottom:3rem;text-align:center}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;position:relative;text-align:center;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{border:3px solid #d4af37;transform:scale(1.05)}.pricing-card.featured:before{background:#d4af37;border-radius:20px;color:#fff;content:"Most Popular";font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-header h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.price{color:#d4af37;font-size:3rem;font-weight:700;margin-bottom:2rem}.price span{color:#666;font-size:1rem;font-weight:400}.pricing-features{list-style:none;margin-bottom:2rem;padding:0;text-align:left}.pricing-features li{color:#666;padding:.5rem 0 .5rem 2rem;position:relative}.pricing-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.pricing-button{background:#d4af37;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:background-color .3s ease;width:100%}.pricing-button:hover{background:#b8941f}.final-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.final-cta h2{font-size:2.5rem;margin-bottom:1rem}.final-cta p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.footer{background:#333;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer-section h4{color:#d4af37;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#d4af37}.footer-bottom{border-top:1px solid #555;color:#ccc;padding-top:2rem;text-align:center}.hero-branding,.sommelai-logo{margin-bottom:3rem}.sommelai-logo{align-items:center;display:flex;gap:2rem;padding:1rem 0}.logo-image{filter:drop-shadow(0 4px 12px rgba(212,175,55,.3));height:100px;object-fit:contain;transition:all .3s ease;width:100px}.logo-image:hover{filter:drop-shadow(0 6px 18px rgba(212,175,55,.5));transform:scale(1.05)}.brand-text{flex:1 1}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#d4af37,#f4d03f 50%,#d4af37);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:4rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0;text-shadow:0 2px 4px #0000004d}.brand-tagline{color:#e8e8e8;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:300;letter-spacing:.5px;line-height:1.4;margin:1rem 0 0;opacity:.95}.features-list{margin-bottom:3rem}.features-list ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#d4af37;display:flex;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:500;padding:.5rem 0}.features-list li:before{color:#f4d03f;content:"✦";font-size:1.2rem;margin-right:.75rem}@media (max-width:768px){.hero{min-height:100vh;padding:4rem 0}.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.sommelai-logo{flex-direction:column;gap:1.5rem;justify-content:center}.brand-name{font-size:3rem}.brand-tagline{font-size:1.1rem}.features-list ul{gap:.75rem;grid-template-columns:1fr}.hero-actions{align-items:center;flex-direction:column;gap:1rem}.cta-primary,.cta-secondary{max-width:300px;width:100%}}.integrated-enhancement-demo{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.demo-header{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem}.demo-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.demo-header p{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.rate-limit-panel{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.rate-limit-panel h3{color:#333;margin-bottom:1rem}.rate-limit-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rate-limit-item{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;text-align:center}.api-name{color:#555;font-size:.9rem}.api-name,.rate-info .remaining{font-weight:700;margin-bottom:.5rem}.rate-info .remaining{display:block;font-size:1.1rem}.rate-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.rate-fill{height:100%;transition:width .3s ease,background-color .3s ease}.beverage-selection{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem}.beverage-selection h2{color:#333;margin-bottom:1.5rem}.beverage-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.beverage-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.beverage-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.beverage-card.selected{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;color:#fff}.beverage-category{background:#667eea;border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.beverage-card.selected .beverage-category{background:#fff3}.beverage-card h3{font-size:1.3rem;margin-bottom:.8rem}.beverage-card p{line-height:1.4;margin-bottom:1rem;opacity:.8}.beverage-details{font-size:.9rem;gap:.5rem}.beverage-details span{background:#0000001a;padding:.3rem .6rem}.beverage-card.selected .beverage-details span{background:#fff3}.loading-panel{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:3rem;text-align:center}.loading-spinner{border:6px solid #e0e0e0;border-top-color:#667eea;margin:0 auto 1.5rem}.loading-steps{margin-top:1.5rem}.loading-steps .step{animation:pulse 2s infinite;color:#666;margin:.5rem 0}.processing-metrics{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric{background:#f8f9fa;border-radius:8px;text-align:center}.metric-label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.metric-value{color:#667eea;font-size:1.5rem}.enhancement-summary{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem}.enhancement-summary h3{color:#333;margin-bottom:1.5rem}.enhancement-summary h4{border-bottom:2px solid #e0e0e0;color:#555;margin:1.5rem 0 1rem;padding-bottom:.5rem}.confidence-breakdown{margin-bottom:2rem}.confidence-bars{display:flex;flex-direction:column;gap:1rem}.confidence-item{align-items:center;display:flex;gap:1rem}.confidence-item span:first-child{font-weight:500;min-width:120px}.confidence-item span:last-child{font-weight:700;min-width:60px;text-align:right}.confidence-bar{background:#e0e0e0;border-radius:5px;height:10px}.confidence-fill{transition:width .8s ease}.confidence-fill.ai{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.confidence-fill.external{background:linear-gradient(90deg,#4ecdc4,#6ed3c4)}.confidence-fill.synthesis{background:linear-gradient(90deg,#45b7d1,#64c5d1)}.confidence-fill.overall{background:linear-gradient(90deg,#667eea,#764ba2)}.confidence-item.overall{border-top:1px solid #e0e0e0;font-weight:700;margin-top:1rem;padding-top:1rem}.sources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.source-group{background:#f8f9fa;border-radius:8px;padding:1rem}.source-group h5{color:#333;margin-bottom:.8rem}.source-group ul{list-style:none;margin:0;padding:0}.source-group li{border-bottom:1px solid #e0e0e0;color:#666;padding:.3rem 0}.source-group li:last-child{border-bottom:none}.ratings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rating-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.8rem}.rating-value{color:#ff6b6b;font-size:1.2rem;font-weight:700}.rating-consensus{color:#4ecdc4;font-weight:700}.rating-count{color:#667eea;font-weight:700}.insights-content{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.insight-item{line-height:1.6;margin-bottom:1rem}.insight-item:last-child{margin-bottom:0}.insight-item strong{color:#333}.error-panel{background:#ffe6e6;border:2px solid #ff6b6b;border-radius:10px;margin-bottom:2rem;padding:2rem;text-align:center}.error-panel h3{color:#d32f2f;margin-bottom:1rem}.error-panel p{color:#666}.demo-info{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem}.demo-info h3{color:#333;margin-bottom:1.5rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.info-item strong{color:#333;display:block;font-size:1.1rem;margin-bottom:.8rem}.info-item p{color:#666;line-height:1.6;margin:0}@media (max-width:768px){.integrated-enhancement-demo{padding:1rem}.demo-header h1{font-size:2rem}.beverage-grid,.metrics-grid{grid-template-columns:1fr}.confidence-item{align-items:stretch;flex-direction:column;gap:.5rem}.confidence-item span:first-child,.confidence-item span:last-child{min-width:auto;text-align:left}}.analytics-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.analytics-dashboard.loading{align-items:center;display:flex;height:100vh;justify-content:center}.loading-spinner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;font-size:24px;font-weight:600;padding:40px}.dashboard-header{align-items:center;background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.header-content h1{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#718096;font-size:16px;margin:0}.export-btn,.refresh-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.export-btn:hover,.refresh-btn:hover{background:#3182ce;transform:translateY(-1px)}.refresh-btn.active{background:#48bb78}.export-dropdown{position:relative}.export-menu{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;display:none;min-width:100px;position:absolute;right:0;top:100%;z-index:10}.export-dropdown:hover .export-menu{display:block}.export-menu button{background:none;border:none;color:#2d3748;cursor:pointer;display:block;padding:8px 12px;text-align:left;width:100%}.export-menu button:hover{background:#f7fafc}.overview-grid{grid-gap:20px;gap:20px;margin-bottom:32px}.metric-card{align-items:center;background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;gap:16px;transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px)}.metric-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.metric-content h3{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.metric-value{color:#2d3748;font-size:28px}.section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:32px;padding:24px}.section h2{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 20px}.source-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.source-card{background:#f7fafc;border-left:4px solid #4299e1;border-radius:12px;padding:20px}.source-header h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 16px}.source-metrics{display:flex;flex-direction:column;gap:8px}.source-metric{align-items:center;display:flex;justify-content:space-between}.metric-label{color:#718096;font-size:14px}.source-metric .metric-value{color:#2d3748;font-weight:600}.category-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{background:#f7fafc;border-radius:12px;border-top:3px solid #48bb78;padding:16px}.category-header h3{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 12px}.category-stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;font-size:13px;justify-content:space-between}.stat-row span:first-child{color:#718096}.stat-row span:last-child{color:#2d3748;font-weight:600}.sessions-table{overflow-x:auto}.table-header,.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;padding:12px 0}.table-header{color:#4a5568;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.table-row{border-radius:8px;cursor:pointer;margin:2px 0;transition:background .2s ease}.table-row:hover{background:#f7fafc}.beverage-name{color:#2d3748}.category{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.status.success{color:#48bb78;font-weight:600}.status.failed{color:#f56565;font-weight:600}.confidence{color:#4299e1;font-weight:600}.processing-time{color:#718096;font-family:Monaco,Menlo,monospace;font-size:13px}.timestamp{color:#a0aec0;font-size:12px}.trends-chart{align-items:end;display:flex;gap:12px;height:120px;padding:20px 0}.trend-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.trend-bar{background:#e2e8f0;border-radius:4px;display:flex;flex-direction:column-reverse;height:80px;overflow:hidden;width:20px}.trend-success{background:linear-gradient(0deg,#48bb78,#68d391);transition:height .3s ease}.trend-failure{background:linear-gradient(0deg,#f56565,#fc8181);transition:height .3s ease}.trend-label{text-align:center}.trend-date{color:#718096;font-size:11px;font-weight:600}.trend-count{color:#a0aec0;font-size:10px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation{border-left:4px solid;border-radius:8px;display:flex;gap:12px;padding:16px}.recommendation.high{background:#fed7d7;border-left-color:#f56565}.recommendation.medium{background:#fefcbf;border-left-color:#ecc94b}.recommendation.low{background:#c6f6d5;border-left-color:#48bb78}.recommendation-icon{display:flex;font-size:16px;gap:4px}.recommendation-content{flex:1 1}.recommendation-area{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:4px}.recommendation-message{color:#4a5568;font-size:14px;line-height:1.4}.errors-list{display:flex;flex-direction:column;gap:8px}.error-item{align-items:center;background:#fed7d7;border-left:4px solid #f56565;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.error-info{flex:1 1}.error-message{color:#742a2a;font-size:14px;font-weight:600;margin-bottom:4px}.error-meta{color:#c53030;font-size:12px}.error-count{background:#f56565;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:32px;padding:4px 8px;text-align:center}@media (max-width:768px){.analytics-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.category-grid,.overview-grid,.source-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:8px}.table-header span,.table-row span{padding:4px 0}.trends-chart{justify-content:center}}.loading{animation:pulse 2s infinite}.phase2-ai-features{margin:0 auto;max-width:1200px;padding:2rem}.ai-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1.5rem}.ai-card-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.ai-card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.ai-card-content{padding:0}.ai-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.ai-button:hover{background:#2563eb}.ai-button:disabled{background:#9ca3af;cursor:not-allowed}.ai-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.5rem;width:100%}.ai-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.ai-badge{background:#f3f4f6;border-radius:20px;color:#374151;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;margin-right:.5rem;padding:.25rem .75rem}.ai-tabs{margin-bottom:2rem}.ai-tabs-list{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:1rem}.ai-tab-trigger{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s}.ai-tab-trigger:hover{color:#374151}.ai-tab-trigger.active{border-bottom-color:#3b82f6;color:#3b82f6}.ai-tab-content{display:none}.ai-tab-content.active{display:block}.error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;gap:.5rem;padding:1rem}.error-state,.loading-state{align-items:center;display:flex}.loading-state{color:#6b7280;justify-content:center;padding:2rem}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#3b82f6;height:20px;margin-right:.5rem;width:20px}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-600{color:#4b5563}.text-green-600{color:#059669}.text-blue-600{color:#2563eb}@media (max-width:768px){.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.phase2-ai-features{padding:1rem}}.enhancement-test-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.test-header{color:#fff;margin-bottom:3rem;text-align:center}.test-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1.2rem;margin:0;opacity:.9}.test-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem}.test-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:transform .2s ease}.test-card:hover{transform:translateY(-2px)}.test-card h2{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.test-card p{color:#718096;margin-bottom:1.5rem}.test-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:12px 24px;transition:all .2s ease;width:100%}.test-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.6}.test-button.secondary{background:linear-gradient(135deg,#48bb78,#38a169)}.test-button.secondary:hover:not(:disabled){box-shadow:0 4px 12px #48bb7866}.custom-form{margin-bottom:1.5rem}.form-row{display:flex;flex-direction:column;margin-bottom:1rem}.form-row label{color:#2d3748;font-weight:600;margin-bottom:.5rem}.form-row input,.form-row select,.form-row textarea{border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border-color .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#667eea;outline:none}.result-display{background:#f7fafc;border-left:4px solid #48bb78;border-radius:8px;margin-top:1rem;padding:1.5rem}.result-display.error{background:#fed7d7;border-left-color:#f56565}.result-display.partial{background:#feebc8;border-left-color:#ed8936}.result-display h3{color:#2d3748;margin-bottom:1rem;margin-top:0}.enhancement-summary,.result-details{background:#fff;border-radius:6px;margin-top:1rem;padding:1rem}.enhancement-summary ul{margin:.5rem 0;padding-left:1.5rem}.pairings-preview,.ratings-preview,.tasting-preview{background:#edf2f7;border-radius:6px;margin-top:1rem;padding:1rem}.info-section{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem}.info-section h2{color:#2d3748;font-size:2rem;margin-bottom:1.5rem;text-align:center}.capabilities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.capability-card{background:#f7fafc;border-radius:8px;border-top:4px solid #667eea;padding:1.5rem}.capability-card h3{color:#2d3748;font-size:1.2rem;margin-bottom:1rem}.capability-card ul{list-style:none;margin:0;padding:0}.capability-card li{color:#4a5568;padding:.25rem 0 .25rem 1.5rem;position:relative}.capability-card li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.technical-info{background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#fff;padding:2rem}.technical-info h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.tech-details p{font-size:1.1rem;margin:.75rem 0}.tech-details strong{color:#90cdf4}@media (max-width:768px){.test-grid{grid-template-columns:1fr}.test-header h1{font-size:2rem}.container{padding:0 .5rem}.test-card{padding:1.5rem}}.pairing-interface{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:16px 0;padding:24px}.pairing-interface.compact{margin:8px 0;padding:16px}.pairing-header{border-bottom:2px solid #f3f4f6;margin-bottom:20px;padding-bottom:16px}.pairing-header h3{align-items:center;color:#111827;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0}.pairing-subtitle{color:#6b7280;font-size:.95rem;line-height:1.4;margin:8px 0 0}.loading-state{padding:40px 20px}.loading-spinner{border:3px solid #f3f4f6;margin:0 auto 16px}.loading-state p{color:#6b7280;margin:0}.error-state{padding:40px 20px}.retry-button{padding:8px 16px}.pairings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}.pairing-interface.compact .pairings-grid{gap:12px;grid-template-columns:1fr}.pairing-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.pairing-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.pairing-info{margin-bottom:12px}.pairing-name{color:#111827;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 4px}.pairing-category{background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:8px;padding:2px 8px}.pairing-description{color:#4b5563;font-size:.9rem}.pairing-metrics{margin:12px 0}.confidence-score{margin-bottom:8px}.confidence-bar{border-radius:2px;height:4px;margin-bottom:4px;transition:width .3s ease}.confidence-text{color:#374151;font-size:.8rem;font-weight:500}.science-score{align-items:center;background:#f3f4f6;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:4px 8px}.science-score.excellent{background:#dcfce7;color:#166534}.science-score.good{background:#fef3c7;color:#92400e}.science-score.poor{background:#fee2e2;color:#991b1b}.score-label{font-weight:500}.score-value{font-weight:600}.pairing-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pairing-tag{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.7rem;font-weight:500;padding:2px 6px}.no-pairings{color:#6b7280;padding:40px 20px;text-align:center}.generate-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:12px;padding:8px 16px;transition:background-color .2s}.generate-button:hover{background:#059669}.pairing-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pairing-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.modal-header h3{color:#111827;font-size:1.3rem;font-weight:600}.close-button{border-radius:4px;color:#6b7280;font-size:1.5rem;padding:4px;transition:background-color .2s}.close-button:hover{background:#f3f4f6;color:#374151}.modal-content{padding:24px}.pairing-hero{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.pairing-hero h4{color:#111827;font-size:1.2rem;font-weight:600;margin:0 0 8px}.pairing-hero p{color:#6b7280;font-style:italic;margin:0}.explanation-sections{display:flex;flex-direction:column;gap:20px}.ai-explanation,.pairing-factors,.science-explanation{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.ai-explanation{background:#eff6ff;border-color:#dbeafe}.science-explanation{background:#f0fdf4;border-color:#dcfce7}.pairing-factors{background:#fefce8;border-color:#fef3c7}.explanation-sections h5{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.explanation-sections h6{color:#374151;font-size:.9rem;font-weight:600;margin:12px 0 8px}.explanation-sections p{color:#4b5563;line-height:1.5;margin:0 0 8px}.confidence-detail{font-size:.9rem;margin-top:8px}.rationale-breakdown ul{list-style:none;margin:0;padding:0}.rationale-item{background:#ffffff80;border-radius:4px;gap:12px;margin-bottom:8px;padding:8px}.points{font-size:.85rem;font-weight:600;min-width:40px}.points.positive{color:#059669}.points.negative{color:#dc2626}.reason{color:#374151;font-size:.85rem;line-height:1.4}.factors-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.factor-item{background:#ffffffb3;border-radius:4px;display:flex;flex-direction:column;font-size:.8rem;padding:8px}.factor-name{color:#374151;font-weight:600;margin-bottom:2px}.factor-value{color:#6b7280}@media (max-width:768px){.pairing-interface{margin:8px 0;padding:16px}.pairings-grid{gap:12px;grid-template-columns:1fr}.pairing-modal{margin:10px;max-height:90vh}.modal-content{padding:16px}.factors-grid{grid-template-columns:1fr}}@media (max-width:480px){.pairing-header h3{font-size:1.3rem}.pairing-modal-overlay{padding:10px}}.pairing-explorer{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px 0;padding:32px}.explorer-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:20px;text-align:center}.explorer-header h2{align-items:center;color:#111827;display:flex;font-size:2rem;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.explorer-subtitle{color:#6b7280;font-size:1.1rem;line-height:1.5;margin:0}.search-mode-tabs{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;margin-bottom:24px;padding:4px}.mode-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.mode-tab:hover{background:#8b5cf60d;color:#374151}.mode-tab.active{background:#8b5cf6;box-shadow:0 2px 4px #8b5cf633;color:#fff}.search-interface{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.search-input-group{display:flex;gap:12px;margin-bottom:20px}.search-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-button{background:#8b5cf6;font-size:.95rem;font-weight:600;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.search-button:hover:not(:disabled){background:#7c3aed}.search-button:disabled{background:#9ca3af}.food-categories,.menu-items-quick-select{margin-top:20px}.category-label{color:#374151;font-size:.9rem;font-weight:500;margin:0 0 12px}.category-tags{display:flex;flex-wrap:wrap;gap:8px}.category-tag{background:#e0e7ff;border:none;border-radius:20px;color:#3730a3;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.category-tag:hover{background:#c7d2fe;transform:translateY(-1px)}.menu-items-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.menu-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;text-align:left;transition:all .2s}.menu-item-card:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a;transform:translateY(-1px)}.menu-item-name{color:#111827;display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.menu-item-category{color:#6b7280;display:block;font-size:.8rem}.occasion-search{text-align:center}.search-description{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 20px}.occasions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.occasion-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:16px 12px;text-align:center;transition:all .2s}.occasion-card:hover{background:#f8fafc;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.occasion-card.selected{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633;color:#fff}.dietary-search{text-align:center}.dietary-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));text-align:left}.dietary-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.dietary-option:hover{background:#f8fafc;border-color:#8b5cf6}.dietary-option input[type=checkbox]{accent-color:#8b5cf6;margin:0}.dietary-label{color:#374151;font-size:.9rem;font-weight:500}.suggestions-section{margin-top:32px}.suggestions-title{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.suggestions-loading{padding:60px 20px;text-align:center}.suggestions-loading p{color:#6b7280;font-size:1.1rem;margin:0}.suggestions-error{padding:40px 20px;text-align:center}.error-message{font-size:1rem;margin:0}.no-suggestions{color:#6b7280;font-size:1.1rem;padding:60px 20px;text-align:center}.suggestions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.suggestion-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.suggestion-card:hover{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf626;transform:translateY(-4px)}.suggestion-card:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.suggestion-header{margin-bottom:16px}.beverage-name{font-size:1.2rem;line-height:1.3;margin:0 0 4px}.beverage-type{background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px}.suggestion-metrics{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:16px 0}.confidence-indicator{align-items:center;display:flex;flex:1 1;gap:8px}.metric-label{color:#6b7280;font-size:.8rem;min-width:40px}.confidence-bar{background:#f3f4f6;border-radius:3px;height:6px}.confidence-fill{background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#84cc16,#22c55e);border-radius:3px;transition:width .3s ease}.confidence-value{color:#374151;font-size:.8rem;min-width:35px}.science-indicator{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 8px}.science-indicator.excellent{background:#dcfce7;color:#166534}.science-indicator.good{background:#fef3c7;color:#92400e}.science-indicator.poor{background:#fee2e2;color:#991b1b}.science-score{font-weight:700}.suggestion-reason{color:#4b5563;font-size:.95rem;line-height:1.5;margin:0 0 12px}.food-suggestion{align-items:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:8px 12px}.food-label{color:#166534;font-size:.8rem;font-weight:500}.food-name{color:#15803d;font-weight:600}.generic-suggestion{text-align:center}.generic-suggestion h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 8px}.generic-suggestion p{color:#6b7280;font-size:.95rem;line-height:1.4;margin:0}@media (max-width:768px){.pairing-explorer{margin:10px 0;padding:20px}.explorer-header h2{font-size:1.7rem}.search-mode-tabs{flex-direction:column}.mode-tab{padding:10px 12px}.search-input-group{flex-direction:column}.search-button{width:100%}.dietary-options,.occasions-grid,.suggestions-grid{grid-template-columns:1fr}.suggestions-grid{gap:16px}.menu-items-grid{grid-template-columns:1fr}.suggestion-metrics{align-items:stretch;flex-direction:column;gap:8px}}@media (max-width:480px){.pairing-explorer{padding:16px}.explorer-header{margin-bottom:24px}.explorer-header h2{flex-direction:column;font-size:1.5rem;gap:8px}.search-interface{padding:16px}.category-tags{justify-content:center}}.pairing-analytics{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px 0;overflow:hidden}.analytics-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px}.header-content h2{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.header-subtitle{font-size:1.1rem;line-height:1.4;margin:0;opacity:.9}.header-actions{gap:12px}.refresh-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;font-weight:500;padding:10px 16px;transition:all .2s}.refresh-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.refresh-button.refreshing{animation:pulse 1.5s infinite}.analytics-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.metric-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:16px 20px;transition:all .2s}.metric-tab:hover{background:#f3f4f6;color:#374151}.metric-tab.active{background:#fff;border-bottom-color:#8b5cf6;color:#8b5cf6}.tab-icon{font-size:1.2rem}.tab-label{font-size:.95rem;white-space:nowrap}.analytics-body{min-height:500px;padding:32px}.content-header{border-bottom:2px solid #f3f4f6;margin-bottom:32px;padding-bottom:20px;text-align:center}.content-header h3{color:#111827;font-size:1.8rem;font-weight:600;margin:0 0 8px}.content-header p{color:#6b7280;font-size:1.1rem;margin:0}.error-state,.loading-state{padding:80px 20px;text-align:center}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#8b5cf6;height:48px;margin:0 auto 20px;width:48px}.error-message{font-size:1.1rem;margin:0 0 16px}.retry-button{background:#8b5cf6;border-radius:8px;font-weight:500;padding:10px 20px;transition:background-color .2s}.retry-button:hover{background:#7c3aed}.pairings-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:16px 20px}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-row{align-items:center;border-bottom:1px solid #f3f4f6;padding:20px;transition:background-color .2s}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.pairing-info{display:flex;flex-direction:column;gap:4px}.beverage-name{color:#111827;font-size:1rem;font-weight:600}.food-name{color:#6b7280;font-size:.9rem}.orders-count{color:#111827;font-size:1.1rem;font-weight:600}.rating-display{align-items:center;display:flex;flex-direction:column;gap:4px}.rating-value{color:#111827;font-size:1.1rem;font-weight:600}.stars{color:#fbbf24;font-size:.9rem}.revenue-amount{color:#059669;font-size:1.1rem;font-weight:600}.trend{border-radius:4px;font-size:1rem;font-weight:600;padding:4px 8px;text-align:center}.trend.positive{background:#dcfce7;color:#059669}.trend.negative{background:#fee2e2;color:#dc2626}.feedback-metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{background:#fff;border:1px solid #e5e7eb;padding:24px}.metric-card h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.large-metric{margin:16px 0}.metric-value{color:#111827;display:block}.metric-value.positive{color:#059669}.metric-stars{color:#fbbf24;font-size:1.5rem;margin-top:8px}.metric-subtitle{color:#6b7280;font-size:.9rem;margin:8px 0 0}.sentiment-chart{display:flex;flex-direction:column;gap:8px;margin:16px 0}.sentiment-bar{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative}.sentiment-bar.positive{background:linear-gradient(90deg,#10b981,#059669)}.sentiment-bar.neutral{background:linear-gradient(90deg,#f59e0b,#d97706)}.sentiment-bar.negative{background:linear-gradient(90deg,#ef4444,#dc2626)}.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.keyword-tag{background:#e0e7ff;border-radius:20px;color:#3730a3;font-size:.85rem;font-weight:500;padding:6px 12px}.trends-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 2fr}.trend-metric{text-align:center}.trending-pairings h4{color:#111827;font-size:1.3rem;font-weight:600;margin:0 0 20px}.trending-list{display:flex;flex-direction:column;gap:12px}.trending-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.trending-item:hover{background:#f3f4f6;border-color:#d1d5db}.trend-rank{color:#8b5cf6;font-weight:700;min-width:30px}.trend-pairing{color:#111827;flex:1 1;font-weight:500}.trend-indicator{font-size:1.2rem}.revenue-metrics{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 32px;text-align:center}.last-updated{color:#6b7280;font-size:.9rem;margin:0}@media (max-width:1024px){.analytics-header{gap:16px;text-align:center}.analytics-header,.analytics-tabs{flex-direction:column}.metric-tab{min-width:auto}.table-header,.table-row{gap:8px;grid-template-columns:1fr;text-align:center}.table-header{display:none}.table-row{align-items:center;display:flex;flex-direction:column;padding:16px}.trends-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.analytics-header{padding:24px 20px}.analytics-body{padding:20px}.feedback-metrics,.revenue-metrics{grid-template-columns:1fr}.analytics-footer{padding:12px 20px}}@media (max-width:480px){.header-content h2{font-size:1.6rem}.header-subtitle{font-size:1rem}.content-header h3{font-size:1.5rem}.metric-value{font-size:2rem}}.pairing-feedback{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:16px 0;padding:24px}.pairing-feedback.inline{border-radius:8px;margin:8px 0;padding:16px}.feedback-header{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px;text-align:center}.feedback-header h3{align-items:center;color:#111827;display:flex;font-size:1.4rem;font-weight:600;gap:8px;justify-content:center;margin:0 0 8px}.pairing-description{color:#6b7280;font-size:1rem;line-height:1.4;margin:0}.pairing-description strong{color:#374151}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-form h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 12px}.star-rating{text-align:center}.stars-container{display:flex;gap:4px;justify-content:center;margin:12px 0}.star{background:none;border:none;border-radius:4px;color:#d1d5db;cursor:pointer;font-size:2rem;padding:4px;transition:all .2s ease}.star.active,.star:hover{color:#fbbf24;transform:scale(1.1)}.rating-label{color:#6b7280;font-size:1rem;font-weight:500;margin:8px 0 0;min-height:24px}.quick-feedback{text-align:center}.quick-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.quick-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:70px;padding:12px 8px;transition:all .2s}.quick-option:hover{background:#f8fafc;border-color:#8b5cf6;transform:translateY(-2px)}.quick-option.selected{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.option-emoji{display:block;font-size:1.5rem}.option-label{font-size:.8rem;font-weight:500}.reason-selection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.reason-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reason-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.reason-option:hover{background:#f8fafc;border-color:#8b5cf6}.reason-option input[type=checkbox]{accent-color:#8b5cf6;margin:0}.reason-label{color:#374151;font-size:.9rem;font-weight:500}.text-feedback{position:relative}.feedback-textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;min-height:80px;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.feedback-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.character-count{background:#fff;border-radius:4px;bottom:8px;color:#6b7280;font-size:.8rem;padding:2px 4px;position:absolute;right:12px}.conditional-section{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-weight:500;padding:12px 16px;text-align:center}.form-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.reset-button{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.reset-button:hover{background:#f3f4f6;color:#374151}.submit-button{background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:140px;padding:10px 24px;transition:all .2s}.submit-button:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.feedback-success{padding:40px 20px;text-align:center}.success-icon{font-size:3rem;margin-bottom:16px}.feedback-success h3{color:#059669;font-size:1.5rem;font-weight:600;margin:0 0 8px}.feedback-success p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 20px}.new-feedback-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.new-feedback-button:hover{background:#059669}.pairing-feedback.inline .feedback-header{margin-bottom:16px;padding-bottom:12px}.pairing-feedback.inline .feedback-header h3{font-size:1.1rem}.pairing-feedback.inline .feedback-form{gap:16px}.pairing-feedback.inline .quick-options{gap:6px}.pairing-feedback.inline .quick-option{min-width:60px;padding:8px 6px}.pairing-feedback.inline .option-emoji{font-size:1.2rem}.pairing-feedback.inline .option-label{font-size:.7rem}.pairing-feedback.inline .reason-options{gap:8px;grid-template-columns:1fr}.pairing-feedback.inline .form-actions{justify-content:center;padding-top:12px}.pairing-feedback.inline .feedback-success{padding:20px 10px}.pairing-feedback.inline .success-icon{font-size:2rem;margin-bottom:8px}.pairing-feedback.inline .feedback-success h3{font-size:1.2rem}@media (max-width:768px){.pairing-feedback{margin:12px 0;padding:20px 16px}.stars-container{gap:2px}.star{font-size:1.8rem}.quick-options{gap:6px}.quick-option{min-width:60px;padding:10px 6px}.reason-options{grid-template-columns:1fr}.form-actions{flex-direction:column}.reset-button,.submit-button{width:100%}}@media (max-width:480px){.feedback-header h3{flex-direction:column;font-size:1.2rem;gap:4px}.pairing-description{font-size:.9rem}.quick-options{justify-content:space-between}.quick-option{flex:1 1;max-width:70px}.option-emoji{font-size:1.4rem!important}.option-label{font-size:.7rem!important}}.phase2-pairing-demo{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.demo-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:40px;padding:40px 20px;position:relative;text-align:center}.demo-header h1{font-size:2.5rem;font-weight:700;margin:0 0 12px}.demo-subtitle{font-size:1.2rem;line-height:1.5;margin:0;opacity:.9}.admin-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px;position:absolute;right:20px;top:20px}.demo-navigation{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.nav-tab{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:left;transition:all .2s ease}.nav-tab:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-2px)}.nav-tab.active{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf633;color:#fff}.tab-label{display:block;font-size:1.1rem;font-weight:600}.tab-description{display:block;font-size:.9rem;opacity:.8}.demo-body{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:hidden}.tab-content{padding:32px}.demo-section{margin:0 auto;max-width:1200px}.demo-section h3{color:#111827;font-size:1.8rem;font-weight:600;margin:0 0 8px;text-align:center}.section-description{color:#6b7280;font-size:1.1rem;line-height:1.5;margin:0 0 32px;text-align:center}.beverage-showcase{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.beverage-showcase h4{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 16px}.beverage-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.beverage-card h5{color:#111827;font-size:1.3rem;font-weight:600;margin:0 0 8px}.beverage-card p{color:#6b7280;line-height:1.5;margin:0 0 12px}.beverage-details{display:flex;flex-wrap:wrap;gap:16px}.beverage-details span{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:.85rem;font-weight:500;padding:4px 8px}.feedback-demo{display:flex;flex-direction:column;gap:32px}.feedback-demo h4{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 16px;text-align:center}.feedback-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.feedback-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.feedback-modal .modal-header h3{color:#111827;font-size:1.3rem;font-weight:600;margin:0;text-align:left}.feedback-modal .close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px;transition:background-color .2s}.feedback-modal .close-button:hover{background:#f3f4f6;color:#374151}.feedback-modal .modal-content{padding:0}.feedback-modal .pairing-feedback{border:none;border-radius:0;box-shadow:none;margin:0}.demo-footer{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:32px;text-align:center}.implementation-status h4{color:#059669;font-size:1.4rem;font-weight:600;margin:0 0 20px}.completed-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.feature{background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;color:#166534;font-size:.9rem;font-weight:500;padding:8px 16px}@media (max-width:1024px){.phase2-pairing-demo{padding:16px}.demo-header{padding:32px 16px}.demo-navigation{grid-template-columns:1fr}.tab-content{padding:24px 16px}.beverage-details{justify-content:center}.completed-features{align-items:center;flex-direction:column}}@media (max-width:768px){.demo-header h1{font-size:2rem}.demo-subtitle{font-size:1.1rem}.admin-badge{display:inline-block;margin-top:16px;position:static}.nav-tab{padding:16px;text-align:center}.feedback-demo{gap:24px}.feedback-modal{margin:10px;max-height:90vh}}@media (max-width:480px){.demo-header{padding:24px 12px}.demo-header h1{font-size:1.7rem}.demo-subtitle{font-size:1rem}.tab-content{padding:20px 12px}.demo-section h3{font-size:1.5rem}.section-description{font-size:1rem}.beverage-showcase{padding:16px}.demo-footer{padding:24px 16px}}.advanced-search-interface{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:1.5rem}.advanced-search-interface.compact{max-width:600px;padding:1rem}.search-header{margin-bottom:2rem;text-align:center}.search-title{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.search-subtitle{color:#6c757d;font-size:1rem;line-height:1.5;margin:0}.compact .search-header{margin-bottom:1rem}.compact .search-title{font-size:1.4rem}.compact .search-subtitle{font-size:.9rem}.search-bar-container{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1 1;position:relative}.search-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:1rem 3rem 1rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-button:hover:not(:disabled){background:#5a6fd8;transform:translateY(-50%) scale(1.05)}.search-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:translateY(-50%)}.filter-toggle{background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.filter-toggle:hover{border-color:#667eea}.filter-toggle.active{background:#667eea;border-color:#667eea;color:#fff}.filter-count{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.advanced-filters{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.filter-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label,.filter-label{color:#495057;font-size:.9rem;font-weight:600}.price-range{gap:.75rem}.price-range input{border:1px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:.5rem}.price-range span{color:#6c757d;font-size:.9rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{background:#fff;border:1px solid #e1e5e9;border-radius:20px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.filter-chip:hover{border-color:#667eea}.filter-chip.selected{background:#667eea;border-color:#667eea;color:#fff}.filter-actions{display:flex;gap:1rem;justify-content:flex-end}.apply-filters,.clear-filters{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.clear-filters{background:#6c757d;color:#fff}.apply-filters{background:#667eea;color:#fff}.clear-filters:hover{background:#5a6268}.apply-filters:hover{background:#5a6fd8}.search-suggestions{margin-bottom:2rem}.search-suggestions h4{color:#495057;font-size:1.1rem;margin:0 0 1rem}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem}.suggestion-chip{background:#fff;border:1px solid #e1e5e9;border-radius:25px;color:#495057;cursor:pointer;font-size:.9rem;padding:.75rem 1.25rem;transition:all .2s ease}.suggestion-chip:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.search-history{margin-bottom:2rem}.search-history h4{color:#495057;font-size:1.1rem;margin:0 0 1rem}.history-items{display:flex;flex-direction:column;gap:.5rem}.history-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.history-item:hover{background:#f8f9fa;border-color:#667eea}.history-query{color:#495057;font-size:.9rem}.history-count{color:#6c757d;font-size:.8rem}.search-error{background:#f8d7da;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:2rem;text-align:center}.retry-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.5rem 1rem}.search-results{margin-top:2rem}.results-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.results-header h4{color:#2c3e50;font-size:1.3rem;margin:0}.search-confidence{background:#28a745;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.search-intent{background:#e3f2fd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.intent-summary{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.intent-summary strong{color:#1976d2;margin-right:.5rem}.intent-tag{background:#1976d2;border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.results-list{display:flex;flex-direction:column}.result-item{background:#fff;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.result-item:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea26;transform:translateY(-2px)}.result-item.selected{background:#f8f9ff;border-color:#667eea}.result-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.result-info{flex:1 1}.result-name{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.result-description{color:#6c757d;line-height:1.5;margin:0 0 .5rem}.result-price{background:#28a745;border-radius:15px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.result-score{align-items:center;display:flex;flex-direction:column;gap:.25rem}.score-circle{background:linear-gradient(135deg,#667eea,#764ba2);font-size:.9rem}.score-label{color:#6c757d;font-size:.8rem}.result-explanation{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1rem}.result-explanation p{color:#495057;font-style:italic;line-height:1.5;margin:0}.result-tags{display:flex;flex-wrap:wrap;gap:.5rem}.result-tag{border-radius:15px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.result-tag.category{background:#17a2b8;color:#fff}.result-tag.region{background:#fd7e14;color:#fff}.result-tag.ai-enhanced{background:#6f42c1;color:#fff}.additional-suggestions{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:2rem}.additional-suggestions h4{color:#495057;font-size:1.1rem;margin:0 0 1rem}.search-footer{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1rem;text-align:center}.ai-disclaimer{color:#6c757d;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.advanced-search-interface{padding:1rem}.search-bar-container{flex-direction:column;gap:.5rem}.filter-row{gap:1rem;grid-template-columns:1fr}.filter-actions{justify-content:stretch}.apply-filters,.clear-filters{flex:1 1}.results-header{align-items:flex-start;flex-direction:column;gap:.5rem}.result-main{flex-direction:column;gap:1rem}.result-score{align-self:flex-end}.filter-chips,.suggestion-chips{justify-content:center}}@media (max-width:480px){.search-title{font-size:1.5rem}.result-name{font-size:1.1rem}.score-circle{font-size:.8rem;height:40px;width:40px}}.recommendation-engine{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#fff;margin:0 auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.recommendation-engine:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.recommendation-engine.compact{border-radius:12px;padding:1rem}.recommendation-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.recommendation-header h3{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 4px #0000004d}.recommendation-header p{font-size:1.1rem;margin:0;opacity:.9}.compact .recommendation-header h3{font-size:1.8rem}.compact .recommendation-header p{font-size:1rem}.recommendation-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:1}.control-group{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.control-group label{font-size:.9rem;font-weight:600;opacity:.9}.control-group input,.control-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease}.control-group input:focus,.control-group select:focus{background:#ffffff40;box-shadow:0 0 0 2px #ffffff4d;outline:none}.control-group select option{background:#2c3e50;color:#fff}.preferences-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.preferences-btn{background:#fff3;border:2px solid #ffffff4d;color:#fff}.preferences-btn:hover{background:#ffffff4d;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(45deg,#ff6b6b,#feca57);border:none;color:#fff}.refresh-btn:hover{box-shadow:0 5px 15px #ff6b6b4d;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{padding:3rem;position:relative;text-align:center;z-index:1}.loading-spinner{height:60px;margin:0 auto 1rem;width:60px}.error-state{background:#e74c3c33;border:2px solid #e74c3c4d;border-radius:12px;margin:1rem 0;padding:2rem;position:relative;text-align:center;z-index:1}.error-state h4{color:#ff6b6b;margin:0 0 .5rem}.recommendations-container{position:relative;z-index:1}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.compact .recommendations-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.recommendation-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.recommendation-card:before{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.recommendation-card.selected:before,.recommendation-card:hover:before{transform:scaleX(1)}.recommendation-card:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.recommendation-card.selected{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 10px 30px #0000004d}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.recommendation-info{flex:1 1}.recommendation-name{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.recommendation-description{font-size:.95rem;line-height:1.4;margin:0 0 .5rem;opacity:.9}.recommendation-price{background:#feca5733;border-radius:6px;color:#feca57;display:inline-block;font-size:1.1rem;font-weight:600;padding:.25rem .5rem}.recommendation-score{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:60px}.score-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:50px;justify-content:center;width:50px}.score-label{font-size:.75rem;font-weight:600;opacity:.8}.recommendation-reasoning{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:8px;margin:1rem 0;padding:1rem}.recommendation-reasoning p{font-style:italic;line-height:1.4;margin:0;opacity:.9}.recommendation-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.rec-tag{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.rec-tag.category{background:#744ba2b3;color:#fff}.rec-tag.match-type{background:#4ecdc4b3;color:#fff}.rec-tag.ai-enhanced{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;overflow:hidden;position:relative}.rec-tag.ai-enhanced:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.feedback-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.feedback-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.feedback-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.feedback-btn.like:hover{background:#2ecc71b3}.feedback-btn.dislike:hover{background:#e74c3cb3}.feedback-received{background:#2ecc714d;border-radius:8px;font-weight:600;margin-top:1rem;padding:.75rem;text-align:center}.learning-progress{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.learning-progress h4{color:#fff;font-size:1.3rem;margin:0 0 1rem}.learning-progress p{line-height:1.5;margin:0 0 1rem;opacity:.9}.interaction-stats{display:flex;font-size:.9rem;gap:1rem;justify-content:center;opacity:.8}.preferences-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preferences-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px #0000004d;color:#fff;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid #fff3;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.modal-header h3{font-size:1.8rem;font-weight:700;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-button:hover{background:#fff3;transform:rotate(90deg)}.modal-content{padding:2rem}.preference-group,fieldset.preference-group{border:none;margin-bottom:2rem;padding:0}.preference-group label,fieldset.preference-group legend{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.preference-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.preference-group select option{background:#2c3e50;color:#fff}.preference-chips{display:flex;flex-wrap:wrap;gap:.5rem}.preference-chip{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.preference-chip:hover{background:#fff3;transform:translateY(-2px)}.preference-chip.selected{background:#ffffff4d;border-color:#fff9;box-shadow:0 4px 12px #0003}.price-range{align-items:center;display:flex;gap:1rem}.price-range input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:8px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem}.price-range input::placeholder{color:#ffffffb3}.price-range span{color:#fffc;font-weight:600}.modal-footer{border-top:2px solid #fff3;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.modal-footer button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.save-btn{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff}.save-btn:hover{box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.cancel-btn{background:#fff3;border:2px solid #ffffff4d;color:#fff}.cancel-btn:hover{background:#ffffff4d}@media (max-width:768px){.recommendation-engine{border-radius:12px;padding:1rem}.recommendation-header h3{font-size:2rem}.recommendation-controls{align-items:stretch;flex-direction:column}.control-group{min-width:auto}.recommendations-grid{gap:1rem;grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.recommendation-score{align-self:flex-end;margin-top:.5rem}.preferences-modal{margin:1rem;width:95%}.modal-content,.modal-footer,.modal-header{padding:1rem}.price-range{align-items:stretch;flex-direction:column}.interaction-stats{flex-direction:column;gap:.5rem}}@media (max-width:480px){.recommendation-engine{padding:.75rem}.recommendation-header h3{font-size:1.6rem}.recommendation-card{padding:1rem}.feedback-buttons{flex-direction:column}.preferences-modal{margin:.5rem;width:98%}}@media (prefers-contrast:high){.recommendation-engine{background:#000;border:3px solid #fff}.recommendation-card{background:#111;border:2px solid #fff}.rec-tag{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.close-button:hover,.feedback-btn:hover,.recommendation-card:hover{transform:none}}.beer-pairing-interface{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:20px 0;padding:20px}.beer-pairing-interface.compact{margin:10px 0;padding:15px}.interface-header{margin-bottom:30px;text-align:center}.interface-header h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:10px}.subtitle{color:#7f8c8d;font-style:italic;margin-bottom:0}.tab-navigation{background:#ffffff4d;border-radius:12px;display:flex;justify-content:center;margin-bottom:30px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-btn.active{background:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff}.tab-btn:hover:not(.active){background:#ffffff80}.selection-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.beer-selection h3,.food-selection h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px}.item-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.item-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-family:inherit;padding:15px;text-align:left;transition:all .3s ease}.item-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db33;transform:translateY(-2px)}.item-card.selected{background:#f8fff9;border-color:#2ecc71;box-shadow:0 4px 12px #2ecc714d}.item-card h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 10px}.profile-preview{display:flex;flex-direction:column;gap:4px}.profile-preview span{color:#7f8c8d;font-size:.85rem}.btn-secondary{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.pairing-actions{margin:30px 0;text-align:center}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.pairing-result{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:30px;padding:25px}.result-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.result-header h3{color:#2c3e50;font-size:1.4rem;margin:0}.score-badge{border-radius:20px;font-size:.9rem;font-weight:700;padding:8px 16px}.score-badge.excellent{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.score-badge.good{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.score-badge.fair{background:linear-gradient(135deg,#f39c12,#d68910);color:#fff}.rationale-list h4{color:#2c3e50;font-size:1.1rem;margin-bottom:15px}.rationale-item{align-items:flex-start;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;margin-bottom:12px;padding:10px}.rationale-item .points{background:#3498db;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;margin-right:12px;min-width:40px;padding:4px 8px;text-align:center}.rationale-item .reason{color:#2c3e50;flex:1 1;line-height:1.4}.course-builder{background:#fff;border-radius:12px;margin-bottom:30px;padding:25px}.course-builder h3{color:#2c3e50;font-size:1.3rem;margin-bottom:20px}.course-adder{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.course-adder select{border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;padding:12px}.course-adder select:focus{border-color:#3498db;outline:none}.course-list{margin-bottom:25px}.course-item{align-items:center;background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;padding:15px}.course-number{color:#3498db;font-weight:700;min-width:80px}.course-food{color:#2c3e50;flex:1 1;font-weight:600}.course-pairing{color:#7f8c8d;flex:1 1;font-style:italic}.btn-remove{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.multicourse-result{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px}.multicourse-result .result-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.total-score{background:#34495e;border-radius:20px;color:#fff;font-weight:600;padding:8px 16px}.course-results{grid-gap:20px;display:grid;gap:20px}.course-result{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.course-result h4{color:#2c3e50;font-size:1.1rem;margin:0 0 10px}.course-score{background:#3498db;border-radius:12px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:15px;padding:4px 12px}.rationale-item-mini{align-items:center;display:flex;font-size:.9rem;margin-bottom:8px}.rationale-item-mini .points{background:#95a5a6;border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;margin-right:8px;min-width:30px;padding:2px 6px;text-align:center}.rationale-item-mini .reason{color:#2c3e50;line-height:1.3}.compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.compact-header h3{color:#2c3e50;font-size:1.1rem;margin:0}.powered-by{color:#7f8c8d;font-size:.8rem;font-style:italic}.compact-quick-pairing{align-items:center;display:flex;gap:10px}.compact-quick-pairing select{border:2px solid #e9ecef;border-radius:6px;flex:1 1;padding:8px}.compact-quick-pairing .btn-primary{font-size:.9rem;padding:8px 16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.modal-content input[type=text]{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:12px;width:100%}.modal-content input[type=text]:focus{border-color:#3498db;outline:none}.profile-sliders{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.slider-group{display:flex;flex-direction:column;gap:5px}.slider-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.slider-group input[type=range]{margin:5px 0;width:100%}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.modal-actions button[type=button]{background:#95a5a6;color:#fff}.modal-actions button[type=button]:hover{background:#7f8c8d}.modal-actions button[type=submit]{background:#3498db;color:#fff}.modal-actions button[type=submit]:hover{background:#2980b9}@media (max-width:768px){.selection-grid{gap:20px}.item-grid,.selection-grid{grid-template-columns:1fr}.course-adder{align-items:stretch;flex-direction:column}.course-item{gap:10px}.course-item,.multicourse-result .result-header{align-items:flex-start;flex-direction:column}.profile-sliders{grid-template-columns:1fr}.compact-quick-pairing{flex-direction:column}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.btn-primary:disabled{animation:pulse 1.5s infinite;cursor:not-allowed;opacity:.6}.score-badge.exceptional{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.score-badge.needs-work{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.phase4-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:2rem}.phase4-dashboard.error,.phase4-dashboard.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{font-size:1.2rem;font-weight:300;opacity:.9}.dashboard-tabs{flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.dashboard-tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem}.dashboard-tabs button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.dashboard-tabs button.active{background:#ffffff4d;border-color:#fff9;box-shadow:0 4px 15px #fff3}.dashboard-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a}.phase4-overview h3{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.overview-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.metric-card{background:#ffffff26;border-radius:15px;transition:transform .3s ease}.metric-card:hover{transform:translateY(-5px)}.metric-card h3{letter-spacing:1px;opacity:.8}.metric-card h3,.metric-value{margin-bottom:.5rem}.metric-change{font-size:.85rem;opacity:.7}.recent-activity{background:#ffffff0d;border-radius:15px}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#ffffff1a;border-left:4px solid;border-radius:10px;justify-content:space-between;padding:1rem}.activity-item.high-impact{border-left-color:#ff6b6b}.activity-item.medium-impact{border-left-color:#feca57}.activity-item.low-impact{border-left-color:#48dbfb}.activity-message{flex:1 1;font-weight:500}.activity-time{font-size:.85rem;opacity:.7}.guest-profile-section{padding:1rem 0}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.profile-stats{display:flex;font-size:.9rem;gap:1.5rem}.profile-stats span{background:#ffffff26;border-radius:20px;padding:.5rem 1rem}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.preferences-section h4{font-size:1.2rem;margin-bottom:1rem}.preference-list{display:flex;flex-direction:column;gap:1rem}.preference-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1rem}.preference-name{font-weight:500;min-width:150px}.confidence-bar{background:#fff3;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#48dbfb,#0abde3);height:100%;transition:width .5s ease}.confidence-value{color:#48dbfb;font-weight:600;min-width:50px;text-align:right}.profile-metrics{display:flex;flex-direction:column;gap:1rem}.metric{border-radius:10px;padding:1rem}.metric-label{font-weight:500}.profile-metrics .metric-value{color:#48dbfb;font-weight:700}.no-guest-message{padding:3rem;text-align:center}.enable-button{background:linear-gradient(45deg,#48dbfb,#0abde3);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:transform .3s ease}.enable-button:hover{transform:translateY(-2px)}.interactive-menu-section h3{font-size:1.8rem;margin-bottom:2rem}.interaction-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.interaction-card{background:#ffffff1a;border-radius:15px;padding:1.5rem;text-align:center}.interaction-card h4{font-size:.9rem;letter-spacing:1px;margin-bottom:1rem;opacity:.8;text-transform:uppercase}.big-number{color:#48dbfb;font-size:3rem;font-weight:700;margin-bottom:.5rem}.interaction-card small{font-size:.8rem;opacity:.7}.menu-features{background:#ffffff0d;border-radius:15px;padding:1.5rem}.feature-status h4{margin-bottom:1rem}.features-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.feature-item.active{border-left:4px solid #48dbfb}.status{background:#fff3;border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.analytics-section h3{font-size:1.8rem;margin-bottom:2rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:#ffffff1a;border-radius:15px;padding:1.5rem}.analytics-card h4{color:#48dbfb;font-size:1.1rem;margin-bottom:1rem}.insight-stats,.revenue-stats{display:flex;flex-direction:column;gap:.75rem}.stat{background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat-value{font-weight:700}.stat-value.growth{color:#48dbfb}.popular-list,.trending-list{display:flex;flex-direction:column;gap:.75rem}.popular-item,.trending-item{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.category-name,.item-name{flex:1 1;font-weight:500}.item-stats{font-size:.85rem;opacity:.8}.growth-indicator{color:#48dbfb;font-size:.9rem;font-weight:700}.inventory-ai-section h3{font-size:1.8rem;margin-bottom:2rem}.inventory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.inventory-card{background:#ffffff1a;border-radius:15px;padding:1.5rem}.inventory-card h4{color:#feca57;font-size:1.1rem;margin-bottom:1rem}.alerts-list,.recommendations-list{display:flex;flex-direction:column;gap:1rem}.alert-item{align-items:center;background:#ffffff1a;border-left:4px solid;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.alert-item.high{border-left-color:#ff6b6b}.alert-item.medium{border-left-color:#feca57}.alert-item.low{border-left-color:#48dbfb}.alert-info{flex:1 1}.item-name{display:block;font-weight:600;margin-bottom:.25rem}.stock-info{font-size:.85rem;opacity:.8}.urgency-badge{border-radius:12px;font-size:.7rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.urgency-badge.high{background:#ff6b6b;color:#fff}.urgency-badge.medium{background:#feca57;color:#333}.urgency-badge.low{background:#48dbfb;color:#fff}.recommendation-item{border-left:4px solid #48dbfb;border-radius:10px;padding:1rem}.rec-header{margin-bottom:.5rem}.rec-item{font-weight:600}.rec-category{background:#fff3;border-radius:12px;font-size:.8rem;padding:.25rem .75rem}.rec-reasoning{font-size:.9rem;line-height:1.4;margin-bottom:.75rem;opacity:.9}.rec-metrics{align-items:center;display:flex;justify-content:space-between}.roi{color:#48dbfb}.priority,.roi{font-weight:700}.priority{border-radius:12px;font-size:.7rem;padding:.25rem .75rem}.priority.high{background:#ff6b6b;color:#fff}.priority.medium{background:#feca57;color:#333}.optimization-stats{display:flex;flex-direction:column;gap:1rem}.optimization-metric{background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.optimization-metric .metric-value{color:#48dbfb;font-weight:700}@media (max-width:1200px){.inventory-grid,.profile-content{grid-template-columns:1fr}}@media (max-width:768px){.phase4-dashboard{padding:1rem}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-tabs{gap:.5rem}.dashboard-tabs button{font-size:.85rem;padding:.5rem 1rem}.dashboard-content{padding:1rem}.overview-metrics{grid-template-columns:1fr}.interaction-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.profile-header{align-items:flex-start;flex-direction:column}.profile-stats{flex-direction:column;gap:.5rem}}@media (max-width:480px){.interaction-metrics{grid-template-columns:1fr}.big-number,.metric-value{font-size:2rem}}.phase5-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh}.phase5-dashboard.error,.phase5-dashboard.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-overlay .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;color:#fff;padding:2rem;text-align:center}.error-container h2{color:#ff6b6b;margin-bottom:1rem}.error-container button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background .3s ease}.error-container button:hover{background:#5a67d8}.error-toast{background:#ff6b6b;border-radius:6px;box-shadow:0 4px 12px #0003;gap:1rem;padding:1rem;position:fixed;right:20px;top:20px;z-index:1000}.error-toast,.error-toast button{align-items:center;color:#fff;display:flex}.error-toast button{background:none;border:none;cursor:pointer;font-size:1.2rem;height:24px;justify-content:center;padding:0;width:24px}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:2rem}.header-content{margin:0 auto;max-width:1200px}.header-content h1{color:#fff;font-size:2rem;font-weight:600;margin:0 0 .5rem}.header-content p{color:#fffc;font-size:1.1rem;margin:0 0 1.5rem}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.realtime-toggle{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.realtime-toggle input[type=checkbox]{margin:0}.service-status{display:flex;flex-wrap:wrap;gap:1rem}.status-indicator{background:#ffffff1a;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-indicator.healthy{background:#48bb78}.status-indicator.warning{background:#ed8936}.status-indicator.error{background:#f56565}.dashboard-tabs{background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;gap:0;overflow-x:auto}.dashboard-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#ffffffb3;cursor:pointer;font-size:.9rem;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.dashboard-tabs button:hover{background:#ffffff1a;color:#fff}.dashboard-tabs button.active{background:#ffffff26;border-bottom-color:#667eea;color:#fff}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.metric-card h3{color:#fffc;font-size:.9rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.metric-value{font-size:2.5rem}.metric-trend{border-radius:20px;display:inline-block;font-size:.8rem;padding:.25rem .5rem}.metric-trend.positive{background:#48bb78;color:#fff}.metric-trend.negative{background:#f56565;color:#fff}.metric-trend.neutral{background:#ed8936;color:#fff}.recent-activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem}.recent-activity h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.activity-list{max-height:300px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:.75rem 0}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.2rem;text-align:center;width:24px}.activity-details p{color:#fff;font-size:.9rem;margin:0}.activity-details small{color:#fff9;font-size:.8rem}.analytics-controls,.automation-controls,.ml-controls,.recognition-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.analytics-controls h3,.automation-controls h3,.ml-controls h3,.recognition-controls h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.control-buttons{display:flex;flex-wrap:wrap;gap:1rem}.control-buttons button,.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.control-buttons button:hover,.upload-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.upload-button{overflow:hidden;position:relative}.ml-insights,.predictions-display,.recognition-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.ml-insights h4,.predictions-display h4,.recognition-results h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.insights-grid,.predictions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card,.prediction-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem}.insight-card h5,.prediction-card h5{color:#fff;font-size:.9rem;margin:0 0 .5rem}.insight-card p,.prediction-card p{color:#fffc;font-size:.8rem;margin:0}.prediction-metrics{display:flex;flex-direction:column;gap:.5rem}.prediction-metrics .metric{align-items:center;display:flex;justify-content:space-between}.trend{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.trend.up{background:#48bb78;color:#fff}.trend.down{background:#f56565;color:#fff}.trend.stable{background:#ed8936;color:#fff}.results-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.result-item{border:1px solid #fff3;border-radius:8px;gap:1rem;padding:1rem}.result-image,.result-item{background:#ffffff1a;display:flex}.result-image{align-items:center;border-radius:6px;height:80px;justify-content:center;overflow:hidden;width:80px}.result-image img{height:100%;object-fit:cover;width:100%}.result-details h5{color:#fff;font-size:.9rem;margin:0 0 .5rem}.result-details p{color:#fffc;font-size:.8rem;margin:0 0 .25rem}.automation-rules{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.automation-rules h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem}.rule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rule-name{color:#fff;font-size:.9rem;font-weight:500}.rule-status{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.rule-status.active{background:#48bb78;color:#fff}.rule-status.inactive{background:#f56565;color:#fff}.rule-status.pending{background:#ed8936;color:#fff}.rule-description{color:#fffc;font-size:.8rem;margin:0 0 .5rem}.rule-metrics{color:#fff9;display:flex;font-size:.8rem;gap:1rem}.upload-section{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.header-content{padding:1rem}.header-content h1{font-size:1.5rem}.header-actions{align-items:flex-start;gap:1rem}.dashboard-tabs,.header-actions{flex-direction:column}.dashboard-content{padding:1rem}.overview-grid{gap:1rem;grid-template-columns:1fr}.control-buttons{flex-direction:column}.results-list{grid-template-columns:1fr}.result-item,.rule-header{flex-direction:column}.rule-header{align-items:flex-start;gap:.5rem}}@media (max-width:480px){.dashboard-content,.header-content{padding:.5rem}.metric-value{font-size:2rem}.service-status{flex-direction:column;gap:.5rem}}.ml-insights{background:linear-gradient(135deg,#4ecdc4,#44a08d);min-height:100vh;padding:2rem}.ml-insights.loading{align-items:center;display:flex;justify-content:center}.insights-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.insights-header h2{color:#fff;font-size:2rem;font-weight:600;margin:0}.time-range-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.time-range-select option{background:#333;color:#fff}.insights-nav{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:0;margin-bottom:2rem;overflow:hidden}.insights-nav button{background:none;border:none;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.9rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.insights-nav button:hover{background:#ffffff1a;color:#fff}.insights-nav button.active{background:#fff3;color:#fff}.insights-content{margin:0 auto;max-width:1200px}.insights-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:2rem}.insights-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 2rem}.behavior-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.behavior-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.behavior-card h4{color:#fff;font-size:1.1rem;font-weight:500;margin:0 0 1rem}.cluster-list{display:flex;flex-direction:column;gap:1rem}.cluster-item{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:1rem}.cluster-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cluster-name{color:#fff;font-size:.9rem;font-weight:500}.cluster-size{color:#ffffffb3;font-size:.8rem}.cluster-preferences{display:flex;flex-wrap:wrap;gap:.5rem}.preference-tag{background:#4ecdc44d;border:1px solid #4ecdc480;border-radius:12px;color:#fff;font-size:.7rem;padding:.2rem .5rem}.pattern-metrics{display:flex;flex-direction:column;gap:1rem}.metric{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.metric span:first-child{color:#fffc;font-size:.9rem}.metric span:last-child{color:#fff;font-weight:500}.sensitivity-level{background:#4ecdc44d;border:1px solid #4ecdc480;border-radius:12px;font-size:.8rem;padding:.2rem .5rem}.success-chart{text-align:center}.success-rate{margin-bottom:1rem}.rate-value{color:#fff;display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.rate-label{color:#ffffffb3;font-size:.9rem}.success-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-item{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem}.breakdown-item span:first-child{color:#fffc}.breakdown-item span:last-child{color:#fff;font-weight:500}.seasonal-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.seasonal-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.seasonal-card h4{color:#fff;font-size:1.1rem;font-weight:500;margin:0 0 1rem;text-align:center}.seasonal-trends{margin-bottom:1.5rem}.trend-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.trend-item:last-child{border-bottom:none}.trend-item span:first-child{color:#fffc;font-size:.8rem}.category-name{color:#fff;font-size:.8rem;font-weight:500}.trend-value{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.trend-value.up{background:#48bb78;color:#fff}.trend-value.down{background:#f56565;color:#fff}.trend-value.stable{background:#ed8936;color:#fff}.seasonal-recommendations h5{color:#fff;font-size:.9rem;margin:0 0 .5rem}.seasonal-recommendations ul{list-style-type:disc;margin:0;padding-left:1.2rem}.seasonal-recommendations li{color:#fffc;font-size:.8rem;margin-bottom:.25rem}.group-analysis{display:flex;flex-direction:column;gap:2rem}.group-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card h4{font-weight:400}.metric-change{color:#ffffffb3}.group-preferences{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.group-preferences h4{color:#fff;font-size:1.1rem;margin:0 0 1rem}.size-preferences{display:flex;flex-direction:column;gap:1rem}.size-pref-item{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.size-label{color:#fff;font-size:.9rem;font-weight:500}.pref-details{color:#fffc;display:flex;font-size:.8rem;gap:1rem}.regional-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.regional-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.regional-card h4{color:#fff;font-size:1.1rem;font-weight:500;margin:0 0 1rem;text-align:center}.regional-stats{margin-bottom:1.5rem}.stat-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:#fffc;font-size:.8rem}.stat-item span:last-child{color:#fff;font-size:.8rem;font-weight:500}.growth-rate{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.growth-rate.positive{background:#48bb78;color:#fff}.growth-rate.negative{background:#f56565;color:#fff}.growth-rate.stable{background:#ed8936;color:#fff}.regional-preferences h5{color:#fff;font-size:.9rem;margin:0 0 .5rem}.preference-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pref-tag{background:#4ecdc44d;border:1px solid #4ecdc480;border-radius:12px;color:#fff;font-size:.7rem;padding:.2rem .5rem}@media (max-width:768px){.ml-insights{padding:1rem}.insights-header{align-items:flex-start;gap:1rem}.insights-header,.insights-nav{flex-direction:column}.behavior-grid,.group-metrics,.regional-grid,.seasonal-grid{grid-template-columns:1fr}.group-analysis{gap:1rem}.size-pref-item{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.insights-header h2,.metric-value{font-size:1.5rem}.rate-value{font-size:2rem}}.predictive-analytics{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.predictive-analytics.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#fff;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analytics-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.analytics-header h2{color:#fff;font-size:2rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.period-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.9rem;padding:.5rem 1rem}.period-select option{background:#333;color:#fff}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.analytics-nav{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:0;margin-bottom:2rem;overflow:hidden}.analytics-nav button{background:none;border:none;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.9rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.analytics-nav button:hover{background:#ffffff1a;color:#fff}.analytics-nav button.active{background:#fff3;color:#fff}.analytics-content{margin:0 auto;max-width:1200px}.analytics-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:2rem}.analytics-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 2rem}.forecast-overview{margin-bottom:2rem}.forecast-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem;text-align:center}.summary-card h4{color:#fffc;font-size:.9rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.trend-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.trend-arrow{font-size:2rem}.trend-value{color:#fff;font-size:1.5rem;font-weight:700}.trend-description{color:#fffc;font-size:.8rem;margin:0}.peak-info,.top-category{display:flex;flex-direction:column;gap:.5rem}.category-name,.peak-period{color:#fff;font-size:1.2rem;font-weight:500}.category-growth,.peak-increase{color:#48bb78;font-size:.9rem;font-weight:500}.forecast-details h4{color:#fff;font-size:1.2rem;margin:0 0 1rem}.category-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-forecast{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-forecast .category-name{color:#fff;font-size:1rem;font-weight:500}.category-trend{border-radius:12px;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.category-trend.up{background:#48bb78;color:#fff}.category-trend.down{background:#f56565;color:#fff}.category-trend.stable{background:#ed8936;color:#fff}.forecast-chart{margin-bottom:1rem}.chart-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.category-insights p,.confidence-label{color:#fffc;font-size:.8rem}.category-insights p{margin:0}.event-overview{margin-bottom:2rem}.event-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem;text-align:center}.metric-card h4{color:#fffc;font-size:.9rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.metric-value{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem}.metric-change{border-radius:12px;display:inline-block;font-size:.8rem;padding:.2rem .5rem}.metric-change.positive{background:#48bb78;color:#fff}.metric-change.negative{background:#f56565;color:#fff}.metric-change.warning{background:#ed8936;color:#fff}.metric-change.neutral{background:#fff3;color:#fff}.upcoming-events h4{color:#fff;font-size:1.2rem;margin:0 0 1rem}.event-list{display:flex;flex-direction:column;gap:1rem}.event-item{align-items:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem}.event-info h5{color:#fff;font-size:1rem;font-weight:500;margin:0 0 .5rem}.event-date{color:#ffffffb3;font-size:.8rem}.event-predictions{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.prediction-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.prediction-item span:first-child{color:#fffc}.prediction-item span:last-child{color:#fff;font-weight:500}.impact-value.positive{color:#48bb78}.inventory-overview{margin-bottom:2rem}.optimization-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.inventory-recommendations h4{color:#fff;font-size:1.2rem;margin:0 0 1rem}.recommendation-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.rec-item{color:#fff;font-size:1rem;font-weight:500}.rec-action{border-radius:6px;font-size:.8rem;font-weight:500;padding:.3rem .75rem}.rec-action.increase{background:#48bb78;color:#fff}.rec-action.decrease{background:#f56565;color:#fff}.rec-action.maintain{background:#ed8936;color:#fff}.rec-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.detail-item span:first-child{color:#fffc}.detail-item span:last-child{color:#fff;font-weight:500}.revenue-overview{margin-bottom:2rem}.revenue-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.revenue-strategies h4{color:#fff;font-size:1.2rem;margin:0 0 1rem}.strategy-list{display:flex;flex-direction:column;gap:1rem}.strategy-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem}.strategy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.strategy-header h5{color:#fff;font-size:1rem;font-weight:500;margin:0}.strategy-impact{color:#48bb78;font-size:1.1rem;font-weight:600}.strategy-description{color:#fffc;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.strategy-metrics{color:#ffffffb3;display:flex;font-size:.8rem;gap:2rem}@media (max-width:768px){.predictive-analytics{padding:1rem}.analytics-header{align-items:flex-start;gap:1rem}.analytics-header,.analytics-nav{flex-direction:column}.category-grid,.event-metrics,.forecast-summary,.optimization-metrics,.revenue-metrics{grid-template-columns:1fr}.event-item{flex-direction:column;gap:1rem}.event-predictions{min-width:auto}.rec-details{grid-template-columns:1fr}.strategy-header{align-items:flex-start}.strategy-header,.strategy-metrics{flex-direction:column;gap:.5rem}}@media (max-width:480px){.analytics-header h2,.metric-value{font-size:1.5rem}.trend-value{font-size:1.2rem}}
/*# sourceMappingURL=main.d1528eaa.css.map*/