:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24221d;background:#f9f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.05em}em{font-family:Georgia,serif;font-weight:400}.site-header{height:78px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e4db;background:#faf8f4}.brand{border:0;background:none;font-weight:850;letter-spacing:.15em;font-size:22px;color:#211e19}.brand span{color:#a68b66;margin-left:5px}.site-header nav{display:flex;gap:24px}.site-header nav button{border:0;background:none;color:#554e43;font-size:13px}.landing{min-height:calc(100vh - 78px);padding:clamp(80px,12vw,160px) 7vw 60px;background:radial-gradient(ellipse at 85% 15%,#e9ddc8,transparent 50%),#f9f7f2}.hero-kicker,.section-label{font-size:11px;letter-spacing:.19em;color:#9b8060;font-weight:750}.landing h1,.staff h1{font-size:clamp(60px,9vw,125px);line-height:1.02;margin:25px 0;font-weight:650}.landing>p{max-width:530px;font-size:19px;line-height:1.7;color:#746d62}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.primary,.secondary{display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:16px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:13px}.primary{background:#29251e;border:1px solid #29251e;color:#fff}.secondary{border:1px solid #bdb2a3;color:#2c261f}.hero-note{font-size:12px;color:#9b8c7b}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:110px}.features article{padding:30px;background:#fffdf9;border:1px solid #e8e2d7;border-radius:8px}.features svg{color:#9b8060}.features h3{margin:22px 0 8px}.features p{font-size:13px;line-height:1.6;color:#81776a}.guest-hero{background:linear-gradient(120deg,#29241f,#5d4a36);padding:70px 7vw;color:#fff}.guest-hero span{font-size:11px;letter-spacing:.2em;color:#d5bc93}.guest-hero h1{font-size:clamp(45px,8vw,85px);margin:15px 0}.guest-hero p{color:#dfd2bf}.guest-inner{padding:55px 7vw 130px;max-width:1250px;margin:auto}.guest-inner h2{font-size:45px;margin:12px 0 30px}.categories{display:flex;gap:10px;overflow:auto;margin-bottom:30px}.categories button{border:1px solid #ded7cc;border-radius:50px;padding:10px 20px;background:#fff;white-space:nowrap}.categories .active{background:#29251e;color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.menu-card{background:#fff;border:1px solid #ebe6dd;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.menu-card>img{width:100%;height:180px;object-fit:cover}.menu-copy{padding:22px;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:25px}.menu-copy h3{font-size:20px;margin:0 0 8px}.menu-copy p{font-size:13px;color:#81776a;line-height:1.6}.menu-bottom{display:flex;align-items:center;justify-content:space-between}.qty{display:flex;align-items:center;gap:10px}.qty button{width:32px;height:32px;border-radius:50%;border:1px solid #d6d0c6;background:#f8f5ee;display:grid;place-items:center}.floating{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(500px,calc(100% - 30px))}.floating button{width:100%;padding:19px;border:0;border-radius:8px;background:#29251e;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px #0003}.floating b{margin-left:auto}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;align-items:flex-end;justify-content:center}.cart-panel{background:#fffdf9;border-radius:15px 15px 0 0;padding:28px;width:min(530px,100%);max-height:90vh;overflow:auto}.close{float:right;border:0;background:none}.cart-line{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #eee6dc}.total{font-size:20px}.caution{font-size:13px;line-height:1.6;color:#8b6140;background:#f9f0df;padding:14px;border-radius:5px;margin-top:25px}.full{width:100%}.staff{max-width:850px;margin:75px auto;padding:0 25px}.staff h1{font-size:clamp(50px,7vw,75px)}.login{max-width:440px;background:#fff;border:1px solid #ebe5db;padding:28px;border-radius:10px}.login label{display:block;margin-bottom:20px;font-size:13px;font-weight:700}.login input{display:block;width:100%;padding:14px;border:1px solid #d9d0c5;border-radius:5px;margin-top:8px}.login p,.staff-dashboard p{font-size:13px;color:#887e70;line-height:1.6;margin-top:20px}.staff-user{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.staff-user button{display:flex;align-items:center;gap:8px;border:1px solid #ddd3c8;background:#fff;padding:9px}.staff-order{display:flex;justify-content:space-between;gap:10px;border:1px solid #e9e0d4;background:#fff;border-radius:6px;padding:20px;margin-bottom:12px}.staff-order small{display:block;color:#81776a;margin-top:7px}.centered{text-align:center;padding:90px 20px}.error{color:#a12626}@media(max-width:750px){.features,.menu-grid{grid-template-columns:1fr}.features{margin-top:60px}.landing{padding-top:75px}.site-header{height:65px}.site-header nav{gap:12px}.guest-inner h2{font-size:37px}.menu-card>img{height:220px}}.role-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.role-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid #ded7cc;border-radius:6px;padding:12px 16px;text-decoration:none;color:#554e43;background:#fff}.role-links a.selected{background:#29251e;color:#fff;border-color:#29251e}.owner-actions{background:#fff;border:1px solid #e8e2d7;border-radius:8px;padding:24px;margin:24px 0}.owner-actions h2{font-size:24px;margin-bottom:5px}.workspace{max-width:1160px;margin:60px auto;padding:0 24px 100px}.workspace>h1{font-size:clamp(42px,6vw,74px);margin:12px 0 18px}.workspace-links,.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.workspace-links a,.workspace-tabs button{border:1px solid #ded7cc;background:#fff;color:#423b32;text-decoration:none;padding:10px 17px;border-radius:6px;font-size:13px}.workspace-tabs .active{background:#29251e;color:#fff}.workspace-user,.workspace-tools,.workspace-heading,.workspace-line,.workspace-order{display:flex;align-items:center;justify-content:space-between;gap:15px}.workspace-user{padding:15px 0;border-bottom:1px solid #e5ddd0;flex-wrap:wrap}.workspace-user button,.workspace-tools>button:not(.primary),.workspace-line button,.order-buttons button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #d7cfc2;border-radius:5px;padding:10px 14px;color:#322a22}.workspace-tools{margin:25px 0;justify-content:flex-start;flex-wrap:wrap}.workspace-tools select{min-width:220px;max-width:100%;padding:13px;border:1px solid #d7cfc2;border-radius:5px;background:#fff}.workspace-intro{margin:35px 0 18px}.workspace-intro h2{font-size:32px;margin-bottom:5px}.workspace-intro p,.workspace-actions p{color:#81776a;font-size:13px}.platform-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.platform-summary>div{border:1px solid #e5ded3;background:#fff;border-radius:9px;padding:22px;display:flex;flex-direction:column;gap:10px}.platform-summary svg{color:#947b5d}.platform-summary b{font-size:25px;overflow-wrap:anywhere}.platform-summary span{font-size:12px;color:#81776a}.workspace-section{background:#fff;border:1px solid #e5ded3;padding:25px;border-radius:9px;margin:22px 0}.workspace-section h3{font-size:23px}.workspace-line,.workspace-order{padding:17px 0;border-bottom:1px solid #eee9e0}.workspace-line:last-child,.workspace-order:last-child{border:0}.workspace-line small,.workspace-order small{display:block;font-size:12px;color:#8b8173;margin-top:7px}.workspace-line a{font-size:13px;color:#725536}.workspace-actions{padding:20px;border:1px solid #e5ded3;background:#fff;border-radius:8px}.order-buttons{display:flex;gap:7px;flex-wrap:wrap}.workspace-alert,.workspace-notice{padding:15px;background:#fff0df;border:1px solid #e5cba9;border-radius:6px;color:#7d4b21;margin:20px 0}@media(max-width:650px){.platform-summary{grid-template-columns:1fr 1fr}.workspace-line,.workspace-order{align-items:flex-start;flex-direction:column}.workspace-tools select{width:100%}.workspace{margin-top:40px}}
