:root{--brand:#2EC4B6;--brand-dark:#1E8F87;--bg:#F5FBFA;--ink:#111;--muted:#666;--card:#fff;--ring:#e6e6e6;--ring-strong:#cfeae7;--radius:16px;--shadow:0 8px 30px rgba(0,0,0,.06);--t-fast:.14s;--t-med:.22s;--t-slow:.35s;--ease-smooth:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:980px;margin:0 auto;padding:18px}.hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.brand{border:1px solid var(--ring);border-radius:999px;padding:6px 12px;font-size:.85rem;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 1px #0000000a inset}.shop{font-weight:700;font-size:1.2rem}.pkg{color:var(--muted);font-size:.9rem;margin-top:2px}.toolbar{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}.filter,.search,button,input,select{font:inherit}.filter,.search{border:1px solid var(--ring);background:#fff;border-radius:8px;padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease}.search{width:220px}.filter:focus,.search:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring-strong)}.cat{font-weight:800;font-size:1.05rem;margin:22px 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;gap:12px;transition:transform .08s ease,box-shadow .08s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 34px #00000014}.thumb{width:78px;height:78px;border-radius:12px;background:#eee;object-fit:cover;flex:0 0 auto}.title{font-weight:700}.desc{font-size:.9rem;color:#555;margin-top:4px;line-height:1.25}.price{margin-top:8px;font-weight:800}.empty{color:var(--muted);font-size:.9rem;margin:6px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--ring);background:#fff;color:var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--ring-strong)}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff}.btn-primary:hover{box-shadow:0 10px 30px #2ec4b640}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 10px;font-size:.9rem;border-radius:10px}.btn-ghost{background:#f5f8fb;border:1px solid #e5edf6;color:#213547}.btn-ghost:hover{background:#eef4fb}.btn-danger{background:#ffecec;border:1px solid #ffd6d6;color:#c03636}.btn-danger:hover{background:#ffe3e3}.cat-card .cat-actions{transition:transform .18s ease,opacity .18s ease}.cat-card:hover .cat-actions{transform:translateY(-2px);opacity:1}.tag{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--ring);border-radius:999px;font-size:.8rem;color:#333;background:#fff}.muted{color:var(--muted)}.hidden{display:none!important}@media (max-width:520px){.thumb{width:64px;height:64px}}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.table-card{position:relative;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:22px 18px 20px;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;border:1px solid rgba(0,0,0,.04)}.table-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.table-card.active{border-color:#10b98140}.table-card.inactive{border-color:#94a3b840}.icon-btn{border:0;background:#f3f4f6;color:#374151;border-radius:10px;padding:6px;line-height:0;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.icon-btn:hover{background:#fee2e2;color:#b91c1c}.del-btn{position:absolute;top:10px;right:10px}.table-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px;color:#0f172a;transition:transform .12s ease}.table-card:hover .table-icon{transform:scale(1.04)}.table-card.active .table-icon{background:linear-gradient(135deg,#a7f3d0,#6ee7b7)}.table-card.inactive .table-icon{background:linear-gradient(135deg,#e5e7eb,#cbd5e1)}.table-name{font-size:1.3rem;font-weight:800;letter-spacing:.2px;margin-bottom:6px}.table-meta{font-size:.96rem;color:#6b7280;display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#94a3b8}.table-card.active .status-dot{background:#10b981}.table-card.inactive .status-dot{background:#94a3b8}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.cat-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.cat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.cat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:10px;color:#0f172a;background:linear-gradient(135deg,#bfdbfe,#93c5fd)}.cat-name{font-size:1.25rem;font-weight:800;letter-spacing:.2px}.cat-page{display:grid;gap:16px;grid-template-columns:1.2fr 1fr}@media (max-width: 980px){.cat-page{grid-template-columns:1fr}}.cat-page .cat-card{position:relative;background:#fff;border-radius:20px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.04);padding:58px 18px 22px;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;cursor:pointer;transition:transform var(--t-med) var(--ease-smooth),box-shadow var(--t-med) var(--ease-smooth),filter var(--t-med) var(--ease-smooth),opacity var(--t-med) var(--ease-smooth);transform-origin:center center;will-change:transform,opacity,filter}.cat-page .cat-card:active{transform:scale(.985)}.cat-page .cat-card:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%),rgba(46,196,182,.12),transparent 60%);opacity:0;transition:opacity var(--t-fast) ease}.cat-page .cat-card:active:after{opacity:1}.cat-page .cat-card:hover{transform:translateY(-2px) scale(1.01)}.cat-grid.focus-mode{perspective:900px}.cat-grid.focus-mode .cat-card{opacity:.25;filter:blur(.5px);transform:scale(.94) rotateX(1.2deg);pointer-events:none}.cat-grid.focus-mode .cat-card.is-focus{opacity:1;filter:none;transform:scale(1.02);pointer-events:auto;box-shadow:0 18px 46px #0000001a}.cat-grid.focus-mode .cat-card:nth-child(1){transition-delay:10ms}.cat-grid.focus-mode .cat-card:nth-child(2){transition-delay:20ms}.cat-grid.focus-mode .cat-card:nth-child(3){transition-delay:30ms}.cat-grid.focus-mode .cat-card:nth-child(4){transition-delay:40ms}.cat-grid.focus-mode .cat-card:nth-child(5){transition-delay:50ms}.cat-grid.focus-mode .cat-card:nth-child(6){transition-delay:60ms}.cat-page .cat-card .cat-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;white-space:nowrap;z-index:2}.cat-page .btn-sm{padding:6px 12px;border-radius:10px}.cat-detail{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:14px;opacity:0;transform:translate(12px);pointer-events:none;transition:opacity var(--t-med) var(--ease-smooth),transform var(--t-med) var(--ease-smooth)}.cat-detail.show{opacity:1;transform:none;pointer-events:auto}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.detail-head .title{font-weight:800}.prod-grid-lg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.prod-grid-lg .prod-card{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e7f0fb;transition:transform var(--t-fast) var(--ease-smooth),box-shadow var(--t-fast) var(--ease-smooth)}.prod-grid-lg .prod-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #83a3c92e}.chips .chip{transition:background var(--t-fast) var(--ease-smooth),color var(--t-fast) var(--ease-smooth),border-color var(--t-fast) var(--ease-smooth),transform var(--t-fast) var(--ease-smooth)}.chips .chip:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){.cat-page .cat-card,.cat-detail,.chips .chip,.prod-grid-lg .prod-card{transition:none!important}.cat-grid.focus-mode .cat-card{filter:none}}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.prod-card{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:18px;border:1px solid rgba(0,0,0,.04);transition:transform .12s ease,box-shadow .12s ease}.prod-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.prod-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.prod-title{font-size:1.1rem;font-weight:800;letter-spacing:.2px}.prod-price{font-weight:800}.prod-sub{margin:8px 0 12px}.prod-cat-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.85rem}.prod-actions{display:flex;gap:8px}.pos-shell{padding:6px}.pos-toolbar{display:flex;align-items:center;gap:10px;margin:8px 0 12px}.pos-breadcrumb{font-weight:600}.pos-layout{display:grid;gap:14px;grid-template-columns:minmax(300px,420px) 1fr}@media (max-width: 980px){.pos-layout{grid-template-columns:1fr}}.pos-summary.card{padding:14px;display:flex;flex-direction:column;gap:12px}.pos-summary-head{display:flex;align-items:center;justify-content:space-between}.pos-lines{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto}.pos-line{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:10px;box-shadow:var(--shadow, 0 1px 3px rgba(0,0,0,.06))}.line-left .line-title{font-weight:600}.line-mid{display:flex;align-items:center;gap:8px}.line-mid .qty{min-width:28px;text-align:center;font-weight:600}.icon-btn{border:1px solid #eaeaea;background:#fff;border-radius:10px;padding:4px 8px;cursor:pointer}.icon-btn.danger{color:#b3261e}.pos-totals{border-top:1px dashed #eee;padding-top:8px;display:flex;flex-direction:column;gap:6px}.pos-totals .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pos-totals .row.wrap{align-items:flex-start}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #e8e8e8;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}.chip-on{background:#00b89415;border-color:#00b894;color:#00a27f}.pos-pay{display:flex;gap:8px;justify-content:flex-end}.pos-products{display:flex;flex-direction:column;gap:10px}.pos-cats{display:flex;gap:8px}.scroller-x{overflow:auto hidden;padding-bottom:2px}.cat-chip{border:1px solid #e8e8e8;background:#fff;border-radius:10px;padding:8px 12px;white-space:nowrap}.cat-on{background:#111;color:#fff;border-color:#111}.prod-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width: 520px){.prod-grid{grid-template-columns:repeat(2,1fr)}}.prod-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:14px;text-align:left;box-shadow:var(--shadow, 0 1px 3px rgba(0,0,0,.06));display:flex;flex-direction:column;gap:8px;cursor:pointer}.prod-card:active{transform:scale(.985)}.prod-title{font-weight:700;font-size:1rem}.prod-price{font-weight:600;opacity:.8}.empty{padding:10px 0}.vc-legal{border-top:1px solid var(--ring);background:#f9fdfc}.vc-legal__inner{max-width:980px;margin:0 auto;padding:14px 0 18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.vc-legal__link{color:var(--muted);text-decoration:none;padding:0 6px}.vc-legal__link:hover{color:var(--ink);text-decoration:underline}.vc-doc{max-width:980px;margin:24px auto 48px;padding:0 16px}.vc-doc h1{font-size:1.6rem;margin:6px 0 14px}.vc-doc h2{font-size:1.2rem;margin:22px 0 8px}.vc-doc p,.vc-doc li{line-height:1.55;color:var(--ink)}.vc-doc .muted{color:var(--muted)}.vc-doc .back{display:inline-block;margin-top:24px;color:var(--muted);text-decoration:none}.vc-doc .back:hover{color:var(--ink);text-decoration:underline}.segmented{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--ring);border-radius:12px;padding:6px}.seg{appearance:none;border:1px solid transparent;background:transparent;color:#334155;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700;transition:background var(--t-fast) var(--ease-smooth),color var(--t-fast) var(--ease-smooth),border-color var(--t-fast) var(--ease-smooth),transform var(--t-fast) var(--ease-smooth)}.seg:hover{background:#f3f7f6}.seg.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 6px 18px #2ec4b63d}.hidden-select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.search-wrap{margin-left:auto}@media (max-width:720px){.toolbar{flex-direction:column;align-items:stretch}.search-wrap{margin-left:0;width:100%}.search{width:100%}}