@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@100;200;300;400;500;600;700;800;900&family=Zalando+Sans+SemiExpanded:ital,wght@0,200..900;1,200..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;color:#fff;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border-radius:8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;text-align:center;transition:all .3s ease}.btn--primary:hover{background-color:#e66a00;box-shadow:0 8px 25px #ff7a004d;transform:translateY(-2px)}.btn--secondary{background-color:#0000;border:2px solid #ff7a00;color:#ff7a00}.btn--secondary:hover{background-color:#ff7a00;color:#fff}.btn--small{font-size:14px;padding:8px 16px}.text-orange{color:#ff7a00}.text-white{color:#fff}.text-gray{color:#ccc}.bg-dark{background-color:#1a1a1a}.bg-orange{background-color:#ff7a00}.decorative-swirl{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#ff7a001a,#0000);border-radius:50%;height:100px;opacity:.3;position:absolute;width:100px}.App{background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#ff7a00;border-radius:4px}.font-family-zalando{font-family:Zalando Sans SemiExpanded}.fs-large{font-size:2rem}::-webkit-scrollbar-thumb:hover{background:#e66a00}.hero-image{background-color:#eee1d1;height:100px}.hero-image .curved-loop-jacket{height:100px;min-height:auto!important}.hero-image .curved-loop-jacket .curved-loop-svg{fill:#1a1a1a!important;font-size:2rem!important}.text-2xl{font-size:6rem}.text-1xl,.text-2xl{font-family:Zalando Sans SemiExpanded;font-weight:900;line-height:1}.text-1xl{font-size:4rem}.btn--primary{align-items:center;background-color:#ff7a00;border-radius:100px;color:#fff;cursor:pointer;display:inline-flex;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:24px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.btn--primary p{margin:0}.underlined{position:relative;-webkit-text-decoration-color:#ff7a00;text-decoration-color:#ff7a00;text-underline-offset:8px}.underlined:after{fill:#ff7a00;background-image:url(/static/media/underline.0ad916ede0784f8ad7c3.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;bottom:-8px;content:"";height:20px;left:0;position:absolute;width:100%;z-index:1}.review-card{background-color:#474747;border-radius:10px;font-family:Zalando Sans SemiExpanded;height:350px;padding:20px;width:100%}.review-card .review-header{align-items:center;display:flex;justify-content:space-between}.review-card .review-header .stars{align-items:center;display:flex;gap:5px;justify-content:center}.review-card .review-header .stars svg{fill:#ffd900;width:20px}.review-card .review-body{font-family:Zalando Sans SemiExpanded;font-size:1.2rem;height:240px;padding-top:20px}.review-card .review-footer p{font-size:.8rem;margin:0}.st0{fill:#d70f64}.testimonials-cards{margin-bottom:0!important;margin-top:50px;padding:12px}.bubble-menu{align-items:center;display:flex;gap:16px;justify-content:space-between;left:0;padding:0 2em;pointer-events:none;right:0;top:2em;z-index:99}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size:48px;border-radius:50%;display:inline-flex;height:var(--bubble-size);pointer-events:auto;width:var(--bubble-size)}.bubble-menu .bubble,.menu-btn-wrapper{align-items:center;justify-content:center}.menu-btn-wrapper{display:flex;font-family:poppins}.menu-btn-wrapper .menu-btn{margin-left:10px}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{border-radius:calc(var(--bubble-size)/2);gap:8px;height:var(--bubble-size);min-height:var(--bubble-size);padding:0 16px;width:auto}.bubble-menu .toggle-bubble{height:var(--bubble-size);width:var(--bubble-size)}.bubble-menu .bubble-logo{display:block;max-height:60%;max-width:100%;object-fit:contain}.bubble-menu .logo-content{--logo-max-height:60%;--logo-max-width:100%;align-items:center;display:inline-flex;height:100%;justify-content:center;width:120px}.bubble-menu .logo-content a img,.bubble-menu .logo-content>.bubble-logo,.bubble-menu .logo-content>img,.bubble-menu .logo-content>svg{width:120px}.bubble-menu .menu-btn{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:0}.bubble-menu .menu-line{background:#111;border-radius:2px;display:block;height:2px;margin:0 auto;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:26px}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px) rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px) rotate(-45deg)}@media (min-width:768px){.bubble-menu .bubble{--bubble-size:56px}.bubble-menu .logo-bubble{padding:0 16px}}.bubble-menu-items{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:98}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{display:flex;flex-wrap:wrap;gap:0;justify-content:stretch;list-style:none;margin:0 auto;max-width:1600px;padding:0 24px;pointer-events:auto;row-gap:4px;width:100%}.bubble-menu-items .pill-list .pill-spacer{height:0;pointer-events:none;width:100%}.bubble-menu-items .pill-list .pill-col{align-items:stretch;box-sizing:border-box;display:flex;flex-basis:33.33333%;flex-grow:0;flex-shrink:0;justify-content:center}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:16.66667%}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:33.33333%}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:#111;--pill-border:#0000001f;--item-rot:0deg;--pill-min-h:160px;--hover-bg:#f3f4f6;--hover-color:#111;align-items:center;background:var(--pill-bg);border-radius:999px;box-shadow:0 4px 14px #0000001a;box-sizing:border-box;color:var(--pill-color);display:flex;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;height:10px;justify-content:center;line-height:0;min-height:var(--pill-min-h);overflow:hidden;padding:clamp(1.5rem,3vw,8rem) 0;position:relative;text-decoration:none;transition:background .3s ease,color .3s ease;white-space:nowrap;width:100%;will-change:transform}@media (min-width:900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:rotate(var(--item-rot)) scale(1.06)}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{display:inline-block;height:1.2em;line-height:1.2;will-change:transform,opacity}@media (max-width:899px){.bubble-menu-items{align-items:flex-start;padding-top:120px}.bubble-menu-items .pill-list{row-gap:16px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;margin-left:0!important;overflow:visible}.bubble-menu-items .pill-link{font-size:clamp(1.2rem,3vw,4rem);min-height:80px;padding:clamp(1rem,2vw,2rem) 0}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:scale(1.06)}.bubble-menu-items .pill-link:active{transform:scale(.94)}}.hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;flex-direction:column;height:800px;justify-content:center;overflow:hidden;padding-top:80px;position:relative}.hero .content-container{position:relative;z-index:1}.hero .hero__image{height:90vh;left:0;position:absolute;top:0}.hero .hero__title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:6rem;font-weight:900}.curved-loop-jacket{align-items:center;display:flex;height:auto;justify-content:center;width:100%}.curved-loop-svg{fill:#fff;aspect-ratio:100/12;display:block;font-size:6rem;font-weight:700;line-height:1;overflow:visible;text-transform:uppercase;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:100%}.features{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding:6rem 0;position:relative}.features .features-content{position:relative;z-index:2}.features .ramen-bowl{display:flex;max-width:800px;width:100%}.features .features-header{margin-bottom:4rem;text-align:center}.features .features-header .features-title{color:#fff;font-weight:800;line-height:1.2;margin-bottom:1rem}.features .features-header .features-subtitle{color:#ccc;font-family:Zalando Sans SemiExpanded;line-height:1.6;margin:0 auto;max-width:800px}.features .features-main{align-items:center;display:flex;justify-content:center;min-height:500px;position:relative}.features .central-image{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.features .feature-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.features .feature-card{background:#f0f0f0;border-radius:20px;box-shadow:0 10px 30px #0003;max-width:280px;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.features .feature-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.features .feature-card .tape-decoration{background:#ff7a00;border-radius:4px;box-shadow:0 2px 8px #ff7a004d;height:30px;position:absolute;right:20px;top:-10px;transform:rotate(15deg);width:60px}.features .feature-card .tape-decoration:before{background:#fff;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.features .feature-card .card-image{border-radius:15px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.features .feature-card .card-text{color:#333;font-size:1rem;font-weight:500;line-height:1.5}.features .decorative-swirls{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.features .decorative-swirls .swirl{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#ff7a001a,#0000);border-radius:50%;height:80px;opacity:.3;position:absolute;width:80px}.features .decorative-swirls .swirl.swirl-1{animation-delay:0s;left:10%;top:10%}.features .decorative-swirls .swirl.swirl-2{animation-delay:2s;right:15%;top:20%}.features .decorative-swirls .swirl.swirl-3{animation-delay:4s;bottom:20%;left:20%}@media(max-width:768px){.features{padding:4rem 0}.features .features-title{font-size:2.2rem!important}.features .features-subtitle{font-size:1rem!important}.features .features-main{flex-direction:column;gap:2rem}.features .central-image{margin-bottom:2rem;position:relative;transform:none}.features .central-image .ramen-bowl{height:200px;width:200px}.features .feature-cards{gap:1.5rem;grid-template-columns:1fr}.features .feature-card{max-width:100%}}:root{--hue:27;--sat:69%;--white:#fff;--purple-primary:#8400ff;--purple-glow:#8400ff33;--purple-border:#8400ffcc;--border-color:#392e4e;--background-dark:#060010;color-scheme:light dark}.card-grid{grid-gap:.5em;display:grid;font-size:clamp(1rem,.9rem + .5vw,1.5rem);gap:.5em;max-width:54em;padding:.75em}.card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;aspect-ratio:4/3;background:#060010;background:var(--background-dark);border:1px solid #392e4e;border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;font-weight:300;justify-content:space-between;max-width:100%;min-height:200px;overflow:hidden;padding:1.25em;position:relative;transition:all .3s ease;width:100%}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card__content,.card__header{color:#fff;color:var(--white);display:flex;position:relative}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__description,.card__title{--clamp-title:1;--clamp-desc:2}.card__title{font-size:16px;font-weight:400;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.2;opacity:.9}.card--text-autohide .card__description,.card--text-autohide .card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;margin:0 auto;padding:.5em;width:90%}.card{min-height:180px;width:100%}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}.card:nth-child(6){grid-column:4;grid-row:3}}.card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity)*.8)) 0,rgba(132,0,255,calc(var(--glow-intensity)*.4)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:6px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{overflow:hidden;position:relative}.particle:before{background:#8400ff33;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px #8400ff33;box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.about-page{background:#1a1a1a;color:#fff;min-height:100vh}.about-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:120px 0 80px;text-align:center}.about-hero .about-hero-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.about-hero .about-hero-title .text-orange{color:#ff6b35}.about-hero .about-hero-subtitle{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.25rem;margin:0 auto;max-width:600px}.our-story{padding:80px 0}.our-story .section-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.our-story .section-title .text-orange{color:#ff6b35}.our-story .story-description{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.our-story .story-img{height:auto;max-width:100%;width:100%}.our-values{background:#1a1a1a;padding:80px 0}.our-values .section-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.our-values .section-title .text-orange{color:#ff6b35}.our-values .value-card{background:#2d2d2d;border-radius:12px;height:350px;margin-bottom:2rem;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.our-values .value-card:hover{box-shadow:0 10px 30px #ff6b3533;transform:translateY(-5px)}.our-values .value-card .value-icon{font-size:3rem;margin-bottom:1.5rem}.our-values .value-card .value-title{color:#fff;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.our-values .value-card .value-description{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;line-height:1.6}.our-team{background:#2d2d2d;padding:80px 0}.our-team .section-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.our-team .section-title .text-orange{color:#ff6b35}.our-team .team-member{background:#212020;border-radius:12px;margin-bottom:2rem;padding:2rem;transition:transform .3s ease}.our-team .team-member:hover{transform:translateY(-5px)}.our-team .team-member .member-name{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.our-team .team-member .member-role{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.1rem;margin-bottom:1rem}.our-team .team-member .member-description{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;line-height:1.6}.contact-info{background:#2d2d2d;padding:80px 0}.contact-info .section-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.contact-info .section-title .text-orange{color:#ff6b35}.contact-info .contact-details{background:#1a1a1a;border-radius:12px;margin-bottom:2rem;padding:2rem}.contact-info .contact-details .contact-title{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-info .contact-details .contact-text{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;line-height:1.6}@media(max-width:768px){.about-hero{padding:80px 0 60px}.about-hero .about-hero-title{font-size:2.5rem}.about-hero .about-hero-subtitle{font-size:1.1rem}.contact-info,.our-story,.our-team,.our-values{padding:60px 0}.contact-info .section-title,.our-story .section-title,.our-team .section-title,.our-values .section-title{font-size:2rem}.contact-details,.team-member,.value-card{padding:1.5rem}}.menu-page{background:#1a1a1a;color:#fff;min-height:100vh}.menu-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem}.menu-page .loading-container .loading-spinner{animation:bounce 1.5s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.menu-page .loading-container p{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.1rem}.menu-page .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.menu-page .error-container .error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.menu-page .error-container h3{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.menu-page .error-container p{color:#ccc;font-size:1rem;margin-bottom:2rem;max-width:400px}.menu-page .error-container .retry-btn{background:#ff6b35;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Zalando Sans SemiExpanded,sans-serif;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.menu-page .error-container .retry-btn:hover{background:#e55a2b;transform:translateY(-2px)}.menu-page .no-products{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.menu-page .no-products .no-products-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.menu-page .no-products h3{color:#fff;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.3rem;margin-bottom:.5rem}.menu-page .no-products p{color:#ccc;font-size:1rem}.menu-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:120px 0 80px;text-align:center}.menu-hero .menu-hero-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.menu-hero .menu-hero-title .text-orange{color:#ff6b35}.menu-hero .menu-hero-subtitle{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.25rem;margin:0 auto;max-width:600px}.menu-categories{background:#2d2d2d;padding:40px 0;position:relative;z-index:1}.menu-categories .category-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.menu-categories .category-tabs .category-tab{align-items:center;background:#1a1a1a;border:2px solid #0000;border-radius:50px;color:#ccc;cursor:pointer;display:flex;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.1rem;font-weight:500;gap:.5rem;padding:10px 20px 10px 10px;transition:all .3s ease}.menu-categories .category-tabs .category-tab:hover{background:#ff6b35;color:#fff;transform:translateY(-2px)}.menu-categories .category-tabs .category-tab.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.menu-categories .category-tabs .category-tab .category-icon{border-radius:50%;height:50px;object-fit:cover;width:50px}.menu-items{padding:80px 0;position:relative;z-index:1}.menu-items .menu-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.menu-items .menu-grid .menu-item{background:#2d2d2d;border-radius:12px;display:block;overflow:hidden;padding:12px;transition:transform .3s ease,box-shadow .3s ease}.menu-items .menu-grid .menu-item:hover{box-shadow:0 10px 30px #ff6b3533;transform:translateY(-5px)}.menu-items .menu-grid .menu-item .item-image{height:250px;overflow:hidden;position:relative;width:100%}.menu-items .menu-grid .menu-item .item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.menu-items .menu-grid .menu-item .item-image .popular-badge{background:#ff6b35;right:1rem}.menu-items .menu-grid .menu-item .item-image .popular-badge,.menu-items .menu-grid .menu-item .item-image .unavailable-badge{border-radius:20px;color:#fff;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;top:1rem}.menu-items .menu-grid .menu-item .item-image .unavailable-badge{background:#666;left:1rem}.menu-items .menu-grid .menu-item .item-content{padding:12px 0 6px}.menu-items .menu-grid .menu-item .item-content .item-name{color:#fff;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.menu-items .menu-grid .menu-item .item-content .item-description{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;line-height:1.6;margin-bottom:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-items .menu-grid .menu-item .item-content .item-footer{align-items:center;display:flex;justify-content:space-between}.menu-items .menu-grid .menu-item .item-content .item-footer .item-price{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.2rem;font-weight:600}.menu-items .menu-grid .menu-item .item-content .item-footer .add-to-cart-btn{background:#ff6b35;border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Zalando Sans SemiExpanded,sans-serif;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.menu-items .menu-grid .menu-item .item-content .item-footer .add-to-cart-btn:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px)}.menu-items .menu-grid .menu-item .item-content .item-footer .add-to-cart-btn:disabled{background:#666;color:#ccc;cursor:not-allowed;transform:none}.special-offers{background:#2d2d2d;padding:80px 0}.special-offers .section-title{font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2.5rem;font-weight:600;margin-bottom:3rem}.special-offers .section-title .text-orange{color:#ff6b35}.special-offers .offers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.special-offers .offers-grid .offer-card{background:#1a1a1a;border:2px solid #ff6b35;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.special-offers .offers-grid .offer-card:hover{transform:translateY(-5px)}.special-offers .offers-grid .offer-card .offer-content .offer-title{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.special-offers .offers-grid .offer-card .offer-content .offer-description{color:#ccc;font-family:Zalando Sans SemiExpanded,sans-serif;margin-bottom:1rem}.special-offers .offers-grid .offer-card .offer-content .offer-price{color:#4ade80;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.1rem;font-weight:600}.special-offers .menu-by-category .category-section{margin-bottom:4rem}.special-offers .menu-by-category .category-section:last-child{margin-bottom:0}.special-offers .menu-by-category .category-section .category-title{border-bottom:2px solid #333;color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;padding-bottom:.5rem;text-transform:uppercase}.special-offers .menu-by-category .category-section .category-title:before{content:"🍜";margin-right:1rem}.special-offers .menu-item .item-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.special-offers .menu-item .item-footer .pricing{align-items:center;display:flex;flex:1 1;gap:.5rem}.special-offers .menu-item .item-footer .pricing .item-price{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1.4rem;font-weight:700}.special-offers .menu-item .item-footer .pricing .original-price{color:#999;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:1rem;text-decoration:line-through}.special-offers .menu-item .item-footer .add-to-cart-btn{background:linear-gradient(135deg,#ff6b35,#f9ca24);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.special-offers .menu-item .item-footer .add-to-cart-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}.special-offers .menu-item .item-footer .add-to-cart-btn:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:1024px){.menu-items .menu-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.menu-hero{padding:80px 0 60px}.menu-hero .menu-hero-title{font-size:2.5rem}.menu-hero .menu-hero-subtitle{font-size:1.1rem}.menu-categories{padding:30px 0}.menu-categories .category-tabs{gap:.5rem}.menu-categories .category-tabs .category-tab{font-size:1rem;padding:.75rem 1.5rem}.menu-items{padding:60px 0}.menu-items .menu-grid{gap:1.5rem;grid-template-columns:1fr}.menu-items .menu-by-category .category-section{margin-bottom:3rem}.menu-items .menu-by-category .category-section .category-title{font-size:1.5rem;margin-bottom:1.5rem}.menu-items .menu-by-category .category-section .category-title:before{margin-right:.5rem}.special-offers{padding:60px 0}.special-offers .section-title{font-size:2rem}.special-offers .offers-grid{grid-template-columns:1fr}}.review-card{background:#1a1a1a;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.review-header{align-items:center;margin-bottom:16px}.stars{display:flex;gap:4px}.stars svg{fill:gold;height:16px;transition:fill .2s ease;width:16px}.star-filled{fill:gold!important}.star-empty{fill:#e0e0e0!important}.logo{align-items:center;display:flex}.logo-icon{height:26px;width:26px}.logo-icon .st0{fill:#ff6b35}.review-body{flex:1 1;margin-bottom:16px}.review-text{color:#333;color:#fff;font-family:Zalando Sans SemiExpanded;font-size:14px;height:150px;line-height:1.6;margin:0;max-height:150px}.review-footer{align-items:center;border-top:1px solid #f0f0f0;color:#fff!important;display:flex;justify-content:space-between;padding-top:12px}.review-author{color:#fff;font-size:14px;font-weight:600;margin:0}.review-date{color:#fff;font-size:12px;margin:0}@media (max-width:768px){.review-card{padding:20px}.review-author,.review-text{font-size:13px}.review-date{font-size:11px}}.reviews-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;padding:80px 20px 40px;position:relative;z-index:10}.reviews-container{margin:0 auto;max-width:1200px}.reviews-header{margin-bottom:60px;text-align:center}.reviews-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:20px}.reviews-subtitle{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.reviews-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:80px}.reviews-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;gap:80px;justify-content:center;margin-top:60px;padding:40px}.stat-item{text-align:center}.stat-number{color:#ff6b35;font-family:Zalando Sans SemiExpanded,sans-serif;font-size:3rem;font-weight:700;margin-bottom:10px}.stat-label{color:#ccc;font-size:1rem;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.reviews-page{padding:60px 15px 30px}.reviews-title{font-size:2.5rem}.reviews-subtitle{font-size:1rem}.reviews-grid{gap:20px;grid-template-columns:1fr;margin-bottom:60px}.reviews-stats{flex-direction:column;gap:40px;padding:30px 20px}.stat-number{font-size:2.5rem}}@media(max-width:480px){.reviews-title{font-size:2rem}.reviews-grid{gap:15px;grid-template-columns:1fr}}.menu-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden;padding:6rem 0;position:relative}.menu-section .menu-content{position:relative;z-index:2}.menu-section .menu-header{margin-bottom:4rem;text-align:center}.menu-section .menu-header .menu-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:2rem}.menu-section .menu-header .menu-title .underlined{text-decoration:underline;-webkit-text-decoration-color:#ff7a00;text-decoration-color:#ff7a00;text-underline-offset:8px}.menu-section .menu-header .menu-description{color:#ccc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.menu-section .menu-items{align-items:flex-start;display:flex;gap:2rem;justify-content:center;min-height:400px;padding:2rem 0;position:relative}.menu-section .menu-items .menu-string{background:linear-gradient(180deg,#ff7a00,#0000);height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:1}.menu-section .menu-items .menu-card{background:#f0f0f0;border-radius:20px;box-shadow:0 15px 35px #0003;margin-top:2rem;max-width:280px;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.menu-section .menu-items .menu-card:hover{box-shadow:0 25px 50px #0000004d;transform:translateY(-10px)}.menu-section .menu-items .menu-card .tape-decoration{background:#ff7a00;border-radius:4px;box-shadow:0 2px 8px #ff7a004d;height:30px;position:absolute;right:20px;top:-10px;transform:rotate(15deg);width:60px}.menu-section .menu-items .menu-card .tape-decoration:before{background:#fff;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.menu-section .menu-items .menu-card .menu-image{border-radius:15px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.menu-section .menu-items .menu-card .menu-item-name{color:#333;font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.menu-section .menu-items .menu-card .menu-arrow{color:#ff7a00;font-size:1.5rem;transition:transform .3s ease}.menu-section .menu-items .menu-card:hover .menu-arrow{transform:translateX(5px)}.menu-section .menu-items .menu-card.card-1{margin-top:0}.menu-section .menu-items .menu-card.card-2{margin-top:1rem}.menu-section .menu-items .menu-card.card-3{margin-top:2rem}.menu-section .decorative-swirls{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.menu-section .decorative-swirls .swirl{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#ff7a001a,#0000);border-radius:50%;height:80px;opacity:.3;position:absolute;width:80px}.menu-section .decorative-swirls .swirl.swirl-1{animation-delay:0s;left:10%;top:15%}.menu-section .decorative-swirls .swirl.swirl-2{animation-delay:2s;right:15%;top:25%}.menu-section .decorative-swirls .swirl.swirl-3{animation-delay:4s;bottom:20%;left:20%}@media(max-width:768px){.menu-section{padding:4rem 0}.menu-section .menu-title{font-size:2.2rem!important}.menu-section .menu-description{font-size:1rem!important}.menu-section .menu-items{align-items:center;flex-direction:column;gap:1.5rem}.menu-section .menu-items .menu-string{display:none}.menu-section .menu-items .menu-card{margin-top:0!important;max-width:100%}}.testimonials .decorative-elements .large-shape{background:linear-gradient(45deg,#ff7a000d,#0000);border-radius:50%;bottom:10%;height:200px;left:5%;opacity:.3;position:absolute;width:200px}.testimonials .decorative-elements .swirl{animation:float 8s ease-in-out infinite;background:linear-gradient(45deg,#ff7a001a,#0000);border-radius:50%;height:60px;opacity:.4;position:absolute;width:60px}.testimonials .decorative-elements .swirl.swirl-1{animation-delay:0s;right:10%;top:20%}.testimonials .decorative-elements .swirl.swirl-2{animation-delay:3s;bottom:30%;right:20%}.promotions{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden;padding:6rem 0;position:relative}.promotions .promotions-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.promotions .promotions-text .promotions-title{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:2rem}.promotions .promotions-text .email-signup{display:flex;gap:1rem;margin-bottom:2rem}.promotions .promotions-text .email-signup .email-input{background:#fff;border:none;border-radius:8px;color:#333;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem 1.5rem}.promotions .promotions-text .email-signup .email-input::placeholder{color:#999}.promotions .promotions-text .email-signup .email-input:focus{box-shadow:0 0 0 3px #ff7a004d;outline:none}.promotions .promotions-text .promotions-description{color:#ccc;font-size:1.1rem;line-height:1.6}.promotions .promotions-image{position:relative}.promotions .promotions-image .ramen-promo-image{border-radius:20px;box-shadow:0 20px 60px #0000004d;height:400px;object-fit:cover;width:100%}.order-strip{background:linear-gradient(90deg,#ff7a00,#ff9500,#ff7a00);overflow:hidden;padding:1rem 0;position:relative}.order-strip .strip-content{align-items:center;animation:scroll 20s linear infinite;display:flex;gap:2rem;white-space:nowrap}.order-strip .ramen-icon{font-size:1.5rem}.order-strip .strip-text{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.1em}.footer{background:#1a1a1a;border-top:1px solid #ff7a001a;padding:3rem 0 2rem}.footer .footer-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;z-index:1}.footer .footer-logo{align-items:center;display:flex;gap:.5rem}.footer .footer-logo .footer-logo-img{height:55px;object-fit:contain;width:auto}.footer .footer-logo .footer-logo-text{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.footer .footer-nav{align-items:center;display:flex;gap:2rem}.footer .footer-nav .footer-link{color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease}.footer .footer-nav .footer-link:hover{color:#ff7a00;transform:translateY(-1px)}.footer .social-links{align-items:center;display:flex;gap:1rem}.footer .social-links svg{fill:#fff;height:30px}.footer .social-links .social-link{display:block;font-size:1.5rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.footer .social-links .social-link:hover{transform:translateY(-2px) scale(1.1)}@media(max-width:768px){.testimonials{padding:4rem 0}.testimonials .testimonials-title{font-size:2.2rem!important}.testimonials .testimonials-cards{align-items:center;flex-direction:column;gap:1rem}.testimonials .testimonial-card{max-width:100%}.testimonials .testimonial-card.card-front{transform:rotate(-2deg)}.testimonials .testimonial-card.card-back{margin-top:.5rem;transform:rotate(1deg)}.promotions{padding:4rem 0}.promotions .promotions-content{gap:2rem;grid-template-columns:1fr;text-align:center}.promotions .promotions-title{font-size:2rem!important}.promotions .email-signup{flex-direction:column;gap:1rem}.promotions .ramen-promo-image{height:250px!important}.footer .footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer .footer-nav{flex-wrap:wrap;justify-content:center}}.ramen-cardstack-container{margin-top:10vh;transition:all .3s ease-in-out}.ramen-cardstack-cards{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto}.ramen-cardstack-card{background:#ddd;border-radius:16px;box-shadow:0 100px 80px #00000008,0 41.7776px 33.4221px rgba(0,0,0,.022),0 22.3363px 17.869px rgba(0,0,0,.018),0 12.5216px 10.0172px rgba(0,0,0,.015),0 6.6501px 5.3201px rgba(0,0,0,.012),0 2.7673px 2.2138px rgba(0,0,0,.008);font-size:36px;height:400px;margin-bottom:24px;width:100%}.ramen-cardstack-card2{position:relative;z-index:10}.ramen-cardstack-container2{background-color:#fff;height:100vh;margin-top:140px}.testimonials{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);overflow:hidden;padding:6rem 0;position:relative}.testimonials .testimonials-content{position:relative;z-index:2}.testimonials .testimonials-header{text-align:center}.testimonials .testimonials-header .testimonials-title{color:#fff;font-weight:800;line-height:1.2;margin-bottom:2rem}.testimonials .testimonials-cards{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;position:relative}.testimonials .testimonial-card{background:#f0f0f0;border-radius:20px;box-shadow:0 15px 35px #0003;max-width:400px;padding:2rem;position:relative;transition:all .3s ease}.testimonials .testimonial-card.card-front{background:#ff7a00;color:#fff;transform:rotate(-5deg);z-index:2}.testimonials .testimonial-card.card-front:hover{transform:rotate(-3deg) translateY(-10px)}.testimonials .testimonial-card.card-back{background:#f0f0f0;color:#333;margin-top:1rem;transform:rotate(3deg);z-index:1}.testimonials .testimonial-card.card-back:hover{transform:rotate(2deg) translateY(-5px)}.testimonials .testimonial-card .card-content .quote-icon{font-size:2rem;margin-bottom:1rem;opacity:.8}.testimonials .testimonial-card .card-content .testimonial-text{font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonials .testimonial-card .card-content .testimonial-author{font-size:1rem;font-weight:600;opacity:.9}.testimonials .testimonials-description{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;text-align:center}.testimonials .decorative-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.testimonials .decorative-elements:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ff7a001a 0,#0000 70%);border-radius:50%;content:"";height:100px;left:10%;position:absolute;top:20%;width:100px}.testimonials .decorative-elements:after{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#ff7a0014 0,#0000 70%);border-radius:50%;bottom:20%;content:"";height:150px;position:absolute;right:10%;width:150px}.testimonials .mySwiper{padding:2rem 0}.testimonials .mySwiper .swiper-slide{height:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:1200px){.testimonials .testimonials-cards{gap:1.5rem}}@media(max-width:768px){.testimonials{padding:4rem 0}.testimonials .testimonials-title{font-size:2.2rem!important}.testimonials .testimonials-cards{align-items:center;flex-direction:column;gap:1rem}.testimonials .testimonial-card{max-width:100%}.testimonials .testimonial-card.card-front{transform:rotate(-2deg)}.testimonials .testimonial-card.card-back{transform:rotate(1deg)}.testimonials .mySwiper .swiper-slide{max-width:400px;width:100%}}@media(max-width:480px){.testimonials{padding:3rem 0}.testimonials .testimonials-title{font-size:1.8rem!important}.testimonials .testimonials-description{font-size:1rem}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content{background:#0000;border-radius:8px;height:100%;overflow:visible;position:relative;width:100%;z-index:100}.content__img{aspect-ratio:1.1;border-radius:15px;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:190px;will-change:transform,filter}.content__img-inner{background-position:50% 50%;background-size:cover;height:calc(100% + 20px);left:-10px;position:absolute;top:-10px;width:calc(100% + 20px)}.admin-orders{background:var(--bg-primary);min-height:100vh;padding:2rem}.admin-orders .orders-header{margin-bottom:2rem}.admin-orders .orders-header .header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-orders .orders-header .header-content h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.admin-orders .orders-header .header-content .orders-stats{display:flex;gap:1rem}.admin-orders .orders-header .header-content .orders-stats .stat-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;padding:1rem 1.5rem}.admin-orders .orders-header .header-content .orders-stats .stat-card .stat-number{color:var(--accent-primary);font-size:1.75rem;font-weight:700}.admin-orders .orders-header .header-content .orders-stats .stat-card .stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.admin-orders .orders-filters{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.admin-orders .orders-filters .filter-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr repeat(5,1fr)}@media(max-width:1200px){.admin-orders .orders-filters .filter-row{gap:.75rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.admin-orders .orders-filters .filter-row{gap:.5rem;grid-template-columns:1fr}}.admin-orders .orders-filters .filter-row .search-box{position:relative}.admin-orders .orders-filters .filter-row .search-box input{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem;width:100%}.admin-orders .orders-filters .filter-row .search-box input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff7a001a;outline:none}.admin-orders .orders-filters .filter-row .search-box input::placeholder{color:var(--text-secondary)}.admin-orders .orders-filters .filter-row select{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.75rem 1rem}.admin-orders .orders-filters .filter-row select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff7a001a;outline:none}.admin-orders .orders-filters .filter-row input[type=date]{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem}.admin-orders .orders-filters .filter-row input[type=date]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff7a001a;outline:none}.admin-orders .orders-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:2rem;overflow:hidden}.admin-orders .orders-table-container .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}.admin-orders .orders-table-container .loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-secondary);border:3px solid var(--border-secondary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:1rem;width:40px}.admin-orders .orders-table-container .loading-spinner p{color:var(--text-secondary);font-size:.875rem}.admin-orders .orders-table-container .orders-table{border-collapse:collapse;width:100%}.admin-orders .orders-table-container .orders-table th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;z-index:10}.admin-orders .orders-table-container .orders-table th:hover{background:var(--bg-hover)}.admin-orders .orders-table-container .orders-table td{border-bottom:1px solid var(--border-secondary);padding:1rem;vertical-align:top}.admin-orders .orders-table-container .orders-table .order-row{transition:background-color .2s ease}.admin-orders .orders-table-container .orders-table .order-row:hover{background:var(--bg-hover)}.admin-orders .orders-table-container .orders-table .order-row.cancelled{opacity:.6}.admin-orders .orders-table-container .orders-table .order-number{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:600}.admin-orders .orders-table-container .orders-table .order-date{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.admin-orders .orders-table-container .orders-table .customer-info .customer-name{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.admin-orders .orders-table-container .orders-table .customer-info .customer-phone{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem}.admin-orders .orders-table-container .orders-table .order-type{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.admin-orders .orders-table-container .orders-table .order-type.type-dine-in{background:#3b82f61a;color:#3b82f6}.admin-orders .orders-table-container .orders-table .order-type.type-takeaway{background:#f59e0b1a;color:#f59e0b}.admin-orders .orders-table-container .orders-table .order-type.type-delivery{background:#22c55e1a;color:#22c55e}.admin-orders .orders-table-container .orders-table .status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.admin-orders .orders-table-container .orders-table .status-badge.status-pending{background:#fbbf2433;color:#fbbf24}.admin-orders .orders-table-container .orders-table .status-badge.status-confirmed{background:#3b82f633;color:#3b82f6}.admin-orders .orders-table-container .orders-table .status-badge.status-preparing{background:#f59e0b33;color:#f59e0b}.admin-orders .orders-table-container .orders-table .status-badge.status-ready{background:#22c55e33;color:#22c55e}.admin-orders .orders-table-container .orders-table .status-badge.status-delivered,.admin-orders .orders-table-container .orders-table .status-badge.status-served{background:#a855f733;color:#a855f7}.admin-orders .orders-table-container .orders-table .status-badge.status-paid{background:#22c55e4d;color:#16a34a}.admin-orders .orders-table-container .orders-table .status-badge.status-cancelled{background:#ef444433;color:#ef4444}.admin-orders .orders-table-container .orders-table .payment-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.admin-orders .orders-table-container .orders-table .payment-badge.payment-pending{background:#fbbf2433;color:#fbbf24}.admin-orders .orders-table-container .orders-table .payment-badge.payment-partial{background:#f59e0b33;color:#f59e0b}.admin-orders .orders-table-container .orders-table .payment-badge.payment-paid{background:#22c55e33;color:#22c55e}.admin-orders .orders-table-container .orders-table .payment-badge.payment-refunded{background:#ef444433;color:#ef4444}.admin-orders .orders-table-container .orders-table .order-total{color:var(--accent-primary);font-family:Courier New,monospace;font-weight:600}.admin-orders .orders-table-container .orders-table .items-count{color:var(--text-secondary);font-size:.875rem}.admin-orders .orders-table-container .orders-table .actions{display:flex;gap:.5rem}.admin-orders .orders-table-container .orders-table .actions button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .2s ease}.admin-orders .orders-table-container .orders-table .actions button:hover{transform:translateY(-1px)}.admin-orders .orders-table-container .orders-table .actions button.btn-details{background:var(--bg-tertiary);color:var(--text-primary)}.admin-orders .orders-table-container .orders-table .actions button.btn-details:hover{background:var(--bg-hover)}.admin-orders .orders-table-container .orders-table .actions button.btn-status{background:var(--accent-primary);color:#fff}.admin-orders .orders-table-container .orders-table .actions button.btn-status:hover{background:var(--accent-secondary)}.admin-orders .orders-table-container .orders-table .actions button.btn-status.status-confirmed{background:#3b82f6}.admin-orders .orders-table-container .orders-table .actions button.btn-status.status-preparing{background:#f59e0b}.admin-orders .orders-table-container .orders-table .actions button.btn-status.status-ready{background:#22c55e}.admin-orders .orders-table-container .orders-table .actions button.btn-status.status-delivered,.admin-orders .orders-table-container .orders-table .actions button.btn-status.status-served{background:#a855f7}.admin-orders .orders-table-container .orders-table .no-orders{padding:4rem;text-align:center}.admin-orders .orders-table-container .orders-table .no-orders .empty-state .empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.admin-orders .orders-table-container .orders-table .no-orders .empty-state p{color:var(--text-primary);font-size:1.125rem;margin-bottom:.5rem}.admin-orders .orders-table-container .orders-table .no-orders .empty-state small{color:var(--text-secondary);font-size:.875rem}.admin-orders .pagination{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.admin-orders .pagination .page-btn{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.admin-orders .pagination .page-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.admin-orders .pagination .page-btn:disabled{cursor:not-allowed;opacity:.5}.admin-orders .pagination .page-info{color:var(--text-secondary);font-size:.875rem}.modal-overlay{align-items:center;background:#000000bf;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay .order-details-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-overlay .order-details-modal .modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-overlay .order-details-modal .modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.modal-overlay .order-details-modal .modal-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem}.modal-overlay .order-details-modal .modal-header .close-btn:hover{color:var(--text-primary)}.modal-overlay .order-details-modal .modal-content{flex:1 1;overflow-y:auto;padding:2rem}.modal-overlay .order-details-modal .modal-content .order-timeline{margin-bottom:2rem}.modal-overlay .order-details-modal .modal-content .order-timeline h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline{padding-left:2rem;position:relative}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline:before{background:var(--border-secondary);bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item{margin-bottom:2rem;position:relative}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item .timeline-marker{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:50%;display:flex;font-size:.875rem;height:2rem;justify-content:center;left:-2rem;position:absolute;top:0;width:2rem}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item.completed .timeline-marker{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item .timeline-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item .timeline-content p{color:var(--text-primary);font-size:.875rem;margin:0 0 .25rem}.modal-overlay .order-details-modal .modal-content .order-timeline .timeline .timeline-item .timeline-content small{color:var(--text-secondary);font-size:.75rem}.modal-overlay .order-details-modal .modal-content .order-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:768px){.modal-overlay .order-details-modal .modal-content .order-info-grid{gap:1.5rem;grid-template-columns:1fr}}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:.75rem 0}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row:last-child{border-bottom:none}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row .label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row .value{color:var(--text-primary);font-size:.875rem;font-weight:400;text-align:right}.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row .value.payment-badge,.modal-overlay .order-details-modal .modal-content .order-info-grid .info-section .info-row .value.status-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.modal-overlay .order-details-modal .modal-content .order-items-section{margin-bottom:2rem}.modal-overlay .order-details-modal .modal-content .order-items-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list{grid-gap:1rem;display:grid;gap:1rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;padding:1rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card .item-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card .item-info .item-details{display:flex;gap:1rem;margin-bottom:.5rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card .item-info .item-details span{color:var(--text-secondary);font-size:.875rem}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card .item-info .item-details span.total{color:var(--accent-primary);font-weight:600}.modal-overlay .order-details-modal .modal-content .order-items-section .items-list .item-card .item-info .special-instructions{background:#ff7a001a;border:1px solid #ff7a0033;border-radius:4px;color:var(--text-primary);font-size:.75rem;padding:.5rem}.modal-overlay .order-details-modal .modal-content .pricing-section h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;padding:1.5rem}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row:not(:last-child){border-bottom:1px solid var(--border-secondary)}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row.discount span:last-child{color:#22c55e}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row.total{border-top:2px solid var(--border-primary);font-size:1.125rem;margin-top:.5rem;padding-top:1rem}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row.total span{color:var(--accent-primary)}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row span:first-child{color:var(--text-secondary)}.modal-overlay .order-details-modal .modal-content .pricing-section .pricing-details .pricing-row span:last-child{color:var(--text-primary);font-family:Courier New,monospace}.modal-overlay .order-details-modal .modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.modal-overlay .order-details-modal .modal-footer .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.modal-overlay .order-details-modal .modal-footer .btn-secondary:hover{background:var(--bg-hover)}@media(max-width:768px){.admin-orders{padding:1rem}.admin-orders .orders-table-container{overflow-x:auto}.admin-orders .orders-table-container .orders-table{min-width:800px}.modal-overlay,.modal-overlay .order-details-modal .modal-content{padding:1rem}}.crm-management{background:#1a1a1a;color:#fff;min-height:100vh;padding:2rem}.crm-management.error,.crm-management.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.crm-management.error .error-icon,.crm-management.error .loading-spinner,.crm-management.loading .error-icon,.crm-management.loading .loading-spinner{font-size:4rem;margin-bottom:1rem}.crm-management.error button,.crm-management.loading button{background:linear-gradient(135deg,#ff7a00,#e5690a);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}.crm-management.error button:hover,.crm-management.loading button:hover{background:linear-gradient(135deg,#e5690a,#c2570a)}.crm-header{align-items:center;border-bottom:2px solid #ff7a00;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.crm-header h2{color:#ff7a00;font-size:2rem;font-weight:700;margin:0}.crm-header .header-actions{display:flex;gap:1rem}.crm-header .header-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.crm-header .header-actions button.reset-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.crm-header .header-actions button.reset-btn:hover{background:linear-gradient(135deg,#4b5563,#374151)}.crm-header .header-actions button.save-btn{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.crm-header .header-actions button.save-btn:hover{background:linear-gradient(135deg,#047857,#065f46)}.crm-header .header-actions button.save-btn:disabled{cursor:not-allowed;opacity:.6}.crm-tabs{border-bottom:1px solid #333;display:flex;gap:.5rem;margin-bottom:2rem}.crm-tabs .tab-btn{background:#0000;border:none;border-radius:6px 6px 0 0;color:#ccc;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.crm-tabs .tab-btn:hover{background:#ff7a001a;color:#ff7a00}.crm-tabs .tab-btn.active{background:linear-gradient(135deg,#ff7a00,#e5690a);border-bottom:2px solid #ff7a00;color:#fff}.crm-content .settings-section{background:#ffffff05;border-radius:12px;padding:2rem}.crm-content .settings-section h3{color:#ff7a00;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.crm-content .settings-section .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.crm-content .settings-section .form-grid .form-group{display:flex;flex-direction:column}.crm-content .settings-section .form-grid .form-group label{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.crm-content .settings-section .form-grid .form-group input,.crm-content .settings-section .form-grid .form-group select,.crm-content .settings-section .form-grid .form-group textarea{background:#ffffff0d;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s ease}.crm-content .settings-section .form-grid .form-group input:focus,.crm-content .settings-section .form-grid .form-group select:focus,.crm-content .settings-section .form-grid .form-group textarea:focus{background:#ffffff14;border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033;outline:none}.crm-content .settings-section .form-grid .form-group input::placeholder,.crm-content .settings-section .form-grid .form-group select::placeholder,.crm-content .settings-section .form-grid .form-group textarea::placeholder{color:#888}.crm-content .settings-section .form-grid .form-group input option,.crm-content .settings-section .form-grid .form-group select option,.crm-content .settings-section .form-grid .form-group textarea option{background:#2a2a2a;color:#fff}.crm-content .settings-section .form-grid .form-group textarea{min-height:80px;resize:vertical}.crm-content .settings-section .form-grid .form-group small{color:#888;font-size:.75rem;font-style:italic;margin-top:.25rem}.crm-content .settings-section .form-grid .form-group.checkbox-group{align-items:center;flex-direction:row;gap:.5rem}.crm-content .settings-section .form-grid .form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;letter-spacing:normal;margin:0;text-transform:none}.crm-content .settings-section .form-grid .form-group.checkbox-group input[type=checkbox]{accent-color:#ff7a00;margin:0;width:auto}@media(max-width:1024px){.crm-management{padding:1rem}.crm-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.crm-header .header-actions,.crm-tabs{justify-content:center}.crm-tabs{flex-wrap:wrap}.crm-tabs .tab-btn{flex:1 1;min-width:120px}}@media(max-width:768px){.crm-content .settings-section .form-grid{grid-template-columns:1fr}.crm-header h2{font-size:1.5rem}.crm-tabs .tab-btn{font-size:.875rem;padding:.75rem 1rem}}@media(max-width:480px){.crm-management{padding:.5rem}.crm-content .settings-section{padding:1rem}.crm-header .header-actions{flex-direction:column}.crm-header .header-actions button{width:100%}.crm-tabs .tab-btn{flex:1 1;font-size:.75rem;padding:.5rem}}.date-filters{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.date-filters .filters-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.date-filters .filters-row:last-of-type{margin-bottom:0}@media(min-width:1024px){.date-filters .filters-row{align-items:center;flex-direction:row;justify-content:space-between}}.date-filters .period-buttons{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.date-filters .period-buttons{align-items:center;flex-direction:row}}.date-filters .period-buttons label{color:#ff7a00;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.date-filters .period-buttons .button-group{display:flex;flex-wrap:wrap;gap:.5rem}.date-filters .period-buttons .button-group .period-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.date-filters .period-buttons .button-group .period-btn:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.date-filters .period-buttons .button-group .period-btn.active{background:linear-gradient(135deg,#ff7a00,#e5690a);border-color:#ff7a00;color:#fff}.date-filters .date-range{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.date-filters .date-range{align-items:center;flex-direction:row}}.date-filters .date-range label{color:#ff7a00;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.date-filters .date-range .date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.date-filters .date-range .date-inputs input[type=date]{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;min-width:150px;padding:.5rem .75rem}.date-filters .date-range .date-inputs input[type=date]:focus{background:#ff7a001a;border-color:#ff7a00;outline:none}.date-filters .date-range .date-inputs input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-filters .date-range .date-inputs .date-separator{color:#fff9;font-weight:500}.date-filters .filter-selects{display:flex;flex-wrap:wrap;gap:1rem}.date-filters .filter-selects .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.date-filters .filter-selects .filter-group label{color:#fffc;font-size:.875rem;font-weight:500}.date-filters .filter-selects .filter-group select{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.date-filters .filter-selects .filter-group select:focus{background:#ff7a001a;border-color:#ff7a00;outline:none}.date-filters .filter-selects .filter-group select option{background:#1a1a1a;color:#fff}.date-filters .filters-summary{border-top:1px solid #ffffff1a;padding-top:1rem}.date-filters .filters-summary .summary-text{color:#ffffffb3;font-size:.875rem;font-style:italic}@media(max-width:768px){.date-filters{padding:1rem}.date-filters .filters-row{gap:1rem}.date-filters .period-buttons .button-group .period-btn{font-size:.75rem;padding:.4rem .8rem}.date-filters .date-range .date-inputs{align-items:stretch;flex-direction:column}.date-filters .date-range .date-inputs input[type=date]{min-width:auto}.date-filters .filter-selects{flex-direction:column}.date-filters .filter-selects .filter-group{min-width:auto}}@media(max-width:480px){.date-filters{padding:.75rem}.date-filters .period-buttons .button-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.date-filters .period-buttons .button-group .period-btn{font-size:.7rem;padding:.4rem .5rem;text-align:center}.date-filters .filters-summary .summary-text{font-size:.75rem}}.income-expense-chart{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.income-expense-chart .chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.income-expense-chart .chart-header h3{color:#ff7a00;font-size:1.5rem;font-weight:600;margin:0}.income-expense-chart .chart-header .chart-summary{display:flex;flex-wrap:wrap;gap:1.5rem}.income-expense-chart .chart-header .chart-summary .summary-item{display:flex;flex-direction:column;gap:.25rem}.income-expense-chart .chart-header .chart-summary .summary-item .label{color:#ffffffb3;font-size:.875rem;font-weight:500}.income-expense-chart .chart-header .chart-summary .summary-item .value{font-size:1.25rem;font-weight:600}.income-expense-chart .chart-header .chart-summary .summary-item.income .value{color:#00c851}.income-expense-chart .chart-header .chart-summary .summary-item.expense .value{color:#f44}.income-expense-chart .chart-header .chart-summary .summary-item.profit.positive .value{color:#00c851}.income-expense-chart .chart-header .chart-summary .summary-item.profit.negative .value{color:#f44}.income-expense-chart .no-data{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:3rem}.income-expense-chart .no-data .no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.income-expense-chart .no-data p{font-size:1.1rem;margin:0}.income-expense-chart .chart-container .chart-area{height:300px;margin-bottom:1rem;position:relative}.income-expense-chart .chart-container .chart-area .chart-grid{bottom:40px;left:60px;position:absolute;right:0;top:0}.income-expense-chart .chart-container .chart-area .chart-grid .grid-line{border-top:1px solid #ffffff1a;left:0;position:absolute;right:0}.income-expense-chart .chart-container .chart-area .chart-grid .grid-line .grid-label{color:#ffffff80;font-size:.75rem;left:-55px;position:absolute;top:-8px}.income-expense-chart .chart-container .chart-area .bars-container{align-items:flex-end;bottom:40px;display:flex;gap:2px;left:60px;position:absolute;right:0;top:0}.income-expense-chart .chart-container .chart-area .bars-container .bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars{align-items:flex-end;display:flex;gap:2px;height:100%;justify-content:center;width:100%}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar{border-radius:2px 2px 0 0;cursor:pointer;flex:1 1;max-width:20px;min-width:8px;transition:opacity .3s ease}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar:hover{opacity:.8}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar.income{background:linear-gradient(0deg,#00c851,#0f6)}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar.expense{background:linear-gradient(0deg,#f44,#f66)}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar.profit.positive{background:linear-gradient(0deg,#2196f3,#42a5f5)}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar.profit.negative{background:linear-gradient(0deg,#f44,#f66)}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bar-label{font-size:.75rem;margin-top:.5rem;text-align:center}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bar-label .date{color:#fffc;display:block;font-weight:500}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bar-label .orders{color:#ffffff80;display:block;margin-top:.25rem}.income-expense-chart .chart-container .chart-legend{border-top:1px solid #ffffff1a;display:flex;gap:2rem;justify-content:center;padding-top:1rem}.income-expense-chart .chart-container .chart-legend .legend-item{align-items:center;color:#fffc;display:flex;font-size:.875rem;gap:.5rem}.income-expense-chart .chart-container .chart-legend .legend-item .legend-color{border-radius:2px;height:12px;width:12px}.income-expense-chart .chart-container .chart-legend .legend-item .legend-color.income{background:linear-gradient(45deg,#00c851,#0f6)}.income-expense-chart .chart-container .chart-legend .legend-item .legend-color.expense{background:linear-gradient(45deg,#f44,#f66)}.income-expense-chart .chart-container .chart-legend .legend-item .legend-color.profit{background:linear-gradient(45deg,#2196f3,#42a5f5)}@media(max-width:768px){.income-expense-chart{padding:1rem}.income-expense-chart .chart-header{align-items:flex-start;flex-direction:column}.income-expense-chart .chart-header .chart-summary{justify-content:space-between;width:100%}.income-expense-chart .chart-header .chart-summary .summary-item{flex:1 1;min-width:120px}.income-expense-chart .chart-header .chart-summary .summary-item .value{font-size:1rem}.income-expense-chart .chart-container .chart-area{height:250px}.income-expense-chart .chart-container .chart-area .chart-grid{left:50px}.income-expense-chart .chart-container .chart-area .chart-grid .grid-label{font-size:.6rem;left:-45px}.income-expense-chart .chart-container .chart-area .bars-container{left:50px}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bars .bar{max-width:15px;min-width:6px}.income-expense-chart .chart-container .chart-area .bars-container .bar-group .bar-label{font-size:.6rem}.income-expense-chart .chart-container .chart-legend{flex-wrap:wrap;gap:1rem;justify-content:flex-start}.income-expense-chart .chart-container .chart-legend .legend-item{font-size:.75rem}}.platform-performance{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.platform-performance .platform-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.platform-performance .platform-header h3{color:#ff7a00;font-size:1.5rem;font-weight:600;margin:0}.platform-performance .platform-header .total-revenue{align-items:flex-end;display:flex;flex-direction:column}.platform-performance .platform-header .total-revenue .label{color:#ffffffb3;font-size:.875rem;font-weight:500}.platform-performance .platform-header .total-revenue .value{color:#00c851;font-size:1.25rem;font-weight:600}.platform-performance .no-data{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:3rem}.platform-performance .no-data .no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.platform-performance .no-data p{font-size:1.1rem;margin:0}.platform-performance .platforms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.platform-performance .platforms-grid .platform-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.platform-performance .platforms-grid .platform-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.platform-performance .platforms-grid .platform-card .platform-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info{align-items:center;display:flex;gap:1rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info .platform-icon{font-size:2rem;line-height:1}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info .platform-details h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info .platform-details .platform-share{color:#fff9;font-size:.875rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-trend .trend{font-size:1.5rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-trend .trend.positive{filter:hue-rotate(120deg)}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-trend .trend.negative{filter:hue-rotate(0deg)}.platform-performance .platforms-grid .platform-card .platform-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.platform-performance .platforms-grid .platform-card .platform-metrics .metric{display:flex;flex-direction:column;gap:.25rem}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-label{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-value{color:#fff;font-size:.95rem;font-weight:600}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-value.commission{color:#f44}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-value.positive{color:#00c851}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-value.negative{color:#f44}.platform-performance .platforms-grid .platform-card .platform-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.platform-performance .platforms-grid .platform-card .platform-progress .progress-bar{background:linear-gradient(90deg,#ff7a00,#00c851);border-radius:2px;height:100%;transition:width 1s ease}.platform-performance.detailed .platforms-grid .platform-card .platform-metrics{gap:.75rem;grid-template-columns:repeat(2,1fr)}.platform-performance.detailed .platforms-grid .platform-card .platform-metrics .metric .metric-value{font-size:.875rem}.platform-performance .platform-summary{background:#ff7a000d;border:1px solid #ff7a0033;border-radius:8px;padding:1.5rem}.platform-performance .platform-summary h4{color:#ff7a00;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.platform-performance .platform-summary .summary-insights{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platform-performance .platform-summary .summary-insights .insight{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.platform-performance .platform-summary .summary-insights .insight:last-child{border-bottom:none}.platform-performance .platform-summary .summary-insights .insight .insight-label{color:#fffc;font-weight:500}.platform-performance .platform-summary .summary-insights .insight .insight-value{color:#fff;font-weight:600;text-align:right}@media(max-width:1200px){.platform-performance .platforms-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.platform-performance{padding:1rem}.platform-performance .platform-header{align-items:flex-start;flex-direction:column}.platform-performance .platform-header .total-revenue{align-items:flex-start}.platform-performance .platforms-grid{grid-template-columns:1fr}.platform-performance .platforms-grid .platform-card{padding:1rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info{gap:.75rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info .platform-icon{font-size:1.5rem}.platform-performance .platforms-grid .platform-card .platform-card-header .platform-info .platform-details h4{font-size:1rem}.platform-performance .platforms-grid .platform-card .platform-metrics{gap:.75rem;grid-template-columns:1fr}.platform-performance .platforms-grid .platform-card .platform-metrics .metric .metric-value{font-size:.875rem}.platform-performance .platform-summary{padding:1rem}.platform-performance .platform-summary .summary-insights{grid-template-columns:1fr}.platform-performance .platform-summary .summary-insights .insight{align-items:flex-start;flex-direction:column;gap:.5rem}.platform-performance .platform-summary .summary-insights .insight .insight-value{text-align:left}}.expense-breakdown{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:100%;overflow-y:auto;padding:24px}.expense-breakdown .expense-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.expense-breakdown .expense-header h3{align-items:center;color:#333;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.expense-breakdown .expense-header .period-info{align-items:center;color:#666;display:flex;font-size:.9rem;gap:8px}.expense-breakdown .expense-header .period-info .period-label{font-weight:500}.expense-breakdown .expense-header .period-info .period-dates{background:#f8f9fa;border-radius:20px;font-weight:500;padding:6px 12px}.expense-breakdown .expense-header .total-expenses{align-items:center;color:#dc3545;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.expense-breakdown .expense-header .total-expenses .label{font-weight:500}.expense-breakdown .expense-header .total-expenses .value{font-size:1.3rem;font-weight:700}.expense-breakdown .no-data{color:#999;padding:60px 20px;text-align:center}.expense-breakdown .no-data .no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.expense-breakdown .no-data p{font-size:1.1rem;margin:0}.expense-breakdown .expense-content .categories-section{margin-bottom:32px}.expense-breakdown .expense-content .categories-section h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.expense-breakdown .expense-content .categories-section .categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.expense-breakdown .expense-content .categories-section .category-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.expense-breakdown .expense-content .categories-section .category-card:hover{border-color:#007bff;border-color:var(--category-color,#007bff);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.expense-breakdown .expense-content .categories-section .category-card:before{background:#007bff;background:var(--category-color,#007bff);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.expense-breakdown .expense-content .categories-section .category-card .category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-info .category-icon{flex-shrink:0;font-size:1.8rem}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-info .category-details h5{color:#333;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 4px}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-info .category-details .category-percentage{color:#666;font-size:.85rem;font-weight:500}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-amount{color:#007bff;color:var(--category-color,#007bff);font-size:1.3rem;font-weight:700}.expense-breakdown .expense-content .categories-section .category-card .category-stats{display:flex;justify-content:space-between;margin-bottom:16px}.expense-breakdown .expense-content .categories-section .category-card .category-stats .stat{align-items:center;display:flex;flex-direction:column;text-align:center}.expense-breakdown .expense-content .categories-section .category-card .category-stats .stat .stat-label{color:#666;font-size:.8rem;margin-bottom:4px}.expense-breakdown .expense-content .categories-section .category-card .category-stats .stat .stat-value{color:#333;font-size:.9rem;font-weight:600}.expense-breakdown .expense-content .categories-section .category-card .category-progress{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;position:relative}.expense-breakdown .expense-content .categories-section .category-card .category-progress .progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.expense-breakdown .expense-content .daily-expenses-section h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.expense-breakdown .expense-content .daily-expenses-section .daily-expenses-chart{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;min-height:300px;padding:20px}.expense-breakdown .expense-content .daily-expenses-section .daily-expenses-chart .chart-placeholder{color:#999;text-align:center}.expense-breakdown .expense-content .daily-expenses-section .daily-expenses-chart .chart-placeholder .chart-icon{font-size:2rem;margin-bottom:12px;opacity:.5}.expense-breakdown .expense-content .daily-expenses-section .daily-expenses-chart .chart-placeholder p{font-size:1rem;margin:0}.expense-breakdown .expense-content .daily-expenses-section .daily-list{grid-gap:12px;display:grid;gap:12px}.expense-breakdown .expense-content .daily-expenses-section .daily-list .daily-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.expense-breakdown .expense-content .daily-expenses-section .daily-list .daily-item .date-label{color:#333;font-weight:500}.expense-breakdown .expense-content .daily-expenses-section .daily-list .daily-item .daily-stats{align-items:center;display:flex;gap:16px}.expense-breakdown .expense-content .daily-expenses-section .daily-list .daily-item .daily-stats .amount{color:#dc3545;font-weight:600}.expense-breakdown .expense-content .daily-expenses-section .daily-list .daily-item .daily-stats .count{color:#666;font-size:.9rem}@media(max-width:1200px){.expense-breakdown .expense-content .categories-section .categories-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.expense-breakdown{padding:16px}.expense-breakdown .expense-header{align-items:flex-start;flex-direction:column;gap:12px}.expense-breakdown .expense-header h3{font-size:1.2rem}.expense-breakdown .expense-header .period-info .period-dates{font-size:.8rem;padding:4px 8px}.expense-breakdown .expense-header .total-expenses{align-self:flex-end}.expense-breakdown .expense-header .total-expenses .value{font-size:1.1rem}.expense-breakdown .expense-content .categories-section .categories-grid{gap:16px;grid-template-columns:1fr}.expense-breakdown .expense-content .categories-section .category-card{padding:16px}.expense-breakdown .expense-content .categories-section .category-card .category-header .category-amount{font-size:1.1rem}.expense-breakdown .expense-content .categories-section .category-card .category-stats .stat .stat-label{font-size:.75rem}.expense-breakdown .expense-content .categories-section .category-card .category-stats .stat .stat-value{font-size:.85rem}}@media print{.expense-breakdown{border:1px solid #ccc;box-shadow:none}.expense-breakdown .expense-header{border-bottom:1px solid #ccc}.expense-breakdown .expense-content .categories-section .categories-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.expense-breakdown .expense-content .categories-section .category-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.expense-breakdown .expense-content .categories-section .category-card:hover{transform:none}}.profit-loss-statement{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:100%;overflow-y:auto;padding:24px}.profit-loss-statement .section-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.profit-loss-statement .section-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.profit-loss-statement .section-header .period-info span{background:#f8f9fa;border-radius:20px;color:#666;font-size:.9rem;font-weight:500;padding:6px 12px}.profit-loss-statement .no-data{color:#999;padding:60px 20px;text-align:center}.profit-loss-statement .no-data .no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.profit-loss-statement .no-data p{font-size:1.1rem;margin:0}.profit-loss-statement .pl-content .pl-section{margin-bottom:28px}.profit-loss-statement .pl-content .pl-section:last-child{margin-bottom:0}.profit-loss-statement .pl-content .pl-section .section-title{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.profit-loss-statement .pl-content .pl-section .section-title h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0}.profit-loss-statement .pl-content .pl-section .section-title .section-total{font-size:1.3rem;font-weight:700}.profit-loss-statement .pl-content .pl-section .section-title .section-total.positive{color:#28a745}.profit-loss-statement .pl-content .pl-section .section-title .section-total.negative{color:#dc3545}.profit-loss-statement .pl-content .pl-section .section-title.subtotal{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #ddd}.profit-loss-statement .pl-content .pl-section .section-title.total{background:linear-gradient(135deg,#e8f5e8,#fff3cd);border:2px solid #28a745;font-weight:700}.profit-loss-statement .pl-content .pl-section .section-title.total h4{font-size:1.3rem}.profit-loss-statement .pl-content .pl-section .section-title.total .section-total{font-size:1.5rem}.profit-loss-statement .pl-content .pl-section .section-subtitle{color:#666;font-size:.9rem;font-style:italic;margin-bottom:8px;margin-left:16px;margin-top:-8px}.profit-loss-statement .pl-content .pl-section.revenue-section .section-title{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #28a745}.profit-loss-statement .pl-content .pl-section.commission-section .section-title{background:linear-gradient(135deg,#fff3cd,#fef9e7);border:1px solid #ffc107}.profit-loss-statement .pl-content .pl-section.net-revenue-section .section-title{background:linear-gradient(135deg,#d1ecf1,#e2f4f6);border:1px solid #17a2b8}.profit-loss-statement .pl-content .pl-section.expenses-section .section-title{background:linear-gradient(135deg,#f8d7da,#fdeaeb);border:1px solid #dc3545}.profit-loss-statement .pl-content .pl-section.profit-section .section-title{background:linear-gradient(135deg,#d4edda,#e8f5e8);border:2px solid #28a745}.profit-loss-statement .pl-content .line-items .line-item{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.profit-loss-statement .pl-content .line-items .line-item:hover{background:#f5f5f5;border-color:#e0e0e0}.profit-loss-statement .pl-content .line-items .line-item .item-label{align-items:center;color:#444;display:flex;flex:1 1;font-weight:500;gap:8px}.profit-loss-statement .pl-content .line-items .line-item .item-value{font-size:1.1rem;font-weight:600;margin:0 16px}.profit-loss-statement .pl-content .line-items .line-item .item-value.positive{color:#28a745}.profit-loss-statement .pl-content .line-items .line-item .item-value.negative{color:#dc3545}.profit-loss-statement .pl-content .line-items .line-item .item-details{color:#666;font-size:.85rem;font-style:italic;min-width:80px;text-align:right}.profit-loss-statement .pl-content .key-metrics{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:32px;padding:20px}.profit-loss-statement .pl-content .key-metrics h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 16px}.profit-loss-statement .pl-content .key-metrics .metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card .metric-label{color:#555;font-weight:500}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card .metric-value{font-size:1.1rem;font-weight:600}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card .metric-value.positive{color:#28a745}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card .metric-value.negative{color:#dc3545}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card .metric-value.neutral{color:#6c757d}.profit-loss-statement .pl-content .health-indicators{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:12px;margin-top:24px;padding:20px}.profit-loss-statement .pl-content .health-indicators h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 16px}.profit-loss-statement .pl-content .health-indicators .indicators-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator{align-items:center;border:2px solid;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator.good{background:#d4edda;border-color:#28a745}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator.fair{background:#fff3cd;border-color:#ffc107}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator.poor{background:#f8d7da;border-color:#dc3545}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator .indicator-label{color:#333;font-weight:500}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator .indicator-status{font-size:.9rem;font-weight:600}@media(max-width:768px){.profit-loss-statement{padding:16px}.profit-loss-statement .section-header{align-items:flex-start;flex-direction:column;gap:12px}.profit-loss-statement .section-header h3{font-size:1.2rem}.profit-loss-statement .section-header .period-info span{font-size:.8rem;padding:4px 8px}.profit-loss-statement .pl-content .pl-section .section-title{padding:8px 12px}.profit-loss-statement .pl-content .pl-section .section-title h4{font-size:1rem}.profit-loss-statement .pl-content .pl-section .section-title .section-total,.profit-loss-statement .pl-content .pl-section .section-title.total h4{font-size:1.1rem}.profit-loss-statement .pl-content .pl-section .section-title.total .section-total{font-size:1.3rem}.profit-loss-statement .pl-content .pl-section .line-items .line-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.profit-loss-statement .pl-content .pl-section .line-items .line-item .item-value{align-self:flex-end;margin:0}.profit-loss-statement .pl-content .pl-section .line-items .line-item .item-details{align-self:flex-end;text-align:left}.profit-loss-statement .pl-content .key-metrics .metrics-grid{gap:12px;grid-template-columns:1fr}.profit-loss-statement .pl-content .key-metrics .metrics-grid .metric-card{padding:12px}.profit-loss-statement .pl-content .health-indicators .indicators-grid{gap:12px;grid-template-columns:1fr}.profit-loss-statement .pl-content .health-indicators .indicators-grid .indicator{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}}@media print{.profit-loss-statement{border:1px solid #ccc;box-shadow:none}.profit-loss-statement .pl-content .pl-section{page-break-inside:avoid}.profit-loss-statement .pl-content .health-indicators,.profit-loss-statement .pl-content .key-metrics,.profit-loss-statement .pl-content .pl-section .line-items .line-item{background:#fff;border:1px solid #ddd}}.top-products{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;height:100%;overflow-y:auto;padding:24px}.top-products .section-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.top-products .section-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0}.top-products .section-header .period-info span{background:#f8f9fa;border-radius:20px;color:#666;font-size:.9rem;font-weight:500;padding:6px 12px}.top-products .no-data{color:#999;padding:60px 20px;text-align:center}.top-products .no-data .no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.top-products .no-data p{font-size:1.1rem;margin:0}.top-products .controls-bar{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.top-products .controls-bar .show-controls,.top-products .controls-bar .sort-controls{align-items:center;display:flex;gap:8px}.top-products .controls-bar .show-controls label,.top-products .controls-bar .sort-controls label{color:#495057;font-size:.9rem;font-weight:500}.top-products .controls-bar .show-controls select,.top-products .controls-bar .sort-controls select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:.9rem;padding:6px 12px}.top-products .controls-bar .show-controls select:focus,.top-products .controls-bar .sort-controls select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.top-products .products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.top-products .products-grid .product-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.top-products .products-grid .product-card:hover{border-color:#007bff;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.top-products .products-grid .product-card .card-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.top-products .products-grid .product-card .card-header .product-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.top-products .products-grid .product-card .card-header .product-info .rank-badge{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.top-products .products-grid .product-card .card-header .product-info .product-details h4{color:#212529;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 8px}.top-products .products-grid .product-card .card-header .product-info .product-details .product-meta{align-items:center;display:flex;gap:12px}.top-products .products-grid .product-card .card-header .product-info .product-details .product-meta .category{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.top-products .products-grid .product-card .card-header .product-info .product-details .product-meta .price{color:#28a745;font-size:.9rem;font-weight:600}.top-products .products-grid .product-card .card-header .performance-grade{border-radius:20px;color:#fff;min-width:80px;padding:8px 12px;text-align:center}.top-products .products-grid .product-card .card-header .performance-grade .grade{display:block;font-size:1.1rem;font-weight:700;line-height:1}.top-products .products-grid .product-card .card-header .performance-grade .grade-label{display:block;font-size:.7rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.top-products .products-grid .product-card .card-body{padding:20px}.top-products .products-grid .product-card .card-body .metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.top-products .products-grid .product-card .card-body .metrics-grid .metric{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:12px;text-align:center}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-label{color:#6c757d;font-size:.8rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value{font-size:1.2rem;font-weight:700;margin-bottom:2px}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value.primary{color:#007bff}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value.secondary{color:#6c757d}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value.success{color:#28a745}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value.info{color:#17a2b8}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-subtitle{color:#868e96;font-size:.75rem}.top-products .products-grid .product-card .card-body .progress-bars{margin-bottom:20px}.top-products .products-grid .product-card .card-body .progress-bars .progress-item{margin-bottom:12px}.top-products .products-grid .product-card .card-body .progress-bars .progress-item:last-child{margin-bottom:0}.top-products .products-grid .product-card .card-body .progress-bars .progress-item .progress-header{color:#495057;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:4px}.top-products .products-grid .product-card .card-body .progress-bars .progress-item .progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.top-products .products-grid .product-card .card-body .progress-bars .progress-item .progress-bar .progress-fill{border-radius:4px;height:100%;transition:width .3s ease}.top-products .products-grid .product-card .card-body .progress-bars .progress-item .progress-bar .progress-fill.revenue{background:linear-gradient(90deg,#007bff,#0056b3)}.top-products .products-grid .product-card .card-body .progress-bars .progress-item .progress-bar .progress-fill.profit{background:linear-gradient(90deg,#28a745,#1e7e34)}.top-products .products-grid .product-card .card-body .platform-breakdown{border-top:1px solid #f0f0f0;margin-bottom:16px;padding-top:16px}.top-products .products-grid .product-card .card-body .platform-breakdown h5{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 12px}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item:last-child{margin-bottom:0}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item .platform-name{color:#495057;flex:1 1;font-weight:500}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item .platform-stats{color:#6c757d;margin-right:12px}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item .platform-revenue{color:#28a745;font-weight:600}.top-products .products-grid .product-card .card-body .trend-indicator{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.85rem;gap:8px;padding:8px 12px}.top-products .products-grid .product-card .card-body .trend-indicator .trend-label{color:#495057;font-weight:500}.top-products .products-grid .product-card .card-body .trend-indicator .trend-value{font-weight:600}.top-products .products-grid .product-card .card-body .trend-indicator .trend-value.up{color:#28a745}.top-products .products-grid .product-card .card-body .trend-indicator .trend-value.down{color:#dc3545}.top-products .products-grid .product-card .card-body .trend-indicator .trend-value.neutral{color:#6c757d}.top-products .load-more{margin:24px 0;text-align:center}.top-products .load-more .load-more-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.top-products .load-more .load-more-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.top-products .summary-stats{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-top:32px;padding:20px}.top-products .summary-stats h4{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 16px}.top-products .summary-stats .summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.top-products .summary-stats .summary-grid .summary-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.top-products .summary-stats .summary-grid .summary-item .summary-label{color:#555;font-size:.9rem;font-weight:500}.top-products .summary-stats .summary-grid .summary-item .summary-value{color:#007bff;font-size:1.1rem;font-weight:600}@media(max-width:1200px){.top-products .products-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(max-width:768px){.top-products{padding:16px}.top-products .section-header{align-items:flex-start;flex-direction:column;gap:12px}.top-products .section-header h3{font-size:1.2rem}.top-products .section-header .period-info span{font-size:.8rem;padding:4px 8px}.top-products .controls-bar{align-items:stretch;flex-direction:column;gap:12px}.top-products .controls-bar .show-controls,.top-products .controls-bar .sort-controls{justify-content:space-between}.top-products .products-grid{gap:16px;grid-template-columns:1fr}.top-products .products-grid .product-card .card-header{padding:16px}.top-products .products-grid .product-card .card-header .product-info .product-details h4{font-size:1rem}.top-products .products-grid .product-card .card-header .product-info .product-details .product-meta{align-items:flex-start;flex-direction:column;gap:6px}.top-products .products-grid .product-card .card-header .performance-grade{min-width:70px;padding:6px 10px}.top-products .products-grid .product-card .card-header .performance-grade .grade{font-size:1rem}.top-products .products-grid .product-card .card-header .performance-grade .grade-label{font-size:.65rem}.top-products .products-grid .product-card .card-body{padding:16px}.top-products .products-grid .product-card .card-body .metrics-grid{gap:12px;grid-template-columns:1fr}.top-products .products-grid .product-card .card-body .metrics-grid .metric{padding:10px}.top-products .products-grid .product-card .card-body .metrics-grid .metric .metric-value{font-size:1.1rem}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item{align-items:flex-start;flex-direction:column;gap:4px}.top-products .products-grid .product-card .card-body .platform-breakdown .platform-list .platform-item .platform-revenue{align-self:flex-end}.top-products .summary-stats .summary-grid{gap:12px;grid-template-columns:1fr}.top-products .summary-stats .summary-grid .summary-item{align-items:flex-start;flex-direction:column;gap:4px;padding:12px}}@media(max-width:480px){.top-products .products-grid .product-card .card-header .product-info{gap:8px}.top-products .products-grid .product-card .card-header .product-info .rank-badge{font-size:.8rem;height:28px;width:28px}.top-products .products-grid .product-card .card-header .product-info .product-details h4{font-size:.95rem;line-height:1.2}}@media print{.top-products{border:1px solid #ccc;box-shadow:none}.top-products .controls-bar{display:none}.top-products .products-grid{gap:16px;grid-template-columns:1fr}.top-products .products-grid .product-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.top-products .products-grid .product-card:hover{transform:none}.top-products .load-more{display:none}.top-products .summary-stats{background:#fff;border:1px solid #ddd}}.kpi-cards{margin-bottom:2rem}.kpi-cards .kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.kpi-cards .kpi-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.kpi-cards .kpi-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.kpi-cards .kpi-card.green{border-left:4px solid #00c851}.kpi-cards .kpi-card.green .kpi-icon{color:#00c851}.kpi-cards .kpi-card.red{border-left:4px solid #f44}.kpi-cards .kpi-card.red .kpi-icon{color:#f44}.kpi-cards .kpi-card.orange{border-left:4px solid #ff7a00}.kpi-cards .kpi-card.orange .kpi-icon{color:#ff7a00}.kpi-cards .kpi-card.blue{border-left:4px solid #2196f3}.kpi-cards .kpi-card.blue .kpi-icon{color:#2196f3}.kpi-cards .kpi-card.purple{border-left:4px solid #9c27b0}.kpi-cards .kpi-card.purple .kpi-icon{color:#9c27b0}.kpi-cards .kpi-card.indigo{border-left:4px solid #3f51b5}.kpi-cards .kpi-card.indigo .kpi-icon{color:#3f51b5}.kpi-cards .kpi-card .kpi-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.kpi-cards .kpi-card .kpi-header .kpi-icon{font-size:2rem;line-height:1}.kpi-cards .kpi-card .kpi-header .kpi-trend .trend{border-radius:4px;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.kpi-cards .kpi-card .kpi-header .kpi-trend .trend.positive{background:#00c8511a;color:#00c851}.kpi-cards .kpi-card .kpi-header .kpi-trend .trend.negative{background:#ff44441a;color:#f44}.kpi-cards .kpi-card .kpi-content .kpi-title{color:#fffc;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.kpi-cards .kpi-card .kpi-content .kpi-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.5rem}.kpi-cards .kpi-card .kpi-content .kpi-subtitle{color:#fff9;font-size:.75rem;font-weight:400}.kpi-cards .kpi-card:before{background:linear-gradient(45deg,#0000,#ffffff05);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:50%}.kpi-cards .period-summary{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.kpi-cards .period-summary h3{color:#ff7a00;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.kpi-cards .period-summary .summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-cards .period-summary .summary-stats .stat-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 0}.kpi-cards .period-summary .summary-stats .stat-item:last-child{border-bottom:none}.kpi-cards .period-summary .summary-stats .stat-item .stat-label{color:#fffc;font-weight:500}.kpi-cards .period-summary .summary-stats .stat-item .stat-value{color:#fff;font-weight:600}.kpi-cards .period-summary .summary-stats .stat-item .stat-value.positive{color:#00c851}.kpi-cards .period-summary .summary-stats .stat-item .stat-value.negative{color:#f44}@media(max-width:1200px){.kpi-cards .kpi-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.kpi-cards .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-cards .kpi-card{padding:1rem}.kpi-cards .kpi-card .kpi-content .kpi-value,.kpi-cards .kpi-card .kpi-header .kpi-icon{font-size:1.5rem}.kpi-cards .period-summary .summary-stats{grid-template-columns:1fr}}@media(max-width:480px){.kpi-cards .kpi-grid{grid-template-columns:1fr}.kpi-cards .kpi-card{padding:1rem}.kpi-cards .kpi-card .kpi-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.reports-admin-panel{background:#1a1a1a;color:#fff;min-height:100vh;padding:2rem}.reports-admin-panel .reports-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.reports-admin-panel .reports-header h1{color:#ff7a00;font-size:2rem;font-weight:600;margin:0}.reports-admin-panel .reports-header .header-actions{display:flex;gap:1rem}.reports-admin-panel .reports-header .header-actions button{background:linear-gradient(135deg,#ff7a00,#e5690a);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.reports-admin-panel .reports-header .header-actions button:hover{background:linear-gradient(135deg,#e5690a,#c2570a);transform:translateY(-2px)}.reports-admin-panel .reports-header .header-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.reports-admin-panel .reports-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto}.reports-admin-panel .reports-tabs .tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffffb3;cursor:pointer;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.reports-admin-panel .reports-tabs .tab-btn:hover{background:#ff7a001a;color:#ff7a00}.reports-admin-panel .reports-tabs .tab-btn.active{background:#ff7a001a;border-bottom-color:#ff7a00;color:#ff7a00}.reports-admin-panel .reports-content{min-height:500px;position:relative}.reports-admin-panel .reports-content .loading-overlay{align-items:center;background:#1a1a1acc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.reports-admin-panel .reports-content .loading-overlay .loading-spinner{animation:spin 1s linear infinite;font-size:4rem;margin-bottom:1rem}.reports-admin-panel .reports-content .loading-overlay p{color:#ffffffb3;font-size:1.1rem}.reports-admin-panel .reports-content .overview-tab .charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.reports-admin-panel .reports-content .overview-tab .charts-grid .chart-card{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.reports-admin-panel .reports-content .expenses-tab .section-title,.reports-admin-panel .reports-content .income-tab .section-title,.reports-admin-panel .reports-content .products-tab .section-title,.reports-admin-panel .reports-content .profit-loss-tab .section-title{color:#ff7a00;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.reports-admin-panel .reports-content .expenses-tab .content-grid,.reports-admin-panel .reports-content .income-tab .content-grid,.reports-admin-panel .reports-content .products-tab .content-grid,.reports-admin-panel .reports-content .profit-loss-tab .content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:1200px){.reports-admin-panel .reports-content .overview-tab .charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-admin-panel{padding:1rem}.reports-admin-panel .reports-header{align-items:flex-start;flex-direction:column;gap:1rem}.reports-admin-panel .reports-header h1{font-size:1.5rem}.reports-admin-panel .reports-header .header-actions{justify-content:stretch;width:100%}.reports-admin-panel .reports-header .header-actions button{flex:1 1}.reports-admin-panel .reports-tabs .tab-btn{font-size:.875rem;padding:.75rem 1rem}}@media(max-width:480px){.reports-admin-panel{padding:.5rem}.reports-admin-panel .reports-tabs{gap:0}.reports-admin-panel .reports-tabs .tab-btn{flex:1 1;font-size:.75rem;padding:.5rem .75rem;text-align:center}.reports-admin-panel .reports-content .content-grid{grid-template-columns:1fr}}.daily-expense-entry{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 24px #0000001a;margin:0 auto;max-width:800px;padding:32px}.daily-expense-entry .entry-header{align-items:center;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.daily-expense-entry .entry-header h3{align-items:center;color:#333;display:flex;font-size:1.6rem;font-weight:700;gap:12px;margin:0}.daily-expense-entry .entry-header .close-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.daily-expense-entry .entry-header .close-btn:hover{background:#e9ecef;color:#495057}.daily-expense-entry .expense-form .form-section{margin-bottom:32px}.daily-expense-entry .expense-form .form-section:last-child{margin-bottom:0}.daily-expense-entry .expense-form .form-section h4{align-items:center;border-bottom:1px solid #f0f0f0;color:#495057;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:8px}.daily-expense-entry .expense-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:768px){.daily-expense-entry .expense-form .form-row{gap:16px;grid-template-columns:1fr}}.daily-expense-entry .expense-form .form-group{margin-bottom:20px}.daily-expense-entry .expense-form .form-group label{color:#495057;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.daily-expense-entry .expense-form .form-group input,.daily-expense-entry .expense-form .form-group select,.daily-expense-entry .expense-form .form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.daily-expense-entry .expense-form .form-group input:focus,.daily-expense-entry .expense-form .form-group select:focus,.daily-expense-entry .expense-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.daily-expense-entry .expense-form .form-group input.error,.daily-expense-entry .expense-form .form-group select.error,.daily-expense-entry .expense-form .form-group textarea.error{border-color:#dc3545}.daily-expense-entry .expense-form .form-group input.error:focus,.daily-expense-entry .expense-form .form-group select.error:focus,.daily-expense-entry .expense-form .form-group textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.daily-expense-entry .expense-form .form-group input::placeholder,.daily-expense-entry .expense-form .form-group select::placeholder,.daily-expense-entry .expense-form .form-group textarea::placeholder{color:#adb5bd}.daily-expense-entry .expense-form .form-group textarea{min-height:80px;resize:vertical}.daily-expense-entry .expense-form .form-group .amount-preview{color:#28a745;display:block;font-size:.9rem;font-weight:600;margin-top:4px}.daily-expense-entry .expense-form .form-group .error-text{color:#dc3545;display:block;font-size:.85rem;font-weight:500;margin-top:4px}.daily-expense-entry .expense-form .form-group .file-input{background:#f8f9fa;border:2px dashed #dee2e6;padding:8px 12px}.daily-expense-entry .expense-form .form-group .file-input:hover{background:#f0f8ff;border-color:#007bff}.daily-expense-entry .expense-form .form-group .file-help{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:4px}.daily-expense-entry .expense-form .category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.daily-expense-entry .expense-form .category-grid .category-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease}.daily-expense-entry .expense-form .category-grid .category-option:hover{background:#f0f8ff;border-color:#007bff;border-color:var(--category-color,#007bff);transform:translateY(-2px)}.daily-expense-entry .expense-form .category-grid .category-option.selected{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-color:#007bff;border-color:var(--category-color,#007bff);box-shadow:0 4px 12px #007bff33}.daily-expense-entry .expense-form .category-grid .category-option .category-icon{display:block;font-size:1.8rem;margin-bottom:8px}.daily-expense-entry .expense-form .category-grid .category-option .category-name{color:#495057;font-size:.9rem;font-weight:500;line-height:1.3}@media(max-width:768px){.daily-expense-entry .expense-form .category-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.daily-expense-entry .expense-form .category-grid .category-option{padding:12px 8px}.daily-expense-entry .expense-form .category-grid .category-option .category-icon{font-size:1.5rem;margin-bottom:6px}.daily-expense-entry .expense-form .category-grid .category-option .category-name{font-size:.8rem}}.daily-expense-entry .expense-form .category-loading{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;gap:12px;justify-content:center;padding:32px}.daily-expense-entry .expense-form .category-loading .loading-spinner{animation:pulse 1.5s infinite;font-size:1.5rem}.daily-expense-entry .expense-form .category-loading span{color:#6c757d;font-size:1rem;font-weight:500}.daily-expense-entry .expense-form .no-categories{align-items:center;background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;color:#856404;display:flex;font-weight:500;justify-content:center;padding:32px;text-align:center}.daily-expense-entry .expense-form .form-actions{border-top:2px solid #f5f5f5;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}@media(max-width:768px){.daily-expense-entry .expense-form .form-actions{flex-direction:column;gap:12px}}.daily-expense-entry .expense-form .form-actions .btn-primary,.daily-expense-entry .expense-form .form-actions .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.daily-expense-entry .expense-form .form-actions .btn-primary:disabled,.daily-expense-entry .expense-form .form-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.daily-expense-entry .expense-form .form-actions .btn-secondary{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.daily-expense-entry .expense-form .form-actions .btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#495057}.daily-expense-entry .expense-form .form-actions .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:2px solid #007bff;color:#fff}.daily-expense-entry .expense-form .form-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.daily-expense-entry .expense-form .form-actions .btn-primary .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media(max-width:768px){.daily-expense-entry{border-radius:12px;padding:20px}.daily-expense-entry .entry-header{margin-bottom:24px}.daily-expense-entry .entry-header h3{font-size:1.4rem}.daily-expense-entry .expense-form .form-section{margin-bottom:24px}.daily-expense-entry .expense-form .form-section h4{font-size:1.1rem;margin-bottom:16px}.daily-expense-entry .expense-form .form-group{margin-bottom:16px}.daily-expense-entry .expense-form .form-group input,.daily-expense-entry .expense-form .form-group select,.daily-expense-entry .expense-form .form-group textarea{font-size:.95rem;padding:10px 14px}}@media(max-width:480px){.daily-expense-entry{padding:16px}.daily-expense-entry .entry-header h3{font-size:1.2rem}.daily-expense-entry .entry-header .close-btn{font-size:1rem;height:32px;width:32px}.daily-expense-entry .expense-form .category-grid{grid-template-columns:1fr}.daily-expense-entry .expense-form .category-grid .category-option{flex-direction:row;justify-content:flex-start;padding:12px 16px;text-align:left}.daily-expense-entry .expense-form .category-grid .category-option .category-icon{font-size:1.5rem;margin-bottom:0;margin-right:12px}.daily-expense-entry .expense-form .category-grid .category-option .category-name{font-size:.9rem}}@media print{.daily-expense-entry{border:1px solid #ccc;box-shadow:none}.daily-expense-entry .entry-header .close-btn,.daily-expense-entry .form-actions{display:none}}.expense-management{background:#f8f9fa;min-height:100vh;padding:24px}.expense-management .management-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.expense-management .management-header h2{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0}.expense-management .management-header .btn-add-expense{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.expense-management .management-header .btn-add-expense:hover{background:linear-gradient(135deg,#218838,#1ea381);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.expense-management .filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px}.expense-management .filters-section .filters-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr 1fr}@media(max-width:1200px){.expense-management .filters-section .filters-row{gap:16px;grid-template-columns:1fr 1fr}}@media(max-width:768px){.expense-management .filters-section .filters-row{gap:16px;grid-template-columns:1fr}}.expense-management .filters-section .filter-group{display:flex;flex-direction:column;gap:8px}.expense-management .filters-section .filter-group label{color:#495057;font-size:.9rem;font-weight:600}.expense-management .filters-section .filter-group input,.expense-management .filters-section .filter-group select{border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.expense-management .filters-section .filter-group input:focus,.expense-management .filters-section .filter-group select:focus{border-color:#007bff;outline:none}.expense-management .filters-section .filter-group .date-range{align-items:center;display:flex;gap:8px}.expense-management .filters-section .filter-group .date-range span{color:#6c757d;font-size:.85rem}.expense-management .summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media(max-width:768px){.expense-management .summary-stats{gap:16px;grid-template-columns:1fr}}.expense-management .summary-stats .stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;text-align:center}.expense-management .summary-stats .stat-card .stat-label{color:#6c757d;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.expense-management .summary-stats .stat-card .stat-value{color:#333;display:block;font-size:1.5rem;font-weight:700}.expense-management .expenses-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.expense-management .expenses-list .loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.expense-management .expenses-list .loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:16px;width:40px}.expense-management .expenses-list .loading-state p{font-size:1.1rem;margin:0}.expense-management .expenses-list .empty-state{color:#6c757d;padding:60px 20px;text-align:center}.expense-management .expenses-list .empty-state .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.expense-management .expenses-list .empty-state h3{color:#495057;margin:0 0 8px}.expense-management .expenses-list .empty-state p{margin:0 0 24px}.expense-management .expenses-list .empty-state .btn-add-first{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.expense-management .expenses-list .empty-state .btn-add-first:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px)}.expense-management .expenses-list .expenses-table .table-header{grid-gap:16px;background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;display:grid;font-size:.85rem;font-weight:600;gap:16px;grid-template-columns:100px 120px 1fr 120px 100px 100px 80px;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}@media(max-width:1200px){.expense-management .expenses-list .expenses-table .table-header{gap:12px;grid-template-columns:90px 100px 1fr 100px 90px 80px 60px}}@media(max-width:768px){.expense-management .expenses-list .expenses-table .table-header{display:none}}.expense-management .expenses-list .expenses-table .expense-row{grid-gap:16px;border-bottom:1px solid #f0f0f0;display:grid;gap:16px;grid-template-columns:100px 120px 1fr 120px 100px 100px 80px;padding:16px 20px;transition:background-color .2s ease}.expense-management .expenses-list .expenses-table .expense-row:hover{background:#f8f9fa}.expense-management .expenses-list .expenses-table .expense-row:last-child{border-bottom:none}@media(max-width:1200px){.expense-management .expenses-list .expenses-table .expense-row{gap:12px;grid-template-columns:90px 100px 1fr 100px 90px 80px 60px}}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row{border-bottom:2px solid #f0f0f0;gap:8px;grid-template-columns:1fr;padding:16px}.expense-management .expenses-list .expenses-table .expense-row>div{align-items:center;display:flex;justify-content:space-between}.expense-management .expenses-list .expenses-table .expense-row>div:before{color:#6c757d;content:attr(data-label);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}}.expense-management .expenses-list .expenses-table .expense-row .col-date{color:#495057;font-size:.9rem;font-weight:500}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-date:before{content:"Date:"}}.expense-management .expenses-list .expenses-table .expense-row .col-category .category-badge{align-items:center;color:#495057;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;text-transform:capitalize}.expense-management .expenses-list .expenses-table .expense-row .col-category .subcategory{color:#6c757d;display:block;font-size:.75rem;margin-top:2px}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-category:before{content:"Category:"}}.expense-management .expenses-list .expenses-table .expense-row .col-description .description{color:#333;display:block;font-weight:500;margin-bottom:2px}.expense-management .expenses-list .expenses-table .expense-row .col-description .notes{color:#6c757d;display:block;font-size:.8rem;font-style:italic}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-description:before{content:"Description:"}}.expense-management .expenses-list .expenses-table .expense-row .col-vendor{color:#495057;font-size:.9rem}.expense-management .expenses-list .expenses-table .expense-row .col-vendor .receipt-num{color:#6c757d;display:block;font-size:.75rem;margin-top:2px}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-vendor:before{content:"Vendor:"}}.expense-management .expenses-list .expenses-table .expense-row .col-amount{text-align:right}.expense-management .expenses-list .expenses-table .expense-row .col-amount .amount{color:#dc3545;display:block;font-size:.95rem;font-weight:700}.expense-management .expenses-list .expenses-table .expense-row .col-amount .payment-method{color:#6c757d;display:block;font-size:.75rem;text-transform:uppercase}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-amount{text-align:left}.expense-management .expenses-list .expenses-table .expense-row .col-amount:before{content:"Amount:"}}.expense-management .expenses-list .expenses-table .expense-row .col-status .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px}.expense-management .expenses-list .expenses-table .expense-row .col-status .status-badge.status-pending{background:#fff3cd;color:#856404}.expense-management .expenses-list .expenses-table .expense-row .col-status .status-badge.status-approved{background:#d4edda;color:#155724}.expense-management .expenses-list .expenses-table .expense-row .col-status .status-badge.status-rejected{background:#f8d7da;color:#721c24}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-status:before{content:"Status:"}}.expense-management .expenses-list .expenses-table .expense-row .col-actions{display:flex;gap:4px;justify-content:center}.expense-management .expenses-list .expenses-table .expense-row .col-actions .action-buttons{display:flex;gap:4px}.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-approve,.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-receipt,.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-reject{align-items:center;background:none;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-approve:hover,.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-receipt:hover,.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-reject:hover{background:#f8f9fa}.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-approve:hover{background:#d4edda;border-color:#28a745}.expense-management .expenses-list .expenses-table .expense-row .col-actions .btn-reject:hover{background:#f8d7da;border-color:#dc3545}@media(max-width:768px){.expense-management .expenses-list .expenses-table .expense-row .col-actions{justify-content:flex-end}.expense-management .expenses-list .expenses-table .expense-row .col-actions:before{content:"Actions:"}}.expense-management .expenses-list .pagination{align-items:center;border-top:1px solid #dee2e6;display:flex;gap:16px;justify-content:center;padding:20px}.expense-management .expenses-list .pagination .btn-page{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.expense-management .expenses-list .pagination .btn-page:hover:not(:disabled){background:#f8f9fa;border-color:#007bff}.expense-management .expenses-list .pagination .btn-page:disabled{cursor:not-allowed;opacity:.5}.expense-management .expenses-list .pagination .page-info{color:#495057;font-weight:500}.expense-management .modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.expense-management .modal-overlay .modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:90vw;overflow-y:auto}@media(max-width:768px){.expense-management{padding:16px}.expense-management .management-header{align-items:stretch;flex-direction:column;gap:16px}.expense-management .management-header .btn-add-expense{justify-content:center}.expense-management .summary-stats .stat-card{padding:16px}.expense-management .summary-stats .stat-card .stat-value{font-size:1.3rem}}.category-management{margin:0 auto;max-width:1200px;padding:24px}.category-management .loading-container{align-items:center;display:flex;gap:16px;justify-content:center;padding:64px 24px}.category-management .loading-container .loading-spinner{animation:pulse 1.5s infinite;font-size:2rem}.category-management .loading-container span{color:#6c757d;font-size:1.1rem;font-weight:500}.category-management .management-header{align-items:flex-end;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}@media(max-width:768px){.category-management .management-header{align-items:stretch;flex-direction:column;gap:16px}}.category-management .management-header .header-content h2{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 8px}.category-management .management-header .header-content p{color:#6c757d;font-size:1rem;margin:0}.category-management .management-header .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.category-management .management-header .btn-primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}@media(max-width:768px){.category-management .management-header .btn-primary{justify-content:center;width:100%}}.category-management .error-banner{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500;margin-bottom:24px;padding:12px 16px}.category-management .categories-list{display:flex;flex-direction:column;gap:24px}.category-management .categories-list .category-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .2s ease}.category-management .categories-list .category-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.category-management .categories-list .category-card .category-header{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:24px}@media(max-width:768px){.category-management .categories-list .category-card .category-header{flex-direction:column;gap:16px}}.category-management .categories-list .category-card .category-header .category-info{flex:1 1}.category-management .categories-list .category-card .category-header .category-info .category-badge{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:12px;margin-bottom:12px;padding:12px 20px}.category-management .categories-list .category-card .category-header .category-info .category-badge .category-icon{font-size:1.5rem}.category-management .categories-list .category-card .category-header .category-info .category-badge .category-name{font-size:1.1rem}.category-management .categories-list .category-card .category-header .category-info .category-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0 0 12px}.category-management .categories-list .category-card .category-header .category-info .category-meta{align-items:center;display:flex;gap:16px}.category-management .categories-list .category-card .category-header .category-info .category-meta .subcategory-count{color:#495057;font-size:.9rem;font-weight:500}.category-management .categories-list .category-card .category-header .category-info .category-meta .system-badge{background:#28a745;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.category-management .categories-list .category-card .category-header .category-actions{display:flex;flex-shrink:0;gap:8px}@media(max-width:768px){.category-management .categories-list .category-card .category-header .category-actions{justify-content:flex-end;width:100%}}.category-management .categories-list .category-card .category-header .category-actions .btn-danger,.category-management .categories-list .category-card .category-header .category-actions .btn-secondary{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.category-management .categories-list .category-card .category-header .category-actions .btn-danger:hover,.category-management .categories-list .category-card .category-header .category-actions .btn-secondary:hover{transform:translateY(-1px)}.category-management .categories-list .category-card .category-header .category-actions .btn-secondary{color:#495057}.category-management .categories-list .category-card .category-header .category-actions .btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.category-management .categories-list .category-card .category-header .category-actions .btn-danger{border-color:#dc3545;color:#dc3545}.category-management .categories-list .category-card .category-header .category-actions .btn-danger:hover{background:#dc3545;color:#fff}.category-management .categories-list .category-card .subcategories-list{padding:24px}.category-management .categories-list .category-card .subcategories-list h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 16px}.category-management .categories-list .category-card .subcategories-list .subcategories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item .subcategory-info{display:flex;flex:1 1;flex-direction:column}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item .subcategory-info .subcategory-name{color:#495057;font-weight:500;margin-bottom:2px}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item .subcategory-info .subcategory-desc{color:#6c757d;font-size:.85rem}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item .btn-delete-small{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.9rem;margin-left:8px;padding:4px;transition:all .2s ease}.category-management .categories-list .category-card .subcategories-list .subcategories-grid .subcategory-item .btn-delete-small:hover{background:#dc3545;color:#fff}.category-management .empty-state{padding:64px 24px;text-align:center}.category-management .empty-state .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.category-management .empty-state h3{color:#495057;font-size:1.5rem;margin:0 0 8px}.category-management .empty-state p{color:#6c757d;font-size:1rem;margin:0 0 24px}.category-management .empty-state .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.category-management .empty-state .btn-primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.category-management .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}.category-management .modal-overlay .modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.category-management .modal-overlay .modal-content.subcategory-modal{max-width:400px}.category-management .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 24px 16px}.category-management .modal-overlay .modal-content .modal-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.category-management .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.category-management .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f8f9fa;color:#495057}.category-management .modal-overlay .modal-content form{padding:24px}.category-management .modal-overlay .modal-content form .form-group{margin-bottom:20px}.category-management .modal-overlay .modal-content form .form-group label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.category-management .modal-overlay .modal-content form .form-group input,.category-management .modal-overlay .modal-content form .form-group textarea{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:all .2s ease;width:100%}.category-management .modal-overlay .modal-content form .form-group input:focus,.category-management .modal-overlay .modal-content form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.category-management .modal-overlay .modal-content form .form-group input.error,.category-management .modal-overlay .modal-content form .form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.category-management .modal-overlay .modal-content form .form-group textarea{font-family:inherit;resize:vertical}.category-management .modal-overlay .modal-content form .form-group .error-text{color:#dc3545;display:block;font-size:.85rem;margin-top:4px}.category-management .modal-overlay .modal-content form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:600px){.category-management .modal-overlay .modal-content form .form-row{grid-template-columns:1fr}}.category-management .modal-overlay .modal-content form .icon-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-top:8px}@media(max-width:600px){.category-management .modal-overlay .modal-content form .icon-selector{grid-template-columns:repeat(8,1fr)}}.category-management .modal-overlay .modal-content form .icon-selector .icon-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:8px;text-align:center;transition:all .2s ease}.category-management .modal-overlay .modal-content form .icon-selector .icon-option:hover{background:#e9ecef}.category-management .modal-overlay .modal-content form .icon-selector .icon-option.selected{background:#667eea;border-color:#667eea;color:#fff}.category-management .modal-overlay .modal-content form .color-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-top:8px}@media(max-width:600px){.category-management .modal-overlay .modal-content form .color-selector{grid-template-columns:repeat(8,1fr)}}.category-management .modal-overlay .modal-content form .color-selector .color-option{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.category-management .modal-overlay .modal-content form .color-selector .color-option:hover{transform:scale(1.1)}.category-management .modal-overlay .modal-content form .color-selector .color-option.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.category-management .modal-overlay .modal-content form .color-selector .custom-color-input{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;height:32px;padding:0;width:32px!important}.category-management .modal-overlay .modal-content form .preview-section{margin-bottom:24px}.category-management .modal-overlay .modal-content form .preview-section label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.category-management .modal-overlay .modal-content form .preview-section .category-preview{align-items:center;border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:12px;padding:12px 20px}.category-management .modal-overlay .modal-content form .preview-section .category-preview .preview-icon{font-size:1.5rem}.category-management .modal-overlay .modal-content form .preview-section .category-preview .preview-name{font-size:1.1rem}.category-management .modal-overlay .modal-content form .form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}@media(max-width:600px){.category-management .modal-overlay .modal-content form .form-actions{flex-direction:column-reverse}}.category-management .modal-overlay .modal-content form .form-actions .btn-primary,.category-management .modal-overlay .modal-content form .form-actions .btn-secondary{border:1px solid;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}@media(max-width:600px){.category-management .modal-overlay .modal-content form .form-actions .btn-primary,.category-management .modal-overlay .modal-content form .form-actions .btn-secondary{justify-content:center;width:100%}}.category-management .modal-overlay .modal-content form .form-actions .btn-secondary{background:#fff;border-color:#dee2e6;color:#6c757d}.category-management .modal-overlay .modal-content form .form-actions .btn-secondary:hover{background:#f8f9fa;color:#495057}.category-management .modal-overlay .modal-content form .form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.category-management .modal-overlay .modal-content form .form-actions .btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.quick-expense-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #00000026;overflow:hidden;transition:all .3s ease}.quick-expense-widget:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.quick-expense-widget .widget-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;-webkit-user-select:none;user-select:none}.quick-expense-widget .widget-header .header-content h3{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:8px;margin:0 0 4px}.quick-expense-widget .widget-header .header-content .subtitle{color:#fffc;font-size:.85rem}.quick-expense-widget .widget-header .expand-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.quick-expense-widget .widget-header .expand-btn:hover{background:#ffffff4d}.quick-expense-widget .widget-header .expand-btn.expanded{transform:rotate(180deg)}.quick-expense-widget .widget-content{background:#fff;border-top:1px solid #fff3;padding:24px}.quick-expense-widget .widget-content .category-selection h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 16px}.quick-expense-widget .widget-content .category-selection .category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.quick-expense-widget .widget-content .category-selection .category-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.quick-expense-widget .widget-content .category-selection .category-grid .category-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;transition:all .2s ease}.quick-expense-widget .widget-content .category-selection .category-grid .category-card:hover{background:#007bff;background:var(--category-color,#007bff);border-color:#007bff;border-color:var(--category-color,#007bff);box-shadow:0 4px 12px #0000001a;color:#fff;transform:translateY(-2px)}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-icon{display:block;font-size:1.8rem;margin-bottom:8px}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-name{font-size:.85rem;font-weight:500;text-align:center}.quick-expense-widget .widget-content .category-selection .category-loading{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;gap:12px;justify-content:center;padding:32px 16px}.quick-expense-widget .widget-content .category-selection .category-loading .loading-spinner{animation:pulse 1.5s infinite;font-size:1.5rem}.quick-expense-widget .widget-content .category-selection .category-loading span{color:#6c757d;font-size:.9rem;font-weight:500}.quick-expense-widget .widget-content .category-selection .no-categories{align-items:center;background:#fff3cd;border:2px solid #ffeaa7;border-radius:12px;color:#856404;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:32px 16px;text-align:center}.quick-expense-widget .widget-content .expense-form .selected-category{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.quick-expense-widget .widget-content .expense-form .selected-category .category-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:6px 12px}.quick-expense-widget .widget-content .expense-form .selected-category .change-category{background:none;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.quick-expense-widget .widget-content .expense-form .selected-category .change-category:hover{background:#e9ecef;color:#495057}.quick-expense-widget .widget-content .expense-form .presets-section{margin-bottom:20px}.quick-expense-widget .widget-content .expense-form .presets-section h5{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 12px}.quick-expense-widget .widget-content .expense-form .presets-section .presets-list{display:flex;flex-direction:column;gap:8px}.quick-expense-widget .widget-content .expense-form .presets-section .presets-list .preset-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .2s ease}.quick-expense-widget .widget-content .expense-form .presets-section .presets-list .preset-btn:hover{background:#e9ecef;border-color:#adb5bd}.quick-expense-widget .widget-content .expense-form .presets-section .presets-list .preset-btn .preset-desc{color:#495057;font-size:.85rem}.quick-expense-widget .widget-content .expense-form .presets-section .presets-list .preset-btn .preset-amount{color:#28a745;font-size:.8rem;font-weight:600}.quick-expense-widget .widget-content .expense-form .form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.quick-expense-widget .widget-content .expense-form .form-fields .field-group label{color:#495057;display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.quick-expense-widget .widget-content .expense-form .form-fields .field-group input{border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.quick-expense-widget .widget-content .expense-form .form-fields .field-group input:focus{border-color:#007bff;outline:none}.quick-expense-widget .widget-content .expense-form .form-fields .field-group input::placeholder{color:#adb5bd}.quick-expense-widget .widget-content .expense-form .form-fields .field-group .amount-preview{color:#28a745;display:block;font-size:.8rem;font-weight:600;margin-top:4px}.quick-expense-widget .widget-content .expense-form .form-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:480px){.quick-expense-widget .widget-content .expense-form .form-actions{flex-direction:column;gap:8px}}.quick-expense-widget .widget-content .expense-form .form-actions .btn-cancel,.quick-expense-widget .widget-content .expense-form .form-actions .btn-submit{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.quick-expense-widget .widget-content .expense-form .form-actions .btn-cancel:disabled,.quick-expense-widget .widget-content .expense-form .form-actions .btn-submit:disabled{cursor:not-allowed;opacity:.6}.quick-expense-widget .widget-content .expense-form .form-actions .btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.quick-expense-widget .widget-content .expense-form .form-actions .btn-cancel:hover:not(:disabled){background:#e9ecef;color:#495057}.quick-expense-widget .widget-content .expense-form .form-actions .btn-submit{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #28a745;color:#fff}.quick-expense-widget .widget-content .expense-form .form-actions .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea381);transform:translateY(-1px)}.quick-expense-widget .widget-content .expense-form .form-actions .btn-submit .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:12px;width:12px}@media(max-width:768px){.quick-expense-widget .widget-header{padding:16px 20px}.quick-expense-widget .widget-header .header-content h3{font-size:1.1rem}.quick-expense-widget .widget-header .header-content .subtitle{font-size:.8rem}.quick-expense-widget .widget-header .expand-btn{font-size:.8rem;height:32px;width:32px}.quick-expense-widget .widget-content{padding:20px}.quick-expense-widget .widget-content .category-selection .category-grid .category-card{padding:12px 8px}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-icon{font-size:1.5rem;margin-bottom:6px}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-name{font-size:.8rem}.quick-expense-widget .widget-content .expense-form .selected-category{align-items:stretch;flex-direction:column;gap:8px}.quick-expense-widget .widget-content .expense-form .selected-category .category-badge{justify-content:center}.quick-expense-widget .widget-content .expense-form .form-fields{gap:12px}.quick-expense-widget .widget-content .expense-form .form-fields .field-group input{font-size:.85rem;padding:8px 10px}}@media(max-width:480px){.quick-expense-widget .widget-content .category-selection .category-grid{grid-template-columns:1fr}.quick-expense-widget .widget-content .category-selection .category-grid .category-card{flex-direction:row;justify-content:flex-start;text-align:left}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-icon{font-size:1.4rem;margin-bottom:0;margin-right:12px}.quick-expense-widget .widget-content .category-selection .category-grid .category-card .category-name{font-size:.85rem}}.admin-panel{background-color:#1a1a1a;display:flex;font-family:Arial,sans-serif;min-height:100vh}.admin-sidebar{background-color:#2b2b2b;box-shadow:2px 0 5px #0000004d;color:#fff;display:flex;flex-direction:column;padding:20px;width:250px}.admin-logo{margin-bottom:30px;text-align:center}.admin-logo h2{color:#ecf0f1;font-size:1.5rem;margin:0}.admin-nav{flex:1 1}.admin-nav .nav-section{margin-top:20px;padding-top:20px}.admin-nav .nav-section h3{color:#ecf0f1;font-size:10px;letter-spacing:1px;margin:0 0 15px;opacity:.8;padding:0 16px;text-transform:uppercase}.admin-nav .nav-dropdown-section{margin-top:20px}.admin-nav .nav-dropdown-section .dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#bdc3c7;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:0;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.admin-nav .nav-dropdown-section .dropdown-toggle:after{display:none!important}.admin-nav .nav-dropdown-section .dropdown-toggle:hover{background-color:#ff7a001a;color:#ff7a00}.admin-nav .nav-dropdown-section .dropdown-toggle.active{background-color:#ff7a00;color:#fff}.admin-nav .nav-dropdown-section .dropdown-toggle .dropdown-arrow{flex-shrink:0;transition:transform .3s ease}.admin-nav .nav-dropdown-section .dropdown-toggle .dropdown-arrow.open{transform:rotate(180deg)}.admin-nav .nav-dropdown-section .dropdown-content{background-color:#0000001a;border-radius:0 0 4px 4px;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.admin-nav .nav-dropdown-section .dropdown-content.open{max-height:300px}.admin-nav .nav-dropdown-section .dropdown-content a{background:#0000;border-left:3px solid #0000;border-radius:0;color:#95a5a6;display:block;font-size:13px;margin-bottom:0;padding:10px 16px 10px 32px;text-decoration:none;transition:all .3s ease;width:100%}.admin-nav .nav-dropdown-section .dropdown-content a:hover{background-color:#ff7a001a;border-left-color:#ff7a00;color:#ff7a00}.admin-nav .nav-dropdown-section .dropdown-content a.active{background-color:#ff7a0033;border-left-color:#ff7a00;color:#ff7a00}.admin-nav a,.admin-nav>button{background:#0000;border:none;border-radius:4px;color:#bdc3c7;cursor:pointer;display:block;font-size:14px;margin-bottom:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.admin-nav a:hover,.admin-nav>button:hover{background-color:#ff7a001a;color:#ff7a00}.admin-nav a.active,.admin-nav>button.active{background-color:#ff7a00;color:#fff}.admin-logout{margin-top:auto}.admin-logout button{background-color:#ff7a00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;transition:background-color .3s ease;width:100%}.admin-logout button:hover{background-color:#e66900}.admin-content{display:flex;flex:1 1;flex-direction:column}.admin-header{align-items:center;background-color:#2b2b2b;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;padding:20px 30px}.admin-header h1{color:#fff;font-size:1.8rem;margin:0}.admin-header .header-actions{align-items:center;display:flex;gap:1.5rem}.pos-header-btn{align-items:center;background:linear-gradient(135deg,#ff7a00,#ff9500);border-radius:12px;box-shadow:0 4px 15px #ff7a0033;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.pos-header-btn:hover{background:linear-gradient(135deg,#ff9500,#ffb000);box-shadow:0 6px 20px #ff7a0066;color:#fff;text-decoration:none;transform:translateY(-2px)}.pos-header-btn:active{transform:translateY(0)}.admin-user{color:#bdc3c7;font-size:14px;white-space:nowrap}.admin-main{background-color:#1a1a1a;flex:1 1;overflow-y:auto;padding:30px}.admin-dashboard h2{color:#fff;font-size:1.5rem;margin-bottom:30px}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{border:1px solid #404040;border-radius:8px;box-shadow:0 2px 10px #0000004d;padding:25px}.stat-card h3{color:#bdc3c7;font-size:14px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.stat-card p{color:#ff7a00;font-size:2rem;font-weight:700;margin:0}.recent-activity{background:#2b2b2b;border:1px solid #404040;border-radius:8px;box-shadow:0 2px 10px #0000004d;padding:25px}.recent-activity h3{color:#fff;font-size:1.2rem;margin-bottom:20px}.recent-activity ul{list-style:none;margin:0;padding:0}.recent-activity ul li{border-bottom:1px solid #404040;color:#bdc3c7;font-size:14px;padding:10px 0}.recent-activity ul li:last-child{border-bottom:none}.admin-loading{align-items:center;background-color:#1a1a1a;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.admin-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #404040;border-radius:50%;border-top-color:#ff7a00;height:40px;margin-bottom:20px;width:40px}.admin-loading p{color:#bdc3c7;font-size:16px}@media(max-width:768px){.admin-panel{flex-direction:column}.admin-sidebar{flex-direction:row;padding:15px;width:100%}.admin-nav{display:flex;flex:1 1;margin:0 20px}.admin-nav button{font-size:12px;margin-bottom:0;margin-right:10px;padding:8px 12px}.admin-logout{margin-top:0}.admin-logout button{font-size:12px;padding:8px 12px}.dashboard-stats{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-header .header-actions{justify-content:space-between;width:100%}.admin-header .pos-header-btn{font-size:.75rem;padding:.5rem 1rem}}.admin-dashboard .dashboard-widgets{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}@media(max-width:1200px){.admin-dashboard .dashboard-widgets{gap:20px;grid-template-columns:1fr}}.admin-dashboard .dashboard-widgets .widget-column{display:flex;flex-direction:column;gap:20px}.admin-dashboard .dashboard-widgets .recent-activity{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;height:-webkit-fit-content;height:fit-content;padding:24px}.admin-dashboard .dashboard-widgets .recent-activity h3{color:#333;font-size:1.2rem;font-weight:700;margin:0 0 16px}.admin-dashboard .dashboard-widgets .recent-activity ul{list-style:none;margin:0;padding:0}.admin-dashboard .dashboard-widgets .recent-activity ul li{border-bottom:1px solid #f0f0f0;color:#666;font-size:.9rem;padding:12px 0}.admin-dashboard .dashboard-widgets .recent-activity ul li:last-child{border-bottom:none}.admin-dashboard .dashboard-widgets .recent-activity ul li:hover{color:#333}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.login-container{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;margin:20px;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 10px}.login-header p{color:#7f8c8d;font-size:14px;margin:0}.login-form .form-group{margin-bottom:20px}.login-form .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-form .form-group input{border:2px solid #ecf0f1;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.login-form .form-group input:focus{border-color:#3498db;outline:none}.login-form .form-group input::placeholder{color:#bdc3c7}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px}.login-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px;transition:background-color .3s ease;width:100%}.login-button:hover:not(:disabled){background-color:#2980b9}.login-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.login-footer{border-top:1px solid #ecf0f1;padding-top:20px;text-align:center}.login-footer p{color:#7f8c8d;font-size:14px;margin:0 0 15px}.login-footer .switch-button{background:none;border:2px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.login-footer .switch-button:hover:not(:disabled){background-color:#3498db;color:#fff}.login-footer .switch-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:480px){.login-container{margin:10px;padding:30px 20px}.login-header h1{font-size:1.5rem}}.admin-signup{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.signup-container{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;margin:20px;max-width:450px;padding:40px;width:100%}.signup-header{margin-bottom:30px;text-align:center}.signup-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 10px}.signup-header p{color:#7f8c8d;font-size:14px;margin:0}.signup-form .form-group{margin-bottom:20px}.signup-form .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.signup-form .form-group input{border:2px solid #ecf0f1;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.signup-form .form-group input:focus{border-color:#3498db;outline:none}.signup-form .form-group input.error{border-color:#e74c3c}.signup-form .form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.signup-form .form-group input::placeholder{color:#bdc3c7}.error-message{color:#e74c3c;display:block;font-size:12px;margin-top:5px}.error-message.general-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px}.signup-button{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:14px;transition:background-color .3s ease;width:100%}.signup-button:hover:not(:disabled){background-color:#229954}.signup-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.signup-footer{border-top:1px solid #ecf0f1;padding-top:20px;text-align:center}.signup-footer p{color:#7f8c8d;font-size:14px;margin:0 0 15px}.signup-footer .switch-button{background:none;border:2px solid #3498db;border-radius:6px;color:#3498db;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.signup-footer .switch-button:hover:not(:disabled){background-color:#3498db;color:#fff}.signup-footer .switch-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:480px){.signup-container{margin:10px;padding:30px 20px}.signup-header h1{font-size:1.5rem}}.admin-menu h2{color:#2c3e50;font-size:1.5rem;margin-bottom:30px}.menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.menu-header h2{margin:0}.add-item-btn{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.add-item-btn:hover{background-color:#229954}.add-item-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.add-item-form h3{color:#2c3e50;font-size:1.2rem;margin-bottom:20px}.add-item-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:768px){.add-item-form .form-row{grid-template-columns:1fr}}.add-item-form .form-group{margin-bottom:20px}.add-item-form .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.add-item-form .form-group input,.add-item-form .form-group select,.add-item-form .form-group textarea{border:2px solid #ecf0f1;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.add-item-form .form-group input:focus,.add-item-form .form-group select:focus,.add-item-form .form-group textarea:focus{border-color:#3498db;outline:none}.add-item-form .form-group textarea{min-height:80px;resize:vertical}.add-item-form .checkbox-group label{align-items:center;cursor:pointer;display:flex}.add-item-form .checkbox-group label input[type=checkbox]{margin-right:8px;width:auto}.add-item-form .form-actions{display:flex;gap:15px;margin-top:30px}.add-item-form .form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.add-item-form .form-actions .save-btn{background-color:#3498db;color:#fff}.add-item-form .form-actions .save-btn:hover{background-color:#2980b9}.add-item-form .form-actions .cancel-btn{background-color:#95a5a6;color:#fff}.add-item-form .form-actions .cancel-btn:hover{background-color:#7f8c8d}.menu-items{grid-gap:20px;display:grid;gap:20px}.menu-item{grid-gap:20px;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:grid;gap:20px;grid-template-columns:100px 1fr auto;padding:20px;transition:transform .3s ease}.menu-item:hover{transform:translateY(-2px)}.menu-item.unavailable{background-color:#f8f9fa;opacity:.6}@media(max-width:768px){.menu-item{grid-template-columns:1fr;text-align:center}}.item-image{align-items:center;background-color:#ecf0f1;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.item-image img{height:100%;object-fit:cover;width:100%}.item-image .no-image{color:#7f8c8d;font-size:12px;text-align:center}.item-details{flex:1 1}.item-details h3{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.item-details .item-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin:0 0 12px}.item-details .item-meta{display:flex;flex-wrap:wrap;gap:15px}.item-details .item-meta span{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.item-details .item-meta .item-price{background-color:#e8f5e8;color:#27ae60}.item-details .item-meta .item-category{background-color:#e3f2fd;color:#1976d2}.item-details .item-meta .item-status.available{background-color:#e8f5e8;color:#27ae60}.item-details .item-meta .item-status.unavailable{background-color:#ffebee;color:#d32f2f}.item-actions{display:flex;flex-direction:column;gap:8px}.item-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.item-actions .edit-btn{background-color:#3498db;color:#fff}.item-actions .edit-btn:hover{background-color:#2980b9}.item-actions .toggle-btn.available{background-color:#f39c12;color:#fff}.item-actions .toggle-btn.available:hover{background-color:#e67e22}.item-actions .toggle-btn.unavailable{background-color:#27ae60;color:#fff}.item-actions .toggle-btn.unavailable:hover{background-color:#229954}.item-actions .delete-btn{background-color:#e74c3c;color:#fff}.item-actions .delete-btn:hover{background-color:#c0392b}@media(max-width:768px){.item-actions{flex-direction:row;justify-content:center;margin-top:15px}}.ingredient-list{padding:20px}.ingredient-list .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.ingredient-list .header h2{color:#333;font-size:28px;font-weight:600;margin:0}.ingredient-list .error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.ingredient-list .loading{color:#666;font-size:18px;padding:40px;text-align:center}.ingredient-list .ingredients-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.ingredient-list .ingredients-table .no-ingredients{color:#666;padding:60px 20px;text-align:center}.ingredient-list .ingredients-table .no-ingredients p{font-size:18px;margin:0}.ingredient-list .ingredients-table table{border-collapse:collapse;width:100%}.ingredient-list .ingredients-table table td,.ingredient-list .ingredients-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.ingredient-list .ingredients-table table th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ingredient-list .ingredients-table table tbody tr{transition:background-color .2s}.ingredient-list .ingredients-table table tbody tr:hover{background:#f8f9fa}.ingredient-list .ingredients-table table .ingredient-name{color:#333;font-weight:500}.ingredient-list .ingredients-table table .price{color:#007bff}.ingredient-list .ingredients-table table .price,.ingredient-list .ingredients-table table .quantity{font-family:Courier New,monospace;font-weight:500}.ingredient-list .ingredients-table table .unit{color:#666;font-size:12px;text-transform:uppercase}.ingredient-list .ingredients-table table .status .status,.ingredient-list .ingredients-table table .stock-status .status{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.ingredient-list .ingredients-table table .status .status.in-stock,.ingredient-list .ingredients-table table .stock-status .status.in-stock{background:#d4edda;color:#155724}.ingredient-list .ingredients-table table .status .status.low-stock,.ingredient-list .ingredients-table table .stock-status .status.low-stock{background:#fff3cd;color:#856404}.ingredient-list .ingredients-table table .status .status.out-of-stock,.ingredient-list .ingredients-table table .stock-status .status.out-of-stock{background:#f8d7da;color:#721c24}.ingredient-list .ingredients-table table .status .status.active,.ingredient-list .ingredients-table table .stock-status .status.active{background:#d4edda;color:#155724}.ingredient-list .ingredients-table table .status .status.inactive,.ingredient-list .ingredients-table table .stock-status .status.inactive{background:#f8d7da;color:#721c24}.ingredient-list .ingredients-table table .total-value{color:#28a745;font-family:Courier New,monospace;font-weight:600}.ingredient-list .ingredients-table table .actions{display:flex;gap:5px}.ingredient-list .ingredients-table table .actions .btn{font-size:12px;min-width:auto;padding:4px 8px}.ingredient-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ingredient-form-overlay .ingredient-form{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.ingredient-form-overlay .ingredient-form .form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.ingredient-form-overlay .ingredient-form .form-header h3{color:#333;font-size:22px;font-weight:600;margin:0}.ingredient-form-overlay .ingredient-form .form-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.ingredient-form-overlay .ingredient-form .form-header .btn-close:hover{background:#f0f0f0;color:#333}.ingredient-form-overlay .ingredient-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;padding:0 20px}@media(max-width:600px){.ingredient-form-overlay .ingredient-form .form-row{gap:0;grid-template-columns:1fr}}.ingredient-form-overlay .ingredient-form .form-group{margin-bottom:20px;padding:0 20px}.ingredient-form-overlay .ingredient-form .form-group:has(.form-row){padding:0}.ingredient-form-overlay .ingredient-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.ingredient-form-overlay .ingredient-form .form-group input,.ingredient-form-overlay .ingredient-form .form-group select,.ingredient-form-overlay .ingredient-form .form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.ingredient-form-overlay .ingredient-form .form-group input:focus,.ingredient-form-overlay .ingredient-form .form-group select:focus,.ingredient-form-overlay .ingredient-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.ingredient-form-overlay .ingredient-form .form-group input.error,.ingredient-form-overlay .ingredient-form .form-group select.error,.ingredient-form-overlay .ingredient-form .form-group textarea.error{border-color:#dc3545}.ingredient-form-overlay .ingredient-form .form-group .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.ingredient-form-overlay .ingredient-form .form-group .form-help{color:#666;display:block;font-size:12px;margin-top:4px}.ingredient-form-overlay .ingredient-form .form-group.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.ingredient-form-overlay .ingredient-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.ingredient-form-overlay .ingredient-form .form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.quantity-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}.quantity-modal-overlay .quantity-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.quantity-modal-overlay .quantity-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.quantity-modal-overlay .quantity-modal .modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.quantity-modal-overlay .quantity-modal .modal-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.quantity-modal-overlay .quantity-modal .modal-header .btn-close:hover{background:#f0f0f0;color:#333}.quantity-modal-overlay .quantity-modal .current-stock{align-items:center;background:#f8f9fa;display:flex;justify-content:space-between;padding:20px}.quantity-modal-overlay .quantity-modal .current-stock .stock-info,.quantity-modal-overlay .quantity-modal .current-stock .stock-value{align-items:center;display:flex;flex-direction:column}.quantity-modal-overlay .quantity-modal .current-stock .stock-info .label,.quantity-modal-overlay .quantity-modal .current-stock .stock-value .label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.quantity-modal-overlay .quantity-modal .current-stock .stock-info .value,.quantity-modal-overlay .quantity-modal .current-stock .stock-value .value{color:#333;font-size:18px;font-weight:600}.quantity-modal-overlay .quantity-modal .operation-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:8px}.quantity-modal-overlay .quantity-modal .operation-buttons .operation-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:15px 10px;transition:all .2s}.quantity-modal-overlay .quantity-modal .operation-buttons .operation-btn:hover{background:#f8f9ff;border-color:#007bff}.quantity-modal-overlay .quantity-modal .operation-buttons .operation-btn.active{background:#007bff;border-color:#007bff;color:#fff}.quantity-modal-overlay .quantity-modal .operation-buttons .operation-btn .icon{font-size:20px;margin-bottom:5px}.quantity-modal-overlay .quantity-modal .operation-buttons .operation-btn .text{font-size:12px;font-weight:500}.quantity-modal-overlay .quantity-modal .preview{background:#e8f5e8;border-radius:8px;margin:15px 20px;padding:15px}.quantity-modal-overlay .quantity-modal .preview .preview-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.quantity-modal-overlay .quantity-modal .preview .preview-item:last-child{margin-bottom:0}.quantity-modal-overlay .quantity-modal .preview .preview-item .label{color:#666;font-size:14px}.quantity-modal-overlay .quantity-modal .preview .preview-item .value{color:#28a745;font-size:16px;font-weight:600}.quantity-modal-overlay .quantity-modal .form-group{margin-bottom:20px;padding:0 20px}.quantity-modal-overlay .quantity-modal .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.quantity-modal-overlay .quantity-modal .form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.quantity-modal-overlay .quantity-modal .form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.quantity-modal-overlay .quantity-modal .form-group input.error{border-color:#dc3545}.quantity-modal-overlay .quantity-modal .form-group .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.quantity-modal-overlay .quantity-modal .form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.bulk-purchase-modal{max-width:90vw;width:600px}.bulk-purchase-modal .ingredient-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.bulk-purchase-modal .ingredient-info h4{color:#333;margin:0 0 5px}.bulk-purchase-modal .ingredient-info p{color:#666;margin:0}.bulk-purchase-modal .purchase-summary{background:#e3f2fd;border-radius:8px;margin:20px 0;padding:15px}.bulk-purchase-modal .purchase-summary h4{color:#1976d2;margin:0 0 10px}.bulk-purchase-modal .purchase-summary .summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bulk-purchase-modal .purchase-summary .summary-row:last-child{margin-bottom:0}.bulk-purchase-modal .purchase-summary .summary-row .highlight{color:#1976d2;font-weight:700}.purchase-history-modal{max-width:95vw;width:900px}.purchase-history-modal .purchase-summary{margin-bottom:20px}.purchase-history-modal .purchase-summary .summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.purchase-history-modal .purchase-summary .summary-cards .summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.purchase-history-modal .purchase-summary .summary-cards .summary-card h4{font-size:14px;margin:0 0 10px;opacity:.9}.purchase-history-modal .purchase-summary .summary-cards .summary-card .value{font-size:24px;font-weight:700}.purchase-history-modal .purchases-table{max-height:400px;overflow-y:auto}.purchase-history-modal .purchases-table table{border-collapse:collapse;font-size:14px;width:100%}.purchase-history-modal .purchases-table table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.purchase-history-modal .purchases-table table td{border-bottom:1px solid #dee2e6;padding:12px 8px;vertical-align:top}.purchase-history-modal .purchases-table table td.date{white-space:nowrap}.purchase-history-modal .purchases-table table td.quantity,.purchase-history-modal .purchases-table table td.total-cost,.purchase-history-modal .purchases-table table td.unit-price{font-family:monospace;text-align:right}.purchase-history-modal .no-purchases{color:#666;padding:40px;text-align:center}.ingredient-form .bulk-purchase-section,.ingredient-form .legacy-section{border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.ingredient-form .bulk-purchase-section h4,.ingredient-form .legacy-section h4{color:#495057;font-size:16px;margin:0 0 10px}.ingredient-form .bulk-purchase-section .section-description,.ingredient-form .legacy-section .section-description{color:#6c757d;font-size:14px;margin:0 0 20px}.ingredient-form .bulk-purchase-section{background:#f8f9fa;border-color:#28a745}.ingredient-form .bulk-purchase-section h4{color:#28a745}.ingredient-form .legacy-section{background:#fff3cd;border-color:#ffc107}.ingredient-form .legacy-section h4{color:#856404}.ingredients-table .name-with-conversions strong{display:block;margin-bottom:4px}.ingredients-table .name-with-conversions small{color:#6c757d;font-style:italic}.ingredients-table .inventory-info strong{display:block;margin-bottom:4px}.ingredients-table .inventory-info small{color:#6c757d;font-style:italic}.ingredients-table .actions{white-space:nowrap}.ingredients-table .actions .btn{margin-right:4px}.ingredients-table .actions .btn:last-child{margin-right:0}.packaging-list{padding:20px}.packaging-list .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.packaging-list .header h2{color:#333;font-size:28px;font-weight:600;margin:0}.packaging-list .error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.packaging-list .loading{color:#666;font-size:18px;padding:40px;text-align:center}.packaging-list .packaging-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.packaging-list .packaging-table .no-packaging{color:#666;padding:60px 20px;text-align:center}.packaging-list .packaging-table .no-packaging p{font-size:18px;margin:0}.packaging-list .packaging-table table{border-collapse:collapse;width:100%}.packaging-list .packaging-table table td,.packaging-list .packaging-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.packaging-list .packaging-table table th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.packaging-list .packaging-table table tbody tr{transition:background-color .2s}.packaging-list .packaging-table table tbody tr:hover{background:#f8f9fa}.packaging-list .packaging-table table .type{align-items:center;display:flex;gap:8px}.packaging-list .packaging-table table .type .type-icon{font-size:18px}.packaging-list .packaging-table table .type .type-text{color:#666;font-size:12px;text-transform:capitalize}.packaging-list .packaging-table table .packaging-name{color:#333;font-weight:500}.packaging-list .packaging-table table .price{color:#28a745;font-family:Courier New,monospace;font-weight:600}.packaging-list .packaging-table table .status .status{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.packaging-list .packaging-table table .status .status.active{background:#d4edda;color:#155724}.packaging-list .packaging-table table .status .status.inactive{background:#f8d7da;color:#721c24}.packaging-list .packaging-table table .date{color:#666;font-size:13px}.packaging-list .packaging-table table .actions{display:flex;gap:5px}.packaging-list .packaging-table table .actions .btn{font-size:12px;min-width:auto;padding:4px 8px}.packaging-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.packaging-form-overlay .packaging-form{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.packaging-form-overlay .packaging-form .form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.packaging-form-overlay .packaging-form .form-header h3{color:#333;font-size:22px;font-weight:600;margin:0}.packaging-form-overlay .packaging-form .form-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.packaging-form-overlay .packaging-form .form-header .btn-close:hover{background:#f0f0f0;color:#333}.packaging-form-overlay .packaging-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;padding:0 20px}@media(max-width:600px){.packaging-form-overlay .packaging-form .form-row{gap:0;grid-template-columns:1fr}}.packaging-form-overlay .packaging-form .form-group{margin-bottom:20px;padding:0 20px}.packaging-form-overlay .packaging-form .form-group:has(.form-row){padding:0}.packaging-form-overlay .packaging-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.packaging-form-overlay .packaging-form .form-group input,.packaging-form-overlay .packaging-form .form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.packaging-form-overlay .packaging-form .form-group input:focus,.packaging-form-overlay .packaging-form .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.packaging-form-overlay .packaging-form .form-group input.error,.packaging-form-overlay .packaging-form .form-group select.error{border-color:#dc3545}.packaging-form-overlay .packaging-form .form-group .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.packaging-form-overlay .packaging-form .form-group.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.packaging-form-overlay .packaging-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.packaging-form-overlay .packaging-form .form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn.btn-success{background:#28a745;color:#fff}.btn.btn-success:hover:not(:disabled){background:#218838}.packaging-table .type-name-container .main-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.packaging-table .type-name-container .main-info .type-icon{font-size:16px}.packaging-table .type-name-container .main-info strong{font-weight:600}.packaging-table .type-name-container .type-text{color:#6c757d;font-style:italic}.packaging-table .inventory-info strong{display:block;margin-bottom:2px}.packaging-table .inventory-info small{color:#6c757d}.packaging-table .actions{white-space:nowrap}.packaging-table .actions .btn{margin-right:4px}.packaging-table .actions .btn:last-child{margin-right:0}.packaging-bulk-purchase-modal{max-width:90vw;width:600px}.packaging-bulk-purchase-modal .packaging-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.packaging-bulk-purchase-modal .packaging-info h4{align-items:center;color:#333;display:flex;gap:8px;margin:0 0 10px}.packaging-bulk-purchase-modal .packaging-info p{color:#666;margin:5px 0}.packaging-bulk-purchase-modal .packaging-info p strong{color:#333}.packaging-bulk-purchase-modal .purchase-summary{background:#e3f2fd;border-radius:8px;margin:20px 0;padding:20px}.packaging-bulk-purchase-modal .purchase-summary h4{color:#1976d2;margin:0 0 15px}.packaging-bulk-purchase-modal .purchase-summary .summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.packaging-bulk-purchase-modal .purchase-summary .summary-grid .summary-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.packaging-bulk-purchase-modal .purchase-summary .summary-grid .summary-item .label{font-weight:500}.packaging-bulk-purchase-modal .purchase-summary .summary-grid .summary-item .value{font-weight:600}.packaging-bulk-purchase-modal .purchase-summary .summary-grid .summary-item .value.highlight{color:#1976d2;font-size:1.1em}.packaging-purchase-history-modal{max-width:95vw;width:900px}.packaging-purchase-history-modal .purchase-summary{margin-bottom:30px}.packaging-purchase-history-modal .purchase-summary .summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.packaging-purchase-history-modal .purchase-summary .summary-cards .summary-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;gap:15px;padding:20px}.packaging-purchase-history-modal .purchase-summary .summary-cards .summary-card .card-icon{font-size:24px;opacity:.9}.packaging-purchase-history-modal .purchase-summary .summary-cards .summary-card .card-content h4{font-size:14px;margin:0 0 5px;opacity:.9}.packaging-purchase-history-modal .purchase-summary .summary-cards .summary-card .card-content .value{font-size:20px;font-weight:700}.packaging-purchase-history-modal .purchase-summary .current-status{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;justify-content:space-around;padding:15px}.packaging-purchase-history-modal .purchase-summary .current-status .status-item{text-align:center}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .label{color:#6c757d;display:block;font-size:12px;margin-bottom:5px}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .value{color:#333;font-weight:600}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .status.in-stock{background:#d4edda;color:#155724}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .status.low-stock{background:#fff3cd;color:#856404}.packaging-purchase-history-modal .purchase-summary .current-status .status-item .status.out-of-stock{background:#f8d7da;color:#721c24}.packaging-purchase-history-modal .purchases-table{max-height:400px;overflow-y:auto}.packaging-purchase-history-modal .purchases-table table{border-collapse:collapse;font-size:14px;width:100%}.packaging-purchase-history-modal .purchases-table table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.packaging-purchase-history-modal .purchases-table table td{border-bottom:1px solid #dee2e6;padding:12px 8px;vertical-align:top}.packaging-purchase-history-modal .purchases-table table td.date{white-space:nowrap}.packaging-purchase-history-modal .purchases-table table td.quantity,.packaging-purchase-history-modal .purchases-table table td.total-cost,.packaging-purchase-history-modal .purchases-table table td.unit-price{font-family:monospace;text-align:right}.packaging-purchase-history-modal .no-purchases{color:#666;padding:60px 20px;text-align:center}.packaging-purchase-history-modal .no-purchases .empty-icon{font-size:48px;margin-bottom:15px}.packaging-purchase-history-modal .no-purchases h3{color:#333;margin:0 0 10px}.packaging-purchase-history-modal .no-purchases p{font-size:14px;margin:5px 0}.packaging-form .inventory-section,.packaging-form .legacy-section{border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.packaging-form .inventory-section h4,.packaging-form .legacy-section h4{color:#495057;font-size:16px;margin:0 0 10px}.packaging-form .inventory-section .section-description,.packaging-form .legacy-section .section-description{color:#6c757d;font-size:14px;margin:0 0 20px}.packaging-form .inventory-section{background:#f8f9fa;border-color:#28a745}.packaging-form .inventory-section h4{color:#28a745}.packaging-form .legacy-section{background:#fff3cd;border-color:#ffc107}.packaging-form .legacy-section h4{color:#856404}.product-list{padding:20px}.product-list .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.product-list .header h2{color:#333;font-size:28px;font-weight:600;margin:0}.product-list .error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.product-list .loading{color:#666;font-size:18px;padding:40px;text-align:center}.product-list .filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;margin-bottom:30px;padding:20px}.product-list .filters .filter-group{display:flex;flex-direction:column;gap:5px}.product-list .filters .filter-group label{color:#333;font-size:14px;font-weight:500}.product-list .filters .filter-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px;padding:8px 12px}.product-list .filters .filter-group select:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0040;outline:none}.product-list .products-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.product-list .products-table .no-products{color:#666;padding:60px 20px;text-align:center}.product-list .products-table .no-products p{font-size:18px;margin:0}.product-list .products-table table{border-collapse:collapse;width:100%}.product-list .products-table table td,.product-list .products-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.product-list .products-table table th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-list .products-table table tbody tr{transition:background-color .2s}.product-list .products-table table tbody tr:hover{background:#f8f9fa}.product-list .products-table table .product-name .product-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.product-list .products-table table .product-name .product-info .description{color:#666;font-size:12px;line-height:1.4;margin:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list .products-table table .category{color:#666;font-size:14px}.product-list .products-table table .price .price-info .base-price{color:#ff7a00;font-family:Courier New,monospace;font-size:16px;font-weight:600}.product-list .products-table table .price .price-info .discounted-price{color:#28a745;display:block;font-family:Courier New,monospace;font-size:14px;font-weight:500;margin-top:2px}.product-list .products-table table .cost{font-family:Courier New,monospace;font-weight:500}.product-list .products-table table .cost.ingredient-cost{color:#6f42c1}.product-list .products-table table .cost.packaging-cost{color:#fd7e14}.product-list .products-table table .cost.total-cost{color:#dc3545;font-weight:600}.product-list .products-table table .profit-margin .margin{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.product-list .products-table table .profit-margin .margin.high{background:#d4edda;color:#155724}.product-list .products-table table .profit-margin .margin.medium{background:#fff3cd;color:#856404}.product-list .products-table table .profit-margin .margin.low{background:#f8d7da;color:#721c24}.product-list .products-table table .status .status{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.product-list .products-table table .status .status.active{background:#d4edda;color:#155724}.product-list .products-table table .status .status.inactive{background:#f8d7da;color:#721c24}.product-list .products-table table .actions{display:flex;gap:5px}.product-list .products-table table .actions .btn{font-size:12px;min-width:auto;padding:4px 8px}.product-list .ingredients-quantities{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:15px}.product-list .ingredients-quantities h5{color:#555;font-size:14px;font-weight:600;margin:0 0 12px}.product-list .ingredients-quantities .quantity-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;gap:12px;margin-bottom:10px;padding:8px}.product-list .ingredients-quantities .quantity-item .ingredient-name{color:#333;flex:1 1;font-size:14px;font-weight:500}.product-list .ingredients-quantities .quantity-item .quantity-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;width:100px}.product-list .ingredients-quantities .quantity-item .quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.product-list .ingredients-quantities .quantity-item .unit{color:#666;font-size:12px;font-weight:500;min-width:50px}.product-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.product-form-overlay .product-form{background:#fff;border-radius:12px;max-height:95vh;max-width:800px;overflow-y:auto;width:95%}.product-form-overlay .product-form .form-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.product-form-overlay .product-form .form-header h3{color:#333;font-size:22px;font-weight:600;margin:0}.product-form-overlay .product-form .form-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.product-form-overlay .product-form .form-header .btn-close:hover{background:#f0f0f0;color:#333}.product-form-overlay .product-form .form-section{border-bottom:1px solid #f0f0f0;padding:20px}.product-form-overlay .product-form .form-section:last-of-type{border-bottom:none}.product-form-overlay .product-form .form-section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.product-form-overlay .product-form .form-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.product-form-overlay .product-form .form-section .section-header h4{margin:0}.product-form-overlay .product-form .form-section.calculations{background:#f8f9fa;margin:0 -20px;padding:20px}.product-form-overlay .product-form .form-section.calculations .calculations-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:10px 15px}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .label{color:#666;font-size:14px;font-weight:500}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .value{font-family:Courier New,monospace;font-size:16px;font-weight:600}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .value.total{color:#dc3545}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .value.profit.high{color:#28a745}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .value.profit.medium{color:#ffc107}.product-form-overlay .product-form .form-section.calculations .calculations-grid .calc-item .value.profit.low{color:#dc3545}.product-form-overlay .product-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:600px){.product-form-overlay .product-form .form-row{gap:0;grid-template-columns:1fr}}.product-form-overlay .product-form .form-group{margin-bottom:20px}.product-form-overlay .product-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.product-form-overlay .product-form .form-group .categories-selection{grid-gap:10px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.product-form-overlay .product-form .form-group .categories-selection .category-checkbox .checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-weight:400;margin-bottom:0;padding:8px 12px;transition:background-color .2s}.product-form-overlay .product-form .form-group .categories-selection .category-checkbox .checkbox-label:hover{background-color:#ff7a001a}.product-form-overlay .product-form .form-group .categories-selection .category-checkbox .checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;width:auto}.product-form-overlay .product-form .form-group .categories-selection .category-checkbox .checkbox-label .checkmark{display:none}.product-form-overlay .product-form .form-group input,.product-form-overlay .product-form .form-group select,.product-form-overlay .product-form .form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.product-form-overlay .product-form .form-group input:focus,.product-form-overlay .product-form .form-group select:focus,.product-form-overlay .product-form .form-group textarea:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0040;outline:none}.product-form-overlay .product-form .form-group input.error,.product-form-overlay .product-form .form-group select.error,.product-form-overlay .product-form .form-group textarea.error{border-color:#dc3545}.product-form-overlay .product-form .form-group textarea{min-height:80px;resize:vertical}.product-form-overlay .product-form .form-group .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.product-form-overlay .product-form .form-group.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.product-form-overlay .product-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.product-form-overlay .product-form .form-group .form-help{color:#666;display:block;font-size:12px;font-style:italic;margin-top:5px}.product-form-overlay .product-form .discount-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:20px}.product-form-overlay .product-form .discount-section .discount-configuration{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.product-form-overlay .product-form .discount-section .discount-summary{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:20px;padding:15px}.product-form-overlay .product-form .discount-section .discount-summary h5{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.product-form-overlay .product-form .discount-section .discount-summary .summary-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.product-form-overlay .product-form .discount-section .discount-summary .summary-row.total{border-top:1px solid #dee2e6;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.product-form-overlay .product-form .discount-section .discount-summary .summary-row .savings{color:#28a745;font-weight:600}.product-form-overlay .product-form .image-row,.product-form-overlay .product-form .ingredient-row,.product-form-overlay .product-form .packaging-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:15px}.product-form-overlay .product-form .image-row .form-group,.product-form-overlay .product-form .ingredient-row .form-group,.product-form-overlay .product-form .packaging-row .form-group{flex:1 1;margin-bottom:0}.product-form-overlay .product-form .image-row .btn,.product-form-overlay .product-form .ingredient-row .btn,.product-form-overlay .product-form .packaging-row .btn{flex-shrink:0;margin-top:28px}.product-form-overlay .product-form .form-actions{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:20px;position:-webkit-sticky;position:sticky}.price-history-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.price-history-overlay .price-history-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:1000px;overflow-y:auto;width:95%}.price-history-overlay .price-history-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.price-history-overlay .price-history-modal .modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.price-history-overlay .price-history-modal .modal-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.price-history-overlay .price-history-modal .modal-header .btn-close:hover{background:#f0f0f0;color:#333}.price-history-overlay .price-history-modal .product-summary{grid-gap:15px;background:#f8f9fa;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.price-history-overlay .price-history-modal .product-summary .summary-item{align-items:center;display:flex;justify-content:space-between}.price-history-overlay .price-history-modal .product-summary .summary-item .label{color:#666;font-size:14px;font-weight:500}.price-history-overlay .price-history-modal .product-summary .summary-item .value{color:#333;font-family:Courier New,monospace;font-weight:600}.price-history-overlay .price-history-modal .product-summary .summary-item .value.discounted{color:#28a745}.price-history-overlay .price-history-modal .history-content{padding:20px}.price-history-overlay .price-history-modal .history-content .loading{color:#666;padding:40px;text-align:center}.price-history-overlay .price-history-modal .history-content .error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;padding:12px}.price-history-overlay .price-history-modal .history-content .no-history{color:#666;padding:40px;text-align:center}.price-history-overlay .price-history-modal .history-content .no-history p{font-size:16px;margin:0}.price-history-overlay .price-history-modal .history-content .history-table{overflow-x:auto}.price-history-overlay .price-history-modal .history-content .history-table table{border-collapse:collapse;width:100%}.price-history-overlay .price-history-modal .history-content .history-table table td,.price-history-overlay .price-history-modal .history-content .history-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.price-history-overlay .price-history-modal .history-content .history-table table th{background:#f8f9fa;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.price-history-overlay .price-history-modal .history-content .history-table table tbody tr{transition:background-color .2s}.price-history-overlay .price-history-modal .history-content .history-table table tbody tr:hover{background:#f8f9fa}.price-history-overlay .price-history-modal .history-content .history-table table .date{color:#666;font-size:13px;white-space:nowrap}.price-history-overlay .price-history-modal .history-content .history-table table .new-price,.price-history-overlay .price-history-modal .history-content .history-table table .old-price{font-family:Courier New,monospace;font-weight:500}.price-history-overlay .price-history-modal .history-content .history-table table .price-change .change-amount{display:block;font-family:Courier New,monospace;font-weight:600}.price-history-overlay .price-history-modal .history-content .history-table table .price-change .change-percentage{font-size:12px;opacity:.8}.price-history-overlay .price-history-modal .history-content .history-table table .price-change.increase{color:#dc3545}.price-history-overlay .price-history-modal .history-content .history-table table .price-change.decrease{color:#28a745}.price-history-overlay .price-history-modal .history-content .history-table table .changed-by{font-weight:500}.price-history-overlay .price-history-modal .history-content .history-table table .reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-history-overlay .price-history-modal .modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:20px}.btn.btn-primary{background:#ff7a00}.btn.btn-primary:hover:not(:disabled){background:#e66900}.btn.btn-info{background:#17a2b8;color:#fff}.btn.btn-info:hover:not(:disabled){background:#138496}.btn.btn-warning{background:#ffc107;color:#212529}.btn.btn-warning:hover:not(:disabled){background:#e0a800}.admin-analytics h2{color:#2c3e50;font-size:1.5rem;margin-bottom:30px}.analytics-overview{margin-bottom:40px}.overview-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px;text-align:center}.overview-card h3{color:#7f8c8d;font-size:14px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.overview-card .metric{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 10px}.overview-card .trend{font-size:12px;font-weight:500}.overview-card .trend.positive{color:#27ae60}.overview-card .trend.negative{color:#e74c3c}.analytics-charts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.chart-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.chart-section h3{color:#2c3e50;font-size:1.1rem;margin-bottom:20px}.chart-container{display:flex;flex-direction:column;gap:15px}.chart-item .chart-label{display:flex;justify-content:space-between;margin-bottom:8px}.chart-item .chart-label .label{color:#2c3e50;font-size:14px;font-weight:500}.chart-item .chart-label .value{color:#7f8c8d;font-size:14px}.chart-item .chart-bar{background-color:#ecf0f1;border-radius:4px;height:8px;overflow:hidden}.chart-item .chart-bar .chart-fill{border-radius:4px;height:100%;transition:width .3s ease}.analytics-activity{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.analytics-activity h3{color:#2c3e50;font-size:1.1rem;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.activity-item .activity-content .activity-action{color:#2c3e50;font-size:14px;font-weight:500;margin:0 0 5px}.activity-item .activity-content .activity-user{color:#7f8c8d;font-size:12px}.activity-item .activity-time{color:#7f8c8d;font-size:12px;white-space:nowrap}.analytics-export{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px}.analytics-export h3{color:#2c3e50;font-size:1.1rem;margin-bottom:20px}.export-options{display:flex;flex-wrap:wrap;gap:15px}.export-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.export-btn:hover{background-color:#2980b9}.export-btn:nth-child(2){background-color:#27ae60}.export-btn:nth-child(2):hover{background-color:#229954}.export-btn:nth-child(3){background-color:#e74c3c}.export-btn:nth-child(3):hover{background-color:#c0392b}@media(max-width:768px){.analytics-charts,.overview-cards{grid-template-columns:1fr}.activity-item{align-items:flex-start;flex-direction:column;gap:10px}.activity-item .activity-time{align-self:flex-end}.export-options{flex-direction:column}.export-options .export-btn{width:100%}}.admin-reviews h2{color:#2c3e50;font-size:1.5rem;margin-bottom:30px}.reviews-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.reviews-header h2{margin:0}.reviews-stats{display:flex;flex-wrap:wrap;gap:20px}.stat{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;min-width:80px;padding:15px 20px}.stat .stat-number{color:#2c3e50;font-size:1.5rem;font-weight:700}.stat .stat-label{color:#7f8c8d;font-size:12px;letter-spacing:1px;text-transform:uppercase}.reviews-controls{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.reviews-controls .filter-controls,.reviews-controls .sort-controls{align-items:center;display:flex;gap:10px}.reviews-controls .filter-controls label,.reviews-controls .sort-controls label{color:#2c3e50;font-size:14px;font-weight:500}.reviews-controls .filter-controls select,.reviews-controls .sort-controls select{background:#fff;border:2px solid #ecf0f1;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.reviews-controls .filter-controls select:focus,.reviews-controls .sort-controls select:focus{border-color:#3498db;outline:none}.reviews-list{grid-gap:20px;display:grid;gap:20px}.review-item{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:25px;transition:transform .3s ease}.review-item:hover{transform:translateY(-2px)}.review-item.pending{border-left:4px solid #f39c12}.review-item.featured{background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #e74c3c}.review-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.review-info h3{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.review-info .review-rating{align-items:center;display:flex;gap:8px}.review-info .review-rating .stars{color:#f39c12;font-size:16px}.review-info .review-rating .rating-number{color:#7f8c8d;font-size:14px}.review-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.review-meta .review-date{color:#7f8c8d;font-size:12px}.review-meta .review-badges{display:flex;flex-wrap:wrap;gap:5px}.badge{border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.approved{background-color:#d4edda;color:#155724}.badge.pending{background-color:#fff3cd;color:#856404}.badge.featured{background-color:#f8d7da;color:#721c24}.review-content{margin-bottom:20px}.review-content p{color:#2c3e50;font-size:14px;line-height:1.6;margin:0}.review-actions{display:flex;flex-wrap:wrap;gap:10px}.review-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.review-actions .approve-btn{background-color:#27ae60;color:#fff}.review-actions .approve-btn:hover{background-color:#229954}.review-actions .reject-btn{background-color:#e74c3c;color:#fff}.review-actions .reject-btn:hover{background-color:#c0392b}.review-actions .feature-btn.feature{background-color:#3498db;color:#fff}.review-actions .feature-btn.feature:hover{background-color:#2980b9}.review-actions .feature-btn.unfeature{background-color:#95a5a6;color:#fff}.review-actions .feature-btn.unfeature:hover{background-color:#7f8c8d}.review-actions .delete-btn{background-color:#e74c3c;color:#fff}.review-actions .delete-btn:hover{background-color:#c0392b}.no-reviews{color:#7f8c8d;padding:60px 20px;text-align:center}.no-reviews p{font-size:16px;margin:0}@media(max-width:768px){.reviews-header{align-items:flex-start;flex-direction:column}.reviews-stats{justify-content:space-between;width:100%}.stat{flex:1 1;min-width:60px}.reviews-controls{flex-direction:column;gap:15px}.review-header{flex-direction:column}.review-header,.review-meta{align-items:flex-start}.review-actions{justify-content:center}}.image-upload .upload-area{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.image-upload .upload-area:hover{background:#f8f9fa;border-color:#007bff}.image-upload .upload-area.drag-over{background:#e3f2fd;border-color:#007bff;transform:scale(1.02)}.image-upload .upload-area.uploading{cursor:not-allowed;opacity:.7}.image-upload .upload-area .upload-content .upload-icon{font-size:48px;margin-bottom:16px;opacity:.6}.image-upload .upload-area .upload-content p{color:#666;margin:8px 0}.image-upload .upload-area .upload-content p:first-of-type{color:#333;font-size:16px}.image-upload .upload-area .upload-content .upload-hint{font-size:14px;font-weight:500}.image-upload .upload-area .upload-content .file-types{color:#999;font-size:12px}.image-upload .upload-area .upload-progress{align-items:center;display:flex;flex-direction:column;gap:16px}.image-upload .upload-area .upload-progress .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}.image-upload .upload-area .upload-progress p{color:#007bff;font-weight:500;margin:0}.image-upload .image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.image-upload .image-grid .image-item .image-wrapper{aspect-ratio:1;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative}.image-upload .image-grid .image-item .image-wrapper img{height:100%;object-fit:cover;transition:transform .2s;width:100%}.image-upload .image-grid .image-item .image-wrapper:hover img{transform:scale(1.05)}.image-upload .image-grid .image-item .image-wrapper:hover .remove-button{opacity:1}.image-upload .image-grid .image-item .image-wrapper .remove-button{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;width:24px}.image-upload .image-grid .image-item .image-wrapper .remove-button:hover{background:#dc3545}.image-upload .image-grid .image-item .image-name{color:#666;font-size:12px;line-height:1.3;margin:8px 0 0;text-align:center;word-break:break-word}.image-upload .image-count{color:#666;font-size:14px;font-weight:500;text-align:center}@media(max-width:768px){.image-upload .upload-area{padding:30px 15px}.image-upload .upload-area .upload-content .upload-icon{font-size:36px}.image-upload .upload-area .upload-content p{font-size:14px}.image-upload .image-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.drag-handle{cursor:grab;padding:8px;text-align:center;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle .drag-icon{color:#666;font-size:16px;font-weight:700}tr.dragging{background-color:#f0f0f0;opacity:.5;transform:rotate(2deg)}.category-list{padding:20px}.category-list .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.category-list .header h2{color:#333;font-size:28px;font-weight:600;margin:0}.category-list .error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px}.category-list .loading{color:#666;font-size:18px;padding:40px;text-align:center}.category-list .categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-list .categories-grid .no-categories{color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.category-list .categories-grid .no-categories p{font-size:18px;margin:0}.category-list .categories-grid .category-card{background:#2b2b2b;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.category-list .categories-grid .category-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.category-list .categories-grid .category-card.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.category-list .categories-grid .category-card .drag-handle{background:#00000080;border-radius:6px;cursor:grab;padding:8px;position:absolute;right:10px;top:10px;z-index:10}.category-list .categories-grid .category-card .drag-handle:active{cursor:grabbing}.category-list .categories-grid .category-card .drag-handle .drag-icon{color:#fff;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none}.category-list .categories-grid .category-card .category-image{background:#f5f5f5;height:200px;overflow:hidden}.category-list .categories-grid .category-card .category-image img{height:100%;object-fit:cover;width:100%}.category-list .categories-grid .category-card .category-content{padding:20px}.category-list .categories-grid .category-card .category-content h3{font-size:20px;font-weight:600;margin:0 0 10px}.category-list .categories-grid .category-card .category-content p{line-height:1.5;margin:0 0 15px}.category-list .categories-grid .category-card .category-content .category-meta{align-items:center;display:flex;font-size:12px;justify-content:space-between}.category-list .categories-grid .category-card .category-content .category-meta .status{border-radius:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.category-list .categories-grid .category-card .category-content .category-meta .status.active{background:#d4edda;color:#155724}.category-list .categories-grid .category-card .category-content .category-meta .status.inactive{background:#f8d7da;color:#721c24}.category-list .categories-grid .category-card .category-content .category-meta .date{color:#999}.category-list .categories-grid .category-card .category-actions{display:flex;gap:10px;padding:0 20px 20px}.category-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.category-form-overlay .category-form{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.category-form-overlay .category-form .form-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.category-form-overlay .category-form .form-header h3{color:#333;font-size:22px;font-weight:600;margin:0}.category-form-overlay .category-form .form-header .btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;width:30px}.category-form-overlay .category-form .form-header .btn-close:hover{background:#f0f0f0;color:#333}.category-form-overlay .category-form .form-group{margin-bottom:20px;padding:0 20px}.category-form-overlay .category-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.category-form-overlay .category-form .form-group input,.category-form-overlay .category-form .form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.category-form-overlay .category-form .form-group input:focus,.category-form-overlay .category-form .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.category-form-overlay .category-form .form-group input.error,.category-form-overlay .category-form .form-group textarea.error{border-color:#dc3545}.category-form-overlay .category-form .form-group textarea{min-height:80px;resize:vertical}.category-form-overlay .category-form .form-group .error-text{color:#dc3545;display:block;font-size:12px;margin-top:4px}.category-form-overlay .category-form .form-group .image-preview{margin-top:10px;text-align:center}.category-form-overlay .category-form .form-group .image-preview img{border-radius:6px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.category-form-overlay .category-form .form-group.checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.category-form-overlay .category-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.category-form-overlay .category-form .form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.btn-primary{background:#007bff;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#0056b3}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover:not(:disabled){background:#545b62}.btn.btn-danger{background:#dc3545;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#c82333}.btn.btn-sm{font-size:12px;padding:6px 12px}.product-options-form .options-container{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.product-options-form .options-container h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.product-options-form .options-container h5{color:#555;font-size:14px;font-weight:600;margin:15px 0 10px}.product-options-form .existing-options{margin-bottom:25px}.product-options-form .existing-options .option-item{background:#fff;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:15px;padding:12px;transition:all .2s ease}.product-options-form .existing-options .option-item:hover{border-color:#d0d0d0;box-shadow:0 2px 4px #0000001a}.product-options-form .existing-options .option-item .option-checkbox{align-items:flex-start;cursor:pointer;display:flex;margin:0}.product-options-form .existing-options .option-item .option-checkbox input[type=checkbox]{margin-right:12px;margin-top:3px;transform:scale(1.1)}.product-options-form .existing-options .option-item .option-checkbox .option-info{flex:1 1}.product-options-form .existing-options .option-item .option-checkbox .option-info strong{color:#333;display:block;font-size:14px;margin-bottom:4px}.product-options-form .existing-options .option-item .option-checkbox .option-info .option-description{color:#666;display:block;font-size:13px;margin-bottom:4px}.product-options-form .existing-options .option-item .option-checkbox .option-info .option-details{color:#888;display:block;font-size:12px;font-style:italic}.product-options-form .existing-options .option-item .choices-preview{margin-top:8px;padding-left:24px}.product-options-form .existing-options .option-item .choices-preview small{color:#777;font-size:11px}.product-options-form .selected-options-summary{background:#e8f5e8;border:1px solid #c8e6c8;border-radius:6px;margin-bottom:25px;padding:15px}.product-options-form .selected-options-summary .selected-option{align-items:center;border-bottom:1px solid #d8e8d8;display:flex;justify-content:space-between;padding:8px 0}.product-options-form .selected-options-summary .selected-option:last-child{border-bottom:none}.product-options-form .selected-options-summary .selected-option span{color:#333;flex:1 1;font-size:13px}.product-options-form .selected-options-summary .selected-option .btn-remove{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:background-color .2s ease}.product-options-form .selected-options-summary .selected-option .btn-remove:hover{background:#c82333}.product-options-form .add-option-section{border-top:2px solid #e0e0e0;padding-top:20px}.product-options-form .new-option-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.product-options-form .new-option-form .form-row{display:flex;gap:15px;margin-bottom:15px}.product-options-form .new-option-form .form-row .form-group{flex:1 1}.product-options-form .new-option-form .form-row .form-group label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.product-options-form .new-option-form .form-row .form-group input,.product-options-form .new-option-form .form-row .form-group select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;transition:border-color .2s ease;width:100%}.product-options-form .new-option-form .form-row .form-group input:focus,.product-options-form .new-option-form .form-row .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.product-options-form .new-option-form .form-row .form-group.checkbox-label{align-items:center;display:flex;margin-bottom:0}.product-options-form .new-option-form .form-row .form-group.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.product-options-form .new-option-form .choices-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:20px;padding:15px}.product-options-form .new-option-form .choices-section .choice-item{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;padding:12px}.product-options-form .new-option-form .choices-section .choice-item .btn-remove-choice{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:20px;padding:6px 12px}.product-options-form .new-option-form .choices-section .choice-item .btn-remove-choice:hover:not(:disabled){background:#c82333}.product-options-form .new-option-form .choices-section .choice-item .btn-remove-choice:disabled{background:#6c757d;cursor:not-allowed}.product-options-form .new-option-form .choices-section .btn-outline{background:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.product-options-form .new-option-form .choices-section .btn-outline:hover{background:#007bff;color:#fff}.product-options-form .new-option-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;margin-top:20px;padding-top:15px}.product-options-form .new-option-form .form-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.product-options-form .new-option-form .form-actions .btn.btn-primary{background:#007bff;color:#fff}.product-options-form .new-option-form .form-actions .btn.btn-primary:hover:not(:disabled){background:#0056b3}.product-options-form .new-option-form .form-actions .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.product-options-form .new-option-form .form-actions .btn.btn-secondary{background:#6c757d;color:#fff}.product-options-form .new-option-form .form-actions .btn.btn-secondary:hover{background:#545b62}@media(max-width:768px){.product-options-form .form-row{flex-direction:column;gap:10px!important}.product-options-form .selected-option{align-items:flex-start!important;flex-direction:column;gap:8px}.product-options-form .selected-option .btn-remove{align-self:flex-end}.product-options-form .form-actions{flex-direction:column}.product-options-form .form-actions .btn{width:100%}}.searchable-select .option-label{display:flex;flex-direction:column;gap:2px}.searchable-select .option-label .option-name{color:#333;font-size:14px;font-weight:500}.searchable-select .option-label .option-description{color:#666;font-size:12px;font-style:italic}.searchable-select .option-label .option-price{color:#28a745;font-size:11px;font-weight:500}.searchable-select .select-error{margin-top:4px}.searchable-select .select-error .error-text{color:#dc3545;font-size:12px}.searchable-select .react-select__menu{z-index:9999!important}.searchable-select .react-select__menu-list::-webkit-scrollbar{width:6px}.searchable-select .react-select__menu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.searchable-select .react-select__menu-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.searchable-select .react-select__menu-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.searchable-select .react-select__loading-indicator{color:#007bff!important}.searchable-select .react-select__multi-value{background-color:#e9ecef;border-radius:3px}.searchable-select .react-select__multi-value .react-select__multi-value__label{color:#495057;font-size:13px;padding:3px 6px}.searchable-select .react-select__multi-value .react-select__multi-value__remove{color:#6c757d;cursor:pointer}.searchable-select .react-select__multi-value .react-select__multi-value__remove:hover{background-color:#dc3545;color:#fff}.searchable-select .react-select__control--is-focused{border-color:#007bff!important;box-shadow:0 0 0 2px #007bff40!important}.searchable-select.has-error .react-select__control{border-color:#dc3545!important}.searchable-select.has-error .react-select__control--is-focused{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.searchable-select .react-select__control--is-disabled{background-color:#f8f9fa;border-color:#e9ecef;cursor:not-allowed}.searchable-select .react-select__control--is-disabled .react-select__placeholder,.searchable-select .react-select__control--is-disabled .react-select__single-value{color:#6c757d!important}@media(max-width:768px){.searchable-select .option-label .option-name{font-size:13px}.searchable-select .option-label .option-description{font-size:11px}.searchable-select .option-label .option-price{font-size:10px}.searchable-select .react-select__menu{font-size:14px}.searchable-select .react-select__control{min-height:40px}}.react-select__menu-portal{z-index:9999!important}.product-variations-form{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:20px}.product-variations-form .variations-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.product-variations-form .variations-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.product-variations-form .variations-header .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.product-variations-form .variations-header .btn.btn-primary{background:#007bff;color:#fff}.product-variations-form .variations-header .btn.btn-primary:hover:not(:disabled){background:#0056b3}.product-variations-form .variations-header .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.product-variations-form .variations-list{margin-bottom:25px}.product-variations-form .variations-list h5{color:#555;font-size:16px;font-weight:600;margin:0 0 15px}.product-variations-form .variations-list .variation-item{align-items:flex-start;background:#fff;border:1px solid #e8e8e8;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:15px;transition:all .2s ease}.product-variations-form .variations-list .variation-item:hover{border-color:#d0d0d0;box-shadow:0 2px 4px #0000001a}.product-variations-form .variations-list .variation-item .variation-info{flex:1 1}.product-variations-form .variations-list .variation-item .variation-info .variation-main{align-items:center;display:flex;gap:8px;margin-bottom:6px}.product-variations-form .variations-list .variation-item .variation-info .variation-main strong{color:#333;font-size:16px}.product-variations-form .variations-list .variation-item .variation-info .variation-main .variation-size{color:#666;font-size:14px;font-weight:400}.product-variations-form .variations-list .variation-item .variation-info .variation-details{display:flex;gap:12px;margin-bottom:6px}.product-variations-form .variations-list .variation-item .variation-info .variation-details .detail-item{background:#f8f9fa;border-radius:3px;color:#666;font-size:13px;padding:2px 6px}.product-variations-form .variations-list .variation-item .variation-info .variation-details .detail-item.discounted{color:#28a745;font-weight:500}.product-variations-form .variations-list .variation-item .variation-info .variation-description{color:#777;font-size:13px;font-style:italic}.product-variations-form .variations-list .variation-item .variation-actions{display:flex;gap:8px}.product-variations-form .variations-list .variation-item .variation-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.product-variations-form .variations-list .variation-item .variation-actions .btn.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.product-variations-form .variations-list .variation-item .variation-actions .btn.btn-outline:hover{background:#007bff;color:#fff}.product-variations-form .variations-list .variation-item .variation-actions .btn.btn-danger{background:#dc3545;color:#fff}.product-variations-form .variations-list .variation-item .variation-actions .btn.btn-danger:hover{background:#c82333}.product-variations-form .variation-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.product-variations-form .variation-form .form-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.product-variations-form .variation-form .form-header h5{color:#333;font-size:16px;font-weight:600;margin:0}.product-variations-form .variation-form .form-header .btn-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.product-variations-form .variation-form .form-header .btn-close:hover{color:#333}.product-variations-form .variation-form .form-content{padding:20px}.product-variations-form .variation-form .form-content .form-row{display:flex;gap:15px;margin-bottom:15px}.product-variations-form .variation-form .form-content .form-row .form-group{flex:1 1}.product-variations-form .variation-form .form-content .form-group{margin-bottom:15px}.product-variations-form .variation-form .form-content .form-group label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.product-variations-form .variation-form .form-content .form-group label.checkbox-label{align-items:center;cursor:pointer;display:flex}.product-variations-form .variation-form .form-content .form-group label.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.product-variations-form .variation-form .form-content .form-group input,.product-variations-form .variation-form .form-content .form-group select,.product-variations-form .variation-form .form-content .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px 12px;transition:border-color .2s ease;width:100%}.product-variations-form .variation-form .form-content .form-group input:focus,.product-variations-form .variation-form .form-content .form-group select:focus,.product-variations-form .variation-form .form-content .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.product-variations-form .variation-form .form-content .form-group input[type=checkbox],.product-variations-form .variation-form .form-content .form-group select[type=checkbox],.product-variations-form .variation-form .form-content .form-group textarea[type=checkbox]{width:auto}.product-variations-form .variation-form .form-content .form-group textarea{min-height:60px;resize:vertical}.product-variations-form .variation-form .form-content .ingredients-quantities{background:#f8f9fa;border-radius:4px;margin-top:12px;padding:12px}.product-variations-form .variation-form .form-content .ingredients-quantities h6{color:#555;font-size:13px;font-weight:600;margin:0 0 10px}.product-variations-form .variation-form .form-content .ingredients-quantities .quantity-item{align-items:center;display:flex;gap:10px;margin-bottom:8px}.product-variations-form .variation-form .form-content .ingredients-quantities .quantity-item .ingredient-name{color:#333;flex:1 1;font-size:13px}.product-variations-form .variation-form .form-content .ingredients-quantities .quantity-item input{font-size:12px;padding:4px 8px;width:80px}.product-variations-form .variation-form .form-content .ingredients-quantities .quantity-item .unit{color:#666;font-size:12px;min-width:40px}.product-variations-form .variation-form .form-content .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;margin-top:20px;padding-top:15px}.product-variations-form .variation-form .form-content .form-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.product-variations-form .variation-form .form-content .form-actions .btn.btn-primary{background:#007bff;color:#fff}.product-variations-form .variation-form .form-content .form-actions .btn.btn-primary:hover:not(:disabled){background:#0056b3}.product-variations-form .variation-form .form-content .form-actions .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.product-variations-form .variation-form .form-content .form-actions .btn.btn-secondary{background:#6c757d;color:#fff}.product-variations-form .variation-form .form-content .form-actions .btn.btn-secondary:hover{background:#545b62}@media(max-width:768px){.product-variations-form{padding:15px}.product-variations-form .variations-header{align-items:stretch;flex-direction:column;gap:10px}.product-variations-form .variations-header .btn{width:100%}.product-variations-form .variation-item{flex-direction:column;gap:15px}.product-variations-form .variation-item .variation-actions{justify-content:flex-end}.product-variations-form .form-row{flex-direction:column!important;gap:10px!important}.product-variations-form .ingredients-quantities .quantity-item{align-items:stretch;flex-direction:column;gap:6px}.product-variations-form .ingredients-quantities .quantity-item input{width:100%!important}.product-variations-form .form-actions{flex-direction:column}.product-variations-form .form-actions .btn{width:100%}}.product-options-manager{padding:20px}.product-options-manager.modal-mode{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;height:900px;left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1001}.product-options-manager .header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.product-options-manager .header .header-content h2{color:#333;font-size:28px;font-weight:600;margin:0 0 5px}.product-options-manager .header .header-content p{color:#666;font-size:16px;margin:0}.product-options-manager .header .header-actions{display:flex;gap:10px}.product-options-manager .header .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.product-options-manager .header .btn.btn-primary{background:#007bff;color:#fff}.product-options-manager .header .btn.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.product-options-manager .header .btn.btn-secondary{background:#6c757d;color:#fff}.product-options-manager .header .btn.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.product-options-manager .filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:20px;margin-bottom:30px;padding:20px}.product-options-manager .filters .filter-group{display:flex;flex-direction:column;gap:6px}.product-options-manager .filters .filter-group label{color:#555;font-size:13px;font-weight:500}.product-options-manager .filters .filter-group input,.product-options-manager .filters .filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.product-options-manager .filters .filter-group input:focus,.product-options-manager .filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.product-options-manager .loading,.product-options-manager .no-options{color:#666;font-size:16px;padding:60px 20px;text-align:center}.product-options-manager .options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.product-options-manager .option-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .2s ease}.product-options-manager .option-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.product-options-manager .option-card .option-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.product-options-manager .option-card .option-header .option-title{flex:1 1}.product-options-manager .option-card .option-header .option-title h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.product-options-manager .option-card .option-header .option-title .option-badges{display:flex;flex-wrap:wrap;gap:6px}.product-options-manager .option-card .option-header .option-title .option-badges .badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 8px;text-transform:uppercase}.product-options-manager .option-card .option-header .option-title .option-badges .badge.badge-single{background:#e3f2fd;color:#1976d2}.product-options-manager .option-card .option-header .option-title .option-badges .badge.badge-multiple{background:#f3e5f5;color:#7b1fa2}.product-options-manager .option-card .option-header .option-title .option-badges .badge.badge-required{background:#fff3e0;color:#f57c00}.product-options-manager .option-card .option-header .option-title .option-badges .badge.badge-inactive{background:#fafafa;color:#757575}.product-options-manager .option-card .option-header .option-actions{display:flex;gap:6px}.product-options-manager .option-card .option-header .option-actions .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.product-options-manager .option-card .option-header .option-actions .btn.btn-outline{background:#0000;border:1px solid #007bff;color:#007bff}.product-options-manager .option-card .option-header .option-actions .btn.btn-outline:hover{background:#007bff;color:#fff}.product-options-manager .option-card .option-header .option-actions .btn.btn-danger{background:#dc3545;color:#fff}.product-options-manager .option-card .option-header .option-actions .btn.btn-danger:hover{background:#c82333}.product-options-manager .option-card .option-description{color:#666;font-size:14px;line-height:1.4;margin:0 0 15px}.product-options-manager .option-card .option-details{margin-bottom:15px}.product-options-manager .option-card .option-details .selection-limits{display:flex;gap:12px}.product-options-manager .option-card .option-details .selection-limits span{background:#f8f9fa;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.product-options-manager .option-card .choices-preview h4{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.product-options-manager .option-card .choices-preview .choices-list .choice-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:8px 0}.product-options-manager .option-card .choices-preview .choices-list .choice-item:last-child{border-bottom:none}.product-options-manager .option-card .choices-preview .choices-list .choice-item .choice-name{color:#333;flex:1 1;font-size:13px}.product-options-manager .option-card .choices-preview .choices-list .choice-item .choice-price{color:#28a745;font-size:12px;font-weight:500}.product-options-manager .option-card .choices-preview .choices-list .more-choices{color:#666;font-size:12px;font-style:italic;padding:8px 0}.product-options-manager .option-card .choices-preview .no-choices{color:#999;font-size:13px;font-style:italic;margin:0}.product-options-manager .modal-content{box-shadow:0 10px 40px #0003;max-height:90vh}.product-options-manager .modal-content .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.product-options-manager .modal-content .modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.product-options-manager .modal-content .modal-header .btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.product-options-manager .modal-content .modal-header .btn-close:hover{background:#e9ecef;color:#333}.product-options-manager .modal-content .modal-body{max-height:60vh;overflow-y:auto;padding:24px}.product-options-manager .modal-content .modal-body .form-row{display:flex;gap:16px;margin-bottom:16px}.product-options-manager .modal-content .modal-body .form-row .form-group{flex:1 1}.product-options-manager .modal-content .modal-body .form-group{margin-bottom:16px}.product-options-manager .modal-content .modal-body .form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.product-options-manager .modal-content .modal-body .form-group label.checkbox-label{align-items:center;cursor:pointer;display:flex}.product-options-manager .modal-content .modal-body .form-group label.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.product-options-manager .modal-content .modal-body .form-group input,.product-options-manager .modal-content .modal-body .form-group select,.product-options-manager .modal-content .modal-body .form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.product-options-manager .modal-content .modal-body .form-group input:focus,.product-options-manager .modal-content .modal-body .form-group select:focus,.product-options-manager .modal-content .modal-body .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.product-options-manager .modal-content .modal-body .form-group input[type=checkbox],.product-options-manager .modal-content .modal-body .form-group select[type=checkbox],.product-options-manager .modal-content .modal-body .form-group textarea[type=checkbox]{width:auto}.product-options-manager .modal-content .modal-body .form-group textarea{min-height:80px;resize:vertical}.product-options-manager .modal-content .modal-body .choices-section{background:#f8f9fa;border-radius:8px;margin-top:24px;padding:20px}.product-options-manager .modal-content .modal-body .choices-section .choices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.product-options-manager .modal-content .modal-body .choices-section .choices-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.product-options-manager .modal-content .modal-body .choices-section .choices-header .btn{background:#0000;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:12px;padding:6px 12px}.product-options-manager .modal-content .modal-body .choices-section .choices-header .btn:hover{background:#007bff;color:#fff}.product-options-manager .modal-content .modal-body .choices-section .choice-form{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:12px;padding:16px}.product-options-manager .modal-content .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.product-options-manager .modal-content .modal-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.product-options-manager .modal-content .modal-footer .btn.btn-primary{background:#007bff;color:#fff}.product-options-manager .modal-content .modal-footer .btn.btn-primary:hover:not(:disabled){background:#0056b3}.product-options-manager .modal-content .modal-footer .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.product-options-manager .modal-content .modal-footer .btn.btn-secondary{background:#6c757d;color:#fff}.product-options-manager .modal-content .modal-footer .btn.btn-secondary:hover{background:#545b62}@media(max-width:768px){.product-options-manager{padding:15px}.product-options-manager .header{align-items:stretch;flex-direction:column;gap:15px}.product-options-manager .header .btn{width:100%}.product-options-manager .filters{flex-direction:column;gap:15px}.product-options-manager .filters .filter-group input,.product-options-manager .filters .filter-group select{min-width:auto}.product-options-manager .options-grid{grid-template-columns:1fr}.product-options-manager .modal-content{margin:10px;max-width:none}.product-options-manager .modal-content .modal-body{padding:16px}.product-options-manager .modal-content .modal-body .form-row{flex-direction:column;gap:12px}.product-options-manager .modal-content .modal-footer{flex-direction:column}.product-options-manager .modal-content .modal-footer .btn{width:100%}}.product-options-manager .modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.product-options-manager .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;position:relative;width:100%}.product-options-manager .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.product-options-manager .modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.product-options-manager .modal-header .btn-close{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.product-options-manager .modal-header .btn-close:hover{background:#f8f9fa;color:#333}.product-options-manager .modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.product-options-manager .modal-body .form-row{display:flex;gap:16px;margin-bottom:20px}@media(max-width:600px){.product-options-manager .modal-body .form-row{flex-direction:column;gap:0}}.product-options-manager .modal-body .form-row .form-group{flex:1 1}.product-options-manager .modal-body .form-group{margin-bottom:20px}.product-options-manager .modal-body .form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.product-options-manager .modal-body .form-group label.checkbox-label{align-items:center;cursor:pointer;display:flex;margin-bottom:0}.product-options-manager .modal-body .form-group label.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.product-options-manager .modal-body .form-group input,.product-options-manager .modal-body .form-group select,.product-options-manager .modal-body .form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.product-options-manager .modal-body .form-group input:focus,.product-options-manager .modal-body .form-group select:focus,.product-options-manager .modal-body .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.product-options-manager .modal-body .form-group input[type=checkbox],.product-options-manager .modal-body .form-group select[type=checkbox],.product-options-manager .modal-body .form-group textarea[type=checkbox]{width:auto}.product-options-manager .modal-body .form-group textarea{line-height:1.4;min-height:80px;resize:vertical}.product-options-manager .modal-body .form-group select{cursor:pointer}.product-options-manager .modal-body .choices-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-top:24px;padding:24px}.product-options-manager .modal-body .choices-section .choices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.product-options-manager .modal-body .choices-section .choices-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.product-options-manager .modal-body .choices-section .choices-header .btn{font-size:14px;padding:8px 16px}.product-options-manager .modal-body .choices-section .choice-form{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:20px}.product-options-manager .modal-body .choices-section .choice-form .choice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.product-options-manager .modal-body .choices-section .choice-form .choice-header h5{color:#555;font-size:14px;font-weight:600;margin:0}.product-options-manager .modal-body .choices-section .choice-form .choice-header .btn-remove{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s ease}.product-options-manager .modal-body .choices-section .choice-form .choice-header .btn-remove:hover{background:#c82333}.product-options-manager .modal-body .choices-section .choice-form .choice-header .btn-remove:disabled{background:#6c757d;cursor:not-allowed}.product-options-manager .modal-body .choices-section .choice-form .form-row{margin-bottom:12px}.product-options-manager .modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.product-options-manager .modal-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.product-options-manager .modal-footer .btn.btn-secondary{background:#6c757d;color:#fff}.product-options-manager .modal-footer .btn.btn-secondary:hover{background:#545b62}.product-options-manager .modal-footer .btn.btn-primary{background:#007bff;color:#fff}.product-options-manager .modal-footer .btn.btn-primary:hover{background:#0056b3}.product-options-manager .modal-footer .btn.btn-primary:disabled{background:#6c757d;cursor:not-allowed}@media(max-width:768px){.product-options-manager .modal-overlay{padding:10px}.product-options-manager .modal-content{max-height:95vh;max-width:100%}.product-options-manager .modal-header{padding:16px 20px}.product-options-manager .modal-header h3{font-size:18px}.product-options-manager .modal-body{padding:20px}.product-options-manager .modal-body .form-row{flex-direction:column;gap:0}.product-options-manager .modal-footer{flex-direction:column;padding:16px 20px}.product-options-manager .modal-footer .btn{margin-bottom:8px;width:100%}.product-options-manager .modal-footer .btn:last-child{margin-bottom:0}}.product-options-list{background-color:#1a1a1a;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh}.product-options-list .options-layout{display:flex;flex:1 1;overflow:hidden}.product-options-list .options-layout .options-sidebar{background:#2b2b2b;border-right:1px solid #404040;display:flex;flex-direction:column;width:280px}.product-options-list .options-layout .options-sidebar .sidebar-header{border-bottom:1px solid #404040;padding:20px}.product-options-list .options-layout .options-sidebar .sidebar-header h3{color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 15px}.product-options-list .options-layout .options-sidebar .sidebar-header .btn-add-group{align-items:center;background:none;border:none;border-radius:6px;color:#ff7a00;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.product-options-list .options-layout .options-sidebar .sidebar-header .btn-add-group:hover{background-color:#ff7a001a;transform:translateY(-1px)}.product-options-list .options-layout .options-sidebar .option-groups{flex:1 1;overflow-y:auto}.product-options-list .options-layout .options-sidebar .option-groups .option-group{align-items:center;border-bottom:1px solid #404040;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:all .2s ease}.product-options-list .options-layout .options-sidebar .option-groups .option-group:hover{background-color:#ff7a001a}.product-options-list .options-layout .options-sidebar .option-groups .option-group.active{background-color:#ff7a00;box-shadow:0 2px 8px #ff7a004d;color:#fff}.product-options-list .options-layout .options-sidebar .option-groups .option-group.active .group-count{color:#ffffffe6}.product-options-list .options-layout .options-sidebar .option-groups .option-group .group-info{flex:1 1}.product-options-list .options-layout .options-sidebar .option-groups .option-group .group-info .group-name{color:#fff;display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.product-options-list .options-layout .options-sidebar .option-groups .option-group .group-info .group-count{color:#bdc3c7;display:block;font-family:Poppins,sans-serif;font-size:12px;margin-top:2px}.product-options-list .options-layout .options-sidebar .option-groups .option-group .group-arrow{color:#bdc3c7;font-size:14px;opacity:.7}.product-options-list .options-layout .options-content{background:#2b2b2b;display:flex;flex:1 1;flex-direction:column}.product-options-list .options-layout .options-content .content-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:20px}.product-options-list .options-layout .options-content .content-header .header-left{align-items:center;display:flex;gap:20px}.product-options-list .options-layout .options-content .content-header .header-left .tabs{border:1px solid #404040;border-radius:8px;display:flex;gap:0;overflow:hidden}.product-options-list .options-layout .options-content .content-header .header-left .tabs .tab{background:#0000;border:none;border-right:1px solid #404040;color:#bdc3c7;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s ease}.product-options-list .options-layout .options-content .content-header .header-left .tabs .tab:last-child{border-right:none}.product-options-list .options-layout .options-content .content-header .header-left .tabs .tab.active{background-color:#ff7a00;box-shadow:0 2px 8px #ff7a004d;color:#fff}.product-options-list .options-layout .options-content .content-header .header-left .tabs .tab:hover:not(.active){background-color:#ff7a001a;color:#fff}.product-options-list .options-layout .options-content .content-header .header-left .search-box{position:relative;width:200px}.product-options-list .options-layout .options-content .content-header .header-left .search-box .search-icon{color:#bdc3c7;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.product-options-list .options-layout .options-content .content-header .header-left .search-box .search-input{background:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:10px 12px 10px 35px;transition:all .2s ease;width:100%}.product-options-list .options-layout .options-content .content-header .header-left .search-box .search-input::placeholder{color:#95a5a6}.product-options-list .options-layout .options-content .content-header .header-left .search-box .search-input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a001a}.product-options-list .options-layout .options-content .content-header .header-right{align-items:center;display:flex;gap:12px}.product-options-list .options-layout .options-content .content-header .header-right .btn{background:#0000;border:1px solid #404040;border-radius:8px;color:#bdc3c7;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:10px 14px;transition:all .3s ease}.product-options-list .options-layout .options-content .content-header .header-right .btn:hover{background-color:#ff7a001a;border-color:#ff7a00;color:#fff;transform:translateY(-1px)}.product-options-list .options-layout .options-content .content-header .header-right .btn.btn-filter,.product-options-list .options-layout .options-content .content-header .header-right .btn.btn-more{color:#bdc3c7}.product-options-list .options-layout .options-content .group-title-section{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:24px 20px}.product-options-list .options-layout .options-content .group-title-section .group-title{align-items:center;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;gap:12px;margin:0}.product-options-list .options-layout .options-content .group-title-section .group-title .edit-group-btn{background:none;border:none;border-radius:6px;color:#bdc3c7;cursor:pointer;font-size:14px;padding:6px;transition:all .2s ease}.product-options-list .options-layout .options-content .group-title-section .group-title .edit-group-btn:hover{background-color:#ff7a001a;color:#ff7a00;transform:scale(1.1)}.product-options-list .options-layout .options-content .group-title-section .btn-add-option{background-color:#ff7a00;border:none;border-radius:8px;box-shadow:0 2px 8px #ff7a004d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.product-options-list .options-layout .options-content .group-title-section .btn-add-option:hover{background-color:#e66a00;box-shadow:0 4px 15px #ff7a0066;transform:translateY(-2px)}.product-options-list .options-layout .options-content .linked-info{align-items:center;background-color:#ff7a001a;border-bottom:1px solid #404040;color:#bdc3c7;display:flex;font-family:Poppins,sans-serif;font-size:14px;gap:10px;padding:16px 20px}.product-options-list .options-layout .options-content .linked-info .link-icon{color:#ff7a00;font-size:16px}.product-options-list .options-layout .options-content .linked-info .link-text{color:#fff;font-weight:500}.product-options-list .options-layout .options-content .option-item{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:18px 20px;transition:all .2s ease}.product-options-list .options-layout .options-content .option-item:hover{background-color:#ff7a000d}.product-options-list .options-layout .options-content .option-item .option-info{flex:1 1}.product-options-list .options-layout .options-content .option-item .option-info .option-name{color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 0 6px}.product-options-list .options-layout .options-content .option-item .option-info .option-price{color:#ff7a00;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch input{height:0;opacity:0;width:0}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch input:checked+.toggle-slider{background-color:#ff7a00;box-shadow:0 2px 8px #ff7a0066}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch .toggle-slider{background-color:#404040;border:2px solid #404040;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch .toggle-slider:hover{background-color:#555}.product-options-list .options-layout .options-content .option-item .option-toggle .toggle-switch .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0003;content:"";height:18px;left:3px;position:absolute;transition:all .3s ease;width:18px}.menu-preview{background-color:#1a1a1a;font-family:Poppins,sans-serif;min-height:100vh;padding:20px}.menu-preview .header{border-bottom:2px solid #404040;margin-bottom:30px;padding-bottom:20px;text-align:center}.menu-preview .header h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px}.menu-preview .header p{color:#bdc3c7;font-size:16px;margin:0}.menu-preview .category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.menu-preview .category-filter button{background:#0000;border:2px solid #404040;border-radius:25px;color:#bdc3c7;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.menu-preview .category-filter button:hover{border-color:#ff7a00;color:#ff7a00;transform:translateY(-2px)}.menu-preview .category-filter button.active{background-color:#ff7a00;border-color:#ff7a00;box-shadow:0 4px 15px #ff7a004d;color:#fff}.menu-preview .category-section{margin-bottom:40px}.menu-preview .category-section .category-title{background:linear-gradient(135deg,#ff7a001a,#ff7a000d);border:2px solid #ff7a004d;border-radius:12px;color:#ff7a00;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 25px;padding:15px;text-align:center;text-transform:uppercase}.menu-preview .menu-item{align-items:flex-start;background:#2b2b2b;border:1px solid #404040;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;height:100%;overflow:hidden;transition:all .3s ease}.menu-preview .menu-item:hover{border-color:#ff7a00;box-shadow:0 8px 25px #ff7a0033;transform:translateY(-4px)}.menu-preview .menu-item .item-image{background:#404040;flex-shrink:0;height:200px;overflow:hidden;position:relative;width:200px}.menu-preview .menu-item .item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.menu-preview .menu-item .item-image .no-image{align-items:center;color:#95a5a6;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center}.menu-preview .menu-item .item-image:hover img{transform:scale(1.05)}.menu-preview .menu-item .item-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.menu-preview .menu-item .item-content .item-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:12px}.menu-preview .menu-item .item-content .item-header .item-name{color:#fff;flex:1 1;font-size:20px;font-weight:700;line-height:1.2;margin:0}.menu-preview .menu-item .item-content .item-header .item-price{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.menu-preview .menu-item .item-content .item-header .item-price .price{color:#ff7a00;font-size:18px;font-weight:700}.menu-preview .menu-item .item-content .item-header .item-price .original-price{color:#95a5a6;font-size:14px;text-decoration:line-through}.menu-preview .menu-item .item-content .item-header .item-price .discounted-price{color:#28a745;font-size:18px;font-weight:700}.menu-preview .menu-item .item-content .item-description{color:#bdc3c7;font-size:14px;line-height:1.5;margin:0 0 15px}.menu-preview .menu-item .item-content .item-options{background:#ff7a001a;border-left:3px solid #ff7a00;border-radius:8px;margin:15px 0;padding:15px}.menu-preview .menu-item .item-content .item-options h4{color:#ff7a00;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.menu-preview .menu-item .item-content .item-options .options-list{display:flex;flex-direction:column;gap:12px}.menu-preview .menu-item .item-content .item-options .options-list .option-group .option-name{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.menu-preview .menu-item .item-content .item-options .options-list .option-group .option-choices{display:flex;flex-wrap:wrap;gap:6px}.menu-preview .menu-item .item-content .item-options .options-list .option-group .option-choices .choice{align-items:center;background:#404040;border:1px solid #555;border-radius:12px;color:#bdc3c7;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.menu-preview .menu-item .item-content .item-options .options-list .option-group .option-choices .choice .choice-price{color:#ff7a00;font-weight:600}.menu-preview .menu-item .item-content .item-options .options-list .option-group .option-choices .more-choices{background:#ff7a00;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.menu-preview .menu-item .item-content .item-footer{align-items:center;border-top:1px solid #404040;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.menu-preview .menu-item .item-content .item-footer .category-tag{background:#ff7a0033;border:1px solid #ff7a004d;border-radius:15px;color:#ff7a00;font-size:12px;font-weight:600;padding:4px 12px}.menu-preview .menu-item .item-content .item-footer .inactive-badge{background:#dc3545;border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.table-layout{background:#1a1a1a;color:#fff;padding:1rem 0}.layout-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.layout-header h2{color:#ff7a00;font-size:1.75rem;font-weight:700;margin:0}.section-filters{display:flex;flex-wrap:wrap;gap:.5rem}.section-btn{background:#0000;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.section-btn:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.section-btn.active{background:#ff7a00;border-color:#ff7a00;color:#1a1a1a;font-weight:600}.layout-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.legend-item .legend-color{border-radius:50%;height:12px;width:12px}.table-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.table-card{background:#2b2b2b;border:2px solid #444;border-radius:16px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.table-card:hover{box-shadow:0 8px 25px #ff7a0033;transform:translateY(-2px)}.table-card.available{border-color:#22c55e}.table-card.available:hover{background:#22c55e1a}.table-card.occupied{border-color:#ef4444}.table-card.occupied:hover{background:#ef44441a}.table-card.reserved{border-color:#3b82f6}.table-card.reserved:hover{background:#3b82f61a}.table-card.maintenance{border-color:#9ca3af;opacity:.7}.table-card.maintenance:hover{background:#9ca3af1a}.table-header{justify-content:space-between;margin-bottom:1rem}.table-header,.table-number{align-items:center;display:flex}.table-number{color:#ff7a00;font-size:1.25rem;font-weight:700;gap:.5rem}.table-number .table-icon{font-size:1rem}.table-capacity{align-items:center;color:#ccc;display:flex;font-size:.875rem;gap:.25rem}.table-status{border-radius:8px;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.table-status.available{background:#22c55e33;color:#22c55e}.table-status.occupied{background:#ef444433;color:#ef4444}.table-status.reserved{background:#3b82f633;color:#3b82f6}.table-status.maintenance{background:#9ca3af33;color:#9ca3af}.order-info{background:#ff7a001a;border:1px solid #ff7a00;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.order-info .order-number{color:#ff7a00;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.order-info .order-total{color:#fff;font-size:1.125rem;font-weight:700}.reservation-info{background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;margin-bottom:.75rem;padding:.75rem}.reservation-info .customer-name{color:#3b82f6;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.reservation-info .party-size{color:#ccc;font-size:.75rem;margin-bottom:.25rem}.reservation-info .reservation-time{color:#ccc;font-size:.75rem}.staff-info{align-items:center;color:#ccc;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem}.staff-info .staff-icon{font-size:1rem}.table-section{align-items:center;color:#888;display:flex;font-size:.75rem;gap:.25rem;text-transform:capitalize}.no-tables{color:#ccc;padding:4rem 2rem;text-align:center}.no-tables .no-tables-icon{font-size:4rem;margin-bottom:1rem}.no-tables h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.no-tables p{font-size:.875rem;margin:0}.layout-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.stat-card{background:#2b2b2b;border:1px solid #444;border-radius:12px;padding:1.5rem;text-align:center}.stat-card .stat-number{color:#ff7a00;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-card .stat-label{color:#ccc;font-size:.875rem;font-weight:500;text-transform:uppercase}@media(max-width:768px){.table-grid{grid-template-columns:1fr}.layout-header{align-items:stretch;flex-direction:column}.layout-header h2{text-align:center}.layout-legend,.section-filters{justify-content:center}.layout-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.table-card{padding:1rem}.layout-stats{grid-template-columns:1fr}}.customer-search{margin-bottom:1.5rem;position:relative}.customer-search .customer-search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.customer-search .customer-search-header label{color:#333;font-size:.95rem;font-weight:600}.customer-search .customer-search-header label .required{color:#e53e3e;margin-left:2px}.customer-search .customer-search-header .btn-new-customer{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.customer-search .customer-search-header .btn-new-customer:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.customer-search .customer-search-header .btn-new-customer:active{transform:translateY(0)}.customer-search .search-input-container{position:relative}.customer-search .search-input-container .customer-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.customer-search .search-input-container .customer-search-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.customer-search .search-input-container .customer-search-input::placeholder{color:#a0aec0}.customer-search .search-input-container .clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;position:absolute;right:32px;top:50%;transform:translateY(-50%);width:24px}.customer-search .search-input-container .clear-search-btn:hover{background:#f7fafc;color:#4a5568}.customer-search .search-input-container .search-loading{animation:spin 1s linear infinite;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.customer-search .search-results{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 10px 25px #00000026;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-search .search-results.no-results{padding:20px;text-align:center}.customer-search .search-results.no-results .no-results-message{color:#718096;font-size:.9rem}.customer-search .search-results.no-results .no-results-message .btn-create-from-search{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;margin-top:12px;padding:8px 16px;transition:all .2s ease}.customer-search .search-results.no-results .no-results-message .btn-create-from-search:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.customer-search .search-results .search-result-item{border-bottom:1px solid #f7fafc;cursor:pointer;padding:16px;transition:all .2s ease}.customer-search .search-results .search-result-item:hover{background:#f7fafc}.customer-search .search-results .search-result-item:last-child{border-bottom:none}.customer-search .search-results .search-result-item .customer-info .customer-name{color:#2d3748;font-weight:600;margin-bottom:4px}.customer-search .search-results .search-result-item .customer-info .customer-details{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:8px;margin-bottom:4px}.customer-search .search-results .search-result-item .customer-info .customer-details .vip-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px}.customer-search .search-results .search-result-item .customer-info .customer-details .visit-count{background:#e2e8f0;border-radius:10px;color:#4a5568;font-size:.7rem;padding:2px 6px}.customer-search .search-results .search-result-item .customer-info .customer-address{align-items:center;color:#718096;display:flex;font-size:.8rem;gap:4px}.customer-search .selected-customer{margin-top:1rem}.customer-search .selected-customer .customer-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:8px;padding:16px}.customer-search .selected-customer .customer-card .customer-main-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.customer-search .selected-customer .customer-card .customer-main-info h3{color:#2d3748;font-size:1.1rem;margin:0}.customer-search .selected-customer .customer-card .customer-main-info p{color:#718096;font-size:.9rem;margin:0}.customer-search .selected-customer .customer-card .customer-main-info .vip-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.customer-search .selected-customer .customer-card .delivery-address{border-top:1px solid #e2e8f0;padding-top:12px}.customer-search .selected-customer .customer-card .delivery-address h4{color:#4a5568;font-size:.9rem;margin:0 0 8px}.customer-search .selected-customer .customer-card .delivery-address .address p{color:#2d3748;font-size:.9rem;line-height:1.4;margin:0}.customer-search .selected-customer .customer-card .delivery-address .address p small{color:#718096}.customer-search .create-customer-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.customer-search .create-customer-modal .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.customer-search .create-customer-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.customer-search .create-customer-modal .modal-content .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.customer-search .create-customer-modal .modal-content .modal-header h3{color:#2d3748;margin:0}.customer-search .create-customer-modal .modal-content .modal-header .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.customer-search .create-customer-modal .modal-content .modal-header .modal-close:hover{background:#f7fafc;color:#4a5568}.customer-search .create-customer-modal .modal-content .modal-body{padding:24px}.customer-search .create-customer-modal .modal-content .modal-body .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media(max-width:600px){.customer-search .create-customer-modal .modal-content .modal-body .form-row{grid-template-columns:1fr}}.customer-search .create-customer-modal .modal-content .modal-body .form-group{margin-bottom:16px}.customer-search .create-customer-modal .modal-content .modal-body .form-group label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.customer-search .create-customer-modal .modal-content .modal-body .form-group input,.customer-search .create-customer-modal .modal-content .modal-body .form-group textarea{border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.customer-search .create-customer-modal .modal-content .modal-body .form-group input:focus,.customer-search .create-customer-modal .modal-content .modal-body .form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.customer-search .create-customer-modal .modal-content .modal-body .form-group input::placeholder,.customer-search .create-customer-modal .modal-content .modal-body .form-group textarea::placeholder{color:#a0aec0}.customer-search .create-customer-modal .modal-content .modal-body .form-group textarea{min-height:60px;resize:vertical}.customer-search .create-customer-modal .modal-content .modal-body .delivery-address-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.customer-search .create-customer-modal .modal-content .modal-body .delivery-address-section h4{align-items:center;color:#2d3748;display:flex;gap:8px;margin:0 0 16px}.customer-search .create-customer-modal .modal-content .modal-body .delivery-address-section h4:before{content:"🚚";font-size:1.2em}.customer-search .create-customer-modal .modal-content .modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.customer-search .create-customer-modal .modal-content .modal-footer .btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;padding:10px 20px;transition:all .2s ease}.customer-search .create-customer-modal .modal-content .modal-footer .btn-cancel:hover{background:#f7fafc;border-color:#cbd5e0}.customer-search .create-customer-modal .modal-content .modal-footer .btn-create{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .2s ease}.customer-search .create-customer-modal .modal-content .modal-footer .btn-create:hover:not(:disabled){box-shadow:0 4px 12px #4299e14d;transform:translateY(-1px)}.customer-search .create-customer-modal .modal-content .modal-footer .btn-create:disabled{cursor:not-allowed;opacity:.6}.customer-search .create-customer-modal .modal-content .modal-footer .btn-create:active{transform:translateY(0)}.order-entry{background:#1a1a1a;color:#fff;padding:1rem 0}.order-entry-header{align-items:center;border-bottom:2px solid #ff7a00;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.order-entry-header h2{color:#ff7a00;font-size:1.75rem;font-weight:700;margin:0}.order-entry-header .table-info{background:#ff7a001a;border:1px solid #ff7a00;border-radius:8px;color:#ff7a00;font-weight:600;padding:.5rem 1rem}.order-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.products-section .products-error,.products-section .products-loading{color:#ccc;padding:4rem 2rem;text-align:center}.products-section .products-error .error-icon,.products-section .products-error .loading-spinner,.products-section .products-loading .error-icon,.products-section .products-loading .loading-spinner{animation:spin 2s linear infinite;font-size:3rem;margin-bottom:1rem}.products-section .products-error .error-icon,.products-section .products-loading .error-icon{animation:none;color:#ef4444}.products-section .products-error h3,.products-section .products-loading h3{color:#fff;font-size:1.25rem;margin:0 0 1rem}.products-section .products-error p,.products-section .products-loading p{font-size:.875rem;margin:0 0 1.5rem}.products-section .products-error .retry-btn,.products-section .products-loading .retry-btn{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.products-section .products-error .retry-btn:hover,.products-section .products-loading .retry-btn:hover{background:#ff9500}.products-section .no-products{color:#ccc;grid-column:1/-1;padding:4rem 2rem;text-align:center}.products-section .no-products .no-products-icon{font-size:3rem;margin-bottom:1rem}.products-section .no-products h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.products-section .no-products p{font-size:.875rem;margin:0}.products-section .category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.products-section .category-filters button{background:#0000;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.products-section .category-filters button:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.products-section .category-filters button.active{background:#ff7a00;border-color:#ff7a00;color:#1a1a1a;font-weight:600}.products-section .products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{background:#2b2b2b;border:1px solid #444;border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.product-card:hover{border-color:#ff7a00;box-shadow:0 4px 15px #ff7a0033;transform:translateY(-2px)}.product-card img{border-radius:8px;height:120px;margin-bottom:.75rem;object-fit:cover;width:100%}.product-card .product-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem}.product-card .product-info .product-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0 0 .75rem;overflow:hidden}.product-card .product-info .product-price{color:#ff7a00;font-size:1.125rem;font-weight:700}.order-summary{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1rem}.order-summary h3{font-size:1.125rem}.customer-info{margin-bottom:2rem}.customer-info .form-group{margin-bottom:1rem}.customer-info .form-group label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.customer-info .form-group input,.customer-info .form-group select,.customer-info .form-group textarea{background:#1a1a1a;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.875rem;padding:.75rem;width:100%}.customer-info .form-group input:focus,.customer-info .form-group select:focus,.customer-info .form-group textarea:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033;outline:none}.customer-info .form-group input::placeholder,.customer-info .form-group select::placeholder,.customer-info .form-group textarea::placeholder{color:#888}.customer-info .form-group textarea{font-family:inherit;min-height:60px;resize:vertical}.customer-info .manual-customer-entry{border-top:1px solid #444;margin-top:1rem;padding-top:1rem}.customer-info .manual-customer-entry .manual-entry-note{color:#ccc;font-size:.85rem;font-style:italic;margin-bottom:1rem}.customer-info .delivery-address-section{background:#ff7a000d;border:1px solid #ff7a0033;border-radius:8px;margin-top:1.5rem;padding:1rem}.customer-info .delivery-address-section h4{align-items:center;color:#ff7a00;display:flex;font-size:1rem;gap:8px;margin:0 0 1rem}.customer-info .delivery-address-section .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media(max-width:600px){.customer-info .delivery-address-section .form-row{grid-template-columns:1fr}}.order-items{margin-bottom:2rem}.order-items .empty-order{color:#888;padding:2rem 1rem;text-align:center}.order-items .empty-order p{font-size:.875rem;margin:.25rem 0}.order-items .items-list{max-height:300px;overflow-y:auto}.order-item{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:.75rem 0}.order-item:last-child{border-bottom:none}.order-item .item-info{flex:1 1}.order-item .item-info h4{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.order-item .item-info .item-price{color:#ccc;font-size:.75rem}.order-item .item-controls{align-items:center;display:flex;gap:.5rem}.order-item .item-controls .qty-btn{background:#ff7a00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:30px;transition:all .2s ease;width:30px}.order-item .item-controls .qty-btn:hover{background:#ff9500}.order-item .item-controls .quantity{color:#fff;font-weight:600;min-width:30px;text-align:center}.order-item .item-controls .remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;height:30px;transition:all .2s ease;width:30px}.order-item .item-controls .remove-btn:hover{background:#dc2626}.order-total{border-top:1px solid #444;margin-bottom:1.5rem;padding-top:1rem}.order-total .total-row{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.order-total .total-row.grand-total{border-top:1px solid #444;color:#ff7a00;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.order-total .total-row.commission-deduction{color:#ff6b6b;font-style:italic}.order-total .total-row.commission-deduction span:last-child{font-weight:600}.order-total .commission-note{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:4px;margin-top:.5rem;padding:.5rem;text-align:center}.order-total .commission-note small{color:#ff6b6b;font-size:.75rem;font-style:italic}.discount-section{background:#ff7a000d;border:1px solid #444;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.discount-section h4{color:#ff7a00;font-size:1rem;font-weight:600;margin:0 0 1rem}.discount-section .discount-controls .form-row{display:flex;gap:1rem;margin-bottom:1rem}.discount-section .discount-controls .form-row .form-group{flex:1 1}.discount-section .discount-controls .form-group{margin-bottom:1rem}.discount-section .discount-controls .form-group:last-child{margin-bottom:0}.discount-section .discount-controls .form-group label{color:#ccc;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.discount-section .discount-controls .form-group input,.discount-section .discount-controls .form-group select{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.discount-section .discount-controls .form-group input:focus,.discount-section .discount-controls .form-group select:focus{background:#333;border-color:#ff7a00;outline:none}.discount-section .discount-controls .form-group input::placeholder,.discount-section .discount-controls .form-group select::placeholder{color:#888}.order-total .discount-row{color:#4ade80;font-weight:600}.order-total .discount-row span:last-child{color:#4ade80}.submit-order-btn{background:linear-gradient(135deg,#ff7a00,#ff9500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.submit-order-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff9500,#ffb000);box-shadow:0 4px 15px #ff7a004d;transform:translateY(-2px)}.submit-order-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-order-btn.loading{background:#666}@media(max-width:1200px){.order-content{grid-template-columns:1fr 350px}}@media(max-width:968px){.order-content{grid-template-columns:1fr}.order-summary{position:static}}.order-source-section{background:#ff7a000d;border:1px solid #ff7a004d;border-radius:8px;margin:.5rem 0;padding:1rem}.order-source-section .form-group{margin-bottom:.75rem}.order-source-section .form-group:last-child{margin-bottom:0}.order-source-section .form-group label{color:#ff7a00;font-size:.875rem;font-weight:600}.order-source-section .form-group input,.order-source-section .form-group select{background:#ffffff0d;border:1px solid #ff7a0080;color:#fff}.order-source-section .form-group input:focus,.order-source-section .form-group select:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033}.order-source-section .form-group input option,.order-source-section .form-group select option{background:#2a2a2a;color:#fff}.platform-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;margin-bottom:1rem;padding:.75rem}.platform-note p{color:#60a5fa;font-size:.875rem;margin:0}.platform-note p:first-child{font-weight:600;margin-bottom:.25rem}@media(max-width:768px){.order-entry-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.products-grid{grid-template-columns:1fr}.category-filters{justify-content:center}.order-source-section{padding:.75rem}}.payment-container{background:#1a1a1a;color:#fff;padding:1rem 0}.payment-header{align-items:center;border-bottom:2px solid #ff7a00;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.payment-header h2{color:#ff7a00;font-size:1.75rem;font-weight:700;margin:0}.payment-header .back-btn{background:#0000;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.payment-header .back-btn:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.payment-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.order-summary{background:#2b2b2b;border:1px solid #444;border-radius:12px;padding:1.5rem}.order-summary h3{color:#ff7a00;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.order-summary .customer-info{font-size:.875rem;margin-bottom:1rem}.order-summary .customer-info strong{color:#ff7a00}.order-summary .order-items{margin-bottom:1.5rem}.order-summary .summary-item{border-bottom:1px solid #444;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.order-summary .summary-item:last-child{border-bottom:none}.order-summary .total-breakdown{border-top:1px solid #444;margin-top:1rem;padding-top:1rem}.order-summary .total-breakdown .total-row{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.order-summary .total-breakdown .total-row.grand-total{border-top:1px solid #444;color:#ff7a00;font-size:1.25rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.payment-form{background:#2b2b2b;border:1px solid #444;border-radius:12px;padding:1.5rem}.payment-form h3{color:#ff7a00;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.payment-form .payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.payment-form .payment-methods .method-option{align-items:center;background:#1a1a1a;border:1px solid #444;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease}.payment-form .payment-methods .method-option:hover{background:#ff7a001a;border-color:#ff7a00}.payment-form .payment-methods .method-option input[type=radio]{accent-color:#ff7a00;margin-right:.75rem}.payment-form .payment-methods .method-option .method-label{font-size:1rem;font-weight:500}.payment-form .payment-methods .method-option:has(input:checked){background:#ff7a001a;border-color:#ff7a00}.payment-form .amount-input{margin-bottom:1.5rem}.payment-form .amount-input label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.payment-form .amount-input input{background:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.payment-form .amount-input input:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033;outline:none}.payment-form .change-amount{background:#22c55e1a;border:1px solid #22c55e;border-radius:8px;color:#22c55e;font-size:1.125rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.payment-form .process-payment-btn{background:linear-gradient(135deg,#ff7a00,#ff9500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.payment-form .process-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff9500,#ffb000);box-shadow:0 4px 15px #ff7a004d;transform:translateY(-2px)}.payment-form .process-payment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-form .process-payment-btn.loading{background:#666}.no-order{padding:4rem 2rem;text-align:center}.no-order h2{color:#ff7a00;font-size:1.5rem;margin:0 0 1rem}.no-order p{color:#ccc;margin:0 0 2rem}.no-order .back-btn{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.no-order .back-btn:hover{background:#ff9500}.no-order .back-btn.disabled{background:#555;border-color:#555;cursor:not-allowed;opacity:.6}.no-order .back-btn.disabled:hover{background:#555}.cash-payment-section{background:#ff7a000d;border:1px solid #ff7a0033;border-radius:8px;margin-top:1rem;padding:1rem}.cash-payment-section .amount-due{margin-bottom:1rem}.cash-payment-section .amount-due label{color:#ccc;display:block;font-size:.875rem;margin-bottom:.5rem}.cash-payment-section .amount-due .amount-display{background:#0000004d;border-radius:6px;color:#ff7a00;font-size:1.5rem;font-weight:700;padding:.5rem;text-align:center}.cash-payment-section .cash-received{margin-bottom:1rem}.cash-payment-section .cash-received label{color:#ccc;display:block;font-size:.875rem;margin-bottom:.5rem}.cash-payment-section .cash-received .cash-input{background:#333;border:1px solid #555;border-radius:6px;color:#fff;font-size:1.25rem;padding:.75rem;text-align:center;width:100%}.cash-payment-section .cash-received .cash-input:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0033;outline:none}.cash-payment-section .quick-amounts{margin-bottom:1rem}.cash-payment-section .quick-amounts>span{color:#ccc;display:block;font-size:.875rem;margin-bottom:.5rem}.cash-payment-section .quick-amounts .quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.cash-payment-section .quick-amounts .quick-buttons .exact-amount-btn,.cash-payment-section .quick-amounts .quick-buttons .quick-amount-btn{background:#444;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.cash-payment-section .quick-amounts .quick-buttons .exact-amount-btn:hover,.cash-payment-section .quick-amounts .quick-buttons .quick-amount-btn:hover{background:#555;border-color:#ff7a00}.cash-payment-section .quick-amounts .quick-buttons .exact-amount-btn{background:#ff7a0033;border-color:#ff7a00;color:#ff7a00}.cash-payment-section .quick-amounts .quick-buttons .exact-amount-btn:hover{background:#ff7a004d}.cash-payment-section .cash-calculation .change-amount{border-radius:6px;padding:1rem;text-align:center}.cash-payment-section .cash-calculation .change-amount.valid{background:#22c55e33;border:1px solid #22c55e66}.cash-payment-section .cash-calculation .change-amount.valid .change-label{color:#ccc;display:block;font-size:.875rem;margin-bottom:.25rem}.cash-payment-section .cash-calculation .change-amount.valid .change-value{color:#22c55e;display:block;font-size:1.25rem;font-weight:700}.cash-payment-section .cash-calculation .change-amount.insufficient{background:#ef444433;border:1px solid #ef444466}.cash-payment-section .cash-calculation .change-amount.insufficient .insufficient-label{color:#ccc;display:block;font-size:.875rem;margin-bottom:.25rem}.cash-payment-section .cash-calculation .change-amount.insufficient .insufficient-value{color:#ef4444;display:block;font-size:1.25rem;font-weight:700}@media(max-width:1200px){.payment-content{grid-template-columns:1fr 350px}}@media(max-width:968px){.payment-content{grid-template-columns:1fr}}@media(max-width:768px){.payment-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.payment-methods .method-option .method-label{font-size:.875rem}}.kitchen-display{background:#1a1a1a;color:#fff;padding:1rem 0}.kitchen-header{align-items:center;border-bottom:2px solid #ff7a00;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.kitchen-header h2{color:#ff7a00;font-size:1.75rem;font-weight:700;margin:0}.kitchen-header .queue-stats{align-items:center;display:flex;gap:2rem}.kitchen-header .queue-stats .stat{text-align:center}.kitchen-header .queue-stats .stat .stat-number{color:#ff7a00;display:block;font-size:1.5rem;font-weight:700}.kitchen-header .queue-stats .stat .stat-label{color:#ccc;display:block;font-size:.75rem;text-transform:uppercase}.kitchen-header .queue-stats .current-time{color:#ccc;font-size:1rem;font-weight:500}.kitchen-content{display:flex;flex-direction:column;gap:2rem}.orders-section h3{background:#2b2b2b;border-left:4px solid #ff7a00;border-radius:0 8px 8px 0;color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding:.75rem 1rem}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kitchen-order{background:#2b2b2b;border:2px solid #444;border-radius:16px;padding:1.5rem;transition:all .3s ease}.kitchen-order.normal{border-color:#444}.kitchen-order.medium{background:#f59e0b0d;border-color:#f59e0b}.kitchen-order.high{animation:pulse 2s infinite;background:#f973161a;border-color:#f97316}.kitchen-order.urgent{animation:urgent-pulse 1s infinite;background:#ef44441a;border-color:#ef4444}.kitchen-order.preparing{background:#3b82f61a;border-color:#3b82f6}.kitchen-order:hover{box-shadow:0 8px 25px #ff7a0033;transform:translateY(-4px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes urgent-pulse{0%,to{border-color:#ef4444;box-shadow:0 0 0 0 #ef4444b3}50%{border-color:#dc2626;box-shadow:0 0 0 10px #ef444400}}.order-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.order-header .order-number{color:#ff7a00;font-size:1.25rem;font-weight:700}.order-header .order-time{color:#ccc;font-size:.875rem;line-height:1.4;text-align:right}.order-info{margin-bottom:1.5rem}.order-info>div{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.order-info>div:last-child{margin-bottom:0}.order-info .table-info{color:#3b82f6;font-weight:600}.order-info .customer-info{color:#fff;font-weight:500}.order-info .order-type{color:#ccc;text-transform:capitalize}.order-items{margin-bottom:1.5rem}.kitchen-item{background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;margin-bottom:.75rem;padding:.75rem}.kitchen-item:last-child{margin-bottom:0}.kitchen-item .item-quantity{color:#ff7a00;font-weight:700;margin-right:.5rem}.kitchen-item .item-name{color:#fff;font-size:.875rem;font-weight:600}.kitchen-item .special-instructions{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:4px;color:#f59e0b;font-size:.75rem;font-style:italic;margin-top:.5rem;padding:.5rem}.order-actions .ready-btn,.order-actions .start-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.order-actions .start-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.order-actions .start-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px)}.order-actions .ready-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.order-actions .ready-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.order-actions .ready-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.7}.order-actions .ready-btn.disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none}.no-orders{color:#888;grid-column:1/-1;padding:3rem 2rem;text-align:center}.no-orders .no-orders-icon{font-size:3rem;margin-bottom:1rem}.no-orders p{font-size:1rem;margin:0}@media(max-width:768px){.kitchen-header{align-items:stretch;flex-direction:column;gap:1rem;text-align:center}.queue-stats{gap:1rem;justify-content:center}.orders-grid{grid-template-columns:1fr}.order-header{align-items:stretch;flex-direction:column;gap:.5rem;text-align:center}}.kitchen-order.ready{background:linear-gradient(135deg,#064e3b,#047857);border-left:4px solid #10b981}.kitchen-order.ready .order-header{background:#10b98133}.kitchen-order.ready .payment-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.kitchen-order.ready .payment-status.paid{background:#10b981;color:#fff}.kitchen-order.ready .payment-status.pending{background:#f59e0b;color:#fff}.kitchen-order.ready .complete-btn{background:linear-gradient(135deg,#10b981,#047857);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.kitchen-order.ready .complete-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px)}.kitchen-order.ready .payment-required{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center}@media(max-width:480px){.kitchen-order{padding:1rem}.queue-stats .stat .stat-number{font-size:1.25rem}}.pos-main{background:#1a1a1a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.pos-main.admin-pos{background:#0000;min-height:auto}.pos-main.admin-pos .pos-header{background:#2b2b2b;margin:-20px -20px 20px;padding:1.5rem 2rem}.pos-main.admin-pos .pos-header .pos-title h1{font-size:1.5rem;margin:0}.pos-main.admin-pos .pos-content{padding:0}.pos-header{align-items:center;background:#2b2b2b;border-bottom:2px solid #ff7a00;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2rem}.pos-title{display:flex;flex-direction:column;gap:.25rem}.pos-title h1{color:#ff7a00;font-size:1.5rem;font-weight:700;margin:0}.pos-title .current-time{color:#ccc;font-size:.875rem;font-weight:400}.pos-nav{display:flex;flex-wrap:wrap;gap:.5rem}.nav-btn{align-items:center;background:#0000;border:2px solid #444;border-radius:12px;color:#ccc;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem;min-width:80px;padding:.75rem 1rem;transition:all .2s ease}.nav-btn .nav-icon{font-size:1.25rem}.nav-btn:hover{background:#ff7a001a;border-color:#ff7a00;color:#ff7a00}.nav-btn.active{background:#ff7a00;border-color:#ff7a00;color:#1a1a1a;font-weight:600}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.nav-btn:disabled:hover{background:#0000;border-color:#444;color:#ccc}.nav-btn:disabled.refresh-btn{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.nav-btn:disabled.refresh-btn:hover{background:#22c55e33;border-color:#16a34a;color:#16a34a}.nav-btn:disabled.refresh-btn:active{transform:rotate(180deg);transition:transform .3s ease}.pos-status-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1rem}.current-order-info,.selected-table-info{align-items:center;background:#ff7a001a;border:1px solid #ff7a00;border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem}.current-order-info .order-number,.current-order-info .table-number,.selected-table-info .order-number,.selected-table-info .table-number{color:#ff7a00;font-weight:600}.current-order-info .order-total,.selected-table-info .order-total{color:#fff;font-weight:700}.current-order-info .table-status,.selected-table-info .table-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.current-order-info .table-status.available,.selected-table-info .table-status.available{background:#22c55e33;color:#22c55e}.current-order-info .table-status.occupied,.selected-table-info .table-status.occupied{background:#ef444433;color:#ef4444}.current-order-info .table-status.reserved,.selected-table-info .table-status.reserved{background:#3b82f633;color:#3b82f6}.current-order-info .table-status.maintenance,.selected-table-info .table-status.maintenance{background:#9ca3af33;color:#9ca3af}.pos-content{max-width:100%;overflow-x:auto;padding:2rem}@media(max-width:768px){.pos-header{align-items:stretch;flex-direction:column;padding:1rem}.pos-nav{justify-content:center}.nav-btn{flex:1 1;min-width:60px;padding:.5rem}.nav-btn .nav-icon{font-size:1rem}.selected-table-info{justify-content:center}.pos-content{padding:1rem}}@media(max-width:480px){.pos-title h1{font-size:1.25rem}.nav-btn{font-size:.75rem;padding:.5rem .25rem}}.orders-list .orders-header{align-items:center;border-bottom:2px solid #ff7a00;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.orders-list .orders-header h2{color:#ff7a00;font-size:1.75rem;font-weight:700;margin:0}.orders-list .orders-header .orders-filters select{background:#2b2b2b;border:1px solid #444;border-radius:6px;color:#fff;font-size:.875rem;padding:.5rem 1rem}.orders-list .orders-header .orders-filters select:focus{border-color:#ff7a00;outline:none}.orders-list .orders-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.orders-list .orders-grid .order-card{background:#2b2b2b;border:1px solid #444;border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s ease}.orders-list .orders-grid .order-card:hover{border-color:#ff7a00;box-shadow:0 4px 12px #ff7a0033;transform:translateY(-2px)}.orders-list .orders-grid .order-card .order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.orders-list .orders-grid .order-card .order-header .order-number{color:#ff7a00;font-size:1.125rem;font-weight:700}.orders-list .orders-grid .order-card .order-header .order-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.orders-list .orders-grid .order-card .order-header .order-status.pending{background:#fbbf2433;color:#fbbf24}.orders-list .orders-grid .order-card .order-header .order-status.confirmed{background:#3b82f633;color:#3b82f6}.orders-list .orders-grid .order-card .order-header .order-status.preparing{background:#f59e0b33;color:#f59e0b}.orders-list .orders-grid .order-card .order-header .order-status.ready{background:#22c55e33;color:#22c55e}.orders-list .orders-grid .order-card .order-header .order-status.served{background:#a855f733;color:#a855f7}.orders-list .orders-grid .order-card .order-header .order-status.delivered{background:#a855f74d;color:#9333ea}.orders-list .orders-grid .order-card .order-header .order-status.paid{background:#22c55e4d;color:#16a34a}.orders-list .orders-grid .order-card .order-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.orders-list .orders-grid .order-card .order-details .customer{color:#fff;font-weight:600}.orders-list .orders-grid .order-card .order-details .table{color:#ccc;font-size:.875rem;text-align:right}.orders-list .orders-grid .order-card .order-details .total{color:#ff7a00;font-size:1.125rem;font-weight:700;grid-column:1/-1;margin-top:.5rem;text-align:center}.orders-list .orders-grid .order-card .order-items{margin-bottom:.75rem}.orders-list .orders-grid .order-card .order-items .item-summary{color:#ccc;font-size:.875rem;margin-bottom:.25rem}.orders-list .orders-grid .order-card .order-items .more-items{color:#888;font-size:.75rem;font-style:italic}.orders-list .orders-grid .order-card .order-time{border-top:1px solid #444;color:#888;font-size:.75rem;padding-top:.5rem;text-align:center}.orders-list .orders-grid .order-card .order-actions{border-top:1px solid #444;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem}.orders-list .orders-grid .order-card .order-actions .action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.orders-list .orders-grid .order-card .order-actions .action-btn.confirm-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.confirm-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.start-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.start-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.ready-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.ready-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.serve-btn{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.serve-btn:hover{background:linear-gradient(135deg,#9333ea,#7c3aed);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.payment-btn{background:linear-gradient(135deg,#ff7a00,#e5690a);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.payment-btn:hover{background:linear-gradient(135deg,#e5690a,#c2570a);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.edit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.edit-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.complete-btn{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.complete-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn.deliver-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.orders-list .orders-grid .order-card .order-actions .action-btn.deliver-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.orders-list .orders-grid .order-card .order-actions .action-btn:active{transform:translateY(0)}.orders-list .orders-grid .order-card .order-actions .completion-actions{display:flex;flex-wrap:wrap;gap:.5rem}.orders-list .orders-grid .order-card.paid-order{border-color:#16a34a;cursor:default;opacity:.7}.orders-list .orders-grid .order-card.paid-order:hover{border-color:#16a34a;box-shadow:none;transform:none}.orders-list .orders-grid .order-card.paid-order .payment-status.paid{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.orders-list .no-orders{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.orders-list .no-orders .no-orders-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.orders-list .no-orders h3{color:#ccc;margin:0 0 .5rem}.orders-list .no-orders p{font-size:.875rem;margin:0}.orders-list .no-orders .btn-create-order{background:linear-gradient(135deg,#ff7a00,#e56b00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.orders-list .no-orders .btn-create-order:hover{box-shadow:0 8px 20px #ff7a004d;transform:translateY(-2px)}.orders-list .kitchen-loading,.orders-list .orders-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.orders-list .kitchen-loading .loading-spinner,.orders-list .orders-loading .loading-spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.orders-list .kitchen-loading p,.orders-list .orders-loading p{font-size:.95rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pos-fullscreen{background:#1a1a1a;bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:0;position:fixed;right:0;top:0;z-index:9999}.pos-fullscreen-header{background:#2b2b2b;border-bottom:3px solid #ff7a00;box-shadow:0 2px 10px #0000004d;justify-content:space-between;padding:1rem 2rem;z-index:10}.back-to-admin-btn,.pos-fullscreen-header{align-items:center;display:flex;position:relative}.back-to-admin-btn{background:#0000;border:2px solid #ff7a00;border-radius:12px;color:#ff7a00;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-to-admin-btn .keyboard-shortcut{background:#ff7a0033;border:1px solid #ff7a00;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.65rem;margin-left:.5rem;padding:.2rem .4rem}.back-to-admin-btn:hover{background:#ff7a00;box-shadow:0 4px 15px #ff7a004d;color:#1a1a1a;transform:translateY(-2px)}.back-to-admin-btn:hover .keyboard-shortcut{background:#1a1a1a4d;border-color:#1a1a1a;color:#1a1a1a}.back-to-admin-btn:active{transform:translateY(0)}.pos-brand{align-items:center;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%)}.pos-brand .brand-emoji{animation:bounce 2s infinite;font-size:2rem}.pos-brand .brand-text{color:#ff7a00;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000004d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.current-datetime{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#ccc;font-size:.875rem;font-weight:500;min-width:180px;padding:.5rem 1rem;text-align:center}.pos-fullscreen-content{background:#1a1a1a;flex:1 1;overflow-y:auto;position:relative}.pos-fullscreen-content .pos-main.fullscreen-mode{background:#0000;min-height:100%}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header{background:#2b2b2b;border-bottom:2px solid #ff7a00;margin-bottom:0;padding:1rem 2rem 1.5rem}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-title{display:none}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-nav{gap:1rem;justify-content:center;margin:0}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-nav .nav-btn{font-size:1rem;min-width:100px;padding:1rem 1.5rem}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-nav .nav-btn .nav-icon{font-size:1.5rem}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-nav .nav-btn.active{background:#ff7a00;border-color:#ff7a00;box-shadow:0 4px 15px #ff7a004d;color:#1a1a1a;transform:translateY(-2px)}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .current-order-info,.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .selected-table-info{align-items:center;background:#ff7a001a;border:1px solid #ff7a00;border-radius:8px;display:flex;gap:.75rem;padding:.5rem 1rem}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .current-order-info .order-number,.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .current-order-info .table-number,.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .selected-table-info .order-number,.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .selected-table-info .table-number{color:#ff7a00;font-weight:600}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .current-order-info .order-total,.pos-fullscreen-content .pos-main.fullscreen-mode .pos-header .pos-status-bar .selected-table-info .order-total{color:#fff;font-weight:700}.pos-fullscreen-content .pos-main.fullscreen-mode .pos-content{margin:0;padding:2rem}@media(max-width:768px){.pos-fullscreen-header{flex-wrap:wrap;gap:1rem;padding:1rem}.pos-brand{justify-content:center;order:-1;position:static;transform:none;width:100%}.back-to-admin-btn{font-size:.75rem;padding:.5rem 1rem}.current-datetime{flex:1 1;font-size:.75rem;min-width:auto}.pos-fullscreen-content .pos-content{padding:1rem}}@media(max-width:480px){.pos-fullscreen-header{padding:.75rem}.pos-brand .brand-emoji{font-size:1.5rem}.pos-brand .brand-text{font-size:1.25rem}.back-to-admin-btn{font-size:.75rem;padding:.5rem .75rem}}@media print{.pos-fullscreen-header{display:none}.pos-fullscreen-content{margin:0;padding:0}}
/*# sourceMappingURL=main.1fafb4fe.css.map*/