@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');:root{--ink:#21170f;--muted:#75685d;--paper:#fffaf2;--orange:#f26a21;--gold:#f5b544;--line:#e8dac7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}header{height:78px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadfce;background:#fffaf2ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1}.crown{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--orange);color:#fff;font-size:24px}.brand strong{display:block;font-size:14px;letter-spacing:.14em}.brand small{display:block;font-size:10px;letter-spacing:.34em;margin-top:5px;color:#946c43}nav{display:flex;align-items:center;gap:27px}nav a{text-decoration:none;font-size:12px;font-weight:700}.navbutton{padding:12px 17px;border-radius:99px;background:var(--ink);color:white}.hero{padding:58px 8% 68px;min-height:530px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:700;color:#c45a20}.hero h1,h2,.adminheading h1{font-family:'Playfair Display',serif;font-size:clamp(45px,5.3vw,72px);line-height:1.04;letter-spacing:-.04em;margin:16px 0}.hero h1 em,h2 em,.adminheading em{color:var(--orange);font-weight:600}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:430px}.actions{display:flex;align-items:center;gap:24px;margin:28px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border:0;border-radius:99px;padding:14px 21px;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer;transition:transform .2s}.button:hover,.add:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:white}.dark{background:var(--ink);color:white}.outline{border:1px solid var(--line);background:transparent;color:var(--ink)}.underlink{text-underline-offset:5px;font-size:12px;font-weight:700}.facts{display:flex;gap:20px;flex-wrap:wrap;color:#766758;font-size:11px}.hero-art{min-height:390px;position:relative;display:grid;place-items:center;background:#f7d9a5;border-radius:48% 48% 24px 24px;isolation:isolate}.sun{position:absolute;width:290px;height:290px;border-radius:50%;background:#ffc85c;top:35px;left:calc(50% - 145px);z-index:-1}.wrap{position:relative;transform:rotate(14deg);width:190px;height:310px;filter:drop-shadow(15px 18px 10px #8b4b2728)}.wraptop{position:absolute;top:0;left:18px;width:154px;height:82px;background:linear-gradient(115deg,#dba15a,#fff0c7 40%,#dba05b 70%,#f4d59c);border-radius:50% 50% 25% 25%;border:2px solid #b97b3d}.wrapbody{position:absolute;top:54px;left:18px;width:154px;height:220px;background:linear-gradient(100deg,#c18a4b,#ffe7b0 35%,#e8bd7c 68%,#b87a40);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);border:2px solid #b97b3d}.wrapbody i{position:absolute;left:12px;right:10px;top:14px;height:12px;border-radius:50%;background:#5b7a35;box-shadow:0 18px #bd4a25,0 36px #f2c35e,0 54px #5c7636,0 72px #a93820,0 90px #e7b24e,0 108px #5a7836}.wrapbody i:nth-child(2){top:21px;left:35px;background:#ad4220;transform:rotate(8deg)}.wrapbody i:nth-child(3){top:8px;left:67px;background:#f1ca62;transform:rotate(-8deg)}.wrapbody i:nth-child(4){top:39px;left:13px;background:#617c34}.paper{position:absolute;bottom:0;left:43px;width:104px;height:98px;background:#fff1d1;clip-path:polygon(0 0,100% 0,72% 100%,30% 100%);opacity:.92}.burst{position:absolute;top:38px;right:35px;display:grid;place-items:center;text-align:center;width:76px;height:76px;background:var(--orange);color:white;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.08em;transform:rotate(10deg);clip-path:polygon(50% 0%,61% 14%,78% 5%,82% 25%,100% 32%,88% 49%,100% 65%,79% 72%,78% 94%,59% 86%,46% 100%,36% 83%,15% 90%,17% 68%,0 58%,12% 42%,4% 24%,27% 23%,33% 4%)}.artlabel{position:absolute;bottom:24px;left:26px;right:26px;background:#fffaf0;padding:14px 18px;border-radius:14px;box-shadow:0 8px 25px #74441c14}.artlabel small{display:block;font-size:9px;letter-spacing:.18em;color:#c45a20}.artlabel strong{display:block;font-family:'Playfair Display',serif;font-size:19px;margin-top:4px}.ticker{display:flex;justify-content:center;padding:17px 10px;background:var(--ink);color:#f6c06a;font-size:10px;letter-spacing:.17em;font-weight:700;flex-wrap:wrap}.section{padding:82px 8%}.sectionhead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section h2,.findus h2{font-size:clamp(36px,4vw,52px)}.sectionhead p{max-width:330px;color:var(--muted);font-size:12px;line-height:1.8}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menu-card{padding:12px 12px 18px;border:1px solid var(--line);background:#fffdf9;border-radius:19px}.food{height:175px;border-radius:12px;display:grid;place-items:center;font-size:84px;position:relative}.food span{position:absolute;top:14px;left:15px;font-size:10px;font-weight:700;color:#634c35}.food1{background:#f4d9a7}.food2{background:#e9c3a2}.food3{background:#d7d7a5}.menuinfo{display:flex;justify-content:space-between;gap:10px;padding:17px 5px 13px}.menuinfo h3{margin:0 0 6px;font-size:15px}.menuinfo p{margin:0;color:var(--muted);font-size:11px}.menuinfo>b{white-space:nowrap;font-size:11px;color:#c4551c}.add{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;border:1px solid var(--line);background:transparent;border-radius:10px;font-weight:700;font-size:12px;cursor:pointer}.add span{font-size:18px}.fine{color:#897b6d;font-size:10px;line-height:1.8;margin-top:20px}.order-area{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:#f1e3ce;padding:78px 8%;align-items:start}.orderintro{position:sticky;top:110px}.orderintro>p{color:var(--muted);line-height:1.8;font-size:13px}.promise{border-top:1px solid #ddc8ac;margin-top:25px;padding-top:17px;font-size:12px;line-height:2;color:#705d49}.form,.adminpanel{background:#fffdf9;border:1px solid #e8dac7;border-radius:19px;padding:27px}.form h3,.adminpanel h2{font-family:'Playfair Display',serif;font-size:24px;margin:8px 0 20px}label{display:block;font-size:11px;font-weight:700;margin:14px 0 7px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #e5d9ca;border-radius:9px;background:#fffdfa;color:var(--ink);outline:none;font-size:12px}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f26a2116}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}label small{font-weight:400;color:#8b7d70}.consent{display:flex;gap:9px;align-items:flex-start;font-weight:400;line-height:1.6;color:#6f6256;margin:17px 0}.consent input{width:16px;min-width:16px;margin-top:2px;accent-color:var(--orange)}.consent a{color:#b64b15}.full{width:100%;margin-top:9px}.micro{font-size:10px;line-height:1.6;color:#8b7d70}.track{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.track>div:first-child>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:300px}.trackbox{padding:27px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}.trackrow{display:flex;gap:9px}.trackrow input{min-width:0}.trackresult{background:#f7efe3;border-radius:10px;padding:15px;margin-top:16px;font-size:12px;line-height:1.6;color:#6d5c4c;min-height:52px}.steps{display:flex;align-items:center;gap:9px;margin-top:22px}.steps div{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8dac7}.steps i{height:1px;background:#d9c7b1;flex:1}.steps .active b{background:var(--orange);color:#fff}.findus{background:var(--ink);color:white;display:grid;grid-template-columns:1fr .8fr;gap:60px;padding:78px 10%;align-items:center}.findus h2 em{color:#f8b84b}.findus p{color:#dfd1c1;line-height:1.8;font-size:14px;margin:24px 0}.address{background:#fff9ee;color:var(--ink);border-radius:18px;padding:27px;max-width:370px;justify-self:end;width:100%}.pin{font-size:36px;color:var(--orange);margin-bottom:12px}.address>b{display:block;letter-spacing:.1em;font-size:12px}.address>span,.address>small{display:block;color:#77685a;margin-top:8px;font-size:11px}.address hr{border:0;border-top:1px solid var(--line);margin:20px 0}.address p{font-size:11px;color:#8b7d70;line-height:1.6;margin:12px 0}.address a{font-size:13px;font-weight:700;color:var(--ink)}.terms{padding-top:70px;padding-bottom:70px}.termgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.termgrid article{border-top:2px solid var(--orange);padding-top:14px}.termgrid h3{font-size:13px}.termgrid p{color:var(--muted);font-size:11px;line-height:1.8}footer{padding:28px 8%;background:#170f0a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}footer p{color:#b9a99a;font-size:12px}footer div{display:flex;gap:18px}footer div a,footer>a:not(.brand){font-size:11px;color:#f5c06a}footer>small{font-size:10px;color:#8c7a69}.adminbody{background:#f6efe5}.adminmain{max-width:1200px;margin:auto;padding:42px 5% 65px}.adminheading{display:flex;justify-content:space-between;align-items:center;gap:20px}.adminheading h1{font-size:50px;margin:12px 0}.adminheading p{color:var(--muted);font-size:13px}.warningbadge{background:#fff0cc;color:#89500c;padding:9px 12px;border-radius:99px;font-size:9px;letter-spacing:.12em;font-weight:700;white-space:nowrap}.notice{padding:15px 17px;background:#fff0d9;border:1px solid #f1d4a6;border-radius:12px;color:#755326;font-size:11px;line-height:1.8;margin:23px 0}.adminlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:19px;align-items:start}.adminpanel{padding:22px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.panelhead h2{margin:7px 0 0}.panelhead .button{padding:10px 13px;font-size:11px}.filter{display:flex;align-items:center;gap:12px;margin-bottom:14px}.filter label{margin:0}.filter select{max-width:180px}.orders{display:grid;gap:12px}.order{border:1px solid var(--line);border-radius:12px;padding:14px}.orderhead{display:flex;justify-content:space-between;gap:10px;align-items:start}.orderhead b{font-size:12px;letter-spacing:.08em}.orderhead small{display:block;font-size:9px;color:#8b7d70;margin-top:5px}.pill{display:inline-block;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:700;background:#f8e5c4}.pill.preparing{background:#ffe0ca;color:#9b4618}.pill.completed{background:#dcebd5;color:#37672b}.pill.cancelled{background:#f2d6d6;color:#9a3030}.order p{font-size:11px;line-height:1.7;color:#695b4d;white-space:pre-wrap}.controls{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.controls select{padding:9px;font-size:11px}.controls button{padding:9px 12px;font-size:11px}.empty{padding:25px 10px;text-align:center;color:#897b6d;font-size:12px;line-height:1.7}.createdcode{background:#f8eddd;border-radius:10px;padding:14px;font-size:12px;line-height:1.8;margin-top:13px}.createdcode strong{font-size:17px;letter-spacing:.1em}.bottomnotice{margin-top:24px}.bottomnotice p{margin-bottom:0}@media(max-width:800px){header{height:70px;padding:0 5%}nav{gap:13px}nav a{font-size:11px}nav a:not(.navbutton){display:none}.hero{grid-template-columns:1fr;gap:22px;padding:45px 7% 38px}.hero-art{min-height:325px;max-width:520px;width:100%;margin:auto}.hero h1{font-size:57px}.section{padding:62px 7%}.sectionhead{display:block}.sectionhead p{margin-top:14px}.menu-grid{grid-template-columns:1fr;gap:14px}.food{height:155px}.order-area,.track,.findus{grid-template-columns:1fr;gap:28px;padding:58px 7%}.orderintro{position:static}.address{justify-self:start}.termgrid{grid-template-columns:1fr 1fr}.adminlayout{grid-template-columns:1fr}.adminmain{padding:30px 5%}.adminheading h1{font-size:42px}footer{padding:25px 6%}}@media(max-width:430px){.brand strong{font-size:12px}.brand small{font-size:9px}.crown{width:34px;height:34px}.navbutton{padding:10px 12px}.hero h1{font-size:48px}.facts{display:grid;gap:8px}.hero-art{min-height:300px}.wrap{transform:scale(.85) rotate(14deg)}.two{grid-template-columns:1fr;gap:0}.form,.trackbox,.adminpanel{padding:19px}.trackrow{flex-direction:column}.steps{gap:5px}.steps div{gap:4px;font-size:9px}.steps b{width:22px;height:22px}.termgrid{grid-template-columns:1fr}.adminheading{align-items:start;flex-direction:column}.warningbadge{order:-1}.controls{grid-template-columns:1fr}}
/* Supabase live dashboard additions */
.order-card{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:12px;background:#fffdf9}.order-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.order-top b{font-size:12px;letter-spacing:.08em}.order-top small{display:block;color:#8b7d70;font-size:10px;margin-top:5px}.pill{display:inline-block;padding:6px 9px;border-radius:99px;background:#f8e5c4;font-size:10px;font-weight:700;white-space:nowrap}.pill.preparing{background:#ffe0ca;color:#9b4618}.pill.ready-for-pickup,.pill.completed{background:#dcebd5;color:#37672b}.pill.cancelled{background:#f2d6d6;color:#9a3030}.order-card p{font-size:12px;line-height:1.7;color:#695b4d;overflow-wrap:anywhere}.empty{padding:25px 10px;text-align:center;color:#897b6d;font-size:12px;line-height:1.7}.adminmain [hidden]{display:none!important}