@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.navbar .logo{width:150px}.navbar-menu{display:flex;list-style:none;gap:40px;font-size:20px;color:#49557e}.navbar-right{display:flex;align-items:center;gap:40px}.navbar .active{padding-bottom:2px;border-bottom:2px solid #49557e}.navbar li{cursor:pointer}@media (max-width:1050px){.navbar .logo{width:120px}.navbar-menu{gap:20px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:22px}.navbar-right button{padding:7px 20px}}@media (max-width:900px){.navbar .logo{width:120px}.navbar-menu{gap:15px;font-size:16px}.navbar-right{gap:20px}.navbar-right img{width:22px}.navbar-right button{padding:7px 20px;font-size:15px}}@media (max-width:750px){.navbar-menu{display:none}}.footer{color:#fff;background-color:#323232;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:75px;margin-top:100px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left,.footer-content-center,.footer-content-right{display:flex;flex-direction:column;align-items:start;gap:20px;cursor:pointer}.footer-img-lokal{width:280px;border-radius:10px}.footer-content-left li,.footer-content-center li,.footer-content-right li{list-style:none;margin-bottom:10px}.footer-social-icon img{width:40px;margin-right:15px;border-radius:50%}.footer hr{width:100%;height:2px;color:#fff;margin:20px 0;background-color:gray;border:none}@media (max-width:750px){.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center}}.header{height:55vw;object-fit:cover;margin:30px auto;background:url(/assets/arkaplanlokal-CHQdlmjb.jpeg) no-repeat;background-size:contain;position:relative}.header-content{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-content h2{font-family:500;color:#f0f8ff;font-size:max(4.5vw,22px)}.header-content p{color:#fff;font-size:20px}.header-content button{color:#fff;padding:15px 25px;border-radius:100px;background-color:#4c43cd;background-image:radial-gradient(93% 87% at 87% 89%,rgba(0,0,0,.23) 0%,transparent 86.18%),radial-gradient(66% 87% at 26% 20%,#ffffff69,#fff0 69.79%,#fff0);box-shadow:2px 19px 31px #0003;font-weight:700;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;transition:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1050px){.header-content{max-width:45%}}@media (max-width:750px){.header-content{max-width:65%}.header-content p{display:none}.header-content button{padding:2vw 4vw}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{font-weight:500;color:#000}.explore-menu-text{max-width:60%;columns:#050505}.explore-menu-list{display:flex;align-items:start;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:80px;height:80px;object-fit:cover;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item p{margin-top:10px;color:#2f4f4f;cursor:pointer;font-size:max(1.4vw,16px)}.explore-menu hr{margin:10px 0;height:2px;background-color:#8a2be2;border:none}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}@media (max-width:1050px){.explore-menu-text{max-width:100%;font-size:14px}}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item-image{width:100%;height:210px;object-fit:cover;border-radius:15px 15px 0 0}.food-item-info{padding:20px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{width:70px}.food-item-desc{color:#676767;font-size:12px}.food-item-price{color:tomato;font-size:22px;font-weight:500;margin:10px 0}.food-item-img-conteiner{position:relative}.sidebar{width:18%;min-height:100vh;border:1.5px solid #a9a9a9;border-top:0;font-size:max(1vw,10px)}.sidebar-options{padding-top:50px;padding-left:20%;display:flex;flex-direction:column;gap:20px}.sidebar-option{display:flex;align-items:center;gap:12px;border:1px solid #a9a9a9;border-right:0;padding:8px 10px;border-radius:3px 0 0 3px;cursor:pointer}.sidebar-option.active{background-color:#fff0ed;border-color:tomato}@media (max-width:900px){.sidebar-option p{display:none}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:8px 4%}.navbar .logo{width:max(10%,80px)}.navbar .profil{width:40px}.admin-app{display:flex;flex-direction:column;height:100vh;width:100%;margin:0}.admin-body{display:flex;flex:1}.admin-content{flex:1;padding:20px;background:#fff}.add{width:70%;margin-left:max(5vw,25px);margin-top:50px;color:#6d6d6d;font-size:16px}.add form{gap:20px}.add-img-upload{width:120px}.add-product-name,.add-product-description{width:max(40%,280px)}.add-product-name input,.add-product-description textarea{padding:10px}.add-category-price{display:flex;gap:30px}.add-category-price select,.add-category-price input{max-width:120px;padding:10px}.add-btn{max-width:120px;border:none;padding:10px;background-color:#000;color:#fff;cursor:pointer}.list-table-format{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr .5fr;align-items:center;gap:10px;padding:12px 15px;border:1px solid #cacaca;font-size:15px}.list-table-format.title{background-color:#f9f9f9}.list-table-format img{width:50px}@media (max-width:600px){.list-table-format{grid-template-columns:1fr 3fr 1fr;gap:15px}.list-table-format.title{display:none}}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-box{background:#dcdcdc;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:380px;text-align:center}.login-box h2{margin-bottom:25px;color:#333;font-size:24px;font-weight:600}.login-box input{width:100%;padding:12px 15px;margin-bottom:18px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:15px;transition:all .3s ease}.login-box input:focus{border-color:#ff7e5f;box-shadow:0 0 6px #ff7e5f66}.login-box button{width:100%;padding:12px 15px;background:linear-gradient(135deg,#ff7e5f,#feb47b);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-box button:hover{opacity:.9;transform:translateY(-2px)}.error{margin-top:15px;color:red;font-size:14px}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.site-app{width:80%;margin:auto}hr{border:none;height:1px;background-color:#a9a9a9}.app-content{display:flex}.flex-col{display:flex;flex-direction:column;gap:10px}.cursor{cursor:pointer}