*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}input[type=text],input[type=search],textarea{text-transform:uppercase}input[type=text]::placeholder,input[type=search]::placeholder,textarea::placeholder{text-transform:none}body{background-color:var(--bg);color:var(--text)}#app{width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%}:root{--bg: #f6f6f6;--text: #0f172a;--muted: #64748b;--primary: #ea1d2c;--primary-rgb: 234 29 44;--primary-contrast: #ffffff;--surface: #ffffff;--border: rgba(15, 23, 42, .08);--shadow: 0 8px 24px rgba(15, 23, 42, .08);--radius: 16px}*{box-sizing:border-box}html,body,#app{height:100%;background:var(--bg);color:var(--text)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif}.content,.container,.app-container,#app{text-align:initial}#app{padding:0;max-width:none}.app-container{min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.content{padding:16px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.container{min-height:0}.header{position:sticky;top:0;z-index:20;background:#f6f6f6eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.brand{font-weight:700;font-size:18px}.actions{display:flex;gap:10px}.bottom-nav{position:sticky;bottom:0;z-index:20;background:#f6f6f6f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(15,23,42,.06);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 20px #0f172a14}.bottom-nav a{display:grid;place-items:center;padding:8px 4px;text-decoration:none;color:var(--muted);font-size:11px;gap:2px}.bottom-nav a.router-link-active{color:var(--text);font-weight:600}.container{max-width:100%;margin:0 auto}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}.card{background:#fffffffa;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card img{width:100%;border-radius:8px}.card .title{font-weight:600}.card .subtitle{color:var(--muted);font-size:12px}.btn{border:none;border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer}.btn.primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 14px 30px rgb(var(--primary-rgb) / .35)}.btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(15,23,42,.14)}.h-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.chip{border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:8px 12px;font-size:14px;white-space:nowrap;background:#ffffffe6}.chip.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}@media(min-width:768px){.content{padding:24px}.grid.cols-2{grid-template-columns:repeat(3,1fr)}.grid.cols-3{grid-template-columns:repeat(4,1fr)}.bottom-nav{display:none}}.product-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0000001a,0 4px 10px #0000000f}.product-card .image{aspect-ratio:4 / 3;width:100%;object-fit:cover;border-radius:var(--radius)}.product-card .footer{position:absolute;left:0;right:0;bottom:0;padding:12px;background:linear-gradient(180deg,#0000,#0000008c);color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.product-card .footer .info{display:grid;gap:4px}.product-card .footer .title{font-weight:700}.product-card .footer .subtitle{opacity:.9;font-size:13px}.product-card .footer .actions{display:flex;gap:8px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.5);color:#fff}.badge.dark{color:var(--text);border-color:var(--border)}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shine 1.2s infinite;border-radius:var(--radius)}@keyframes shine{0%{background-position-x:200%}to{background-position-x:-200%}}.modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.modal-card{width:96vw;max-width:980px;max-height:88vh;overflow:auto;background:#fffffffa;border-radius:var(--radius);box-shadow:0 18px 40px #0f172a80;border:1px solid rgba(15,23,42,.12);padding:14px;display:grid;gap:12px}.modal-head{display:grid;gap:4px}.modal-title{margin:0;font-size:18px}.modal-sub{color:var(--muted);font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:6px}.modal-card.small{max-width:520px}.label{display:grid;gap:6px;font-weight:900;color:var(--text);font-size:13px}.input{border:1px solid rgba(15,23,42,.12);padding:10px 12px;border-radius:8px;background:#fff;width:100%}.alert{padding:12px;border-radius:8px;font-size:13px;font-weight:800}.alert.error{background:#dc26261a;color:#dc2626}.alert.success{background:#16a34a1a;color:#16a34a}