body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f5f6fa;color:#111827}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer}.header{height:64px;background:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.header img{height:36px}.header__search{display:flex;align-items:center;background:#f3f4f6;padding:6px 10px;border-radius:8px;gap:6px}.header__right{display:flex;align-items:center;gap:16px}.home__left-wrapper{display:flex;flex-direction:column;gap:16px}.home__right{background:#fff;border-radius:14px;padding:16px}.greetings{background:#fff;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center}.greetings__title{font-size:20px;font-weight:600}.greetings__subtitle{font-size:14px;color:#6b7280}.greetings__date{font-size:14px;font-weight:500}.greetings__time{font-size:13px;color:#6b7280}.home__mini-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mini-card{background:#fff;border-radius:14px;padding:14px}.mini-card__header{display:flex;justify-content:space-between;align-items:center}.mini-card__title{font-size:14px;font-weight:500;color:#6b7280}.mini-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.mini-card__icon--orange{background:#f97316}.mini-card__number{font-size:26px;font-weight:700;margin-top:8px}.mini-card__footer{font-size:13px;color:#6b7280}.recent-orders{background:#fff;border-radius:14px;padding:16px}.recent-orders__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recent-orders__search{display:flex;align-items:center;background:#f3f4f6;padding:6px 10px;border-radius:8px;gap:6px}.recent-orders__search input{border:none;outline:none;background:transparent}.recent-orders__list{display:flex;flex-direction:column;gap:12px;max-height:260px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.recent-orders__list::-webkit-scrollbar{width:0}.order-item{display:flex;gap:12px;align-items:center}.order-item__avatar{width:40px;height:40px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.order-item__name{font-size:14px;font-weight:600}.order-item__status{display:flex;gap:8px;font-size:12px}.popular-dishes{display:flex;flex-direction:column;gap:12px}.popular-dishes__list{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;scrollbar-width:none}.popular-dishes__list::-webkit-scrollbar{width:0}.popular-dish{display:flex;gap:12px;align-items:center}.popular-dish__image{width:48px;height:48px;border-radius:10px;object-fit:cover}.orders{padding:16px;height:calc(100vh - 64px);display:flex;flex-direction:column}.orders__header{margin-bottom:16px}.orders__filters{display:flex;gap:10px;flex-wrap:wrap}.orders__filter{padding:6px 14px;border-radius:20px;border:1px solid #e5e7eb}.orders__filter--active{background:#f97316;color:#fff;border-color:#f97316}.orders__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-y:auto;scrollbar-width:none}.orders__grid::-webkit-scrollbar{width:0}.order-card{background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.tables{padding:20px}.tables__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tables__header-left{display:flex;align-items:center;gap:12px}.tables__title{font-size:24px;font-weight:600}.tables__filters{display:flex;gap:10px}.tables__filter{padding:8px 16px;border-radius:20px;border:none;cursor:pointer;background:#1e293b;color:#cbd5f5;transition:all .3s ease}.tables__filter:hover{background:#334155}.tables__filter.active{background:#2563eb;color:#fff}.tables__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.table-card{background:#020617;padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;transition:transform .25s ease,box-shadow .25s ease}.table-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0006}.table-card__info{display:flex;flex-direction:column;gap:6px}.table-card__name{font-size:16px;font-weight:600}.table-card__status{font-size:13px;font-weight:500;padding:4px 10px;border-radius:12px;width:fit-content}.table-card__status.booked{background:#ef444433;color:#f87171}.table-card__status.available{background:#22c55e33;color:#4ade80}.table-card__avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#22c55e,#f97316)}footer,.footer{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center}.footer__btn{background:none;border:none;color:#aaa;display:flex;flex-direction:column;align-items:center;font-size:12px}.footer__icon{font-size:20px}.footer__fab{position:absolute;top:-28px;background:#ff7a00;border-radius:50%;width:56px;height:56px;border:none;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center}.modal__overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;width:90%;max-width:420px;border-radius:12px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{padding:16px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.modal__close{border:none;background:none;font-size:22px}.modal__body{padding:16px}.modal__field{margin-bottom:14px;display:flex;flex-direction:column}.modal__field label{font-size:13px;margin-bottom:6px}.modal__field input{padding:10px;border-radius:6px;border:1px solid #ddd}.modal__guest-control{display:flex;align-items:center;gap:12px}.modal__guest-control button{width:32px;height:32px;border-radius:6px;border:none;background:#eee;font-size:18px}.modal__submit{width:100%;padding:12px;background:#ff7a00;border:none;border-radius:8px;color:#fff;font-weight:600;margin-top:10px}.menu{padding-bottom:80px}.menu__container{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px}@media(max-width:900px){.menu__container{grid-template-columns:1fr}}.menu{min-height:100vh;padding-bottom:80px}.menu__left{width:70%;background:#fff;border-radius:18px;padding:16px;overflow-y:auto}.menu__right{width:30%;background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:16px}.menu__header{display:flex;justify-content:space-between;align-items:center}.menu__title{display:flex;align-items:center;gap:10px}.menu__title h1{font-size:22px;font-weight:700}.menu__filter-btn{padding:6px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-weight:500;cursor:pointer}.menu__customer-preview{margin:16px 0;padding:14px;background:#f9fafb;border-radius:14px;display:flex;align-items:center;gap:12px}.menu__customer-icon{font-size:28px;color:#4f46e5}.menu__customer-preview h3{font-size:15px;font-weight:600}.menu__customer-preview p{font-size:13px;color:#6b7280}.menu-list{display:flex;flex-direction:column;gap:20px}.menu-list__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.menu-list__category{padding:14px;border-radius:14px;border:1px solid #e5e7eb;cursor:pointer;transition:all .25s ease;background:#fff}.menu-list__category:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014}.menu-list__category--active{border-color:#4f46e5;background:#eef2ff}.menu-list__category-top{display:flex;justify-content:space-between;align-items:center}.menu-list__category h4{font-size:14px;font-weight:600}.menu-list__category p{font-size:12px;color:#6b7280;margin-top:4px}.menu-list__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.menu-item{padding:14px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease}.menu-item:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.menu-item h4{font-size:14px;font-weight:600}.menu-item p{font-size:13px;color:#6b7280}.menu-item__counter{display:flex;align-items:center;gap:8px}.menu-item__counter button{width:28px;height:28px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-size:16px;cursor:pointer}.menu-item__counter span{min-width:20px;text-align:center;font-weight:600}.customer-info{background:#f9fafb;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center}.customer-info h3{font-size:15px;font-weight:600}.customer-info p{font-size:12px;color:#6b7280}.customer-info__avatar{width:38px;height:38px;border-radius:50%;background:#4f46e5;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.cart{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:14px}.cart h3{font-size:15px;font-weight:600;margin-bottom:10px}.cart__item{display:flex;justify-content:space-between;align-items:center}.cart__item h4{font-size:14px}.cart__item span{font-size:12px;color:#6b7280}.cart__actions{display:flex;align-items:center;gap:8px;font-size:18px;cursor:pointer}.cart__actions p{font-size:14px;font-weight:600}.bill{background:#f9fafb;border-radius:14px;padding:14px}.bill__row{display:flex;justify-content:space-between;margin-bottom:8px}.bill__payment,.bill__actions{display:flex;gap:10px;margin-top:12px}.bill__payment button{flex:1;padding:8px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.bill__actions button{flex:1;padding:10px;border-radius:12px;border:none;font-weight:600;cursor:pointer}.bill__print{background:#e5e7eb}.bill__place{background:#4f46e5;color:#fff}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f6fa;padding:20px}.auth__card{background:#fff;width:100%;max-width:1000px;min-height:600px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.auth__image-side{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff}.auth__bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.auth__overlay{position:absolute;inset:0;background:linear-gradient(transparent,#000c)}.auth__quote{font-size:18px;font-style:italic;line-height:1.6;margin-bottom:10px}.auth__author{font-weight:600;color:#f97316}.auth__logo-header{display:flex;align-items:center;gap:10px;margin-bottom:30px}.auth__logo{height:40px}.auth__brand-name{font-size:24px;font-weight:700}.auth__title{font-size:22px;margin-bottom:24px}.auth-form__field{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.auth-form__field label{font-size:14px;font-weight:500;color:#6b7280}.auth-form__field input{padding:12px;border:1px solid #e5e7eb;border-radius:10px;outline:none;font-size:14px;transition:border .3s}.auth-form__field input:focus{border-color:#f97316}.auth-form__role-group{display:flex;gap:10px}.auth-form__role-btn{flex:1;padding:10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#f9fafb}.auth-form__role-btn.active{background:#f97316;color:#fff;border-color:#f97316}.auth-form__submit{width:100%;padding:14px;background:#f97316;color:#fff;border-radius:10px;font-weight:600;margin-top:10px;font-size:16px}.auth__switch{margin-top:auto;text-align:center;padding-top:20px}.auth__switch-btn{color:#f97316;font-weight:600;border:none;background:none;cursor:pointer}@media(max-width:850px){.auth__image-side{display:none}.auth__card{max-width:500px}}@media(max-width:1024px){.menu__container{flex-direction:column;height:auto}.menu__left,.menu__right{width:100%}}@media(max-width:1024px){.home__container{grid-template-columns:1fr}.orders__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.orders__grid,.home__mini-cards{grid-template-columns:1fr}}@media(max-width:768px){.tables__header{flex-direction:column;align-items:flex-start;gap:12px}}:root{--primary-orange: #f97316;--primary-indigo: #4f46e5;--bg-gray: #f5f6fa;--text-dark: #111827;--text-muted: #6b7280;--white: #ffffff;--border: #e5e7eb;--radius-lg: 18px;--radius-md: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg-gray);color:var(--text-dark);line-height:1.5}.card{background:var(--white);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow)}.scroll-hide::-webkit-scrollbar{width:0}.scroll-hide{scrollbar-width:none;overflow-y:auto}.header{height:64px;background:var(--white);padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header__search{display:flex;align-items:center;background:#f3f4f6;padding:6px 12px;border-radius:8px;gap:8px}.header__search input{border:none;outline:none;background:transparent}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth__card{background:var(--white);width:100%;max-width:1000px;min-height:600px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.auth__image-side{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:var(--white)}.auth__bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth__overlay{position:absolute;inset:0;background:linear-gradient(transparent,#000000d9)}.auth__quote-container{position:relative;z-index:2}.auth__quote{font-style:italic;font-size:1.1rem;margin-bottom:8px}.auth__author{color:var(--primary-orange);font-weight:700}.auth__form-side{flex:1;padding:40px;display:flex;flex-direction:column}.auth-form__field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.auth-form__field label{font-size:13px;font-weight:600;color:var(--text-muted)}.auth-form__field input{padding:12px;border:1px solid var(--border);border-radius:10px;transition:.3s}.auth-form__field input:focus{border-color:var(--primary-orange);outline:none}.auth-form__role-group{display:flex;gap:8px;margin-top:4px}.auth-form__role-btn{flex:1;padding:10px;border:1px solid var(--border);border-radius:8px;background:#f9fafb;font-weight:500}.auth-form__role-btn.active{background:var(--primary-orange);color:#fff;border-color:var(--primary-orange)}.auth-form__submit{background:var(--primary-orange);color:#fff;padding:14px;border-radius:10px;font-weight:600;width:100%;margin-top:10px}.home{padding:16px}.home__container{display:grid;grid-template-columns:2fr 1fr;gap:16px}.mini-card{background:var(--white);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.mini-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.mini-card__icon--green{background:#16a34a}.mini-card__icon--orange{background:var(--primary-orange)}.menu__container{display:flex;gap:16px;padding:16px;height:calc(100vh - 80px)}.menu__left{width:70%;background:var(--white);border-radius:var(--radius-lg);padding:16px}.menu__right{width:30%;background:var(--white);border-radius:var(--radius-lg);padding:16px;gap:16px;display:flex;flex-direction:column}.menu-list__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.menu-list__category{padding:14px;border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:.2s}.menu-list__category--active{background:#eef2ff;border-color:var(--primary-indigo)}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--border);border-radius:16px;transition:.2s}.menu-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tables__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.table-card{background:#020617;color:#fff;padding:16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.table-card__status.available{color:#4ade80;background:#22c55e1a;padding:4px 8px;border-radius:8px}.table-card__status.booked{color:#f87171;background:#ef44441a;padding:4px 8px;border-radius:8px}.footer{position:fixed;bottom:0;left:0;right:0;height:65px;background:var(--white);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:100}.footer__fab{position:absolute;top:-25px;background:var(--primary-orange);width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 10px #f9731666}@media(max-width:1024px){.home__container,.menu__container{grid-template-columns:1fr;flex-direction:column;height:auto}.menu__left,.menu__right{width:100%}.orders__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.auth__image-side{display:none}.auth__card{max-width:450px}}@media(max-width:640px){.orders__grid,.home__mini-cards,.menu-list__categories{grid-template-columns:1fr}.header__search{display:none}.tables__header{flex-direction:column;align-items:flex-start;gap:10px}}