:root{--accent-color:#a7c7e7;--bg-color:#faf8f5;--card-bg:#fff;--text-color:#3a3a3a;--hint-color:#8a8580;--low-bg:#fce7b8;--low-text:#8a6d1f;--out-bg:#fad4d4;--out-text:#9b3b3b;color:var(--text-color);background-color:var(--tg-bg-color,var(--bg-color));font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:960px;margin:0 auto;padding:12px 16px 32px}.shop-header{align-items:center;gap:12px;padding:12px 0 16px;display:flex}.shop-logo{object-fit:cover;border-radius:12px;width:44px;height:44px}.shop-logo-placeholder{background:var(--accent-color);color:#fff;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.shop-name{margin:0;font-size:20px;font-weight:600}.search-input{border:1px solid #e3ddd3;border-radius:12px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:15px}.search-input:focus{outline:2px solid var(--accent-color)}.status-text,.error-banner{color:var(--hint-color);text-align:center;padding:24px 0}.error-banner{color:var(--out-text)}.banner{border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.banner-trial{background:var(--low-bg);color:var(--low-text);justify-content:center}.banner-readonly{background:var(--out-bg);color:var(--out-text);justify-content:center}.banner-demo{background:var(--card-bg);border:1px dashed var(--hint-color)}.banner-demo button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 12px}.paywall{background:var(--card-bg);border-radius:12px;margin-bottom:12px;padding:12px 14px}.plan-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-row{background:var(--bg-color);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.plan-name{font-weight:600}.plan-row button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 12px}.paywall-fallback{word-break:break-all;font-size:13px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.product-card{background:var(--card-bg);border-radius:16px;padding:12px;box-shadow:0 1px 3px #0000000f}.product-photo{aspect-ratio:1;background:var(--bg-color);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;overflow:hidden}.product-photo img{object-fit:cover;width:100%;height:100%}.product-photo-placeholder{opacity:.4;font-size:40px}.product-name{margin:0 0 8px;font-size:15px;font-weight:600}.variant-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.variant-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.variant-info{flex-direction:column;gap:2px;display:flex}.variant-axis{color:var(--hint-color)}.variant-price{font-weight:600}.variant-available{align-items:center;gap:6px;display:flex}.badge{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-low{background:var(--low-bg);color:var(--low-text)}.badge-out{background:var(--out-bg);color:var(--out-text)}.variant-controls{align-items:center;gap:6px;display:flex}.variant-controls button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:28px;height:28px;font-size:16px;line-height:1}.variant-controls button:disabled{opacity:.35;cursor:not-allowed}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.toolbar .search-input{flex:200px;margin-bottom:0}.toolbar button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 14px;font-size:14px}.reservations-section{background:var(--card-bg);border-radius:12px;margin-bottom:16px;padding:12px}.reservation-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.reservation-row{background:var(--bg-color);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.reservation-info{flex-direction:column;gap:2px;display:flex}.reservation-variant{font-weight:600}.variant-row{flex-direction:column;align-items:stretch}.variant-main{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.variant-photo{background:var(--bg-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.variant-photo img{object-fit:cover;width:100%;height:100%}.variant-photo-placeholder{opacity:.4;font-size:18px}.variant-photo-upload{background:var(--accent-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;bottom:-2px;right:-2px}.variant-stock-trio{color:var(--hint-color);align-items:center;gap:8px;font-size:12px;display:flex}.reserve-form{background:var(--bg-color);border-radius:10px;flex-direction:column;gap:8px;margin-top:8px;padding:8px;display:flex}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:20px;overflow-y:auto}.form-field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.form-field input,.form-field select,.form-field textarea{border:1px solid #e3ddd3;border-radius:8px;padding:8px 10px;font-size:14px}.advanced-fields{border-top:1px solid #e3ddd3;margin-bottom:8px;padding-top:8px}.variant-builder-row{border:1px solid #e3ddd3;border-radius:10px;margin-bottom:8px;padding:10px}.link-button{color:var(--accent-color);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-actions button{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 14px}