:root{--color-primary: #1f6f43;--color-primary-dark: #185735;--color-primary-light: #2f8f58;--color-danger: #8b1e1e;--color-danger-dark: #6f1717;--color-text: #1f1f1f;--color-muted: #666;--color-card: #fff;--color-soft: #f5f5f5;--color-warning-bg: #fff8e6;--color-warning-text: #7a5a00;--color-warning-border: #f0d98a;--container-width: 1400px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--shadow-card: 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 14px 32px rgba(0, 0, 0, .12);--transition-base: .2s ease}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:#fafafa;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.app-container,.page-section{width:100%;max-width:var(--container-width);margin:0 auto}.page-section{padding:24px 16px 40px}.page-header{margin-bottom:24px}.page-header h2{margin:0 0 8px;font-size:2rem;font-weight:700;color:var(--color-text)}.page-header p{margin:0;font-size:1rem;color:var(--color-muted)}.page-header--center{text-align:center}.page-header--split{display:flex;justify-content:space-between;align-items:center;gap:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}.animal-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--transition-base),box-shadow var(--transition-base)}.animal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.animal-card-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden;background:#f3f3f3}.animal-card-image{display:block;width:100%;height:100%;object-fit:cover}.price-badge{position:absolute;top:12px;right:12px;padding:8px 12px;border-radius:999px;background:#222222e6;color:#fff;font-size:.9rem;font-weight:600}.animal-card-content{display:flex;flex:1;flex-direction:column;gap:14px;padding:18px}.animal-card-header h3{margin:0;color:var(--color-text);font-size:1.3rem;font-weight:700}.animal-card-header .breed{margin:4px 0 0;color:#6b6b6b;font-size:.95rem}.animal-card-meta{display:flex;flex-wrap:wrap;gap:10px}.animal-card-meta span{padding:6px 10px;border-radius:999px;background:var(--color-soft);color:#333;font-size:.85rem;font-weight:500}.animal-card-description{flex:1;margin:0;color:#4b4b4b;font-size:.95rem;line-height:1.5}.btn{border:none;border-radius:var(--radius-sm);padding:12px 16px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-dark)}.btn-highlight{background:#fff;color:var(--color-primary);box-shadow:0 10px 24px #1f6f4333}.btn-highlight:hover{background:#f2f2f2;transform:translateY(-2px)}.state-box{display:flex;align-items:center;justify-content:center;min-height:180px;padding:24px;border-radius:var(--radius-md);text-align:center;font-size:1rem;font-weight:500;box-shadow:0 8px 24px #0000000f}.loading-box{background:#f8f8f8;color:#444}.message-box,.inline-message{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}@media(max-width:768px){.page-section{padding:20px 12px 32px}.page-header{margin-bottom:20px}.page-header h2{font-size:1.6rem}.page-header p{font-size:.95rem}.page-header--split{flex-direction:column;align-items:flex-start}.cards-grid{grid-template-columns:1fr;gap:18px}.state-box{min-height:140px;padding:18px;font-size:.95rem}}@media(max-width:480px){.page-section{padding:16px 10px 24px}.page-header h2{font-size:1.35rem}.page-header p{font-size:.9rem}}