:root{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-light:#ccfbf1;--color-surface:#fff;--color-background:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0);--header-h:56px;--nav-bottom-h:64px}*{box-sizing:border-box;padding:0;margin:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.5;min-height:100vh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}a{color:var(--color-primary);text-decoration:none}.btn,button{cursor:pointer;font:inherit;border:none;border-radius:var(--radius-sm);padding:.6rem 1rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .1s}.btn:active,button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}input,select,textarea{font:inherit;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:44px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.app-header,.card{background:var(--color-surface)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--header-h);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;padding-left:max(1rem,var(--safe-top))}.app-sidebar{width:260px;min-height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1rem 0;display:none}@media (min-width:768px){.app-sidebar{display:block}}.app-sidebar.open{display:block;position:fixed;left:0;top:0;bottom:0;z-index:60;box-shadow:var(--shadow-lg)}.app-main{flex:1 1;min-height:calc(100vh - var(--header-h));padding:1rem;padding-bottom:calc(var(--nav-bottom-h) + 1rem)}@media (min-width:768px){.app-main{padding:1.5rem 2rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-bottom-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:40}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.5rem;font-size:.75rem;color:var(--color-text-muted);min-height:44px}.bottom-nav a.active{color:var(--color-primary);font-weight:600}.product-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--color-background);display:block}.catalog-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow .2s,transform .15s}.catalog-card:hover{box-shadow:var(--shadow-lg)}.catalog-card .product-img{aspect-ratio:1;object-fit:cover}.catalog-card .card-body{padding:1rem}.catalog-card .card-title{font-size:1.05rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text)}.catalog-card .card-meta{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem}.catalog-card .card-price{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.catalog-card .card-stock{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem;line-height:1.4}.catalog-card .card-stock ul{margin:.25rem 0 0 1rem;padding:0}.catalog-card .card-stock li{margin:.1rem 0}.alert-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.alert-badge.warning{background:#fef3c7;color:#b45309}.alert-badge.danger{background:#fee2e2;color:#b91c1c}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55;display:none}.sidebar-overlay.open{display:block}@media (min-width:640px){.pos-grid{grid-template-columns:1fr minmax(280px,360px)}}