@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#20283c;--green:#2458cf;--muted:#687186;--line:#dde3f0;--bg:#f6f8ff;--lime:#e2edb4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}aside{width:244px;position:fixed;inset:0 auto 0 0;background:#ffffff;border-right:1px solid var(--line);padding:37px 23px;display:flex;flex-direction:column}.brand{font:800 34px Manrope,sans-serif;color:var(--green);text-decoration:none;letter-spacing:-2px}.brand span{display:block;font:500 11px 'DM Sans';letter-spacing:5px;margin:2px 0 0 3px}.aside-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:58px}nav{display:grid;gap:8px;margin-top:12px}nav button{text-align:left;border:0;background:none;color:#687186;padding:15px;border-radius:9px;font-size:19px}nav button span{font-size:13px;margin-left:9px}nav button.active{background:#eaf0ff;color:var(--green);font-weight:700}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{background:#edf1fc;padding:12px;border-radius:50%;font-weight:700}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}main{margin-left:244px;padding:0 44px;max-width:1600px}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.badge{font-size:9px;letter-spacing:1px;background:#edf1fc;padding:8px 11px;border-radius:30px}.title-row{display:flex;justify-content:space-between;align-items:center;margin:35px 0 24px}h1{font:700 30px Manrope;letter-spacing:-1px;margin:0 0 9px}h2{font:700 18px Manrope;margin:0}p{line-height:1.6}.sub{color:var(--muted);margin:0}.btn{border:0;background:var(--green);color:white;border-radius:8px;padding:13px 18px;font-weight:600}.btn.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.hero{border-radius:15px;background:#eaf0ff;padding:28px 31px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--green)}.hero h2{font-size:25px;margin:10px 0}.hero p{max-width:510px;margin-bottom:0;color:#60677b}.hero-art{font-size:62px;transform:rotate(-12deg);padding:15px 24px;background:#f8faeb;border-radius:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0}.stat{background:#fffefa;padding:23px;border:1px solid var(--line);border-radius:12px}.stat label{color:var(--muted);font-size:12px}.stat strong{font:700 29px Manrope;display:block;margin:13px 0 7px}.stat small{font-size:11px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:22px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.link{color:var(--green);background:none;border:0;font-size:12px;font-weight:700}.order-line{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.pill{font-size:10px;border-radius:20px;background:#f7ecd6;color:#8c6824;padding:5px 9px;display:inline-block}.pill.paid{background:#e4eddd;color:#41633c}.tip{background:#f2f4e8;padding:19px;border-radius:10px;margin-top:17px}.tip p{font-size:12px;color:#68755b;margin-bottom:0}.recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe{background:#fffefa;border:1px solid var(--line);border-radius:13px;overflow:hidden}.recipe-top{height:120px;background:#e6eacd;display:flex;align-items:center;justify-content:center;font-size:55px}.recipe:nth-child(2n) .recipe-top{background:#f0e2cf}.recipe:nth-child(3n) .recipe-top{background:#e0e8dd}.recipe-body{padding:22px}.recipe-body h2{margin-bottom:5px}.recipe-numbers{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.recipe-numbers strong{display:block;margin-top:6px}.recipe .btn{width:100%;margin-top:20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:500}td,th{padding:16px 9px;border-bottom:1px solid var(--line)}td{font-size:12px}footer{font-size:10px;color:#829080;padding:25px 0 28px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;width:min(760px,95vw);max-height:90vh;color:var(--ink);background:#fffefa}dialog::backdrop{background:#172f2866;backdrop-filter:blur(3px)}.form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.close{border:0;background:none;font-size:25px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label.field{display:block;font-size:12px;margin-bottom:14px}input,select{display:block;background:white;border:1px solid #ccd6c8;border-radius:7px;padding:11px;width:100%;margin-top:7px;color:var(--ink)}.ingredient{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 30px;gap:8px;align-items:end;margin:10px 0}.ingredient label{font-size:10px;color:var(--muted)}.ingredient button{border:0;background:none;padding:12px 0;color:#906b5b}.result{background:#eaf0d9;padding:19px;border-radius:10px;display:flex;gap:28px;margin:20px 0;flex-wrap:wrap}.result strong{font-size:23px;display:block;margin-top:5px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.note{font-size:11px;color:var(--muted);line-height:1.6}.empty{padding:35px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:25px;right:25px;background:var(--green);color:white;border-radius:8px;padding:14px 22px;display:none}.toolbar{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.negative{color:#ab4634}button:focus-visible,a:focus-visible{outline:3px solid #c3a64b;outline-offset:3px}@media(max-width:1050px){main{padding:0 25px;margin-left:210px}aside{width:210px}.recipes{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;padding:19px;display:block;border-bottom:1px solid var(--line)}.brand{font-size:28px}.brand span{display:inline;font-size:10px;margin-left:9px}.aside-label,.aside-bottom{display:none}nav{display:flex;margin-top:18px;gap:4px}nav button{padding:10px;font-size:15px}nav button span{font-size:11px;margin-left:4px}main{margin:0;padding:0 18px}header{height:60px;font-size:10px}.badge{font-size:8px}h1{font-size:26px}.title-row{align-items:flex-start;gap:12px}.title-row .btn{font-size:11px;padding:12px}.stats{gap:8px}.stat{padding:14px 10px}.stat strong{font-size:22px}.stat label,.stat small{font-size:10px}.hero{padding:22px}.hero-art{display:none}.hero h2{font-size:22px}.recipes{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.ingredient{grid-template-columns:1.5fr 1fr 1fr 1fr 24px;gap:4px}.ingredient input{padding:9px 5px;font-size:11px}dialog{padding:20px}.table-wrap{overflow:auto}.panel{padding:18px}.result{gap:20px}}