*{margin:0;padding:0}.header-home{background-color:beige;flex:1;min-height:100vh;padding:1rem;overflow:hidden}.section-label{letter-spacing:2px;text-transform:uppercase;color:#888780;padding:1.2rem 1.5rem .5rem;font-family:DM Sans,Arial,sans-serif;font-size:11px;font-weight:500}.slider-con{width:100%;height:500px;position:relative;overflow:hidden}.slide{opacity:0;width:100%;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.slide.active{opacity:1}.slider-img{object-fit:cover;width:100%;height:100%;display:block}.slide-overlay{background:#00000059;position:absolute;inset:0}.slide-info{color:#fff;position:absolute;bottom:2rem;left:2rem}.slide-badge{letter-spacing:1px;text-transform:uppercase;background:#fff3;border:.5px solid #fff6;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.slide-name{margin-bottom:4px;font-family:Georgia,serif;font-size:26px;font-weight:600;line-height:1.2}.slide-price{opacity:.9;font-size:16px;font-weight:500}.nav-btn{color:#fff;cursor:pointer;background:#ffffff26;border:.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:#ffffff4d}.nav-prev{left:1rem}.nav-next{right:1rem}.slider-dots{align-items:center;gap:6px;display:flex;position:absolute;bottom:1rem;right:1.5rem}.dot{cursor:pointer;background:#fff6;border-radius:50%;width:6px;height:6px;transition:all .3s}.dot.active{background:#fff;border-radius:3px;width:18px}.slider-card{justify-content:center;gap:10px;margin-top:1rem;display:flex}.main-card-sli{cursor:pointer;border-radius:5px;width:100%;max-width:300px;max-height:200px;padding:10px;transition:opacity .6s;overflow:hidden}.main-card-sli.active{opacity:1;background-color:#fff}.card-sli-img{object-fit:cover;border-radius:5px;width:100%;height:100%}.footer-home{background-color:beige;border-top:.5px solid #d3d1c7;justify-content:center;align-items:center;gap:2rem;height:100px;padding:1rem 1.5rem;display:flex}.footer-link{color:#5f5e5a;cursor:pointer;font-size:13px}@media (width<=736px){.slider-con{width:100%;height:300px}}*{box-sizing:border-box;margin:0;padding:0}.header-menu{background-color:beige;flex-direction:column;align-items:center;height:100vh;padding:1rem;display:flex;overflow-x:hidden}.main-menu{background-color:#fff;flex-direction:column;align-items:center;width:100%;max-width:1300px;margin:0 auto;display:flex}.main-card-menu{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center;gap:2rem;padding:1rem;display:grid}.con-card-menu{cursor:pointer;flex-direction:column;width:100%;min-width:0;padding:5px;display:flex;overflow:hidden;box-shadow:0 0 8px #0000001a}.img-wrapper{aspect-ratio:4/3;background-color:#c1c1c1;width:100%;overflow:hidden}.img-menu{object-fit:cover;width:100%;height:100%;display:block}.card-body{flex-direction:column;flex:1;align-items:center;padding:.75rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}.name-list-menu{margin-bottom:5px}.description-menu{color:#666;flex:1;margin:0 0 8px;font-size:13px}.price-menu{margin:0;font-weight:700}.con-s-menu{justify-content:space-between;margin:1rem;display:flex}.input-s-menu{gap:5px;display:flex}.s-list-menu{border:1px solid #3b3b3b;border-radius:5px;width:100%;max-width:300px;height:30px;margin-left:10px;padding:0 5px}.btn-sub-mit-s-menu{cursor:pointer;background-color:#fff;border:none;height:30px;padding:5px;font-size:1rem}.category-list-menu{color:beige;text-align:center;cursor:pointer;background-color:#000;border:none;border-radius:5px;width:100%;max-width:100px}.main-prev-next-menu{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:1rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}.btn-next-menu,.btn-prev-menu{color:beige;cursor:pointer;background-color:#000;border:none;border-radius:5px;width:100%;max-width:100px;padding:5px}.footer-menu{background-color:beige;justify-content:center;align-items:center;height:50px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;width:100%;max-width:450px;padding:5px;position:relative;overflow:hidden}.modal-close{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:10px;right:10px}.modal-img{object-fit:cover;width:100%;height:300px}.modal-body{flex-direction:column;align-items:center;padding:1rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}.modal-name{margin:0 0 8px}.modal-description{color:#666;margin:0 0 12px;font-size:14px}.modal-price{font-size:1.2rem;font-weight:700}.header-map{background-color:beige;justify-content:center;min-height:100vh;padding:1rem;display:flex}.main-map{background-color:#fff;border-radius:5px;width:100%;max-width:1000px;height:500px;padding:1rem}.map{border:none;border-radius:5px;width:100%;height:100%}.footer-map{background-color:beige;justify-content:center;align-items:center;height:50px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}.main-login{background-color:beige;justify-content:center;align-items:center;height:100vh;display:flex}.con-login{background-color:#fff;border-radius:10px;flex-direction:column;width:300px;height:auto;padding:2rem;display:flex;box-shadow:0 4px 8px #0000001a}.class-login{justify-content:center;font-family:Arial,Helvetica,sans-serif;display:flex}.label-login{width:100%;margin-top:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex}.input-login{background-color:#fff;border:1px solid #000;border-radius:5px;width:100%;height:30px}.btn-login{color:#fff;background-color:#32ba37;border:none;border-radius:5px;width:100%;height:40px;margin-top:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1rem}.btn-login:hover{cursor:pointer;background-color:#08a437;transition:all .3s}.btn-login:active{background-color:#08a437;transition:all .1s;transform:scale(.98)}.list-link-login{justify-content:space-between;margin-top:1rem;display:flex}.link-login{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.home-link-login{color:#000;font-size:1.5rem;text-decoration:none}.main-register{background-color:beige;justify-content:center;align-items:center;height:100vh;display:flex}.con-register{background-color:#fff;border-radius:10px;flex-direction:column;width:300px;height:auto;padding:2rem;display:flex;box-shadow:0 4px 8px #0000001a}.class-register{justify-content:center;font-family:Arial,Helvetica,sans-serif;display:flex}.label-register{width:100%;margin-top:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex}.input-register{background-color:#fff;border:1px solid #000;border-radius:5px;width:100%;height:30px}.btn-register{color:#fff;background-color:#0074e7;border:none;border-radius:5px;width:100%;height:40px;margin-top:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1rem}.btn-register:hover{cursor:pointer;background-color:#0570c1;transition:all .3s}.btn-register:active{transition:all .3s;transform:scale(.95)}.list-link-register{justify-content:space-between;margin-top:1rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex}.home-link-register{color:#000;font-size:1.5rem;text-decoration:none}.error-register{color:red;margin-top:.5rem;font-size:.8rem;display:block}.header-nav{background-color:beige}.main-nav{position:relative}.container-nav{align-items:center;width:100%;height:100%;display:flex}.nav-left,.logo-nav,.nav-right{flex:1;align-items:center;display:flex}.logo-nav{justify-content:center;align-items:center;margin:0;display:flex}.visually-hidden{position:absolute;left:-9999px}.nav-right{justify-content:flex-end;padding-right:2rem}.login-nav{color:#000;font-size:2rem;position:absolute;top:1rem;right:2rem}.welcome-nav{color:#000;cursor:pointer;align-items:center;gap:6px;font-size:1.5rem;font-weight:600;display:flex}.user-dropdown{-webkit-user-select:none;user-select:none;color:#fefefe;border-radius:5px;transition:all .2s;display:inline-block;position:absolute;top:1rem;right:2rem}.dropdown-menu{background-color:#000;border-radius:5px;margin-top:5px;padding:.5rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.dropdown-item-admin{color:#000;background-color:#effca6;border-radius:5px;padding:5px;font-size:10px;text-decoration:none}.dropdown-item-logout-btn{color:#fff;cursor:pointer;background-color:#c10808;border:none;border-radius:5px;justify-content:center;margin-top:.5rem;padding:.2rem;text-decoration:none;display:flex}.dropdown-item-logout-btn:hover{background-color:red;transition:all .3s}.dropdown-item-logout-btn:active{transition:all .3s;transform:scale(.95)}.logo-img{border-radius:50%;height:200px}.link-logo-nav{color:#000;text-decoration:none}.login-nav{color:#000;font-size:2rem}.menu-wrapper{justify-content:center;display:flex}.btn-nav{justify-content:center;gap:1rem;width:100%;margin-top:2rem;list-style:none;display:flex}.list-btn-nav{flex:1;max-width:150px}.link-btn-nav{text-align:center;color:#000;border:2px solid #000;width:100%;padding:.5rem 0;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block}.link-btn-nav:hover{color:#fff;background-color:#000;transition:all .3s ease-in-out}.link-btn-nav:active{transition:all .3s;transform:scale(.95)}.link-btn-nav.active{color:#fff;background-color:#000}@media (width<=500px){.logo-img{height:150px}.link-btn-nav{padding:.2rem 0}.main-nav{padding:2rem}.container-nav{justify-content:center;align-items:center;width:108%;height:100%;display:flex}}@media (width<=350px){.logo-img{height:150px}.link-btn-nav{padding:.2rem 0}.main-nav{padding:2rem}.login-nav{color:#000;font-size:1.5rem;top:1rem;right:1rem}.container-nav{justify-content:center;align-items:center;width:110%;height:100%;display:flex}}.header-navAdmin{z-index:1500;background:#0f0f0f;justify-content:center;width:220px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.logo-cafe-navAdmin{color:#fff;margin-top:3rem;font-family:Arial,Helvetica,sans-serif}.logo-navAdmin{flex-direction:column;align-items:center;padding:0 10px;display:flex}.main-navAdmin{flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:10px 5px;display:flex}.con-menu-navAdmin{flex-direction:column;gap:10px;width:100%;margin:2rem 0;list-style:none;display:flex}.menu-navAdmin{background-color:#fcfac2;border-radius:5px;width:100%;height:40px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.menu-navAdmin:hover{background-color:#fff;transition:all .5s}.menu-navAdmin:active{transition:all .5s;transform:scale(.95)}.link-navAdmin{color:#000;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.link-navAdmin-active-link-navAdmin{color:#000;background-color:#fff;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.con-logout-admin{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.tohome{cursor:pointer;background-color:#efed9b;border:none;border-radius:5px;justify-content:center;align-items:center;width:80%;height:30px;margin-bottom:5px;display:flex}.btn-logout-admin{cursor:pointer;background-color:#b4b4b4;border:none;border-radius:5px;justify-content:center;align-items:center;width:80%;height:30px;display:flex}.btn-logout-admin:hover{background-color:#d2d2d2;transition:all .5s}.header-navAdmin{background:#0f0f0f;width:220px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0}@media (width<=835px){.header-navAdmin{transform:translate(-100%)}.header-navAdmin.open{transform:translate(0)}}.layout-admin{display:flex}.admin-content{width:100%;margin-left:220px;padding:20px}.overlay{z-index:1400;background:#0006;position:fixed;inset:0}.ham-menu{color:#fff;cursor:pointer;z-index:2000;background:#111;border:none;border-radius:5px;padding:8px 12px;font-size:24px;display:none;position:fixed;top:15px;left:15px}@media (width<=835px){.ham-menu{display:block}.admin-content{margin-left:0}}@media (width<=501px){.ham-menu{padding:5px 7px;font-size:15px;top:10px;left:7px}.admin-content{margin-left:0;padding:10px}}@media (width<=310px){.ham-menu{padding:5px 7px;font-size:10px;top:10px;left:7px}.admin-content{margin-left:0;padding:10px}}.title-dashboard{justify-content:center;margin-bottom:1.5rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;display:flex}.con-card-dashboard{grid-template-columns:repeat(2,2fr);gap:20px;display:grid}.card-dashboard{text-align:center;background:#fff;border-radius:5px;justify-content:space-between;align-items:center;height:auto;padding:20px;display:flex;box-shadow:0 0 10px #0003}.icon-card-dashbord{color:#00a7d1;margin-right:10px;font-size:1.5rem}.card-title-dashboard{color:#333;align-items:center;font-family:Courier New,Courier,monospace;font-size:1.2rem;font-weight:700;display:flex}.link-card-dashboard{color:#034271;background:0 0;text-decoration:none}.main-card-dashboarb{display:flex}.Chart-DashBoard{background:#fff;border-radius:5px;margin-top:2rem;padding:1rem;box-shadow:0 0 10px #0003}.title-menu-category{text-align:center;font-family:Arial,Helvetica,sans-serif}.con-menu-category{width:100%;height:100%}@media (width<=736px){.icon-card-dashbord{color:#00a7d1;margin-right:10px;font-size:1.2rem}.card-title-dashboard{font-size:1rem}.link-card-dashboard{font-size:.8rem}}@media (width<=641px){.icon-card-dashbord{font-size:1rem}.title-dashboard{font-size:1.5rem}.title-menu-category{font-size:1rem}}@media (width<=615px){.card-dashboard{flex-direction:column;display:flex}}@media (width<=501px){.card-dashboard{flex-direction:column;display:flex}.title-dashboard{font-size:1rem}.card-title-dashboard,.link-card-dashboard{font-size:10px}}.con-form-input-menu-admin{background-color:#e0e0e0;border-radius:5px;flex-direction:column;align-items:center;padding:1rem;display:flex}.tile-menu-admin,.title-crate-menu{margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}.con-input-menu-admin{flex-direction:column;width:300px;display:flex}.input-menu{border:1px solid #000;border-radius:5px;height:30px;margin-bottom:5px;padding:5px}.input-img-menu{cursor:pointer;margin-bottom:5px}.label-creat-menu{margin-bottom:2px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.btn-submit-menu{cursor:pointer;color:#faebd7;background-color:#000;border:none;border-radius:5px;height:30px;margin-top:5px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1rem}.btn-submit-menu:active{transition:all .5s;transform:scale(.95)}.input-menu-category{text-align:center;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:5px;height:30px}.main-table-menu-admin{background-color:#f0f8ff;width:100%;margin-top:1.5rem}.head-table-menu-admin{color:#faebd7;background-color:#000;height:30px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.p-table-menu-admin{text-align:center;border:1px solid #000;padding:2px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.btn-remove-menu{cursor:pointer;color:red;background-color:#f0f8ff;border:none;font-size:1.2rem}.btn-update-menu{color:#faebd7;cursor:pointer;background-color:#000;border:none;border-radius:5px;padding:5px}@media (width<=836px){.tile-menu-admin{margin-left:5rem}}.main-titel-category{margin-bottom:1rem}.con-creat-categoy{background-color:#dadada;border-radius:5px;justify-content:center;display:flex}.titel-category{font-family:Arial,Helvetica,sans-serif}.form-creat-category{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:1rem;display:flex}.label-creat-category{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.input-category{border-radius:5px;padding:5px}.btn-category{color:#fcf9d4;cursor:pointer;background-color:#000;border:none;border-radius:5px;width:50px;padding:5px}.btn-category:active{transition:all .5s;transform:scale(.95)}.main-table-category{background-color:#f0f8ff;width:100%;margin-top:1.5rem}.head-table-category{color:#faebd7;background-color:#000;height:40px}.title-table-category{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.p-table-catgory{text-align:center;border:1px solid #000;height:30px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.update-category{justify-content:center;gap:5px;width:100%;display:flex}.input-update-category{border-radius:5px;padding:2px}.btn-update-category{color:#faebd7;cursor:pointer;background-color:#000;border:none;border-radius:5px;padding:0 5px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.btn-update-category:active{transition:all .5s;transform:scale(.95)}.btn-remove-category{color:red;cursor:pointer;background-color:#f0f8ff;border:none;width:30px;height:20px;font-size:20px}@media (width<=836px){.titel-category{margin-left:5rem}}.main-table-user{background-color:#f0f8ff;width:100%;margin-top:1.5rem}.tile_user{font-family:Arial,Helvetica,sans-serif}.head-user{color:#faebd7;background-color:#000;height:40px}.title-user{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.p-user{text-align:center;border:1px solid #000;height:30px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:15px}.select-role-user{color:#faebd7;cursor:pointer;background-color:#000;border:none;border-radius:5px;padding:5px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.btn-remove-user{color:red;cursor:pointer;background-color:#f0f8ff;border:none;width:50px;padding:3px;font-size:1rem}.main-prev-next-user{justify-content:center;gap:10px;margin-top:20px;display:flex}.btn-prev-user,.btn-next-user{color:#faebd7;cursor:pointer;background-color:#000;border:none;border-radius:5px;width:100px;padding:5px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.btn-prev-user,.btn-next-user:hover{background-color:#2f2f2f}.page-user{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}@media (width<=836px){.tile_user{margin-left:5rem}}.title-recom{margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif}.con-recom{background-color:#dedede;border-radius:5px;flex-direction:column;align-items:center;padding:10px;display:flex}.title-create-recom{margin:10px;font-family:Arial,Helvetica,sans-serif}.form-create-recom{align-items:center;gap:4px;margin-bottom:10px;display:flex}.s-menu{width:250px}.btn-submit-recom{color:#faebd7;cursor:pointer;background-color:#000;border:none;border-radius:5px;width:80px;height:35px;padding:5px}.main-table-recom{background-color:#f0f8ff;width:100%;margin-top:1.5rem}.head-table-recom{color:#faebd7;background-color:#000;height:30px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.p-table-recom{text-align:center;border:1px solid #000;padding:2px}.btn-delete-recom{color:red;cursor:pointer;background-color:#f0f8ff;border:none;padding:5px;font-size:1rem}@media (width<=836px){.title-recom{margin-left:5rem}}.header-update-menu{flex-direction:column;align-items:center;display:flex}.main-title-update-menu{margin:1.5rem;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.link-back-menu{width:100%;height:30px;margin-top:1.5rem}.link-backto-menu{color:#faebd7;background-color:#707070;border-radius:5px;padding:5px 10px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-decoration:none}