*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,sans-serif;background:#e3cecd;color:#2b2227}a{color:inherit;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:1.25rem 1rem 2rem;min-height:70vh}.navbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.25rem;background:#644055;color:#fff;flex-wrap:wrap}.navbar ul{list-style:none;display:flex;gap:1.1rem;margin:0;padding:0}.navbar a{color:#fff;opacity:.85;padding-bottom:2px}.navbar a.active{opacity:1;border-bottom:2px solid #fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}.hero{background:#fff;border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0002}.hero h1{margin:.25rem 0;font-size:clamp(1.8rem,5vw,2.8rem)}.eyebrow{color:#644055;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0}.muted{color:#6b5a62;font-size:.9rem;margin:.2rem 0}.center{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.card{background:#fff;border-radius:12px;padding:.9rem;box-shadow:0 1px 4px #0002;display:flex;flex-direction:column;gap:.3rem}.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6efef;border-radius:8px}.card h3{font-size:1rem;margin:.4rem 0 0}.row{display:flex;justify-content:space-between}.btn{display:inline-block;padding:.55rem .9rem;border:1px solid #644055;border-radius:8px;font:inherit;cursor:pointer;background:#644055;color:#fff;text-align:center}.btn:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:#644055}.btn.danger{background:#b42318;border-color:#b42318}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.6rem;margin-bottom:1rem}input,select,textarea{width:100%;padding:.6rem;border:1px solid #c9b3b3;border-radius:8px;font:inherit;background:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.state{text-align:center;padding:1.5rem;color:#6b5a62}.state.error{color:#b42318}.detail{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;background:#fff;border-radius:16px;padding:1.25rem;margin-top:1rem;box-shadow:0 2px 8px #0002}.detail img{width:100%;object-fit:contain;background:#f6efef;border-radius:12px}.note-form{display:grid;gap:.8rem;background:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.25rem}.note-form label{display:grid;gap:.3rem;font-weight:600}.field-error{color:#b42318;font-size:.85rem;font-weight:400}.notes{list-style:none;padding:0;display:grid;gap:.6rem}.notes li{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;background:#fff;padding:.9rem 1rem;border-radius:12px}.notes p{margin:.3rem 0 0;color:#6b5a62}.footer{background:#644055;color:#fff;text-align:center;padding:1.25rem;font-size:.9rem}.footer p{margin:.2rem 0}@media (max-width: 700px){.menu-btn{display:block}.navbar ul{display:none;flex-direction:column;width:100%;padding-top:.6rem}.navbar ul.open{display:flex}.filter-bar,.detail{grid-template-columns:1fr}}