:root{--bg: #0b0f14;--panel: #101826;--panel2: #0f1723;--border: rgba(255,255,255,.08);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--accent: #3b82f6;--danger: #ef4444;--ok: #22c55e;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.25),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(34,197,94,.14),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif}a{color:var(--text);text-decoration:none}.container{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#101826eb,#101826b8);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.pill{padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:12px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0f172399;color:var(--muted)}.tab.active{color:var(--text);border-color:#3b82f666;background:#3b82f624}.grid2{display:grid;grid-template-columns:1fr 420px;gap:16px;margin-top:16px}.panel{border:1px solid var(--border);border-radius:14px;background:#101826c7;box-shadow:var(--shadow)}.panelHeader{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panelTitle{font-weight:650}.panelBody{padding:14px 16px}.row{display:flex;gap:12px;align-items:center}.rowWrap{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spacer{flex:1}input,select,textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:#0f172399;color:var(--text);outline:none}textarea{min-height:90px;resize:vertical}label{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:6px}.inputIconWrap{position:relative}.inputIconWrap>input{padding-right:46px}.iconBtn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;display:grid;place-items:center}.iconBtn:hover{border-color:#3b82f673;background:#3b82f624}.iconBtn:active{transform:translateY(-50%) scale(.98)}.iconBtn svg{width:18px;height:18px;opacity:.9}.toastCloseBtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;display:grid;place-items:center}.toastCloseBtn:hover{border-color:#ffffff29;background:#ffffff1a}.toastCloseBtn svg{width:18px;height:18px;opacity:.9}.btn{padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer}.btn.primary{background:#3b82f638;border-color:#3b82f673}.btn.danger{background:#ef44442e;border-color:#ef444473}.btn:disabled{opacity:.55;cursor:not-allowed}.list{display:flex;flex-direction:column;gap:10px}.card{border:1px solid var(--border);background:#0f17238c;border-radius:14px;padding:12px}.cardTitle{font-weight:650;margin-bottom:4px}.muted{color:var(--muted)}.menuCategoryHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 6px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.menuGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menuItemCard{border:1px solid var(--border);background:#0f17238c;border-radius:14px;padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.menuItemCard:hover{border-color:#3b82f659;background:#3b82f614}.menuItemCard:active{transform:scale(.995)}.menuItemName{font-weight:650;line-height:1.25;font-size:14px}.menuItemPrice{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.menuAddHint{border:1px solid var(--border);border-radius:10px;padding:6px 8px;color:var(--muted);font-size:12px;white-space:nowrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.table th{text-align:left;color:var(--muted);font-weight:600;font-size:12px}.toast{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#22c55e1f}.toast.err{background:#ef44441f}.toastHost{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:9999;width:min(420px,calc(100vw - 36px));pointer-events:none}.toastItem{pointer-events:auto;border:1px solid var(--border);background:#101826eb;box-shadow:var(--shadow);border-radius:14px;padding:12px;animation:toastIn .18s ease-out}.toastItem.err{border-color:#ef444461;background:#101826eb}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.grid2{grid-template-columns:1fr}}@media (max-width: 640px){.menuGrid{grid-template-columns:1fr}}