:root { --bg:#0b1020; --card:#121a33; --text:#eef1ff; --muted:#9aa3c7; --accent:#8ab4ff; --danger:#ff6b6b; --border:#263152; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:var(--bg); color:var(--text); }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid var(--border); position:sticky; top:0; background:rgba(11,16,32,.8); backdrop-filter: blur(8px); }
.topbar h1 { margin:0; font-size:20px; letter-spacing:.3px; }
.container { display:grid; gap:16px; max-width:950px; margin:20px auto; padding:0 16px; }
.card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow: 0 10px 30px rgba(0,0,0,.2); }
.input { width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:#0e1630; color:var(--text); }
textarea.input { resize: vertical; }
.btn { background:var(--accent); color:#0b1020; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:600; }
.btn:hover { filter:brightness(1.05); }
.btn-outline { background:transparent; color:var(--accent); border:1px solid var(--accent); padding:10px 14px; border-radius:10px; cursor:pointer; }
.btn-sm { background:transparent; color:var(--accent); border:1px solid var(--accent); padding:6px 10px; border-radius:8px; cursor:pointer; }
.btn-sm.danger { color:var(--danger); border-color:var(--danger); }
.row { display:flex; gap:8px; align-items:center; }
.auth-area { display:flex; gap:8px; align-items:center; }
.auth-area .input { max-width:160px; }
.foods-list { display:flex; flex-direction:column; gap:10px; }
.food-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px; border:1px solid var(--border); border-radius:12px; }
.food-main { display:flex; flex-direction:column; gap:6px; }
.food-name { font-weight:700; }
.food-sub { display:flex; gap:8px; flex-wrap:wrap; color:var(--muted); }
.food-notes { color:var(--muted); font-size:14px; }
.chip { border:1px solid var(--border); border-radius:999px; padding:2px 8px; }
.form label { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.hidden { display:none !important; }