*{box-sizing:border-box}html,body{color:#3f2c23;background:#f8f4ee;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}:root{--brown:#80533a;--gold:#d2a24f;--cream:#fff7e6;--panel:#fff;--muted:#7f6b61}.layout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brown);color:#fff;height:100vh;padding:28px 20px;position:sticky;top:0}.brand{margin-bottom:35px;font-family:Georgia,serif;font-size:31px}.brand small{opacity:.7;margin-top:4px;font:12px Arial;display:block}.nav{gap:8px;display:grid}.nav a{border-radius:10px;padding:12px 14px}.nav a:hover{background:#ffffff1f}.main{padding:32px}.top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.top h1{margin:0;font-family:Georgia,serif;font-size:36px}.badge{background:#efe1c8;border-radius:20px;padding:8px 12px;font-size:12px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 30px #6c4b3610}.card strong{margin-top:9px;font-size:28px;display:block}.card span{color:var(--muted);font-size:13px}.panel{background:#fff;border-radius:18px;margin-top:20px;padding:22px;box-shadow:0 8px 30px #6c4b3610}.panel h2{margin-top:0;font-family:Georgia,serif}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #eee;padding:12px 8px;font-size:14px}.status{background:#f3eadc;border-radius:12px;padding:5px 9px;font-size:12px}.login{background:linear-gradient(135deg,#fff7e6,#f2e3ca);place-items:center;min-height:100vh;display:grid}.loginbox{background:#fff;border-radius:22px;width:min(420px,92vw);padding:34px;box-shadow:0 18px 60px #6c4b3620}.loginbox h1{font-family:Georgia,serif}.field{gap:7px;margin:14px 0;display:grid}.field input,.field select,.field textarea{border:1px solid #ded4cb;border-radius:10px;padding:13px}.btn{background:var(--brown);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 18px}.btn.alt{color:#4a3428;background:#ead7b5}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.cards{grid-template-columns:1fr 1fr}.nav{grid-template-columns:repeat(2,1fr)}}.sidebar{flex-direction:column;display:flex}.sidebar-footer{margin-top:auto;padding-top:30px}.logout-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.logout-btn:hover{background:#ffffff2e}.erp-grid{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}.field select,.field textarea{width:100%;font:inherit;color:#3f2c23;background:#fff;border:1px solid #ded4cb;border-radius:10px;padding:13px}.check-row{align-items:center;gap:9px;margin:14px 0;font-size:14px;display:flex}.check-row input{width:auto}.form-message{background:#f5ead8;border-radius:10px;padding:10px 12px;font-size:13px}.table-wrap{overflow-x:auto}.table-actions{gap:7px;display:flex}.table-actions button{color:#4a3428;cursor:pointer;background:#ead7b5;border:0;border-radius:8px;padding:7px 10px}.table-actions .danger{color:#9b3030;background:#f3dddd}.small-gold{color:#b8862c;margin-top:3px;font-size:11px}@media (max-width:1100px){.erp-grid{grid-template-columns:1fr}}.nav-active{background:#ffffff29!important}.empty-box{text-align:center;color:#6f5b4f;background:#faf7f2;border:1px dashed #dccbbb;border-radius:14px;padding:30px}.stock-low,.stock-ok{border-radius:20px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-block}.stock-low{color:#9d3131;background:#f8dddd}.stock-ok{color:#397147;background:#dff0e3}.muted-small{color:#8c776b;margin-top:4px;font-size:11px}.modal-overlay{z-index:5000;background:#23160f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:#fff;border-radius:22px;width:min(500px,100%);padding:28px;box-shadow:0 30px 90px #00000040}.recipe-header{grid-template-columns:minmax(250px,1fr) repeat(3,180px);align-items:end;gap:15px;margin-bottom:35px;display:grid}.recipe-summary{background:#f7ecda;border-radius:14px;padding:16px}.recipe-summary span{color:#826b5e;margin-bottom:7px;font-size:11px;display:block}.recipe-summary strong{font-size:19px}.recipe-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.recipe-title-row h2{margin-bottom:5px}.recipe-title-row p{color:#806d61;margin:0;font-size:13px}.recipe-line{grid-template-columns:minmax(220px,1fr) 150px 60px 120px 40px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.recipe-line select,.recipe-line input{background:#fff;border:1px solid #ded4cb;border-radius:9px;width:100%;padding:11px}.unit-box{text-align:center;font-weight:600}.recipe-cost{font-weight:600}.remove-line{cursor:pointer;color:#a23434;background:#f4dddd;border:none;border-radius:9px;width:38px;height:38px;font-size:20px}@media (max-width:1200px){.recipe-header{grid-template-columns:1fr 1fr}}@media (max-width:800px){.recipe-header{grid-template-columns:1fr}.recipe-title-row{flex-direction:column;align-items:stretch}.recipe-line{grid-template-columns:1fr 100px 50px}.recipe-cost{grid-column:1/3}}.order-modal{width:min(760px,96vw);max-height:90vh;overflow-y:auto}.order-modal-header{justify-content:space-between;align-items:center;display:flex}.order-modal-header h2{margin:2px 0 20px;font-size:32px}.order-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.order-info-grid>div{background:#faf5ed;border-radius:12px;padding:14px}.order-info-grid span{color:#846f62;margin-bottom:5px;font-size:11px;display:block}.order-items{border-top:1px solid #eee2d5}.order-item{border-bottom:1px solid #eee2d5;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.order-item div{gap:4px;display:grid}.order-item span{color:#806d61;font-size:12px}.order-totals{margin-top:20px}.order-totals>div{justify-content:space-between;padding:7px 0;display:flex}.order-total{border-top:1px solid #d9c9b8;margin-top:8px;font-size:20px;padding-top:15px!important}.order-main-action{width:100%;margin-top:25px}.order-warning{color:#805b21;background:#fff0cf;border-radius:10px;margin-top:20px;padding:13px;font-size:13px}@media (max-width:700px){.order-info-grid{grid-template-columns:1fr}}.mini-danger{color:#a03434;cursor:pointer;background:#f4dddd;border:0;border-radius:8px;padding:7px 10px}.table-input{border:1px solid #ded4cb;border-radius:8px;width:90px;padding:8px}.freight-example{background:#faf5ed;border-radius:14px;margin-top:30px;padding:20px}.freight-example p{margin:6px 0;font-size:13px}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;display:grid}.grid2>*{min-width:0}.field{width:100%;min-width:0}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.recipe-list-header{justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;display:flex}.recipe-list-header h2{margin-bottom:5px}.recipe-list-header p{color:#806d61;margin:0;font-size:13px}.recipe-count{background:#f4eadb;border-radius:20px;padding:6px 10px;font-size:12px;display:inline-block}.recipe-editor-modal{width:min(1000px,96vw);max-height:92vh;overflow-y:auto}.recipe-header.compact{grid-template-columns:repeat(4,1fr);margin-top:22px;margin-bottom:28px}.modal-actions{border-top:1px solid #eee2d5;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}@media (max-width:900px){.recipe-list-header{flex-direction:column;align-items:stretch}.recipe-header.compact{grid-template-columns:1fr 1fr}}@media (max-width:600px){.recipe-header.compact{grid-template-columns:1fr}}.manual-order-line{grid-template-columns:minmax(250px,1fr) 100px 130px 40px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.manual-order-line select,.manual-order-line input{border:1px solid #ded4cb;border-radius:9px;width:100%;padding:11px}.manual-order-total{background:#f7ecda;border-radius:14px;justify-content:space-between;align-items:center;margin:25px 0;padding:20px;font-size:18px;display:flex}.manual-order-total strong{font-size:28px}@media (max-width:700px){.manual-order-line{grid-template-columns:1fr 80px}}