:root{--p-bg: var(--bg, #f7f7f5);--p-card: var(--paper, #ffffff);--p-ink: var(--ink, #14171a);--p-mute: var(--mute, #6b7280);--p-line: var(--line, #e3e1da);--p-accent: var(--accent, #e8451c);--p-accent-2: var(--accent-dark, #b8330e);--p-success: #1f9d55;--p-warn: #d6a32e;--p-danger: #b8330e;--p-radius: 8px;--p-radius-sm: 4px;--p-font: var(--font-body, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);--p-font-disp: var(--font-display, var(--p-font));--p-font-mono: var(--font-mono, "JetBrains Mono", Menlo, monospace)}.p-page{padding:64px 32px 96px;max-width:1440px;margin:0 auto;font-family:var(--p-font);color:var(--p-ink)}.p-head{margin-bottom:36px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.p-title{font-family:var(--p-font-disp);font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.005em}.p-subtitle{font-size:15px;color:var(--p-mute);max-width:56ch;margin-top:8px}.p-count{font-family:var(--p-font-mono);font-size:12px;color:var(--p-mute);letter-spacing:.06em}.p-filters{position:sticky;top:0;z-index:10;background:var(--p-bg);padding:14px 0;margin-bottom:24px;border-bottom:1px solid var(--p-line);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.p-filters-row1{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.p-search{flex:0 0 280px;padding:10px 14px 10px 38px;border:1px solid var(--p-line);border-radius:var(--p-radius);background:var(--p-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>") no-repeat 14px center;font:inherit;outline:none}.p-search:focus{border-color:var(--p-accent)}.p-pills{display:flex;gap:6px;flex-wrap:wrap}.p-pill{font:500 12px/1 var(--p-font);letter-spacing:.02em;padding:8px 14px;border-radius:999px;border:1px solid var(--p-line);background:var(--p-card);color:var(--p-ink);cursor:pointer;transition:.12s ease}.p-pill:hover{border-color:var(--p-ink)}.p-pill[aria-pressed=true]{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-card)}.p-stock-toggle{display:inline-flex;gap:8px;align-items:center;font-size:13px;cursor:pointer;user-select:none}.p-stock-toggle input{accent-color:var(--p-accent)}.p-sort{font:inherit;font-size:13px;padding:9px 28px 9px 12px;border:1px solid var(--p-line);border-radius:var(--p-radius);background:var(--p-card) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 10px center;appearance:none;cursor:pointer}.p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.p-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);cursor:pointer;transition:.18s ease;display:flex;flex-direction:column;overflow:hidden}.p-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px #0000002e;border-color:var(--p-ink)}.p-card-img{position:relative;aspect-ratio:1;overflow:hidden;background:var(--p-line)}.p-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.p-card:hover .p-card-img img{transform:scale(1.03)}.p-badge{position:absolute;top:10px;left:10px;font-family:var(--p-font-mono);font-size:9px;letter-spacing:.1em;padding:4px 8px;background:var(--p-ink);color:var(--p-card);border-radius:var(--p-radius-sm);text-transform:uppercase}.p-badge.few{background:var(--p-warn)}.p-badge.out{background:var(--p-danger)}.p-card-info{padding:14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.p-card-cat{font-family:var(--p-font-mono);font-size:10px;letter-spacing:.1em;color:var(--p-mute);text-transform:uppercase}.p-card-name{font-weight:600;font-size:14px;line-height:1.3;color:var(--p-ink);min-height:2.6em}.p-card-price{font-family:var(--p-font-disp);font-size:22px;color:var(--p-ink);letter-spacing:.01em;margin-top:6px}.p-empty{padding:80px 16px;text-align:center;color:var(--p-mute);font-size:15px}.p-empty button{margin-top:14px;font:inherit;padding:10px 18px;border:1px solid var(--p-ink);background:transparent;border-radius:var(--p-radius);cursor:pointer}.p-empty button:hover{background:var(--p-ink);color:var(--p-card)}.p-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:p-fade .15s ease}@keyframes p-fade{0%{opacity:0}to{opacity:1}}.p-modal{background:var(--p-card);border-radius:var(--p-radius);max-width:1000px;width:100%;max-height:90vh;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;animation:p-rise .2s cubic-bezier(.2,.9,.2,1)}@keyframes p-rise{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.p-modal-img{background:var(--p-line);aspect-ratio:1;position:relative;overflow:hidden}.p-modal-img img{width:100%;height:100%;object-fit:cover}.p-modal-body{padding:28px 32px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;position:relative}.p-modal-close{position:absolute;top:14px;right:14px;background:var(--p-card);border:1px solid var(--p-line);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.p-modal-close:hover{background:var(--p-ink);color:var(--p-card);border-color:var(--p-ink)}.p-modal-cat{font-family:var(--p-font-mono);font-size:10px;letter-spacing:.12em;color:var(--p-accent);text-transform:uppercase}.p-modal-name{font-family:var(--p-font-disp);font-size:32px;line-height:1.1}.p-modal-meta{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.p-modal-price{font-family:var(--p-font-disp);font-size:36px;color:var(--p-ink)}.p-modal-sku{font-family:var(--p-font-mono);font-size:11px;color:var(--p-mute);letter-spacing:.08em}.p-modal-desc{font-size:14.5px;line-height:1.6;color:#2a2f36}.p-modal-specs{border-top:1px solid var(--p-line);padding-top:14px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:13px}.p-modal-specs dt{font-family:var(--p-font-mono);font-size:10px;letter-spacing:.1em;color:var(--p-mute);text-transform:uppercase;padding-top:2px}.p-modal-specs dd{color:var(--p-ink)}.p-modal-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;justify-content:center;background:#25d366;color:#fff;padding:14px 22px;font:600 14px/1 var(--p-font);text-decoration:none;border-radius:var(--p-radius);transition:.15s ease;border:none;cursor:pointer}.p-modal-cta:hover{background:#1eb45a;transform:translateY(-1px)}.p-admin-bar{display:none;position:sticky;top:0;z-index:11;background:var(--p-ink);color:var(--p-card);padding:12px 16px;border-radius:var(--p-radius);margin-bottom:16px;align-items:center;gap:12px}body.p-admin .p-admin-bar{display:flex}.p-admin-bar strong{font-size:13px;letter-spacing:.04em}.p-admin-bar .spacer{flex:1}.p-admin-bar button{font:600 12px/1 var(--p-font);padding:8px 14px;border:1px solid var(--p-card);background:transparent;color:var(--p-card);border-radius:var(--p-radius-sm);cursor:pointer}.p-admin-bar button:hover{background:var(--p-card);color:var(--p-ink)}.p-admin-bar button.primary{background:var(--p-accent);border-color:var(--p-accent);color:#fff}.p-admin-bar button.primary:hover{background:var(--p-accent-2);border-color:var(--p-accent-2)}body.p-admin .p-filters,body.p-admin .p-grid,.p-admin-table-wrap{display:none}body.p-admin .p-admin-table-wrap{display:block}.p-admin-table{width:100%;border-collapse:collapse;background:var(--p-card);border:1px solid var(--p-line);border-radius:var(--p-radius);overflow:hidden}.p-admin-table th,.p-admin-table td{padding:10px 12px;border-bottom:1px solid var(--p-line);text-align:left;vertical-align:middle;font-size:13px}.p-admin-table th{background:#f5f4ef;font-family:var(--p-font-mono);font-size:10px;letter-spacing:.1em;color:var(--p-mute);text-transform:uppercase}.p-admin-table tr:last-child td{border-bottom:none}.p-admin-table tr:hover{background:#faf9f5}.p-admin-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--p-radius-sm);cursor:pointer;background:var(--p-line)}.p-admin-inline{width:100%;font:inherit;font-size:13px;padding:5px 8px;border:1px solid transparent;background:transparent;border-radius:var(--p-radius-sm)}.p-admin-inline:focus{border-color:var(--p-accent);background:var(--p-card);outline:none}.p-admin-inline.numeric{font-family:var(--p-font-mono)}.p-admin-stock-select{font:inherit;font-size:11px;padding:4px 8px;border:1px solid var(--p-line);border-radius:var(--p-radius-sm);background:var(--p-card)}.p-admin-row-actions{display:flex;gap:4px}.p-admin-row-actions button{width:26px;height:26px;padding:0;border:1px solid var(--p-line);background:var(--p-card);border-radius:var(--p-radius-sm);cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.p-admin-row-actions button:hover{border-color:var(--p-ink);background:#fafaf7}.p-admin-row-actions button.del:hover{background:var(--p-danger);color:#fff;border-color:var(--p-danger)}.p-admin-row-actions button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.p-page{padding:36px 18px 64px}.p-grid{grid-template-columns:repeat(2,1fr);gap:12px}.p-filters{grid-template-columns:1fr}.p-search{flex:1}.p-modal{grid-template-columns:1fr;max-height:92vh}.p-modal-img{aspect-ratio:4/3}.p-modal-body{padding:22px 20px}.p-admin-table{font-size:12px}.p-admin-table th,.p-admin-table td{padding:6px 8px}.p-admin-thumb{width:40px;height:40px}}