@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{max-width:1140px;margin:auto;padding:0 22px}.top{color:#fff;background:#103c36}.topin{justify-content:space-between;align-items:center;gap:16px;min-height:78px;display:flex}.brand{letter-spacing:-.04em;font-family:Georgia,serif;font-size:28px;font-weight:700}.top a{opacity:.84;font-size:14px;text-decoration:none}.intro{color:#fff;background:#103c36;padding:22px 0 42px}.intro h1{letter-spacing:-.035em;margin:12px 0;font-family:Georgia,serif;font-size:clamp(34px,5vw,60px);font-weight:400;line-height:1.06}.intro p{color:#d8e8df;max-width:580px;margin:0;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#cfe3ae;font-size:12px;font-weight:700}.main{grid-template-columns:minmax(0,1fr) 355px;align-items:start;gap:28px;margin-top:-20px;padding-bottom:80px;display:grid}.panel{background:#fff;border:1px solid #e3e8e0;border-radius:16px;box-shadow:0 12px 30px #0a362111}.pad{padding:25px}.heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.heading h2{margin:0;font-family:Georgia,serif;font-size:29px;font-weight:400}.muted{color:#6b7974;font-size:14px}.days{gap:9px;padding:18px 0 24px;display:flex;overflow:auto}.day{text-align:left;color:#203b35;background:#fff;border:1px solid #dce4dc;border-radius:12px;min-width:86px;padding:10px}.day strong{margin:6px 0;font-size:22px;display:block}.day small{color:#687a70}.empty{color:#586d61;background:#f5f7f1;border:1px dashed #c6d2c5;border-radius:13px;padding:22px}.dish{border-top:1px solid #edf0eb;justify-content:space-between;gap:18px;padding:19px 0;display:flex}.dish h3{margin:0 0 5px;font-size:18px}.dish p{color:#687a70;margin:0;font-size:14px;line-height:1.5}.price{white-space:nowrap;color:#315d38;font-weight:700}.pill{color:#42633a;background:#eff5e8;border-radius:20px;margin-top:8px;padding:5px 8px;font-size:12px;display:inline-block}.add{color:#fff;background:#103c36;border:0;border-radius:9px;margin-top:9px;padding:8px 13px}.add:disabled{cursor:not-allowed;background:#b8c2b9}.side{position:sticky;top:20px}.side h2{margin:0 0 8px;font-family:Georgia,serif;font-size:26px;font-weight:400}.cartrow{border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.qty button{background:#fff;border:1px solid #d7e2d7;border-radius:7px;width:29px;height:29px}.qty{align-items:center;gap:8px;display:flex}.total{justify-content:space-between;margin:20px 0;font-size:18px;font-weight:700;display:flex}label{margin:14px 0 6px;font-size:14px;font-weight:700;display:block}input,textarea,select{color:#17372f;background:#fff;border:1px solid #cbd8cf;border-radius:9px;outline-color:#7da383;width:100%;padding:11px}textarea{min-height:70px}.primary{color:#17372f;background:#cde5a8;border:0;border-radius:10px;width:100%;margin-top:16px;padding:13px 18px;font-weight:700}.secondary{text-align:center;color:#294a37;background:#fff;border:1px solid #b9cdb6;border-radius:10px;width:100%;margin-top:9px;padding:11px;text-decoration:none;display:block}.notice{color:#24482f;background:#eaf4e3;border-radius:9px;margin-top:14px;padding:12px;font-size:14px}.error{color:#8b3728;background:#fff0ea}.admin{margin:26px auto 80px}.tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tabs button{background:#fff;border:1px solid #cbd8cf;border-radius:9px;padding:9px 15px}.tabs .current{color:#fff;background:#103c36}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.listitem{border-top:1px solid #e6ece6;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.listitem button{background:#fff;border:1px solid #cbd8cf;border-radius:8px;padding:8px}.small{color:#6b7974;font-size:13px}.adminform{background:#f5f8f3;border-radius:12px;margin:16px 0;padding:17px}.adminform h3{margin:0}.status{width:auto;min-width:145px}.footer{color:#678078;border-top:1px solid #dbe4da;padding:30px 0;font-size:13px}@media (width<=820px){.main{grid-template-columns:1fr}.side{position:static}.intro{padding-bottom:42px}.pad{padding:20px}}@media (width<=540px){.grid2{grid-template-columns:1fr}.topin{min-height:68px}.brand{font-size:23px}.intro h1{font-size:40px}.main{gap:17px}.dish{gap:10px}}:root{color:#1d1e20;background:#f5f6f5;font-family:DM Sans,Arial,sans-serif}.top{color:#1d1e20;background:#fff;border-bottom:1px solid #e9e9e9}.topin{min-height:82px}.brand{letter-spacing:0;align-items:center;gap:11px;text-decoration:none;display:inline-flex;opacity:1!important}.brand-logo{object-fit:contain;flex:none;width:72px;height:72px}.brand-mark{letter-spacing:-.08em;color:#1d1e20;border:2px solid #1d1e20;border-radius:50%;place-items:center;width:43px;height:43px;padding-right:3px;font:700 27px/1 Georgia,serif;display:grid}.brand-name{letter-spacing:-.035em;color:#1d1e20;font:700 19px/1.05 Poppins,Arial,sans-serif}.brand-name>span{font-weight:500}.brand-name small{letter-spacing:.17em;color:#506a63;margin-top:5px;font:700 9px/1.1 DM Sans,Arial,sans-serif;display:block}.top a:not(.brand){opacity:1;padding:10px 0;font-size:15px;font-weight:600}.intro{color:#fff;background:linear-gradient(90deg,#091716c7 0%,#0e19188c 53%,#08131347 100%),url(../mogere-food-collage.png) 50%/cover no-repeat;padding:52px 0 100px;position:relative}.intro .shell{position:relative}.intro h1{letter-spacing:-.035em;max-width:730px;margin:14px 0;font-family:Poppins,Arial,sans-serif;font-size:clamp(34px,4.5vw,58px);font-weight:700;line-height:1.18}.intro p{color:#fff;max-width:600px;font-size:16px;line-height:1.65}.eyebrow{color:#e2f6f1;letter-spacing:.16em;font-size:13px}.main{gap:24px;margin-top:-46px;position:relative}.panel{border:1px solid #ebeeec;border-radius:12px;box-shadow:0 14px 38px #0d1d1b1c}.heading h2,.side h2{letter-spacing:-.025em;font-family:Poppins,Arial,sans-serif;font-weight:600}.heading h2{font-size:27px}.side h2{font-size:24px}.day{color:#202923;border-color:#dde2df}.day.selected{background:#e4f1ee;border-color:#3e8d78}.day.closed{opacity:.56}.price{color:#155b4c}.pill{color:#256252;background:#e7f3ef}.add,.tabs .current{color:#fff;background:#1d3834}.primary{color:#fff;background:#176f5c}.primary:hover,.add:hover:not(:disabled){background:#105545}.secondary{color:#205b4d;border-color:#a8c8bc}.empty{color:#4c655a;background:#f7faf8;border-color:#cbded5}.footer{color:#53645f;background:#fff;border-color:#e1e6e3}@media (width<=820px){.intro{padding:44px 0 80px}.main{margin-top:-35px}}@media (width<=540px){.topin{min-height:70px}.brand-logo{width:58px;height:58px}.brand-name{font-size:16px}.brand-name small{font-size:8px}.intro{background-position:50% 42%;padding:42px 0 72px}.intro h1{font-size:36px}.intro p{font-size:15px}.main{margin-top:-26px}}@media (width<=600px){.days{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 0 24px;display:grid;overflow:visible}.day{text-align:center;white-space:normal;overflow-wrap:normal;width:100%;min-width:0;min-height:82px;padding:8px 3px}.day span,.day small{font-size:13px;line-height:1.25;display:block}.day strong{margin:4px 0;font-size:21px;line-height:1.1}}.account-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.account-cards>div{background:#f2f7f4;border:1px solid #dce9e1;border-radius:12px;min-width:0;padding:16px}.account-cards span{color:#53645f;margin-bottom:8px;font-size:13px;display:block}.account-cards strong{color:#173e34;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px);display:block}.account-section{align-items:center;margin:26px 0 12px}.account-section h3{margin:0}.account-section .secondary{white-space:nowrap;width:auto;margin:0}.account-table-wrap{overflow-x:auto}.account-table{border-collapse:collapse;text-align:left;width:100%;min-width:590px}.account-table th,.account-table td{vertical-align:top;border-bottom:1px solid #e6ece6;padding:12px 8px}.account-table th{color:#53645f;font-size:13px}.account-table td:nth-child(4){white-space:nowrap;font-weight:700}.account-table button{background:#fff;border:1px solid #cbd8cf;border-radius:8px;padding:7px}.expense-amount{color:#9b4738}.accounting .adminform{margin-top:26px}@media (width<=600px){.account-cards{grid-template-columns:1fr}.account-cards>div{padding:13px}.account-section{flex-wrap:wrap;align-items:flex-start}}
