*{box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;user-select:none}html,body{position:relative;margin:0;padding:0;font-family:Josefin Sans,sans-serif;background-color:#0a0a0a;scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:0;background:transparent}body{scrollbar-width:none;-ms-overflow-style:none}a{text-decoration:none;color:inherit}ul{list-style:none;margin:0;padding:0}.container{width:100%;padding:0 15px;margin:0 auto}@media (min-width: 768px){.container{max-width:750px}}@media (min-width: 992px){.container{max-width:970px}}@media (min-width: 1200px){.container{max-width:1170px}}.main-heading{font-size:40px;font-weight:700;color:#f9d446}.text-primary{color:#e0e0e0;font-size:16px;line-height:1.6}.content-section{min-height:100vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;background-color:#111}.content-section:nth-child(2n){background-color:#1a1a1a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#0a0a0a;box-shadow:0 4px 20px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.social-section,.call-section{position:relative;display:flex;align-items:center;gap:1rem}.social-section .label,.call-section .label{font-size:.9rem;font-weight:600;color:#f9d446;cursor:pointer}.social-section .label:hover,.call-section .label:hover{color:#fff}@media (max-width: 1024px){.social-section .label.hide-on-mobile,.call-section .label.hide-on-mobile{display:none}}.social-section .menu-toggle,.call-section .menu-toggle{background:none;border:none;font-size:1.3rem;cursor:pointer;color:#f9d446;transition:transform .4s ease,color .3s ease}.social-section .menu-toggle:hover,.call-section .menu-toggle:hover{color:#fff}@media (max-width: 1024px){.social-section .menu-toggle,.call-section .menu-toggle{font-size:.99rem}}.dropdown-menu{position:absolute;top:140%;background-color:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:1rem;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .4s ease;z-index:9999999;text-align:center}.dropdown-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-menu.left{left:0}.dropdown-menu.right{right:-150%}.dropdown-menu .icon{color:#fff;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:10px 12px;border-radius:8px;background-color:#ffffff0d;transition:all .3s ease;cursor:pointer}.dropdown-menu .icon svg{flex-shrink:0;font-size:1.2rem}.dropdown-menu .icon:after{content:attr(data-label);font-size:1rem;white-space:nowrap}.dropdown-menu .icon:hover{transform:scale(1.03)}.dropdown-menu .contact-item{cursor:pointer}@media (max-width: 1024px){.dropdown-menu{padding:.4rem}.dropdown-menu .icon{padding:.3rem .6rem}.dropdown-menu .icon svg{font-size:1rem}.dropdown-menu .icon:after{font-size:.8rem}}.nav-icons{display:flex;align-items:center;gap:.6rem;position:relative}.nav-icons .circle-icon{font-size:1.4rem;background:transparent;color:#f9d446;padding:.3rem;border-radius:50%;cursor:pointer;transition:transform 1.2s ease,color .7s ease}.nav-icons .circle-icon:hover{color:#fff}.nav-icons .circle-icon:active{transform:rotate(720deg)}@media (max-width: 1024px){.nav-icons .circle-icon{font-size:.7rem}}.nav-icons .call-section{position:relative}.close-area{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}@media (max-width: 1024px){.hide-on-mobile{display:none!important}}.ts{justify-content:center!important}._tabWrapper_t7czk_1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:30px auto 15px;padding:0;max-width:1300px;position:relative;z-index:0}@media (max-width: 1024px){._tabWrapper_t7czk_1{gap:.6rem;padding:.8rem 0}}@media (max-width: 768px){._tabWrapper_t7czk_1{gap:.4rem;padding:.6rem .4rem}}@media (max-width: 480px){._tabWrapper_t7czk_1{gap:.3rem;padding:.5rem .2rem}}._tabButton_t7czk_32{position:relative;padding:.5rem 1.2rem .5rem 1.8rem;font-size:1rem;font-weight:600;color:#e0e0e0;background-color:transparent;border:2px solid transparent;border-radius:4px;cursor:pointer;text-align:center;transition:all .3s ease-in-out}._tabButton_t7czk_32:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#f9d446;border-radius:50px;transition:all .3s ease}._tabButton_t7czk_32:first-child:before{display:none}._tabButton_t7czk_32:hover{border-color:#f9d446;color:#fff}._active_t7czk_65{background-color:#f9d446;color:#000;border-color:#f9d446}._active_t7czk_65:before{background-color:#000;box-shadow:none}@media (max-width: 768px){._tabButton_t7czk_32{font-size:.68rem;padding:.3rem .3rem .3rem .8rem}._tabButton_t7czk_32:before{width:2px;height:16px}}@media (max-width: 480px){._tabButton_t7czk_32{font-size:.65rem;padding:.3rem .4rem .3rem .9rem}._tabButton_t7czk_32:before{width:1px;height:14px;left:.4rem}}.meal-card{background:#1e1e1e;border-radius:8px;box-shadow:0 6px 16px #0003;overflow:hidden;display:flex;flex-direction:column;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%;position:relative;min-height:160px}.meal-card:hover{transform:scale(1.03);box-shadow:0 12px 24px #0000004d}.meal-card:hover .meal-description{opacity:1;transform:translate(0) scale(1)}.meal-card .image-wrapper{width:100%;height:120px;position:relative;display:flex;align-items:center;justify-content:center;padding:0 .5rem}.meal-card .image-wrapper .meal-image{max-width:100%;max-height:100%;object-fit:cover;border-radius:8px;padding-bottom:10px}.meal-card .image-wrapper .add-btn{position:absolute;top:6px;right:6px;background-color:#f9d446;color:#000;width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:all .3s ease-in-out}@media (max-width: 768px){.meal-card .image-wrapper .add-btn{width:18px;height:18px}}.meal-card .image-wrapper .add-btn:hover{background-color:#fc0}.meal-card .meal-description{position:absolute;top:0;left:0;right:0;bottom:0;padding:.6rem 1rem;font-size:.75rem;font-weight:500;color:#fff;background:#000000a6;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(100%) scale(.95);transition:all .4s ease-in-out;z-index:3;line-height:1.4;text-align:center;border-radius:8px 8px 0 0;pointer-events:none}.meal-card .meal-info{padding:0rem .7rem;display:flex;flex-direction:column;justify-content:flex-start;flex-grow:0}.meal-card .meal-info .meal-header{display:flex;justify-content:space-between;align-items:center}.meal-card .meal-info .meal-header .meal-name{font-size:.8rem;font-weight:600;color:#f9d446;flex:1;text-align:left;margin:0}@media (max-width: 768px){.meal-card .meal-info .meal-header .meal-name{font-size:.65rem}}.meal-card .meal-info .meal-header .meal-price{font-size:.75rem;color:#fff;text-align:right;white-space:nowrap;margin-left:.4rem}@media (max-width: 768px){.meal-card .meal-info .meal-header .meal-price{font-size:.6rem;margin-left:0;margin-top:.2rem}}.ProductCard{width:100%;max-width:100%;min-width:0;background:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;transition:transform .3s ease}.ProductCard:hover{transform:translateY(-4px)}.ProductCard .image-wrapper{width:100%;aspect-ratio:4/3;position:relative}.ProductCard .image-wrapper .product-image{width:100%;height:100%;object-fit:contain;display:block}.ProductCard .image-wrapper .product-description{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:.5rem;text-align:center}.ProductCard .image-wrapper:hover .product-description{opacity:1}.ProductCard .product-info{padding:.8rem 1rem}.ProductCard .product-info .product-header{display:flex;justify-content:space-between;align-items:center}.ProductCard .product-info .product-header h3{color:#f9d446;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.ProductCard .product-info .product-header h3{font-size:.75rem}}.ProductCard .product-info .product-header span{color:#fff;font-size:.9rem}@media (max-width: 768px){.ProductCard .product-info .product-header span{font-size:.65rem}}.ProductCard .card-actions{display:flex;justify-content:center;gap:.6rem;background-color:#111;padding:.5rem 1rem;border-top:1px solid #222}.ProductCard .card-actions button{background:transparent;border:none;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.ProductCard .card-actions button:hover{color:#fc0;transform:scale(1.2)}.section-title-wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-block:1.5rem}.section-title-wrapper .line{height:2px;width:32px;background-color:#f9d446;animation:glow 2s ease-in-out infinite;opacity:.6}.section-title-wrapper .section-title{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;color:#f9d446;text-align:center;white-space:nowrap}@keyframes glow{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 480px){.section-title-wrapper{gap:.4rem;margin-block:1rem}.section-title-wrapper .line{width:20px}}.social-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.social-icons.row{flex-direction:row}.social-icons.column{flex-direction:column;align-items:flex-start}.social-icons.sm a{font-size:1rem;gap:.3rem}.social-icons.md a{font-size:1.4rem;gap:.5rem}.social-icons.lg a{font-size:1.8rem;gap:.7rem}.social-icons .icon{display:flex;align-items:center;text-decoration:none;color:#f9d446;transition:all .3s ease}.social-icons .icon:hover{transform:scale(1.03);color:#fbdf77}.social-icons .icon .label{font-size:.8rem;font-weight:500;margin-left:.4rem;color:#fff}.contact-form{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:650px;margin:0 auto;padding:0 1rem 1rem}.contact-form label{font-size:.9rem;color:#e0e0e0;margin-bottom:-.3rem}.contact-form input,.contact-form textarea{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.65rem 1rem;font-size:1rem;color:#e0e0e0;transition:border .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#f9d446}.contact-form input:disabled,.contact-form textarea:disabled{opacity:.6;cursor:not-allowed}.contact-form textarea{min-height:120px;resize:vertical}@media (max-width: 768px){.contact-form textarea{min-height:100px}}.contact-form button{background-color:#f9d446;color:#000;font-weight:700;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;cursor:pointer;box-shadow:0 2px 6px #ffd70026;transition:background-color .3s ease-in-out}.contact-form button:hover{background-color:#fc0}.contact-form button:active{transform:scale(.97)}.contact-form button:disabled{background-color:#999;cursor:not-allowed;color:#222}.snackbar{position:fixed;bottom:6%;left:50%;transform:translate(-50%);background-color:#141414e6;color:#f9d446;padding:.8rem 1.5rem;border-radius:8px;z-index:9999;font-weight:700;font-size:.8rem;text-align:center}.snackbar.error{background-color:#ff3232e6;color:#fff}@media (max-width: 768px){.contact-form{padding:0 1.2rem}.contact-form label{font-size:.85rem}.contact-form input,.contact-form textarea{padding:.3rem .9rem;font-size:.85rem}.contact-form button{font-size:.8rem;padding:.5rem 1.1rem}.snackbar{font-size:.7rem;padding:.7rem 1.2rem;bottom:10%}}@media (max-width: 480px){.contact-form{padding:0 1rem}.contact-form input,.contact-form textarea{font-size:.8rem}.snackbar{font-size:.65rem;padding:.6rem 1rem;bottom:12%}}@media (max-width: 1024px){.scroll-hint-wrapper{display:none}}.scroll-label-fixed{position:fixed;bottom:10px;left:50%;transform:translate(-50%);font-size:13px;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;z-index:1000;pointer-events:none;font-family:Josefin Sans,sans-serif;text-shadow:0 0 6px rgba(255,255,255,.3)}.scroll-track{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:50%;height:4px;background-color:#ffffff0d;border-radius:10px;z-index:9999;overflow:hidden;display:flex;align-items:center;justify-content:center}.scroll-track .scroll-line{height:100%;width:0%;background-color:#fc0;animation:fillDrain 8s ease-in-out infinite;box-shadow:0 0 20px 5px #fc0,0 0 40px 10px #fc0,0 0 60px 15px #fc0,0 0 100px 20px #fc0,0 0 150px 30px #fc0}.scroll-track .scroll-line.left{transform-origin:right}.scroll-track .scroll-line.right{transform-origin:left}.scroll-track.scrolling .scroll-line{animation:none!important}@keyframes fillDrain{0%{width:0%;opacity:.5}50%{width:50%;opacity:1}to{width:0%;opacity:.5}}.section-container{position:relative;width:100%;min-height:100vh;padding:4rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:1}@media (max-width: 768px){.section-container{padding:3rem 1rem}}@media (max-width: 480px){.section-container{padding:2rem .8rem}}.hero-section{min-height:calc(100vh - 60px);padding:2rem 1rem;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-section .hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px}.hero-section .hero-logo-floating{margin:1.5rem 0;display:flex;justify-content:center}.hero-section .hero-logo-floating .logo{width:260px;height:260px;border-radius:50%;background-image:url(/assets/logo-jozcjXIN.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:dropFastRotate 1.5s ease-out forwards;backface-visibility:hidden}@media (min-width: 1024px){.hero-section .hero-logo-floating .logo{width:300px;height:300px}}.hero-section .hero-logo-floating .logo.logo-static{animation:none;transform:translateY(0) scale(1) rotate(360deg);opacity:1}.hero-section .hero-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px}.hero-section .hero-content{color:#e0e0e0}.hero-section .hero-content .hero-description{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;letter-spacing:1.5px;margin-bottom:1.2rem}.hero-section .hero-content .hero-button{background-color:#f9d446;color:#000;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:clamp(.9rem,2vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease-in-out}.hero-section .hero-content .hero-button:hover{background-color:#fc0}.hero-section .swipe-hint{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}@media (min-width: 769px){.hero-section .swipe-hint{display:none}}.hero-section .swipe-hint .animated-arrow{width:22px;height:22px;border-top:6px solid #f9d446;border-left:6px solid #f9d446;transform:rotate(-45deg);border-radius:0 0 8px;animation:arrowEnter .6s ease-out forwards,arrowMove 2s .7s infinite ease-in-out}.hero-section .swipe-hint .hint-text{color:#f9d446;font-weight:600;font-size:.8rem;letter-spacing:1px}@keyframes dropFastRotate{0%{transform:translateY(-100px) scale(.6) rotate(0);opacity:0}to{transform:translateY(0) scale(1) rotate(360deg);opacity:1}}@keyframes arrowEnter{0%{transform:translate(-60px) scale(.6) rotate(-45deg);opacity:0}to{transform:translate(0) scale(1) rotate(-45deg);opacity:1}}@keyframes arrowMove{0%,to{transform:translate(0) scale(1) rotate(-45deg)}50%{transform:translate(10px) scale(1.02) rotate(-45deg)}}.menu-section{min-height:100vh;background-color:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(1rem,2vw,2rem)}.menu-section .meal-grid-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;padding:0 15px;margin:0 auto}@media (min-width: 768px){.menu-section .meal-grid-container{max-width:750px}}@media (min-width: 992px){.menu-section .meal-grid-container{max-width:970px}}@media (min-width: 1200px){.menu-section .meal-grid-container{max-width:1170px}}.menu-section .meals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(.2rem,1vw,1rem);width:100%;margin-bottom:2rem}@media (max-width: 768px){.menu-section .meals-grid{grid-template-columns:repeat(2,1fr);padding:0 .5rem;gap:1rem}}@media (max-width: 480px){.menu-section .meals-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 .3rem}}.menu-section .show-more-button{margin-top:1rem;background:none;border:none;cursor:pointer;display:none;animation:bounce 1.5s infinite;z-index:10}.menu-section .show-more-button .arrow-icon{color:#fff;stroke-width:2.5px}@media (max-width: 1024px){.menu-section .show-more-button{display:block}}.menu-section .section-arrows{position:fixed;top:55%;left:0;right:0;transform:translateY(-50%);z-index:20;display:none;justify-content:space-between;padding:0 10px}@media (max-width: 776px){.menu-section .section-arrows{display:flex}}.menu-section .section-arrows .arrow-button{background:#f9d446;color:#333;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:1rem;pointer-events:all;transition:transform .3s ease}.menu-section .section-arrows .arrow-button:hover{transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.loader{color:#f9d446;text-align:center;font-weight:700;font-size:1rem;padding:2rem 0;animation:pulse 1s infinite alternate}.about-section{width:100%;height:100vh;padding:0 2rem 2rem;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.about-section .about-bg-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;opacity:.09;pointer-events:none;z-index:0}.about-section .about-bg-logo img{width:100%;height:auto;object-fit:contain}.about-section .about-content{max-width:1000px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}@media (max-width: 900px){.about-section .about-content{margin-bottom:3.5rem}}.about-section .about-description{font-size:1.1rem;line-height:2.1;color:#e0e0e0;opacity:.97;padding:0 1.2rem;letter-spacing:1.3px;margin:0;text-transform:uppercase}@media (max-width: 600px){.about-section .about-description{font-size:.8rem;line-height:1.6;padding:0;letter-spacing:1px;text-transform:none}}.about-section .about-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.about-section .about-icons .icon-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#f9d446;font-size:.95rem;width:110px}.about-section .about-icons .icon-card svg{font-size:1.7rem;animation:glowIcon 4s ease-in-out infinite}.about-section .about-icons .icon-card span{font-size:.75rem;color:#ccc;text-align:center}@media (max-width: 900px){.about-section .about-icons .icon-card{width:80px}.about-section .about-icons .icon-card svg{font-size:1.4rem}.about-section .about-icons .icon-card span{font-size:.65rem}}@keyframes glowIcon{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@media (max-width: 900px){.about-section{padding:1.5rem}}.contact-section{width:100%;padding:1rem 1.5rem;background-color:#0a0a0a}.contact-section .contact-wrapper{display:flex;gap:1.2rem;align-items:flex-start;justify-content:center}@media (max-width: 776px){.contact-section .contact-wrapper{flex-direction:column;gap:1rem;align-items:center}}.contact-section .contact-left,.contact-section .contact-right{flex:1;width:100%}.contact-section .contact-left{padding-left:50px}@media (max-width: 776px){.contact-section .contact-left{padding-left:0}}.contact-section .contact-left iframe{width:100%;height:400px;border:1px solid #f9d446;border-radius:8px}@media (max-width: 767px){.contact-section .contact-left iframe{height:160px}}.contact-section .contact-right{width:100%}.contact-section .social-icons{margin-top:.6rem;display:flex;gap:2.5rem;justify-content:center}.contact-section .social-icons a{font-size:1.5rem;color:#f9d446;transition:transform .3s ease-in-out}.contact-section .social-icons a:hover{transform:scale(1.15);color:#fbdf77}@media (max-width: 776px){.contact-section .social-icons a{font-size:1.1rem}}@media (max-width: 776px){.contact-section .social-icons{gap:.7rem;margin-top:.6rem}}.contact-section .contact-info{margin-top:.8rem;text-align:center;font-size:.9rem;color:#ccc}.contact-section .contact-info .phones,.contact-section .contact-info .location{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.2rem;letter-spacing:2.5px}.contact-section .contact-info .phones svg,.contact-section .contact-info .location svg{color:#f9d446;font-size:1rem}.contact-section .contact-info .phones span,.contact-section .contact-info .location span{color:#f9d446}@media (max-width: 776px){.contact-section .contact-info .phones,.contact-section .contact-info .location{flex-direction:row;flex-wrap:wrap;font-size:.65rem}}@media (max-width: 776px){.contact-section{padding:1rem}}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background-color:#0a0a0a}.admin-login .login-card{background:#1e1e1e;padding:2rem;border-radius:8px;box-shadow:0 0 25px #ffd70014;width:100%;max-width:380px;text-align:center;transition:box-shadow .3s ease}.admin-login .login-card .login-logo{width:110px;margin:0 auto 1.5rem}.admin-login .login-card h2{color:#f9d446;margin-bottom:1.5rem;font-size:1.5rem}.admin-login .login-card form{display:flex;flex-direction:column;gap:1rem}.admin-login .login-card form input{padding:.8rem;border-radius:4px;border:1px solid #2a2a2a;background:#1a1a1a;color:#fff;font-size:1rem}.admin-login .login-card form input::placeholder{color:#aaa}.admin-login .login-card form input:focus{outline:none;border-color:#f9d446}.admin-login .login-card form button{background-color:#f9d446;color:#000;font-weight:700;border:none;border-radius:4px;padding:.8rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.admin-login .login-card form button:hover{background-color:#fc0}.admin-login .login-card .error{color:#fff;font-size:1rem;margin-top:1rem;background-color:#ff00001a;padding:.5rem 1rem;border-radius:4px;border:1px solid rgba(255,0,0,.4)}.admin-layout{display:flex;flex-direction:column;height:100vh;background-color:#0a0a0a;color:#e0e0e0}.admin-navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#111;border-bottom:1px solid #2a2a2a}.admin-navbar h1{font-size:1.5rem;color:#f9d446}.admin-navbar .logout-btn{background-color:#dc3545;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.admin-navbar .logout-btn:hover{background-color:#bd2130}.admin-content{flex:1;overflow-y:auto}.Categories{padding:1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 776px){.Categories{padding:0 1rem 1rem}}.Categories .Categories-header{display:flex;justify-content:space-between;align-items:center}.Categories .Categories-header h2{color:#f9d446;font-size:1.6rem}.Categories .Categories-header .add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#f9d446;color:#000;border:none;padding:.6rem 1.2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.Categories .Categories-header .add-btn svg{display:block}.Categories .Categories-header .add-btn:hover{background-color:#fc0}@media (max-width: 776px){.Categories .Categories-header .add-btn{padding:.6rem}.Categories .Categories-header .add-btn span{display:none}}.Categories .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}@media (max-width: 776px){.Categories .grid{grid-template-columns:repeat(2,1fr)}}.Categories .category-card{width:100%;max-width:100%;min-width:0;background:#1e1e1e;padding:1.2rem;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.Categories .category-card:hover{transform:translateY(-6px);box-shadow:0 4px 16px #00000040}.Categories .category-card h3{color:#f9d446;font-size:1rem;margin-bottom:.8rem;word-break:break-word}@media (max-width: 776px){.Categories .category-card h3{font-size:.85rem}}.Categories .category-card .actions{display:flex;justify-content:space-between;max-width:100px;margin:0 auto}.Categories .category-card .actions button{background:transparent;border:none;color:#e0e0e0;cursor:pointer;padding:.4rem;border-radius:30px;transition:color .2s ease,transform .2s ease}@media (max-width: 776px){.Categories .category-card .actions button{font-size:.85rem;padding:.2rem}}.Categories .category-card .actions button:hover{color:#fc0;transform:scale(1.2);background-color:#ffffff0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-box{background:#1e1e1e;padding:2rem;border-radius:8px;width:100%;max-width:420px;color:#fff;text-align:center;box-shadow:0 0 15px #0000004d;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-box h4{color:#f9d446;margin-bottom:1rem;font-size:1.25rem}.modal-box .preview-image{width:100%;height:140px;object-fit:contain;margin-bottom:1rem;border-radius:4px;background-color:#1e1e1e;border:1px solid #2a2a2a}.modal-box .file-input-label{display:inline-block;background-color:#1e1e1e;color:#f9d446;padding:.6rem 1rem;margin-bottom:1rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease;border:1px solid #f9d446}.modal-box .file-input-label:hover{background-color:#fc0;color:#000}.modal-box input,.modal-box textarea{width:100%;padding:.7rem .9rem;border-radius:4px;border:1px solid #2a2a2a;background:#1e1e1e;color:#fff;margin-bottom:1rem;font-size:1rem;text-align:center}.modal-box input:disabled,.modal-box textarea:disabled{opacity:.5;cursor:not-allowed}.modal-box textarea{resize:vertical;min-height:80px}.modal-box .modal-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.modal-box .modal-buttons button{padding:.7rem 1.2rem;border-radius:4px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.modal-box .modal-buttons button.cancel{background-color:#333;color:#fff}.modal-box .modal-buttons button.confirm{background-color:#f9d446;color:#000}.modal-box .modal-buttons button:hover{opacity:.9;transform:scale(1.03)}.modal-box .modal-buttons button:disabled{opacity:.6;cursor:not-allowed}.modal-box p{color:#fff;font-size:1rem;margin-bottom:1.2rem}@media (max-width: 480px){.modal-box{padding:1.5rem 1rem}.modal-box .modal-buttons{flex-direction:column}.modal-box .modal-buttons button{width:100%}}.Products{padding:1rem 3rem;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 776px){.Products{padding:0 1rem 1rem}}.Products .Products-header{display:flex;justify-content:space-between;align-items:center}.Products .Products-header h2{color:#f9d446;font-size:1.6rem}.Products .Products-header .add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#f9d446;color:#000;border:none;padding:.6rem 1.2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.Products .Products-header .add-btn:hover{background-color:#fc0}@media (max-width: 776px){.Products .Products-header .add-btn{padding:.6rem}.Products .Products-header .add-btn span{display:none}}.Products .status{font-size:1rem;text-align:center}.Products .status.error{color:#dc3545}.Products .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}@media (max-width: 768px){.Products .grid{grid-template-columns:repeat(2,1fr)}}