:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #fff8f2; color: #24211f; } * { box-sizing: border-box; } body { margin: 0; min-width: 320px; background: #fff8f2; } button, input, select, textarea { font: inherit; }.app-shell { width: min(100% - 28px, 700px); margin: 0 auto; padding: 20px 0 44px; }.topbar, .brand-lockup, .market-summary, .list-heading, .dialog-header { display: flex; align-items: center; }.topbar { justify-content: space-between; gap: 12px; }.brand-lockup { gap: 10px; }.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #bd4c0d; color: #fff; font-size: 1.35rem; font-weight: 800; } h1, h2, h3, p { margin-top: 0; } h1 { margin-bottom: 0; font-size: 1.08rem; } h2 { margin-bottom: 5px; font-size: 1.3rem; } h3 { margin: 4px 0; font-size: 1rem; }.eyebrow { margin-bottom: 4px; color: #9a4a20; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }.muted, .item-copy p { color: #716862; }.muted { margin-bottom: 0; }.connection-status, .count, .available, .unavailable { border-radius: 999px; padding: 6px 9px; font-size: .75rem; font-weight: 750; white-space: nowrap; }.connection-status, .available { background: #e4f4e8; color: #176b32; }.connection-status.offline, .unavailable { background: #fff0df; color: #8c490e; }.market-summary { justify-content: space-between; margin: 29px 0 14px; padding: 21px; border: 1px solid #efddcf; border-radius: 18px; background: #fff; }.market-summary h2 { margin-bottom: 6px; }.icon-button { width: 42px; height: 42px; border: 1px solid #e9d3c2; border-radius: 12px; background: #fff8f2; color: #8e410d; font-size: 1.5rem; cursor: pointer; }.notice { display: flex; gap: 8px; margin-bottom: 18px; padding: 11px 13px; border-radius: 12px; background: #fff0e5; color: #71401d; font-size: .84rem; line-height: 1.4; }.notice strong { white-space: nowrap; }.controls { display: grid; grid-template-columns: 1fr 148px; gap: 10px; margin: 22px 0 28px; }.search-field { display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #e5d7cd; border-radius: 12px; background: #fff; color: #8e410d; }.search-field input, select, textarea { width: 100%; border: 0; outline: 0; background: transparent; color: #24211f; }.search-field input { height: 47px; } select { padding: 0 10px; border: 1px solid #e5d7cd; border-radius: 12px; background: #fff; }.list-heading { justify-content: space-between; gap: 12px; }.list-heading h2 { margin-bottom: 0; }.count { margin-left: auto; background: #f1e6de; color: #70584a; }.catalog-list { margin-top: 12px; border: 1px solid #efddcf; border-radius: 18px; overflow: hidden; background: #fff; }.catalog-item { display: flex; justify-content: space-between; gap: 18px; padding: 17px; border-bottom: 1px solid #f1e5dd; }.catalog-item:last-child { border-bottom: 0; }.category { color: #9a4a20; font-size: .72rem; font-weight: 750; }.item-copy p, .item-copy small { margin-bottom: 4px; font-size: .88rem; }.item-copy small { color: #91857d; }.item-price { display: grid; justify-items: end; align-content: start; gap: 7px; text-align: right; }.item-price strong { font-size: 1rem; }.item-price button, .save-button { border: 0; border-radius: 10px; background: #bd4c0d; color: #fff; font-weight: 750; cursor: pointer; }.item-price button { padding: 7px 11px; font-size: .78rem; }.empty-state { padding: 22px; color: #716862; text-align: center; }.price-dialog { width: min(calc(100% - 28px), 470px); border: 0; border-radius: 18px; padding: 0; color: #24211f; box-shadow: 0 18px 60px #42241242; }.price-dialog::backdrop { background: #2b160966; }.price-dialog form { padding: 22px; }.dialog-header { justify-content: space-between; gap: 14px; }.dialog-header h2 { margin-bottom: 0; }.close-button { width: 35px; height: 35px; border: 0; border-radius: 50%; background: #f6eee8; color: #74401f; font-size: 1.35rem; cursor: pointer; }.dialog-item { margin: 18px 0; color: #716862; }.price-dialog label { display: grid; gap: 7px; margin-top: 15px; color: #5e5149; font-size: .86rem; font-weight: 700; }.price-dialog input[type="number"], .price-dialog textarea { padding: 12px; border: 1px solid #dfcdc1; border-radius: 10px; background: #fff; }.price-dialog textarea { min-height: 74px; resize: vertical; }.availability { grid-template-columns: auto 1fr; align-items: center; }.availability input { width: 19px; height: 19px; accent-color: #bd4c0d; }.form-error { min-height: 20px; margin: 12px 0 0; color: #b00020; font-size: .85rem; }.save-button { width: 100%; margin-top: 12px; padding: 13px; }.history-list article { position: relative; padding: 13px 0; border-top: 1px solid #f1e5dd; }.history-list p { margin: 4px 0; color: #665d57; }.history-list small { color: #8a6b56; }.history-list time { position: absolute; top: 13px; right: 0; color: #91857d; font-size: .76rem; } @media (max-width: 500px) { .app-shell { width: min(100% - 20px, 700px); padding-top: 14px; }.controls { grid-template-columns: 1fr; }.market-summary { padding: 17px; }.catalog-item { gap: 10px; padding: 15px; }.item-price strong { font-size: .92rem; }.notice { align-items: start; } }
 .auth-panel{margin:20px 0;padding:24px;border:1px solid #ead9c9;border-radius:20px;background:#fff;box-shadow:0 12px 28px #3b1c0610}.auth-panel h2{margin:6px 0 8px}.auth-panel form{display:grid;gap:14px;margin-top:18px}.auth-panel label{display:grid;gap:7px;font-weight:700;color:#3b2920}.auth-panel input{padding:12px;border:1px solid #d7c7ba;border-radius:10px;font:inherit}.market-actions{display:flex;align-items:center;gap:8px}.text-button{border:0;background:transparent;color:#9b3c08;font:inherit;font-weight:700;padding:8px}.notice-problem{border-color:#e5a08c;background:#fff1ed;color:#74220f}.notice-problem strong{color:#9f2f16}.save-button:disabled{opacity:.65;cursor:wait}
