:root{font-family:Inter,Arial,system-ui,sans-serif;color:#24342e;background:#f6f7f4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ccd6ce;background:#fff;padding:9px 14px;border-radius:8px;color:#254136;font-weight:600}button:hover{background:#eef2ec}button:disabled{opacity:.48;cursor:not-allowed}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#213d33;color:#fff;padding:26px 18px;display:flex;flex-direction:column;gap:34px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:.04em}.brand strong{color:#d6b476}.brand small{display:block;letter-spacing:0;font-weight:400;font-size:11px;color:#b2c5b8;margin-top:4px}.brand-mark{display:block;width:53px;height:46px;object-fit:contain;flex:none;border-radius:5px}nav{display:flex;flex-direction:column;gap:7px}nav button{background:transparent;color:#d3e1d7;border:0;border-radius:8px;text-align:left;padding:13px 16px;font-weight:500}nav button:hover,nav button.active{background:#34594a;color:#fff}.future{margin:18px 16px;color:#98b6a6;font-size:12px;line-height:1.6}.sidebar-footer{margin-top:auto;font-size:11px;letter-spacing:.1em;color:#94ac9c}.sidebar-footer span{float:right;color:#d8b574}main{padding:32px 42px;min-width:0;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#8c9b91}h1{font-size:32px;letter-spacing:-.03em;font-weight:650;margin:4px 0}h2{font-size:19px;font-weight:680;margin:0 0 20px}h3{font-size:15px;margin:24px 0 12px}.top-actions{display:flex;align-items:center;gap:12px}.profile{color:#4d665b;font-size:13px}.ghost{background:transparent}.lead{color:#6c7e72;margin:-6px 0 28px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric,.panel,.login-card{background:#fff;border:1px solid #e2e7df;border-radius:14px;box-shadow:0 2px 7px #27412e05}.metric{padding:24px}.metric span{font-size:13px;color:#77867c;display:block}.metric strong{display:block;margin-top:14px;font-size:34px;color:#213d33}.panel{padding:26px;margin-bottom:22px;overflow:hidden}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.heading h2{margin:0}.primary{background:#285c46;color:#fff;border-color:#285c46}.primary:hover{background:#19432f}input,select{min-width:0;max-width:100%;border:1px solid #cbd7cd;border-radius:8px;background:#fff;padding:10px 12px;color:#233e2e}input:focus,select:focus{outline:2px solid #6d947e}label{display:flex;flex-direction:column;font-size:13px;gap:7px;color:#4a6252;font-weight:600}.fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.inline-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.inline-form>label{flex:1 1 160px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;min-width:650px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#78897c;text-align:left;background:#f7f9f6;position:sticky;top:0}th,td{padding:12px 14px;border-bottom:1px solid #ecf0e9}td{color:#486254}td strong{color:#203b2d}.warning{color:#ab5b1d;font-weight:700}.ingredient-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}.ingredient-row>*{flex:1 1 125px}.ingredient-row button{flex:0 0 auto}.ingredient-row span{flex:1 1 240px;font-size:13px}.hint{color:#798d7e;font-size:13px;line-height:1.6}.login-card{max-width:450px;margin:7vh auto;padding:32px}.login-card p{color:#607465;margin-bottom:24px}.login-card form{display:flex;flex-direction:column;gap:19px}.login-card input{width:100%}.alert{border-radius:9px;padding:13px 16px;margin:0 0 20px;font-size:14px}.alert.error{background:#fff1ef;color:#9b3022;border:1px solid #edc7c1}.alert.success{background:#ecf5ed;color:#276540;border:1px solid #cce4d1}pre{background:#f4f7f3;white-space:pre-wrap;word-break:break-word;padding:18px;border-radius:8px;max-height:500px;overflow:auto;font-size:12px}footer{color:#839287;font-size:12px;margin:36px 0 6px}ul{line-height:1.8}@media(max-width:1050px){.app{grid-template-columns:200px minmax(0,1fr)}main{padding:25px}.fields,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app{display:block}.sidebar{padding:13px 16px;gap:12px}.brand small,.sidebar-footer,.future{display:none}nav{flex-direction:row;gap:4px;overflow-x:auto}nav button{padding:10px 12px;white-space:nowrap;font-size:13px}main{padding:20px 14px}.topbar{flex-direction:column;align-items:start;margin-bottom:16px}h1{font-size:27px}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:26px}.panel{padding:16px}.heading{flex-direction:column;align-items:start}h2{font-size:18px}.fields{grid-template-columns:1fr}.ingredient-row{flex-direction:column;align-items:stretch}.ingredient-row>*{width:100%;flex:auto}.inline-form{flex-direction:column;align-items:stretch}.inline-form>*{width:100%}.table-wrap table{font-size:12px}.top-actions{flex-wrap:wrap}}.login-brand{display:flex;justify-content:center;margin:-6px 0 12px}.login-logo{display:block;width:128px;max-width:65%;height:auto;aspect-ratio:243/207;object-fit:contain;border-radius:8px}