*{margin:0;padding:0}body,html{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100%;margin:0}*,:after,:before{box-sizing:border-box}:root{--emerald-50:#ecfdf5;--emerald-200:#a7f3d0;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--white:#fff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-700:#334155;--slate-800:#1f2937;--shadow:0 10px 22px #02061714;--shadow-strong:0 12px 28px #0206171f;--sidebar-w:320px;--sidebar-w-sm:64px;--brand-h:56px;--radius:12px}.layout{align-items:stretch;background:#f8fafc;background:var(--slate-50);color:#1f2937;color:var(--slate-800);display:flex;min-height:100dvh}.sidebar{background:radial-gradient(1200px 400px at 20% 0,#ffffff0f,#0000 40%),radial-gradient(800px 300px at 90% 20%,#ffffff0f,#0000 40%),linear-gradient(180deg,#059669,#047857 50%,#065f46);background:radial-gradient(1200px 400px at 20% 0,#ffffff0f,#0000 40%),radial-gradient(800px 300px at 90% 20%,#ffffff0f,#0000 40%),linear-gradient(to bottom,var(--emerald-600),var(--emerald-700) 50%,var(--emerald-800));box-shadow:inset 0 1px 0 #ffffff0f;color:#fff;color:var(--white);height:100dvh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease-in-out;width:320px;width:var(--sidebar-w);z-index:10}.sidebar.collapsed{width:64px;width:var(--sidebar-w-sm)}.collapse-btn{align-items:center;background:#fff;background:var(--white);border:1px solid #a7f3d0;border:1px solid var(--emerald-200);border-radius:999px;box-shadow:0 10px 22px #02061714;box-shadow:var(--shadow);color:#047857;color:var(--emerald-700);cursor:pointer;display:flex;font-size:20px!important;height:28px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:28px;z-index:5}.collapse-btn:hover{background:#f9fafb;box-shadow:0 12px 28px #0206171f;box-shadow:var(--shadow-strong)}.collapse-btn:active{transform:translateY(-50%) scale(.98)}.brand{align-items:center;border-bottom:1px solid #ffffff24;display:flex;gap:10px;height:56px;height:var(--brand-h);padding:0 10px}.brand-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:10px;box-shadow:inset 0 1px 2px #0000000d;height:32px;width:32px}.brand-text{line-height:1.1}.brand-title{font-size:14px;font-weight:700}.brand-subtitle{color:#ffffffd9;font-size:11px}.nav{height:calc(100dvh - 56px);height:calc(100dvh - var(--brand-h));overflow-y:auto;padding:10px}.nav::-webkit-scrollbar{width:8px}.nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.nav::-webkit-scrollbar-track{background:#0000}.nav-link{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius);color:#ffffffeb;display:flex;gap:10px;margin:0 0 5px;padding:10px 12px;position:relative;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .15s ease;will-change:transform}.nav-link:hover{background:#ffffff1a;border-color:#ffffff1f}.nav-link:active{transform:translateY(1px)}.nav-link:focus-visible{outline:2px solid #fff;outline:2px solid var(--white);outline-offset:2px}.nav-link.active{background:#ffffff38;border-color:#fff3;box-shadow:inset 0 1px 0 #ffffff0f;color:#fff;font-weight:600}.active-indicator{background:#0000;border-bottom-right-radius:4px;border-top-right-radius:4px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:4px}.nav-link.active .active-indicator{background:#fff}.emoji-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative}.badge{box-shadow:0 1px 0 #0000000a;margin-left:auto;padding:0 6px}.badge,.badge-floating{align-items:center;background:#fff;border:1px solid #10b98140;border-radius:999px;color:#047857;color:var(--emerald-700);display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px}.badge-floating{box-shadow:0 1px 0 #0000000d;padding:0 5px;position:absolute;right:-8px;top:-6px}.collapsed .nav,.collapsed-link{padding:10px 6px}.collapsed-link{justify-content:center}.collapsed .badge,.collapsed-link .badge{background:#fff;border:none;border-radius:999px;color:#0000;height:8px;margin-left:6px;min-width:8px;padding:0;width:8px}.content{background:#f8fafc;background:var(--slate-50);flex:1 1;min-height:100dvh;padding:20px}@media (max-width:1024px){:root{--sidebar-w:280px}}@media (max-width:640px){:root{--sidebar-w:240px}}.content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:100dvh}.header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--slate-200);box-shadow:0 10px 22px #02061714;box-shadow:var(--shadow);display:flex;height:56px;justify-content:space-between;padding:0 24px;z-index:5}.header-title{color:#1f2937;color:var(--slate-800);font-size:16px;font-weight:700}.logout-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--slate-200);border-radius:10px;color:#334155;color:var(--slate-700);cursor:pointer;font-size:13px;font-weight:600;height:34px;padding:0 14px;transition:all .2s ease}.logout-btn:hover{background:#ecfdf5;background:var(--emerald-50);border-color:#a7f3d0;border-color:var(--emerald-200);color:#047857;color:var(--emerald-700)}:root{--toast-radius:14px;--toast-pad-x:14px;--toast-pad-y:12px;--toast-shadow:0 10px 25px #02061733;--toast-shadow-hover:0 14px 34px #02061738;--toast-duration:1.5s;--success-50:#f0fdf4;--success-400:#6ee7b7;--success-bg:#16a34acc;--error-50:#fef2f2;--error-400:#fca5a5;--error-bg:#f87171cc;--info-50:#eff6ff;--info-400:#93c5fd;--info-bg:#60a5facc}.notif-container{grid-gap:10px;display:grid;gap:10px;position:fixed;right:calc(env(safe-area-inset-right, 0px) + 16px);top:calc(env(safe-area-inset-top, 0px) + 16px);z-index:9999}@media (max-width:640px){.notif-container{left:16px;right:16px}}.notif{align-items:center;animation:toast-in .25s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff14,#fff0),#11182799;border:1px solid #0000;border-radius:14px;border-radius:var(--toast-radius);box-shadow:0 10px 25px #02061733;box-shadow:var(--toast-shadow);color:#fff;display:flex;font-weight:500;line-height:1.35;padding:12px 46px 12px 14px;padding:var(--toast-pad-y) calc(var(--toast-pad-x) + 32px) var(--toast-pad-y) var(--toast-pad-x);position:relative;text-shadow:0 1px 0 #00000040}.notif:hover{box-shadow:0 14px 34px #02061738;box-shadow:var(--toast-shadow-hover);transform:translateY(-2px)}.notif:before{background:#ffffff26;border-radius:999px;content:"ℹ";display:grid;font-size:14px;height:24px;place-items:center;position:absolute;right:14px;right:var(--toast-pad-x);text-shadow:0 1px 0 #0000004d;top:50%;transform:translateY(-50%);width:24px}.notif.success{background:linear-gradient(180deg,#10b9811f,#10b9810a),#16a34acc;background:linear-gradient(180deg,#10b9811f,#10b9810a),var(--success-bg);border-color:#10b98140}.notif.success:before{background:#10b98126;content:"✓"}.notif.error{background:linear-gradient(180deg,#ef44441f,#ef44440a),#f87171cc;background:linear-gradient(180deg,#ef44441f,#ef44440a),var(--error-bg);border-color:#ef44444d}.notif.error:before{background:#ef444426;content:"!"}.notif.info{background:linear-gradient(180deg,#3b82f61f,#3b82f60a),#60a5facc;background:linear-gradient(180deg,#3b82f61f,#3b82f60a),var(--info-bg);border-color:#3b82f64d}.notif.info:before{background:#3b82f626;content:"i"}.notif:after{animation:toast-bar 1.5s linear forwards;animation:toast-bar var(--toast-duration) linear forwards;background:#ffffffd9;bottom:0;content:"";height:3px;left:0;opacity:.95;position:absolute;transform-origin:left;width:100%}.notif.success:after{background:linear-gradient(90deg,#f0fdf4,#6ee7b7);background:linear-gradient(90deg,var(--success-50),var(--success-400))}.notif.error:after{background:linear-gradient(90deg,#fef2f2,#fca5a5);background:linear-gradient(90deg,var(--error-50),var(--error-400))}.notif.info:after{background:linear-gradient(90deg,#eff6ff,#93c5fd);background:linear-gradient(90deg,var(--info-50),var(--info-400))}.notif:hover:after{animation-play-state:paused}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.notif,.notif:after{animation:none!important}}.login-wrapper{align-items:center;background:radial-gradient(900px 500px at 20% 0,#10b9811f,#0000 40%),linear-gradient(135deg,#ecfdf5,#fff);display:flex;justify-content:center;min-height:100dvh}.login-card{background:#fff;border-radius:18px;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:28px;width:100%}.login-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.login-card-brand{align-items:center;display:flex;gap:12px}.login-card-logo{background:linear-gradient(to bottom right,var(--emerald-500),var(--emerald-700));border-radius:12px;box-shadow:0 6px 16px #10b98173;height:38px;width:38px}.login-card-title{font-size:16px;font-weight:800}.login-card-sub{color:#6b7280;font-size:12px}.login-form{grid-gap:14px;display:grid;gap:14px}.login-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.login-field input{border:1px solid #e5e7eb;border-radius:12px;font-size:14px;height:44px;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-field input:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px #10b9812e;outline:none}.login-password-box{position:relative}.login-password-box button{background:none;border:none;color:var(--emerald-700);cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-remember{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.login-remember input{display:none}.login-remember-box{background:#fff;border:2px solid #d1d5db;border-radius:4px;height:18px;transition:all .2s ease;width:18px}.login-remember input:checked+.login-remember-box{background:var(--emerald-600);border-color:var(--emerald-600);box-shadow:0 0 0 3px #10b98159}.login-btn{background:linear-gradient(to bottom,var(--emerald-500),var(--emerald-700));border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:800;height:46px;transition:box-shadow .2s ease,transform .1s ease}.login-btn:hover{box-shadow:0 10px 22px #10b98166}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{color:#6b7280;font-size:11px;margin-top:18px;text-align:center}:root{--brand-50:#ecfdf5;--brand-200:#a7f3d0;--brand-400:#34d399;--text-900:#0f172a;--text-700:#334155;--card:#fff;--shadow:0 6px 18px #022c2214}*{box-sizing:border-box}.foods-page{margin:0 auto 28px;max-width:100%;padding:0 16px}.foods-toprow{align-items:center;display:flex;gap:12px;margin-bottom:12px}.foods-toprow .back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text-900);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;line-height:1;padding:8px 12px;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease,transform .06s ease}.foods-toprow .back-btn:hover{background:#f8fafc;background:var(--muted);border-color:#34d399;border-color:var(--brand-400);box-shadow:0 0 0 3px #ecfdf5;box-shadow:0 0 0 3px var(--brand-50)}.foods-toprow .back-btn:active{transform:translateY(1px)}.foods-toprow .back-btn:focus-visible{border-color:#34d399;border-color:var(--brand-400);box-shadow:0 0 0 3px #a7f3d0;box-shadow:0 0 0 3px var(--brand-200);outline:none}.foods-toprow .back-btn--lg{border-radius:12px;font-size:15.5px;padding:10px 16px}.foods-search{flex:1 1 320px;min-width:260px;position:relative}.foods-search input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;color:#0f172a;color:var(--text-900);font-size:14px;outline:none;padding:10px 12px 10px 36px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.foods-search input:focus{border-color:#34d399;border-color:var(--brand-400);box-shadow:0 0 0 3px #a7f3d0;box-shadow:0 0 0 3px var(--brand-200)}.foods-search-ic{color:#94a3b8;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.foods-size{align-items:center;color:#334155;color:var(--text-700);display:flex;font-size:13px;gap:8px;margin-left:auto}.foods-size select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text-900);padding:8px 10px}.foods-size select:focus{border-color:#34d399;border-color:var(--brand-400);box-shadow:0 0 0 3px #a7f3d0;box-shadow:0 0 0 3px var(--brand-200)}.foods-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:14px;margin-bottom:12px;padding:10px 12px}.foods-empty{background:#fff;border:1px dashed #e5e7eb;border:1px dashed var(--line);border-radius:14px;color:#64748b;padding:28px;text-align:center}.foods-grid{grid-gap:14px;gap:14px}@media (max-width:1024px){.foods-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.foods-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.foods-grid{grid-template-columns:1fr}}.food-card{background:var(--card);border:1px solid #eef2f4;border-radius:14px;box-shadow:0 6px 18px #022c2214;box-shadow:var(--shadow);cursor:pointer;gap:10px;padding:12px;transition:transform .12s ease,box-shadow .12s ease}.food-card:hover{transform:scale(1.02);transition:all .3s ease}.food-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#059669,#34d399);background:linear-gradient(135deg,var(--brand-600),var(--brand-400));border-radius:12px;overflow:hidden;position:relative;width:100%}.food-thumb img{display:block;height:100%;object-fit:cover;width:100%}.food-thumb-ph{color:#fff;display:grid;font-size:28px;font-weight:800;height:100%;place-items:center;-webkit-user-select:none;user-select:none;width:100%}.food-body{display:flex;flex-direction:column;gap:6px}.food-name{color:#0f172a;color:var(--text-900);font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.food-desc,.food-name{margin:0;overflow:hidden}.food-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px}.food-foot{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:auto}.food-price{color:#0f172a;color:var(--text-900);font-weight:700;width:60%}.food-btn{background:#059669;background:var(--brand-600);border:1px solid #059669;border:1px solid var(--brand-600);border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.food-btn:hover{background:#047857;background:var(--brand-700);border-color:#047857;border-color:var(--brand-700)}.skeleton{background:#fff;border:1px solid #eef2f4;border-radius:14px;min-height:220px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#022c220f 50%,#fff0);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.foods-pager{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin-top:16px;padding:10px 12px}.pg-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;color:#0f172a;color:var(--text-900);cursor:pointer;padding:8px 10px;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}.pg-btn:not(:disabled):hover{background:#f8fafc;background:var(--muted);border-color:#34d399;border-color:var(--brand-400);box-shadow:0 0 0 3px #a7f3d0;box-shadow:0 0 0 3px var(--brand-200)}.pg-btn:disabled{cursor:not-allowed;opacity:.55}.pg-info{color:#64748b;font-size:13px}.pg-sep{color:#cbd5e1;margin:0 8px}@media (max-width:560px){.foods-pager{align-items:stretch;flex-direction:column;text-align:center}}.cart-cta{align-items:center;background:#059669;background:var(--brand-600,#059669);border:1px solid #059669;border:1px solid var(--brand-600,#059669);border-radius:12px;box-shadow:0 2px 10px #05966940;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin-left:auto;padding:10px 14px}.cart-cta:hover{background:#047857;background:var(--brand-700,#047857);border-color:#047857;border-color:var(--brand-700,#047857)}.cart-cta .ic{font-size:16px;line-height:1}.cart-cta .sum{font-size:14px}.food-long{align-items:stretch;background:#059669;background:var(--brand-600,#059669);border:1px solid #059669;border:1px solid var(--brand-600,#059669);border-radius:12px;display:flex;flex:60% 1}.food-long .btn-minus,.food-long .btn-plus{background:#0000;border:none;color:#fff;cursor:pointer;flex:0 0 22%;font-size:16px;font-weight:800;padding:5px 12px}.food-long .btn-minus:disabled{cursor:not-allowed;opacity:.5}.food-long .qty-val{background:#ffffff24;color:#fff;flex:1 1 20%;font-weight:700}.food-long .qty-val,.mf-modal-overlay{align-items:center;display:flex;justify-content:center}.mf-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000040;inset:0;padding:20px;position:fixed;z-index:2000}.mf-modal{animation:pop .25s ease;background:#fff;border-radius:18px;max-width:520px;padding:18px;position:relative;width:100%}.mf-close{background:#0000;border:none;cursor:pointer;font-size:28px;opacity:.7;position:absolute;right:10px;top:6px}.mf-close:hover{opacity:1}.mf-img{border-radius:14px;margin-bottom:14px;overflow:hidden;width:100%}.mf-img img{height:220px;object-fit:cover;width:100%}.mf-title{font-size:20px;font-weight:700;margin:0 0 6px}.mf-desc{color:#64748b;font-size:14px;margin-bottom:14px}.mf-bottom{display:flex;flex-direction:column;gap:16px}.mf-price{font-size:20px;font-weight:800}.mf-qty{background:#059669;background:var(--brand-600);border-radius:14px;display:inline-flex;overflow:hidden;width:100%}.mf-qty button{background:#0000;border:none;color:#fff;cursor:pointer;flex:0 0 20%;font-size:22px;font-weight:700;transition:background .15s ease}.mf-qty button:hover:not(:disabled){background:#0f766e}.mf-qty button:disabled{cursor:not-allowed;opacity:.4}.qty-input{background:#ffffff2e;border:none;caret-color:#fff;color:#fff;flex:1 1;font-size:16px;font-weight:700;outline:none;text-align:center}.qty-input:focus{background:#ffffff47}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-input[type=number]{-moz-appearance:textfield}:root{--brand-600:#059669;--brand-700:#047857;--line:#e5e7eb;--muted:#f8fafc;--text:#0f172a}.cart-page{margin:0 auto;max-width:900px;position:relative}.cart-top.new-top{align-items:center;display:flex;gap:20px;margin-bottom:20px}.back-right{position:relative}.back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;cursor:pointer;display:flex;font-weight:600;justify-content:center;padding:6px 14px}.cart-title{color:#0f172a;color:var(--text);font-size:22px;font-weight:800;margin:0}.cart-empty{background:#fff;border:1px dashed #e5e7eb;border:1px dashed var(--line);border-radius:16px;color:#64748b;padding:28px;text-align:center}.cart-list{grid-gap:14px;display:grid;gap:14px}.cart-item{grid-gap:14px;align-items:center;background:#fff;border:1px solid #eef2f4;border-radius:16px;box-shadow:0 6px 20px #0f172a0a;display:grid;gap:14px;grid-template-columns:76px 1fr auto;padding:14px;transition:box-shadow .15s ease,transform .15s ease}.cart-item:hover{box-shadow:0 10px 30px #0f172a14}.cart-thumb img{object-fit:cover}.cart-thumb img,.cart-thumb-ph{border-radius:12px;height:76px;width:76px}.cart-thumb-ph{background:#f8fafc;background:var(--muted);color:#475569;display:grid;font-weight:700;place-items:center}.cart-body{display:flex;flex-direction:column;gap:4px}.cart-name{color:#0f172a;font-size:16px;font-weight:700;line-height:1.3}.cart-desc{color:#64748b;font-size:13px;line-height:1.4;margin-top:2px}.cart-price-inline{align-items:center;align-self:flex-start;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;display:inline-flex;margin-top:6px;padding:4px 10px}.cart-price-inline .unit-price{color:#065f46;font-size:13px;white-space:nowrap}.cart-price-inline strong{font-weight:700;letter-spacing:.2px}.cart-ctrls.new-ctrls{align-items:center;display:flex;flex-direction:column;gap:8px}.cart-ctrls-body{gap:10px}.cart-ctrls-body,.qty{align-items:center;display:flex}.qty{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:14px;overflow:hidden}.qty button{background:#fff;border:none;cursor:pointer;font-size:18px;height:34px;transition:background .12s ease,color .12s ease,transform .1s ease;width:34px}.qty button:hover{background:#ecfdf5;color:#059669;color:var(--brand-600)}.qty button:active{transform:scale(.96)}.card-qty-input{background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#047857;font-size:15px;font-weight:700;height:34px;outline:none;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:60px}.card-qty-input:hover{background:#f0fdf4;border-color:#059669}.card-qty-input:focus{background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 3px #05966940}.rmv{background:#fff;border:1px solid #fecaca;border-radius:12px;color:#dc2626;cursor:pointer;font-weight:600;height:34px;padding:0 14px;transition:background .12s ease,border-color .12s ease}.rmv:hover{background:#fff1f2;border-color:#fca5a5}.cart-price-row{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;color:#065f46;font-size:15px;font-weight:800;margin-top:8px;padding:6px 10px;text-align:center;width:100%}.cart-summary{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 -6px 20px #0f172a0a;display:flex;justify-content:space-between;margin-top:18px;padding:14px}.total{color:#0f172a;color:var(--text);font-size:18px;font-weight:800}.actions{display:flex;gap:10px}.actions .ghost{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:600;padding:10px 16px}.actions .primary{background:#059669;background:var(--brand-600);border:1px solid #059669;border:1px solid var(--brand-600);border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px}.actions .primary:hover{background:#047857;background:var(--brand-700);border-color:#047857;border-color:var(--brand-700)}@media (max-width:640px){.cart-item{grid-template-columns:64px 1fr}.cart-ctrls.new-ctrls{flex-direction:row;grid-column:1/-1;justify-content:space-between;width:100%}.cart-price-row{margin-top:0}.cart-summary{align-items:stretch;flex-direction:column;gap:12px}}.confirm-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.confirm-modal{animation:pop .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 40px #00000026;margin-top:20px;max-width:340px;padding:18px;width:100%}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-title{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:6px}.confirm-desc{color:#475569;font-size:14px;margin-bottom:16px}.confirm-actions{display:flex;gap:10px}.confirm-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 0}.btn-cancel{background:#f1f5f9;color:#0f172a}.btn-cancel:hover{background:#e2e8f0}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.menu-page{max-width:100%}.menu-top{display:flex;gap:12px;margin-bottom:16px}.menu-search{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:14px;height:40px;padding:0 14px}.menu-search::placeholder{color:#9ca3af}.menu-search:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26;outline:none}.menu-add-btn{background:linear-gradient(135deg,#10b981,#047857);border:none;border-radius:12px;box-shadow:0 6px 14px #10b98159;color:#fff;cursor:pointer;font-weight:700;height:42px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.menu-add-btn:hover{box-shadow:0 8px 18px #10b98173;filter:brightness(1.05);transform:scale(1.03)}.menu-add-btn:active{box-shadow:0 5px 12px #10b9814d;transform:scale(.99)}.menu-title{font-size:16px;font-weight:700}.menu-subtitle{color:#64748b;font-size:13px;margin-bottom:18px}.menu-date-block{margin-bottom:28px}.menu-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:12px}.menu-date{border-bottom:1px solid #e5e7eb;color:#475569;font-size:13px;font-weight:600;margin-bottom:10px;padding-bottom:6px}.menu-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:18px 20px;transition:box-shadow .15s ease,transform .15s ease}.menu-card:hover{box-shadow:0 10px 25px #00000014;cursor:pointer;transform:translateY(-2px)}.menu-card-top{align-items:flex-start;display:flex;justify-content:space-between}.menu-card h3{font-size:15px;font-weight:700;margin:0}.menu-card span{color:#64748b;font-size:12px}.menu-status{border-radius:999px;font-size:12px;font-weight:600;line-height:1;padding:4px 10px}.menu-status.active{background:#ecfdf5;border:1px solid #6ee7b7;color:#059669}.menu-status.expired{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.menu-foods{color:#334155;font-size:13px}.menu-actions-wrapper{align-items:center;display:flex;gap:8px;justify-content:flex-end;position:relative}.menu-duplicate-btn{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;cursor:pointer;font-size:12px;font-weight:700;height:34px;padding:0 14px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.menu-duplicate-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 10px #1d4ed840;transform:translateY(-1px)}.menu-duplicate-btn:active{box-shadow:0 2px 6px #1d4ed833;transform:translateY(0)}.menu-actions-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:background .15s ease,box-shadow .15s ease;width:34px}.menu-actions-btn:hover{background:#f1f5f9;box-shadow:0 4px 10px #00000014}.menu-actions-dropdown{animation:menuFade .15s ease-out;background:#fff;border-radius:14px;bottom:42px;box-shadow:0 12px 28px #0000001f,0 2px 6px #0000000f;min-width:220px;padding:6px;position:absolute;right:0;z-index:50}.menu-actions-dropdown button{background:#0000;border:none;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.menu-actions-dropdown button:first-child:hover{background:#eff6ff;color:#1d4ed8}.menu-actions-dropdown button:nth-child(2):hover{background:#fffbeb;color:#b45309}.menu-actions-dropdown .danger{color:#b91c1c}.menu-actions-dropdown .danger:hover{background:#fee2e2}.menu-actions-dropdown button+button{margin-top:4px;position:relative}.menu-actions-dropdown button+button:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:12px;position:absolute;right:12px;top:-2px}.menu-actions-warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;line-height:1.4;padding:12px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;position:fixed;top:20px;inset:0;justify-content:center;padding-top:40px;z-index:999}.modal{animation:modalFade .18s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003,0 4px 12px #0000001f;max-width:420px;padding:20px 22px;width:100%}@keyframes modalFade{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 10px}.modal p{color:#475569;font-size:13px;line-height:1.5;margin-bottom:18px}.modal p b{color:#0f172a}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;height:34px;padding:0 18px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.modal-actions button:not(.danger):hover{background:#f1f5f9;border-color:#cbd5f5;transform:translateY(-1px)}.modal-actions .danger{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;box-shadow:0 6px 14px #ef444459;color:#fff}.modal-actions .danger:hover{box-shadow:0 8px 18px #ef444473;filter:brightness(1.05);transform:translateY(-1px)}.modal-actions .danger:active{box-shadow:0 5px 12px #ef44444d;transform:translateY(.98)}.addmenumodal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:40px 14px;position:fixed;z-index:999}.addmenumodal-modal{animation:addmenumodalFade .18s ease-out;background:#fff;border:1px solid #0f172a14;border-radius:16px;box-shadow:0 22px 44px #0000002e,0 6px 16px #0000001a;max-width:720px;padding:18px;width:100%}@keyframes addmenumodalFade{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.addmenumodal-header{display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.addmenumodal-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.addmenumodal-subtitle{color:#64748b;font-size:12px;margin:4px 0 0}.addmenumodal-close{background:#fff;border:1px solid #0f172a1a;border-radius:10px;cursor:pointer;display:grid;font-size:20px;height:36px;place-items:center;transition:.15s ease;width:36px}.addmenumodal-close:hover{background:#f1f5f9}.addmenumodal-form{display:flex;flex-direction:column;gap:12px}.addmenumodal-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:220px 1fr}@media (max-width:640px){.addmenumodal-row{grid-template-columns:1fr}}.addmenumodal-label{color:#334155;display:flex;flex-direction:column;font-size:12px;gap:6px}.addmenumodal-input{border:1px solid #0f172a1f;border-radius:12px;font-size:14px;height:40px;outline:none;padding:0 12px;transition:.15s ease}.addmenumodal-input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.addmenumodal-selected{border:1px solid #0f172a1a;border-radius:14px;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px}.addmenumodal-chip{align-items:center;background:#f8fafc;border:1px solid #0f172a1f;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 10px}.addmenumodal-chip b{font-weight:700}.addmenumodal-chip-close{font-size:14px;margin-left:2px;opacity:.6}.addmenumodal-chip:hover{background:#eef2ff}.addmenumodal-search{border:1px solid #0f172a1f;border-radius:12px;font-size:14px;height:42px;outline:none;padding:0 12px}.addmenumodal-search:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.addmenumodal-foodlist{border:1px solid #0f172a1a;border-radius:14px;max-height:320px;overflow-y:auto;padding:6px}.addmenumodal-food-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px;transition:.15s ease}.addmenumodal-food-row:hover{background:#f8fafc}.addmenumodal-food-row.selected{background:#ecfdf5;outline:1px solid #22c55e}.addmenumodal-food-left{align-items:center;display:flex;gap:10px}.addmenumodal-checkbox{align-items:center;border:2px solid #cbd5e1;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;transition:.15s ease;width:18px}.addmenumodal-checkbox.checked{background:#16a34a;border-color:#16a34a}.addmenumodal-food-name{color:#0f172a;font-weight:500}.addmenumodal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.addmenumodal-btn{background:#fff;border:1px solid #0f172a1f;border-radius:12px;cursor:pointer;font-size:14px;height:40px;padding:0 14px}.addmenumodal-btn.cancel:hover{background:#f1f5f9}.addmenumodal-btn.submit{background:linear-gradient(135deg,#10b981,#047857);border:none;border-radius:12px;box-shadow:0 6px 14px #10b98159;color:#fff;cursor:pointer;font-weight:700;height:42px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.addmenumodal-btn.submit:hover{box-shadow:0 8px 18px #10b98173;filter:brightness(1.05);transform:scale(1.03)}.addmenumodal-btn.submit:active{box-shadow:0 5px 12px #10b9814d;transform:scale(.99)}.addmenumodal-btn.submit:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;filter:grayscale(.2);opacity:1;transform:none}.addmenumodal-btn.submit:disabled:active,.addmenumodal-btn.submit:disabled:hover{box-shadow:none;filter:none;transform:none}.addmenumodal-food-row.selected{background:#f5f7ff}.addmenumodal-food-price-input:disabled{cursor:not-allowed;opacity:.5}.addmenumodal-price-wrapper{align-items:center;display:flex;gap:6px}.addmenumodal-food-price-input{border:1px solid #ddd;border-radius:8px;outline:none;padding:6px 8px;text-align:right;width:110px}.addmenumodal-price-suffix{color:#666;font-size:13px;white-space:nowrap}.addmenumodal-food-row.selected .addmenumodal-price-suffix{color:#2e2559}.afm-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.afm-modal{animation:afm-pop .2s ease;background:#fff;border-radius:18px;box-shadow:0 25px 60px #00000040;max-width:460px;padding:22px;width:100%}@keyframes afm-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.afm-head{display:flex;gap:12px;justify-content:space-between}.afm-head h3{font-size:16px;font-weight:800;margin:0}.afm-head p{color:#64748b;font-size:12px;margin:4px 0 0}.afm-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .12s ease;width:32px}.afm-close:hover{background:#fee2e2;box-shadow:0 6px 14px #b91c1c40;color:#b91c1c;transform:scale(1.1)}.afm-close:active{box-shadow:0 3px 8px #b91c1c33;transform:scale(.95)}.afm-form{grid-gap:14px;display:grid;gap:14px;margin-top:16px}.afm-form label{grid-gap:6px;display:grid;font-size:13px;font-weight:600;gap:6px}.afm-form input,.afm-form textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;padding:10px 12px}.afm-form textarea{min-height:90px;resize:none}.afm-upload-btn{background:#0f172a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;height:38px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.afm-upload-btn:hover{box-shadow:0 8px 18px #0f172a59;filter:brightness(1.05);transform:translateY(-1px)}.afm-attachment-card{align-items:center;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:12px;padding:10px}.afm-attachment-card img{border-radius:10px;height:56px;object-fit:cover;width:56px}.afm-attachment-info{flex:1 1}.afm-attachment-info strong{display:block;font-size:13px}.afm-attachment-info span{color:#64748b;font-size:11px}.afm-attachment-remove{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:999px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s ease,transform .12s ease,box-shadow .12s ease;width:32px}.afm-attachment-remove:hover{background:#fee2e2;box-shadow:0 6px 14px #dc262640;transform:scale(1.1)}.afm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.afm-actions button{border:none;border-radius:999px;cursor:pointer;font-weight:800;height:36px;padding:0 18px;transition:background .15s ease,transform .12s ease,box-shadow .12s ease,filter .12s ease}.afm-actions .ghost{background:#f1f5f9;color:#334155}.afm-actions .ghost:hover{background:#e5e7eb;box-shadow:0 6px 14px #0000001f;transform:translateY(-1px)}.afm-actions button:not(.ghost){background:linear-gradient(135deg,#10b981,#047857);color:#fff}.afm-actions button:not(.ghost):hover{box-shadow:0 8px 18px #10b98173;filter:brightness(1.05);transform:translateY(-1px)}.afm-actions button:active{box-shadow:0 4px 10px #00000026;transform:translateY(0)}.viewmodal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.viewmodal-modal{animation:viewmodal-pop .2s ease;background:#fff;border-radius:18px;box-shadow:0 25px 60px #00000040;max-width:480px;padding:20px 22px 22px;width:100%}@keyframes viewmodal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.viewmodal-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.viewmodal-head h3{font-size:16px;font-weight:800;margin:0}.viewmodal-head p{color:#64748b;font-size:12px;margin:4px 0 0}.viewmodal-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .12s ease;width:32px}.viewmodal-close:hover{background:#fee2e2;box-shadow:0 6px 14px #b91c1c40;color:#b91c1c;transform:scale(1.1)}.viewmodal-close:active{box-shadow:0 3px 8px #b91c1c33;transform:scale(.95)}.viewmodal-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#b45309;font-size:12px;font-weight:600;margin-top:12px;padding:10px 12px}.viewmodal-form{grid-gap:14px;display:grid;gap:14px;margin-top:14px}.viewmodal-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.viewmodal-field input,.viewmodal-field textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;padding:10px 12px;width:100%}.viewmodal-field textarea{min-height:90px;resize:none}.viewmodal-attachment{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:14px;display:flex;gap:12px;padding:10px}.viewmodal-attachment img{border-radius:10px;height:54px;object-fit:cover;width:54px}.viewmodal-attachment-info strong{font-size:13px}.viewmodal-noimg{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;padding:12px}.viewmodal-img-loading,.viewmodal-noimg{color:#64748b;font-size:13px}.viewmodal-actions{display:flex;justify-content:flex-end;margin-top:16px}.viewmodal-actions button{background:#f1f5f9;border:none;border-radius:999px;color:#334155;cursor:pointer;font-weight:800;height:36px;padding:0 22px;transition:background .15s ease,transform .12s ease,box-shadow .12s ease}.viewmodal-actions button:hover{background:#e5e7eb;box-shadow:0 6px 14px #0000001f;transform:translateY(-1px)}.viewmodal-actions button:active{box-shadow:0 4px 10px #0000001a;transform:translateY(0)}.editmodal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:4000}.editmodal-modal{animation:editmodal-pop .2s ease;background:#fff;border-radius:18px;box-shadow:0 25px 60px #00000040;max-width:480px;padding:20px 22px 22px;width:100%}@keyframes editmodal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.editmodal-head{display:flex;gap:12px;justify-content:space-between}.editmodal-head h3{font-size:16px;font-weight:800;margin:0}.editmodal-head p{color:#64748b;font-size:12px;margin:4px 0 0}.editmodal-close{align-items:center;background:#0000;border:none;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .12s ease;width:32px}.editmodal-close:hover{background:#fee2e2;box-shadow:0 6px 14px #b91c1c40;color:#b91c1c;transform:scale(1.1)}.editmodal-close:active{box-shadow:0 3px 8px #b91c1c33;transform:scale(.95)}.editmodal-form{grid-gap:14px;display:grid;gap:14px;margin-top:14px}.editmodal-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.editmodal-field input,.editmodal-field textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;padding:10px 12px;width:100%}.editmodal-field input:focus,.editmodal-field textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9812e;outline:none}.editmodal-field textarea{min-height:90px;resize:none}.editmodal-file-input{display:none}.editmodal-upload-btn{align-items:center;background:#0f172a;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;height:36px;padding:0 18px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.editmodal-upload-btn:hover{box-shadow:0 8px 18px #0f172a59;filter:brightness(1.05);transform:translateY(-1px)}.editmodal-upload-hint{color:#64748b;font-size:11px;margin-top:6px}.editmodal-image-card{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:14px;cursor:pointer;display:flex;height:110px;justify-content:center;overflow:hidden;position:relative;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.editmodal-image-card:hover{border-color:#10b981;box-shadow:0 6px 16px #10b98140}.editmodal-image-card img{height:100%;object-fit:cover;width:100%}.editmodal-image-placeholder{background:#ecfdf5;border:1px dashed #6ee7b7;border-radius:12px;height:56px;width:56px}.editmodal-change-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ae6;border:none;border-radius:999px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:30px;padding:0 14px;position:absolute;right:8px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.editmodal-change-btn:hover{background:#0f172a;box-shadow:0 6px 14px #00000059;transform:translateY(-1px)}.editmodal-change-btn:active{transform:scale(.96)}.editmodal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.editmodal-actions button{background:linear-gradient(135deg,#10b981,#047857);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:800;height:36px;padding:0 22px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.editmodal-actions button:hover{box-shadow:0 8px 18px #10b98173;filter:brightness(1.05);transform:translateY(-1px)}.editmodal-actions button:disabled{cursor:not-allowed;opacity:.6}.editmodal-actions .ghost{background:#f1f5f9;color:#334155}.editmodal-actions .ghost:hover{background:#e5e7eb;box-shadow:0 6px 14px #0000001f}.dfm-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding-top:40px;position:fixed;z-index:999}.dfm-modal{animation:dfmFade .18s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003,0 4px 12px #0000001f;max-width:420px;padding:20px 22px;width:100%}@keyframes dfmFade{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dfm-modal h3{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 10px}.dfm-modal p{color:#475569;font-size:13px;line-height:1.5;margin-bottom:18px}.dfm-actions{display:flex;gap:10px;justify-content:flex-end}.dfm-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#334155;cursor:pointer;font-size:13px;font-weight:700;height:34px;padding:0 18px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}.dfm-actions .dfm-cancel:hover{background:#f1f5f9;border-color:#cbd5f5;transform:translateY(-1px)}.dfm-actions .dfm-delete{background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;box-shadow:0 6px 14px #ef444459;color:#fff}.dfm-actions .dfm-delete:hover{box-shadow:0 8px 18px #ef444473;filter:brightness(1.05);transform:translateY(-1px)}.dfm-actions .dfm-delete:active{box-shadow:0 5px 12px #ef44444d;transform:translateY(.98)}.foods-page{padding:6px}.foods-header{display:flex;gap:12px;margin-bottom:14px}.foods-search{border:1px solid #e5e7eb;border-radius:12px;flex:1 1;font-size:14px;height:42px;padding:0 16px}.foods-search:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9812e;outline:none}.foods-add-btn{background:linear-gradient(135deg,#10b981,#047857);border:none;border-radius:12px;box-shadow:0 6px 14px #10b98159;color:#fff;cursor:pointer;font-weight:700;height:42px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.foods-add-btn:hover{box-shadow:0 8px 18px #10b98173;filter:brightness(1.05);transform:scale(1.03)}.foods-add-btn:active{box-shadow:0 5px 12px #10b9814d;transform:scale(.99)}.foods-title{font-size:18px;font-weight:800}.foods-subtitle{color:#64748b;font-size:13px;margin-bottom:16px}.foods-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.foods-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.foods-grid{grid-template-columns:1fr}}.food-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;gap:14px;justify-content:space-between;padding:16px;transition:box-shadow .15s ease,transform .15s ease}.food-card:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-2px)}.food-top{display:flex;gap:14px;justify-content:space-between}.food-card h3{font-size:15px;font-weight:800;margin:0 0 6px}.food-price{align-items:baseline;display:flex;font-weight:800;gap:6px;margin-bottom:5px;white-space:nowrap}.food-price .currency{color:#64748b;font-size:11px;font-weight:700}.food-price .amount{color:#047857;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.3px}.food-desc{color:#64748b;font-size:12px;line-height:1.45}.food-img{background:#0000;border:1px dashed #e5e7eb;border-radius:12px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.food-img-empty{align-items:center;background:#ecfdf5;border:1px dashed #6ee7b7;border-radius:12px;color:#059669;display:flex;font-size:11px;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.food-img img{border-radius:12px;height:100%;object-fit:cover;width:100%}.food-bottom{justify-content:flex-end}.food-bottom,.food-menu-btn{align-items:center;display:flex}.food-menu-btn{color:#475569;font-size:22px;font-weight:700;height:36px;justify-content:center;line-height:1;transition:background .15s ease,box-shadow .15s ease,transform .12s ease;width:36px}.food-menu-btn:hover{box-shadow:0 4px 10px #00000014;transform:scale(1.05)}.food-status{border-radius:999px;font-size:11px;font-weight:700;padding:5px 12px}.food-status.active{background:#ecfdf5;border:1px solid #6ee7b7;color:#059669}.food-status.inactive{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.food-actions{display:flex;gap:8px}.food-actions button{background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;font-size:12px;height:30px;padding:0 14px}.food-actions .danger{border-color:#fecaca;color:#ef4444}.food-actions .danger:hover{background:#fee2e2}.food-actions button:not(.danger){transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.food-actions button:not(.danger):hover{background:#ecfdf5;border-color:#6ee7b7;color:#047857;transform:translateY(-1px)}.food-menu-wrapper{position:relative}.food-menu-btn{background:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;font-size:18px;height:34px;width:34px}.food-menu-btn:hover{background:#f1f5f9}.food-menu{animation:menuFade .15s ease-out;background:#fff;border-radius:14px;bottom:46px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:220px;padding:6px;position:absolute;right:0;z-index:100}@keyframes menuFade{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.food-menu button{background:#0000;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;text-align:left;transition:background .15s ease,color .15s ease,transform .12s ease;width:100%}.food-menu button:not(.danger):hover{background:#fffbeb;color:#b45309;transform:translateX(2px)}.food-menu button:hover{background:#ecfdf5;color:#047857}.food-menu .danger{color:#dc2626}.food-menu .danger:hover{background:#fee2e2;color:#b91c1c;transform:translateX(2px)}.food-menu-warning{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;line-height:1.4;padding:12px;text-align:center}.food-menu button+button{margin-top:4px;position:relative}.food-menu button+button:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:10px;position:absolute;right:10px;top:-2px}
/*# sourceMappingURL=main.27597efe.css.map*/