:root{--orange: #f2661f;--orange-soft: #fff1e9;--ink: #16130f;--muted: #6d6862;--line: #e7e3dd;--bg: #faf8f5;--card: #ffffff;--ok: #1a7f37;--warn: #b45309;--err: #c02626;--radius: 14px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}a{color:var(--orange)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;gap:10px;font-weight:800;letter-spacing:-.02em}.brand .logo{color:var(--orange);font-size:22px}.brand .sub{color:var(--muted);font-weight:600;font-size:13px}.topbar .spacer{flex:1}.navlink{text-decoration:none;color:var(--muted);font-weight:600;padding:8px 12px;border-radius:10px}.navlink.active{color:var(--ink);background:var(--orange-soft)}.content{flex:1;padding:22px;max-width:1180px;width:100%;margin:0 auto}.footer{text-align:center;padding:18px;color:var(--muted);font-size:13px}.footer button{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;font:inherit}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.grid-print{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:start}@media (max-width: 900px){.grid-print{grid-template-columns:1fr}}h1{font-size:20px;margin:0 0 4px}h2{font-size:16px;margin:0 0 12px}label.fld{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 5px}input[type=text],input[type=number],input[type=password],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}textarea{min-height:72px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.btn:hover{border-color:#cfc9c1}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.primary:hover{filter:brightness(.96)}.btn.big{width:100%;padding:16px;font-size:17px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:none;border:none}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.search-wrap{position:relative}.search-input{font-size:17px;padding:14px 14px 14px 42px}.search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:340px;overflow:auto;z-index:30}.suggest-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.suggest-item:last-child{border-bottom:none}.suggest-item:hover,.suggest-item.active{background:var(--orange-soft)}.suggest-item .meta{font-size:12px;color:var(--muted)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.qty button{width:46px;height:46px;border:none;background:#fff;font-size:22px;cursor:pointer}.qty button:hover{background:var(--orange-soft)}.qty input{width:74px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;font-size:18px;font-weight:700}.preview-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.preview-frame{border:1px dashed #c9c3ba;background:#fff;box-shadow:var(--shadow)}.preview-frame img{display:block;width:100%;height:100%}.preview-cap{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.04em}.warns{display:flex;flex-direction:column;gap:8px}.warn-item{display:flex;gap:10px;align-items:center;background:#fff8f0;border:1px solid #f2d9bd;color:var(--warn);padding:10px 12px;border-radius:10px;font-size:13px}.banner{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px}.banner.warn{background:#fff8f0;border:1px solid #f2d9bd;color:var(--warn)}.banner.ok{background:#eef8f0;border:1px solid #bfe3c6;color:var(--ok)}.banner.err{background:#fdeeee;border:1px solid #f0c4c4;color:var(--err)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.04em}tr:hover td{background:#fcfaf7}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.tag.ok{background:#eef8f0;color:var(--ok)}.tag.err{background:#fdeeee;color:var(--err)}.tag.warn{background:#fff3e3;color:var(--warn)}.tag.muted{background:#f1efec;color:var(--muted)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--muted)}.tab.active{background:var(--orange);color:#fff;border-color:var(--orange)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c66;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#fff;border-radius:16px;padding:22px;max-width:560px;width:100%;max-height:90vh;overflow:auto}.muted{color:var(--muted)}.right{text-align:right}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.pill-src{font-size:11px;color:var(--muted)}.split2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.pick-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;font:inherit;text-align:left;transition:border-color .12s,transform .05s}.pick-tile:hover{border-color:var(--orange)}.pick-tile:active{transform:scale(.99)}.pick-ic{font-size:30px;line-height:1}.pick-name{font-weight:800;font-size:18px}.pick-count{font-size:12px;color:var(--muted);background:var(--orange-soft);padding:1px 8px;border-radius:999px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-weight:600}.chip.active{background:var(--orange);border-color:var(--orange);color:#fff}.chip.active .muted{color:#ffe6d8}.dish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.dish-tile{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;font:inherit;text-align:left;min-height:78px}.dish-tile:hover{border-color:var(--orange)}.dish-tile:active{transform:scale(.99)}.dish-name{font-weight:700;font-size:15px;line-height:1.3}.dish-meta{font-size:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}