:root{color-scheme:light;--bg: #f4efe7;--bg-strong: #efe6d8;--paper: rgba(255, 252, 247, .86);--ink: #21160f;--muted: #6b5a4d;--line: rgba(54, 33, 20, .12);--shadow: 0 20px 60px rgba(74, 46, 25, .12);--receive: #e1572a;--prepare: #d4a017;--discharge: #3b82f6;--dishes: #2f855a;--accent: #8b5e3c;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top right,rgba(212,160,23,.18),transparent 24%),radial-gradient(circle at bottom left,rgba(225,87,42,.16),transparent 30%),linear-gradient(135deg,var(--bg),var(--bg-strong))}button,input{font:inherit}.loading{min-height:100vh;display:grid;place-items:center;font-size:2rem;font-weight:700}.app-shell{display:grid;grid-template-columns:360px 1fr;gap:24px;padding:24px}.sidebar,.panel,.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.sidebar{padding:28px;display:grid;gap:24px;align-content:start}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sidebar h1,.panel h2{margin:0;line-height:1}.sidebar h1{font-size:2.4rem}.sidebar-copy,.panel-header p,.history-row p{margin:8px 0 0;color:var(--muted)}.menu-grid{display:grid;gap:14px}.menu-card{min-height:110px;border:0;border-radius:24px;color:#fffaf2;text-align:left;padding:24px;cursor:pointer;transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:inset 0 1px #ffffff40,0 18px 32px #0000001f}.menu-card:hover,.menu-card.active{transform:translateY(-2px) scale(1.01)}.menu-card.receive{background:linear-gradient(135deg,#f28b50,var(--receive))}.menu-card.prepare{background:linear-gradient(135deg,#ebcb69,var(--prepare))}.menu-card.discharge{background:linear-gradient(135deg,#69adff,var(--discharge))}.menu-card.dishes{background:linear-gradient(135deg,#57ba83,var(--dishes))}.menu-card__title{font-size:2rem;font-weight:800}.scale-panel{padding:22px;border-radius:22px;background:#281b15;color:#fff7ef;display:grid;gap:18px}.scale-weight{font-size:3rem;font-weight:800}.content{display:grid;gap:20px;align-content:start}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:20px;display:grid;gap:10px}.stat-card span{color:var(--muted)}.stat-card strong{font-size:1.8rem}.panel{padding:24px;display:grid;gap:20px}.panel-header{display:grid;gap:6px}.chip-row,.selection-grid,.ingredient-list,.history-list{display:grid;gap:14px}.chip-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.chip,.select-card,.ingredient-row,.primary-button,.secondary-button{border:1px solid var(--line);border-radius:20px;cursor:pointer}.chip,.select-card,.ingredient-row{background:#fffaf4;color:var(--ink);padding:18px;text-align:left}.chip.selected,.select-card.selected,.ingredient-row.selected{border-color:#8b5e3c8c;background:#fff1d8}.select-card,.ingredient-row,.history-row{display:grid;gap:6px}.primary-button,.secondary-button{min-height:64px;padding:18px 22px;font-weight:800}.primary-button{border:0;background:linear-gradient(135deg,#2e2019,#6b3f2b);color:#fff8f0}.secondary-button{background:transparent;color:inherit}.field{display:grid;gap:10px;max-width:220px}.field input{min-height:54px;border-radius:18px;border:1px solid var(--line);padding:0 16px;background:#fffaf4}.message{padding:16px 18px;border-radius:18px;background:#fff1d8;border:1px solid rgba(139,94,60,.25)}.history-row{grid-template-columns:1fr auto;align-items:center;padding:16px 18px;border-radius:20px;background:#fffbf6;border:1px solid var(--line)}.history-badge{padding:10px 14px;border-radius:999px;font-weight:700;color:#fff}.history-badge.receive{background:var(--receive)}.history-badge.prepare,.history-badge.dish{background:var(--prepare)}.history-badge.discharge{background:var(--discharge)}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.app-shell{padding:14px}.sidebar,.panel{padding:18px;border-radius:22px}.menu-card{min-height:92px}.menu-card__title{font-size:1.7rem}.stats-grid,.history-row{grid-template-columns:1fr}}
