.opApp{--green:#183c2e;--gold:#ffc52b;--paper:#f7f5ef;background:var(--paper);color:#21362c;min-height:100vh;font-family:Arial,sans-serif}.opApp *{box-sizing:border-box}.opApp button,.opApp input,.opApp textarea{font:inherit}.opApp button,.opApp a{cursor:pointer}.opApp a{color:inherit;text-decoration:none}.opApp button:disabled{opacity:.5;cursor:wait}.top{background:#fff;border-bottom:1px solid #e5e8e2;justify-content:space-between;align-items:center;height:96px;padding:0 40px;display:flex}.brand{letter-spacing:-2px;font-size:34px;font-weight:950}.brand span{color:#da9d00}.brand small{letter-spacing:2px;margin-top:2px;font-size:9px;display:block}.topRight{align-items:center;gap:22px;display:flex}.pilot{color:#816113;letter-spacing:1px;border:1px solid #e9d998;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:700}.login,.refresh{align-items:center;gap:8px;font-size:14px;display:flex}.username{font-size:13px}.shell{grid-template-columns:230px 1fr;max-width:1800px;margin:auto;display:grid}.sidebar{background:#f0f1e9;border-right:1px solid #e0e3dc;padding:30px 18px}.sidebar>p{letter-spacing:1.5px;color:#778473;margin:20px 12px;font-size:10px}.sidebar>button{text-align:left;color:#425448;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 12px;font-size:13px;display:flex}.sidebar>button.chosen{background:var(--green);color:#fff}.sideNote{color:#718071;margin:70px 12px 0;font-size:12px}.sideNote p{line-height:1.6}.sideNote a{text-decoration:underline}.dot{background:#d8a42b;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.opApp main{min-width:0;padding:24px 32px 60px}.notice{color:#7b6627;background:#f4ecd4;border:1px solid #e9dcaf;border-radius:8px;margin-bottom:24px;padding:12px 18px;font-size:12px}.notice b{margin-right:4px}.heroApp{background:var(--green);color:#fff;border-radius:16px;justify-content:space-between;min-height:300px;padding:38px 44px;display:flex;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;color:#8a945e;font-size:10px;font-weight:700}.heroApp .eyebrow{color:#ffd369}.heroApp h1{letter-spacing:-1.6px;margin:16px 0;font-size:40px;font-weight:800;line-height:1.12}.heroApp p{color:#c9d4ca;font-size:14px;line-height:1.7}.heroChips{gap:8px;margin-top:22px;display:flex}.heroChips span{border:1px solid #5e7562;border-radius:30px;padding:6px 10px;font-size:10px}.dishArt{justify-content:center;align-items:center;gap:15px;width:38%;display:flex;transform:rotate(-8deg)}.dishArt .bowl{filter:drop-shadow(0 20px 15px #09291f);font-size:130px}.dishArt>span{color:#e5d6a1;font-size:13px;line-height:1.8}.dishArt b{color:#ffcf42;font-size:26px}.menuLayout{grid-template-columns:1fr 320px;align-items:start;gap:26px;margin-top:36px;display:grid}.sectionHead{justify-content:space-between;align-items:center;gap:15px;display:flex}.sectionHead h2{letter-spacing:-.6px;margin:5px 0 18px;font-size:25px}.search{background:#fff;border:1px solid #e0e3da;border-radius:8px;align-items:center;gap:8px;max-width:180px;padding:9px 12px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.categories{flex-wrap:wrap;gap:7px;margin:10px 0 24px;display:flex}.categories button,.modes button{color:#657261;background:0 0;border:1px solid #dedfd7;border-radius:30px;padding:8px 12px;font-size:11px}.categories .selected{color:#fff;background:var(--green);border-color:var(--green)}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.product{background:#fff;border:1px solid #e5e7df;border-radius:12px;flex-direction:column;padding:19px;transition:transform .15s;display:flex}.product:hover{transform:translateY(-3px);box-shadow:0 10px 20px #193c2e09}.productTop{justify-content:space-between;align-items:center;display:flex}.productTop>span{font-size:40px}.productTop small{color:#899071;background:#f6f4ec;border-radius:20px;padding:5px 8px;font-size:9px}.product h3{margin:18px 0 7px;font-size:16px;line-height:1.4}.product p{color:#869080;flex:1;margin:0 0 24px;font-size:12px;line-height:1.6}.productBottom{justify-content:space-between;align-items:center;display:flex}.productBottom>b{font-size:19px}.add{background:var(--gold);color:#183c2e;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.quantity{align-items:center;gap:10px;font-size:12px;display:flex}.quantity button{background:#f7f8f2;border:1px solid #e1e4db;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.basket{background:#fff;border:1px solid #e1e5db;border-radius:12px;padding:22px;position:sticky;top:22px}.basketTitle{border-bottom:1px dashed #ddd;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.basketTitle h2{margin:0;font-size:21px}.basketTitle>span{color:#8c967e;font-size:10px}.emptyCart{text-align:center;color:#a2ab99;padding:45px 10px}.emptyCart svg{margin:0 auto 20px}.emptyCart h3{color:#6f7e67;font-size:14px}.emptyCart p{font-size:12px;line-height:1.6}.cartRows{padding-top:8px}.cartRow{border-bottom:1px solid #eff0ea;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.cartRow b{font-size:12px;display:block}.cartRow small{color:#899580;margin-top:5px;font-size:11px;display:block}.total{justify-content:space-between;margin:22px 0;display:flex}.total span{font-size:13px}.total small{color:#929b89;font-size:10px;display:block}.total strong{font-size:24px}.modes{background:#f3f4ec;border-radius:8px;padding:4px;display:flex}.modes button{border:0;border-radius:6px;width:50%}.modes .selected{color:var(--green);background:#fff;font-weight:700;box-shadow:0 2px 4px #0001}.deliveryNote{color:#929781;margin:10px 0 18px;font-size:10px;line-height:1.5;display:block}.basket label{color:#5b6c57;margin-top:13px;font-size:11px;display:block}.basket input:not([type=checkbox]),.basket textarea,.orderActions input{color:#21362c;background:#fbfcf9;border:1px solid #dce1d4;border-radius:7px;width:100%;margin-top:6px;padding:10px;display:block}.basket .consent{align-items:flex-start;gap:8px;font-size:10px;line-height:1.5;display:flex}.consent input{margin-top:3px}.consent a{text-decoration:underline}.submit{text-align:center;background:var(--gold);border:0;border-radius:8px;width:100%;margin-top:20px;padding:14px 10px;font-weight:700;display:block;color:#183c2e!important;font-size:12px!important}.pageHead{justify-content:space-between;align-items:center;margin:35px 0;display:flex}.pageHead h1{letter-spacing:-1px;margin:8px 0;font-size:34px}.refresh{background:#fff;border:1px solid #d6ddce;border-radius:8px;padding:10px 15px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stats>div{background:#fff;border:1px solid #e0e5d9;border-radius:12px;padding:23px}.stats small{color:#8b957e;font-size:11px;display:block}.stats b{margin-top:15px;font-size:28px;display:block}.muted{color:#929a86;font-size:11px}.integration{background:#e9ede2;border-radius:10px;flex-wrap:wrap;gap:12px;margin:25px 0;padding:20px;font-size:11px;display:flex}.integration b{width:100%}.integration span{background:#f8f9f3;border-radius:5px;padding:7px 10px}.orderGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.orderCard{background:#fff;border:1px solid #dfe5d9;border-radius:12px;padding:22px}.orderHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.orderHead h3{margin:6px 0;font-size:18px}.orderHead small{color:#909a86;font-size:10px}.state{color:#8e6c12;background:#f5ecd1;border-radius:20px;padding:6px 9px;font-size:10px}.s2,.s3{color:#456b3b;background:#e1eee0}.s4{color:#356984;background:#e0edf5}.s5{color:#fff;background:#183c2e}.s6{color:#9b5346;background:#f3e2df}.orderDetails{color:#6d7e64;margin:15px 0;font-size:12px;line-height:1.8}.orderDetails b{color:#314c37}.orderBottom{border-top:1px dashed #dce1d6;justify-content:space-between;padding-top:15px;display:flex}.orderBottom small{color:#9b9d8a;font-size:10px}.orderActions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.orderActions button{border:0;border-radius:6px;padding:9px 12px;font-size:11px}.action{color:#fff;background:#183c2e}.cancel{color:#9b5346;background:#f9efec}.empty{text-align:center;color:#8d9981;background:#fff;border:1px dashed #d8dfd0;border-radius:12px;grid-column:1/-1;padding:60px 25px}.empty svg{margin:auto}.empty h3{color:#3d593f}.empty p{font-size:13px}.empty .submit{max-width:300px;margin:20px auto}.error,.success{border-radius:8px;align-items:center;gap:10px;margin:15px 0;padding:15px;font-size:13px;display:flex}.error{color:#9b4a37;background:#f7e6e0}.error button{background:0 0;border:0;margin-left:auto}.success{color:#426033;background:#e4efdc}.appFooter{color:#84917a;border-top:1px solid #e2e6d9;flex-wrap:wrap;gap:22px;padding:25px 40px;font-size:11px;display:flex}.appFooter span{margin-left:auto}:is(.opApp button:focus-visible,.opApp a:focus-visible){outline-offset:3px;outline:3px solid #d9ac24}@media (min-width:1500px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1150px){.shell{grid-template-columns:190px 1fr}.opApp main{padding:20px}.menuLayout{grid-template-columns:1fr 280px;gap:18px}.heroApp{padding:30px}.heroApp h1{font-size:32px}.dishArt .bowl{font-size:90px}.dishArt>span{display:none}.product{padding:15px}.product h3{font-size:14px}}@media (max-width:900px){.shell{display:block}.sidebar{border-bottom:1px solid #e1e5db;gap:7px;padding:10px 16px;display:flex;overflow:auto}.sidebar>p,.sideNote{display:none}.sidebar>button{white-space:nowrap;width:auto;margin:0;padding:10px;font-size:11px}.sidebar svg{width:16px}.top{height:78px;padding:0 20px}.brand{font-size:27px}.topRight{gap:10px}.username{display:none}.menuLayout{grid-template-columns:1fr 290px}.heroApp{min-height:260px}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.opApp main{padding:16px}.notice{margin-bottom:16px;padding:11px;font-size:10px}.heroApp{min-height:260px;padding:28px 23px}.heroApp h1{max-width:270px;font-size:31px}.heroApp p{font-size:12px}.dishArt{opacity:.5;width:120px;position:absolute;bottom:8px;right:-28px}.dishArt .bowl{font-size:90px}.heroChips{z-index:1;position:relative}.menuLayout{flex-direction:column;margin-top:28px;display:flex}.menuLayout>section,.basket{width:100%}.basket{margin-top:10px;position:static}.products{gap:10px}.product{padding:14px}.product h3{font-size:13px}.product p{font-size:11px}.productTop>span{font-size:32px}.productTop small{font-size:8px}.productBottom>b{font-size:17px}.search{max-width:135px}.sectionHead h2{font-size:23px}.categories{gap:6px}.categories button{padding:7px 10px;font-size:10px}.orderGrid{grid-template-columns:1fr}.pageHead h1{font-size:27px}.stats>div{padding:17px}.stats b{font-size:24px}.appFooter{padding:25px 20px}.appFooter span{width:100%;margin:0}}
