*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#142c45;background:#f2f6f8;--teal:#008e97;--line:#dce5eb}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--teal)}button,.button{border:1px solid var(--line);border-radius:9px;padding:10px 16px;background:white;color:#17354d;text-decoration:none;font-weight:650}button.primary,.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.danger{color:#a52727}.demo-ribbon{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:10px 24px;background:#fff2c5;color:#654d0b;border-bottom:1px solid #e6cf7a;font-size:13px}.demo-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 42px)}aside{background:#102e44;color:#e7f1f6;padding:24px 17px}aside img{display:block;width:210px;height:70px;object-fit:contain;margin-bottom:26px}aside p{font-size:12px;color:#aecbd6;text-transform:uppercase;letter-spacing:.12em}nav{display:grid;gap:5px}nav button{text-align:left;border-color:transparent;background:transparent;color:#d6e7ef;padding:11px 13px;font-weight:500}nav button.active{background:#176275;color:white;border-left:3px solid #38d0cc}aside .exit{display:block;margin-top:32px;color:#bfe9e9;font-size:13px}main{min-width:0;padding:24px 34px 50px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.controls{display:flex;gap:12px;flex-wrap:wrap}.controls label{font-size:12px;min-width:145px}label{display:grid;gap:6px;font-size:14px;font-weight:600}input,select,textarea{width:100%;background:#fff;border:1px solid #cddbe4;border-radius:8px;padding:10px;color:#172e46}textarea{min-height:78px}h1{font-size:28px;letter-spacing:-.035em;margin-bottom:8px}h2{font-size:19px;margin-top:0}h3{font-size:15px}p{line-height:1.55}.muted,small{color:#627887;font-size:13px}.intro{color:#526b7a;margin-top:0;max-width:850px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;margin-top:18px;box-shadow:0 3px 8px #1d476005}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat span{display:block;color:#5d7484;font-size:13px}.stat strong{display:block;font-size:27px;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th,td{padding:13px 10px;text-align:left;border-bottom:1px solid #e7edf0}th{font-size:12px;color:#617786;background:#f7fafb}td button{font-size:12px;padding:6px 9px}.pill{display:inline-block;background:#e7f5f4;border-radius:20px;padding:4px 10px;color:#12626a;font-size:12px}.notice{padding:14px;background:#eef8f8;border:1px solid #bde1df;border-radius:9px}.error{background:#fff2ed;color:#99331b;border-color:#f0c1b4}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.product{border:1px solid var(--line);padding:20px;border-radius:12px;background:#fff}.product .art{font-size:58px;text-align:center;background:#e9f7f5;border-radius:9px;padding:16px}.product h3{margin-bottom:6px}.product strong{font-size:24px}.dialog{position:fixed;inset:0;z-index:50;background:#092437a6;display:grid;place-items:center;padding:18px}.dialog section{background:white;border-radius:15px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:26px}.dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog .dialog-top h2{margin:0}.dialog form{display:grid;gap:17px}.dialog fieldset{border:1px solid var(--line);border-radius:10px;padding:15px}legend{font-weight:650}.check{display:flex;align-items:center;gap:9px}.check input{width:18px}.ingredient-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin-bottom:9px}.summary{background:#f1f8f8;padding:17px;border-radius:9px;line-height:1.7}.amount{font-size:26px;font-weight:750}.hidden,[hidden]{display:none!important}#demoToast{position:fixed;right:20px;bottom:20px;max-width:450px;background:#113b4e;color:white;padding:16px 22px;border-radius:10px;z-index:100;display:none}#demoToast.visible{display:block}.empty{text-align:center;padding:28px;color:#6a7f8e}.ticket{text-align:center;font-family:ui-monospace,monospace;max-width:390px;margin:auto}.ticket table{font-size:13px}.mobile-menu{display:none}.role-note{font-size:12px;padding:12px;border-radius:8px;background:#0b2437;color:#abcbd7}.demo-breadcrumb{color:#6a8391;font-size:12px;margin:26px 0 0}.steps{display:grid;gap:15px}.step{display:flex;gap:15px;align-items:start}.step b{flex:0 0 30px;height:30px;background:#d6efed;border-radius:50%;display:grid;place-items:center}.step p{margin:0}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.module-grid button{text-align:left;padding:18px}.module-grid small{display:block;margin-top:6px;font-weight:400;line-height:1.45}@media(max-width:850px){.demo-layout{grid-template-columns:1fr}aside{padding:12px 16px}aside img{display:inline-block;vertical-align:middle;width:145px;height:40px;margin:0}aside p,.role-note,aside .exit{display:none}nav{display:flex;overflow:auto;margin-top:10px;gap:4px}nav button{white-space:nowrap;font-size:13px;padding:9px}main{padding:18px}.demo-ribbon{padding:8px 13px;font-size:11px;gap:9px}.demo-ribbon span{line-height:1.3}.split{grid-template-columns:1fr}.controls label{min-width:130px}header{gap:10px}.ingredient-line{grid-template-columns:1.7fr 1fr .8fr auto;gap:4px}.ingredient-line input,.ingredient-line select{padding:8px;font-size:13px}.dialog section{padding:18px}h1{font-size:25px}}