:root{--background:#f6f8fa;--foreground:#1a202c;--primary:#3182ce;--primary-dark:#2b6cb0;--secondary:#38a169;--secondary-dark:#2f855a;--card:#fff;--border:#e2e8f0;--muted:#718096}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}a{color:inherit;text-decoration:none}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem}.header{background:var(--primary);color:#fff;z-index:50;padding:.75rem 1rem;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.menu-toggle{cursor:pointer;background:#ffffff26;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;display:none}.menu-toggle span{background:#fff;border-radius:2px;width:22px;height:2.5px;transition:transform .2s,opacity .2s;display:block}.menu-open span:first-child{transform:translateY(7.5px)rotate(45deg)}.menu-open span:nth-child(2){opacity:0}.menu-open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.brand{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.logo{object-fit:cover;border-radius:10px;flex-shrink:0;width:44px;height:44px}.nav-links{gap:.5rem;display:flex}.nav-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:none;border-radius:8px;align-items:center;min-height:40px;padding:.5rem 1rem;font-weight:600;display:inline-flex}.nav-btn:hover{background:#ffffff47}.hero{text-align:center;padding:1.5rem 0 2rem}.hero h1{margin-bottom:.5rem;font-size:2rem}.hero p{color:var(--muted);font-size:1.05rem}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.4rem;font-size:1rem;font-weight:700;transition:background .15s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{border:1.5px solid var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--card)}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{border:1.5px solid var(--border);background:var(--card);cursor:pointer;color:var(--muted);border-radius:999px;padding:.5rem 1.2rem;font-weight:600}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.search-bar{gap:.5rem;margin-bottom:1.5rem;display:flex}.search-bar input{border:1.5px solid var(--border);border-radius:10px;flex:1;padding:.6rem 1rem;font-size:1rem}.search-bar input:focus{border-color:var(--primary);outline:none}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.card-image{object-fit:cover;background:#e2e8f0;width:100%;height:190px}.card-body{flex-direction:column;flex:1;gap:.4rem;padding:1rem;display:flex}.card-name{font-size:1.15rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-lost{color:#2b6cb0;background:#bee3f8}.badge-found{color:#2f855a;background:#c6f6d5}.card-meta{color:var(--muted);flex-direction:column;gap:.15rem;font-size:.9rem;display:flex}.card-link{color:var(--primary);margin-top:auto;padding-top:.6rem;font-size:.95rem;font-weight:600}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.detail{background:var(--card);border:1px solid var(--border);border-radius:16px;max-width:720px;margin:0 auto;padding:1.5rem}.detail img{object-fit:cover;background:#e2e8f0;border-radius:12px;width:100%;max-height:420px}.detail h1{margin:1rem 0 .25rem}.detail-row{border-bottom:1px solid var(--border);padding:.7rem 0}.detail-row:last-child{border-bottom:none}.detail-row strong{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem;font-size:.8rem;display:block}.form{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1.1rem;max-width:640px;margin:0 auto;padding:1.8rem;display:flex}.form-title{margin-bottom:.2rem;font-size:1.4rem}.form label{font-size:.95rem;font-weight:600}.form input,.form textarea,.form select{border:1.5px solid var(--border);border-radius:10px;width:100%;margin-top:.35rem;padding:.65rem .9rem;font-size:1rem}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--primary);outline:none}.form textarea{resize:vertical;min-height:90px}.field{flex-direction:column;display:flex}.alert{border-radius:10px;padding:.8rem 1rem;font-weight:600}.alert-error{color:#2b6cb0;background:#bee3f8}.alert-success{color:#2f855a;background:#c6f6d5}.footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);background:var(--card);padding:1.2rem;font-size:.85rem}.footer-brand{color:var(--foreground);text-underline-offset:2px;font-weight:700;text-decoration:underline}.footer-brand:hover{color:var(--primary)}.phone-link{color:var(--primary);font-weight:600}@media (max-width:768px){.menu-toggle{display:flex}.header-inner{flex-wrap:wrap}.nav-links{border-top:1px solid #fff3;flex-direction:column;gap:.4rem;width:100%;margin-top:.75rem;padding-top:.75rem;display:none}.nav-links.open{display:flex}.nav-btn{background:#ffffff1f;justify-content:center;width:100%;padding:.8rem 1rem}main{padding:1.25rem .9rem}.hero{padding:1rem 0 1.5rem}.hero h1{font-size:1.55rem}.actions{flex-direction:column;align-items:stretch;max-width:100%}.btn{text-align:center;width:100%;padding:.85rem 1.2rem;font-size:1.05rem}.search-bar{flex-direction:column;gap:.6rem}.search-bar input{font-size:16px}.search-bar .btn{width:100%}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.4rem;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;align-items:center;min-height:42px;padding:.6rem 1.2rem;display:inline-flex}.grid{grid-template-columns:1fr;gap:1rem}.card-image{height:210px}.card-link{font-size:1.05rem}.detail{border-radius:14px;padding:1.1rem}.detail img{max-height:300px}.form{border-radius:14px;gap:1rem;padding:1.2rem 1rem}.form-title{font-size:1.2rem}.form input,.form textarea,.form select{font-size:16px}.footer{padding:1.4rem 1rem calc(1.4rem + env(safe-area-inset-bottom))}}@media (max-width:480px){.brand{gap:.45rem;font-size:1.1rem}.logo{width:38px;height:38px}}