@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap");:root{--g-h:148;--g-s:100%;--g-l:27%;--primary:hsl(var(--g-h),var(--g-s),var(--g-l));--primary-light:hsl(var(--g-h),var(--g-s),35%);--primary-soft:hsl(var(--g-h),40%,96%);--y-h:45;--y-s:100%;--y-l:50%;--accent:hsl(var(--y-h),var(--y-s),var(--y-l));--accent-dark:hsl(var(--y-h),var(--y-s),40%);--white:#ffffff;--bg-page:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--glass:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.3);--sh-sm:0 1px 2px 0 rgb(0 0 0/0.05);--sh-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--sh-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--sh-xl:0 25px 50px -12px rgb(0 0 0/0.25);--radius:16px;--radius-inner:12px;--grad-subway:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);--grad-glass:linear-gradient(135deg,rgba(255,255,255,0.4),rgba(255,255,255,0.1))}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Outfit,sans-serif;background:var(--bg-page);color:var(--text-main);overflow-x:hidden;min-height:100vh;line-height:1.5}.fade{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.fade.vis{opacity:1;transform:none}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}.sec{padding:clamp(80px,10vw,120px) 24px}.sec-alt{background:var(--white)}.sh{text-align:center;margin-bottom:64px;position:relative}.sh h2{font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,6vw,72px);font-weight:900;letter-spacing:-.02em;line-height:.95;text-transform:uppercase;color:var(--text-main)}.sh h2 em{display:block;font-size:.4em;color:var(--primary);font-style:normal;font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.2em;margin-bottom:8px}.sh p{font-size:18px;color:var(--text-muted);margin-top:16px;max-width:600px;margin-inline:auto}.rule{width:80px;height:6px;background:var(--accent);border-radius:3px;margin:24px auto 0;box-shadow:0 4px 12px rgba(255,190,0,.3)}.btn-primary{background:var(--grad-subway);padding:16px 32px;border-radius:100px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px rgba(0,104,48,.2);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary:hover{box-shadow:0 15px 35px rgba(0,104,48,.3)}.btn-accent{background:var(--accent);color:var(--text-main);padding:16px 32px;border-radius:100px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px rgba(255,190,0,.2)}.btn-accent:hover{background:var(--accent-dark);color:var(--white);transform:translateY(-2px)}.admin-wrapper{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column;background-image:radial-gradient(circle at 15% 50%,rgba(0,104,48,.03) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(255,190,0,.05) 0,transparent 50%)}.admin-header{height:80px;background:rgba(255,255,255,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px -10px rgba(0,0,0,.05);justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.admin-header,.brand{display:flex;align-items:center}.brand{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;gap:12px}.brand-badge{background:var(--grad-subway);color:white;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:24px}.user-email{font-size:14px;font-weight:600;color:var(--text-muted);padding-right:24px;border-right:1px solid rgba(0,0,0,.1)}.btn-view-site{font-size:13px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;background:rgba(0,104,48,.05);transition:all .2s}.btn-view-site:hover{background:rgba(0,104,48,.1);transform:translateY(-1px)}.admin-body-container{display:flex;flex:1 1}.admin-main{flex:1 1;padding:40px;max-width:1400px;margin:0 auto;width:100%}.admin-page-header{margin-bottom:40px}.admin-title{font-family:Barlow Condensed,sans-serif;font-size:48px;font-weight:900;text-transform:uppercase;color:var(--text-main);line-height:1;letter-spacing:-.02em;margin-bottom:8px}.admin-sub{color:var(--text-muted);font-size:16px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.stat-card{background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1);background:rgba(255,255,255,.9);border-color:var(--primary-soft)}.stat-val{font-family:Barlow Condensed,sans-serif;font-size:56px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:8px}.stat-lbl{font-size:14px;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.1em}.glass-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:32px;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);margin-bottom:24px}.notice-box{background:rgba(0,104,48,.1);border:1px dashed rgba(0,104,48,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;color:var(--primary);font-weight:500;margin-bottom:32px}.notice-box a{background:var(--primary);color:white;padding:8px 16px;border-radius:100px;font-weight:800;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-left:auto;transition:all .2s}.notice-box a:hover{background:var(--text-main);transform:translateY(-2px)}.modern-btn{padding:16px 28px;border-radius:16px;font-weight:800;font-size:15px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--text-main);color:var(--white);box-shadow:0 10px 20px rgba(15,23,42,.15)}.btn-primary:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,104,48,.25)}.btn-secondary{background:rgba(59,130,246,.1);color:#2563eb}.btn-secondary:hover{background:#2563eb;color:white;transform:translateY(-2px);box-shadow:0 10px 20px rgba(59,130,246,.2)}.panel-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.05)}.panel-icon{width:48px;height:48px;background:var(--grad-subway);border-radius:12px;display:grid;place-items:center;font-size:24px;color:white;box-shadow:0 8px 16px rgba(0,104,48,.2)}.panel-title{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;color:var(--text-main);line-height:1.1;margin-bottom:4px}.panel-desc{color:var(--text-muted);font-size:14px;font-weight:500}.input-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}.input-group{margin-bottom:0}.modern-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--primary);letter-spacing:.1em;margin-bottom:10px;padding-left:4px}.modern-input{width:100%;padding:16px 20px;border-radius:16px;border:2px solid transparent;background:rgba(0,0,0,.03);font-size:15px;font-weight:600;color:var(--text-main);outline:none;transition:all .3s;box-shadow:inset 0 2px 4px rgba(0,0,0,.01)}.modern-input:focus{border-color:var(--primary);background:#ffffff;box-shadow:0 8px 16px rgba(0,104,48,.1)}.modern-input:disabled{opacity:.6;cursor:not-allowed}.btn-save{background:var(--text-main);color:var(--white);box-shadow:0 10px 20px rgba(15,23,42,.15);width:100%}.btn-save:hover:not(:disabled){background:var(--primary);transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,104,48,.25)}.btn-save:disabled{opacity:.7;cursor:not-allowed}.info-box{background:rgba(59,130,246,.05);border:1px dashed rgba(59,130,246,.3);border-radius:16px;padding:24px;color:#1e3a8a;font-size:14px;font-weight:500;max-width:800px;line-height:1.6}.info-box a{color:#2563eb;font-weight:700;text-decoration:none}.info-box a:hover{text-decoration:underline}.status-msg{padding:16px 20px;border-radius:16px;font-weight:700;font-size:14px;margin-top:24px;display:flex;align-items:center;gap:12px;animation:fadeIn .3s ease}.status-success{background:rgba(0,104,48,.1);color:var(--primary);border:1px solid rgba(0,104,48,.2)}.status-error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-warning{background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.2);margin-top:16px;padding:16px}.admin-sidebar-container{display:flex}.admin-sidebar{width:280px;flex-shrink:0;background:rgba(255,255,255,.4);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid rgba(255,255,255,.5);padding:32px 24px;display:flex;flex-direction:column;gap:8px;min-height:calc(100vh - 80px)}.admin-mob-toggle{display:none;background:none;border:none;font-size:24px;color:var(--text-main);cursor:pointer;padding:8px;margin-right:8px}@media (max-width:1024px){.admin-mob-toggle{display:block}.admin-sidebar{position:fixed;top:80px;left:-280px;height:calc(100vh - 80px);z-index:50;transition:left .3s ease;background:white}.admin-sidebar-container.open .admin-sidebar{left:0}.admin-sidebar-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-main{padding:24px}}.sb-title{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:16px;padding-left:16px}.sb-link{display:flex;align-items:center;padding:16px 20px;border-radius:16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--text-main);text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.sb-link:hover{background:rgba(255,255,255,.8);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.02)}.sb-link.active{background:var(--text-main);color:white;box-shadow:0 10px 20px rgba(15,23,42,.15)}.link-icon{margin-right:12px;font-size:18px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:24px;gap:24px}.order-card{background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:24px;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);transition:all .3s ease;display:flex;flex-direction:column}.order-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1);background:rgba(255,255,255,.9);border-color:var(--primary-soft)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.order-ref{font-size:12px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;display:block}.customer-name{font-size:28px;font-weight:800;color:var(--text-main)}.customer-name,.order-total{font-family:Barlow Condensed,sans-serif;line-height:1}.order-total{font-size:32px;font-weight:900;color:var(--primary);margin-bottom:6px;text-align:right}.order-type-badge{font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 12px;border-radius:100px;display:inline-block}.type-delivery{background:rgba(59,130,246,.1);color:#2563eb}.type-collection{background:rgba(0,104,48,.1);color:var(--primary)}.items-box{background:rgba(0,0,0,.03);border-radius:16px;padding:16px;margin-bottom:20px}.box-title{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:12px}.item-list{list-style:none;padding:0;margin:0}.item-li{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.05)}.item-li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.item-extras{font-size:12px;color:var(--primary);font-weight:700;display:block;margin-top:4px}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}.info-block{font-size:13px;color:var(--text-main);line-height:1.5}.info-block div{margin-top:4px;font-weight:500}.notes-box{padding:12px 16px;border:1px dashed rgba(255,190,0,.5);background:rgba(255,190,0,.05);border-radius:12px;font-size:13px;color:#b45309;font-weight:500;margin-bottom:20px}.order-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.status-badge{background:var(--text-main);color:white;font-size:11px;font-weight:800;text-transform:uppercase;padding:6px 16px;border-radius:100px;letter-spacing:.05em}.time-received{font-size:12px;color:var(--text-muted);font-weight:600}.glass-table-wrap{background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:32px;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);overflow-x:auto}.extras-table{width:100%;border-collapse:separate;border-spacing:0 12px}.extras-table th{text-align:left;font-size:13px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;padding:0 24px 12px;border-bottom:2px solid rgba(0,0,0,.05)}.extras-row td{padding:20px 24px;background:rgba(255,255,255,.5);transition:all .2s;border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(0,0,0,.02)}.extras-row:hover td{background:rgba(255,255,255,.9);transform:scale(1.01)}.extras-row td:first-child{border-radius:16px 0 0 16px}.extras-row td:last-child{border-radius:0 16px 16px 0}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:24px;animation:fadeIn .3s ease}.modal-content{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:32px;box-shadow:0 40px 80px -20px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.5);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.modal-header{padding:32px 40px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.5);position:-webkit-sticky;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-header h3{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:900;color:var(--text-main);margin:0;text-transform:uppercase}.close-btn{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.05);border:none;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all .2s}.close-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.modal-body{padding:40px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:24px;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);transition:all .3s ease;display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px rgba(0,0,0,.1);background:rgba(255,255,255,.9);border-color:var(--primary-soft)}.img-box{height:200px;border-radius:16px;background:var(--grad-subway);margin-bottom:20px;display:grid;place-items:center;font-size:64px;overflow:hidden;position:relative}.img-box img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;right:12px;background:var(--accent);color:var(--text-main);padding:4px 12px;border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;box-shadow:0 4px 10px rgba(255,190,0,.3)}.cat-tabs{margin-bottom:48px}.cat-tab{padding:12px 28px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all .4s cubic-bezier(.16,1,.3,1);background:rgba(255,255,255,.5);border:1px solid var(--border)}.cat-tab:hover{background:var(--white);box-shadow:var(--sh-md);color:var(--primary)}.cat-tab.active{background:var(--text-main);color:var(--white);border-color:var(--text-main);box-shadow:0 10px 25px rgba(15,23,42,.2)}.orb-1{top:-15%;left:-10%;width:70vw;height:70vw;max-width:800px;max-height:800px;background:radial-gradient(circle at center,rgba(0,168,67,.15) 0,transparent 70%);animation:orbFloat 25s ease-in-out infinite alternate}.orb-1,.orb-2{position:absolute;z-index:1;border-radius:50%}.orb-2{bottom:-20%;right:-10%;width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle at center,rgba(255,190,0,.15) 0,transparent 70%);animation:orbFloat 20s ease-in-out infinite alternate-reverse}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(5%,10%) scale(1.1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.cat-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.cat-tab{padding:10px 24px;border-radius:100px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.05);color:var(--text-muted);font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cat-tab:hover{background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.cat-tab.active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 10px 20px rgba(0,104,48,.2)}footer{background:#0f172a;color:white;padding-bottom:40px}.allergen-bar{background:#1e293b;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;text-align:center;font-size:13px;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:60px}.allergen-bar strong{color:#ffbe00;text-transform:uppercase;letter-spacing:.05em;margin-right:8px}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px}.fc h4{font-family:Barlow Condensed,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.1em;color:#ffbe00;margin-bottom:24px}.fc a,.fc p{display:block;color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .2s}.fc a:hover{color:white}.fb-name{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.fb-name span{display:block;font-family:Outfit,sans-serif;font-size:12px;color:rgba(255,255,255,.4);letter-spacing:.1em;margin-top:4px}.bmark{width:32px;height:32px;justify-content:center;border-radius:8px;font-weight:900;font-size:18px}.bmark,.fbtm{display:flex;align-items:center}.fbtm{border-top:1px solid rgba(255,255,255,.05);margin-top:60px;padding:30px 24px 0;justify-content:space-between;max-width:1200px;margin-inline:auto;font-size:12px;color:rgba(255,255,255,.3)}@media (max-width:768px){.fg{grid-template-columns:1fr 1fr}.fbtm{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.fg{grid-template-columns:1fr;text-align:center}}