.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1a202c;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-lg);min-height:80px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.navbar-logo a{color:#fff;text-decoration:none;font-size:2rem;font-weight:800;transition:var(--transition);letter-spacing:-1px}.navbar-logo a:hover{color:var(--primary-color);transform:translateY(-1px)}.navbar-links{display:flex;align-items:center;gap:1rem}.navbar-links a{color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;transition:var(--transition);padding:.4rem .75rem;border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.5px}.navbar-links a:hover{background:#ffffff1a;color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-links a.register-btn{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.navbar-links a.register-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.profile-container,.profile-menu{position:relative}.profile-btn{background:#ffffff1a;color:#fff;font-size:.8rem;padding:.4rem .75rem;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:var(--transition);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.profile-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-dropdown{position:absolute;top:100%;right:0;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);min-width:220px;text-align:left;overflow:hidden;margin-top:.75rem;z-index:1000;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-greeting{padding:1rem 1.25rem;background:var(--primary-color);color:#fff;font-weight:600;font-size:1rem;border-bottom:1px solid var(--bg-secondary);text-align:center}.profile-dropdown ul{padding:1rem 1.25rem;margin:0;cursor:pointer;list-style:none;transition:var(--transition);border-bottom:1px solid var(--bg-secondary);font-weight:500;display:flex;align-items:center;gap:.5rem}.profile-dropdown ul:last-child{border-bottom:none}.profile-dropdown ul:hover{background:var(--bg-secondary);color:var(--primary-color)}.profile-dropdown ul:active{transform:translate(5px) scale(.98)}@media (max-width: 768px){.navbar{padding:.75rem 1.5rem;min-height:60px}.nav-container{flex-direction:column;gap:1rem}.navbar-logo a{font-size:2rem}.navbar-links{gap:1rem;flex-wrap:wrap;justify-content:center}.navbar-links a,.profile-btn{font-size:.9rem;padding:.6rem 1rem}.profile-dropdown{min-width:200px;right:-.5rem;margin-top:.5rem}.profile-dropdown ul{padding:.875rem 1rem}}@media (max-width: 480px){.navbar{padding:.5rem 1rem;min-height:auto}.nav-container{flex-direction:column;gap:.75rem}.navbar-logo a{font-size:1.75rem}.navbar-links{gap:.5rem;flex-wrap:wrap;justify-content:center}.navbar-links a,.profile-btn{font-size:.8rem;padding:.5rem .75rem}.profile-dropdown{min-width:180px;right:-1rem;margin-top:.5rem}.profile-dropdown ul{padding:.75rem .875rem;font-size:.85rem}}.unified-pet-card{background:#fff;border-radius:16px;box-shadow:0 6px 24px #00000014;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.unified-pet-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000026}.pet-image-wrapper{width:100%;height:220px;overflow:hidden;background:#f8f9fa;position:relative;display:flex;align-items:center;justify-content:center}.pet-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;display:block;max-width:100%;max-height:100%}.unified-pet-card:hover .pet-image{transform:scale(1.08)}.pet-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#0000001a);display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.pet-basic-info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.pet-species-badge,.pet-breed-badge{background:#fffffff2;color:#2d3748;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.pet-breed-badge{background:#8b5cf6f2;color:#fff}.pet-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.pet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.pet-name{font-size:1.4rem;font-weight:800;color:#1a202c;margin:0;text-transform:capitalize;line-height:1.2;flex:1;margin-right:1rem}.pet-age-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #10b9814d}.pet-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.detail-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;font-weight:600;color:#2d3748;text-transform:capitalize}.pet-description{margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:12px;border-left:4px solid #8b5cf6}.description-text{font-size:.85rem;color:#4a5568;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pet-actions{display:flex;flex-direction:column;gap:.875rem;margin-top:auto}.view-details-btn{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.875rem 1.25rem;border-radius:10px;text-decoration:none;font-size:.9rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf640}.view-details-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.adopt-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #10b98140}.adopt-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.unified-pet-card.default .pet-image-wrapper{height:180px}.unified-pet-card.detailed .pet-image-wrapper{height:220px}.unified-pet-card.default .pet-content{padding:1.25rem}.unified-pet-card.detailed .pet-content{padding:1.5rem}@media (max-width: 768px){.pet-image-wrapper{height:180px}.pet-content{padding:1.25rem}.pet-name{font-size:1.25rem;margin-bottom:.5rem}.pet-details-grid{gap:.75rem}.detail-label{font-size:.7rem}.detail-value{font-size:.8rem}.view-details-btn,.adopt-btn{padding:.75rem 1rem;font-size:.8rem}}@media (max-width: 480px){.pet-image-wrapper{height:160px}.pet-content{padding:1rem}.pet-name{font-size:1.1rem}.pet-header{flex-direction:column;align-items:flex-start;gap:.5rem}.pet-age-badge{align-self:flex-start}.pet-details-grid{grid-template-columns:1fr;gap:.75rem}.detail-label{font-size:.65rem}.detail-value{font-size:.75rem}.view-details-btn,.adopt-btn{padding:.625rem .875rem;font-size:.75rem}}.home-page{min-height:100vh;background:#f8f9ff}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:3rem 0;text-align:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto;padding:0 1.5rem}.hero-section h1{font-size:2rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-transform:uppercase;letter-spacing:1px}.hero-section p{font-size:.8rem;margin-bottom:1.5rem;opacity:.95;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;color:#fff}.hero-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.cta-button{display:inline-block;padding:.75rem 1.5rem;background:var(--secondary-color);color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;border-radius:50px;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.cta-button:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button.secondary{background:transparent;border:2px solid white;color:#fff}.cta-button.secondary:hover{background:#fff;color:var(--primary-color)}.featured-pets-section{padding:3rem 0;background:var(--bg-primary)}.featured-pets-section h2{font-size:2.3rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px}.featured-pets-section>.container>p{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto 2rem;text-align:center;line-height:1.6}.loading-container{text-align:center;padding:2rem 0;color:var(--text-secondary);font-size:.8rem}.featured-pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;align-items:stretch}.view-all-pets{text-align:center}.view-all-btn{display:inline-block;background:var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.8rem;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.view-all-btn:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.testimonials-section{padding:5rem 0;background:var(--bg-secondary)}.testimonials-section h2{font-size:2.3rem;color:var(--text-primary);margin-bottom:3rem;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition)}.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.testimonial-content p{font-size:1rem;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.6}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--text-primary);font-size:.8rem;font-weight:600}.testimonial-author span{color:var(--text-secondary);font-size:.8rem}.cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;text-align:center}.cta-section h2{font-size:2.3rem;margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.cta-section p{font-size:.8rem;margin-bottom:2.5rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:#fff}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.hero-section h1{font-size:1.25rem}.hero-section p{font-size:.8rem}.featured-pets-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.cta-section h2{font-size:1.25rem}.cta-section p{font-size:.8rem}}@media (max-width: 480px){.hero-section{padding:4rem 0}.hero-section h1{font-size:1.25rem}.hero-section p{font-size:.8rem}.hero-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.featured-pets-grid{grid-template-columns:1fr;gap:1rem}.cta-section{padding:3rem 0}.cta-section h2{font-size:1.25rem}.cta-section p{font-size:.8rem}.cta-buttons{flex-direction:column;align-items:center}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 0;background:var(--bg-secondary)}.login-container{background:var(--bg-primary);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:450px;text-align:center;border:1px solid var(--border-color);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.login-container h1{margin-bottom:2.5rem;font-size:1.25rem;color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.login-container input{width:100%;padding:1.25rem 1.5rem;margin:1rem 0;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:.8rem;transition:var(--transition);background:var(--bg-secondary);font-weight:500;box-sizing:border-box;box-shadow:var(--shadow-sm)}.login-container input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:var(--shadow-md)}.login-container input::placeholder{color:var(--text-muted);font-style:italic}.login-container button{width:100%;padding:1.25rem;margin:2rem 0 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md)}.login-container button:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.login-container button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.login-container p{margin-top:2rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.login-container a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:var(--transition);position:relative}.login-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.login-container a:hover:after{width:100%}.login-container a:hover{color:var(--primary-dark)}.login-container input.error{border-color:#e53e3e;background:#fed7d7}@media (max-width: 768px){.login-page{padding:1.5rem 0}.login-container{padding:2.5rem;margin:0 1.5rem;max-width:400px}.login-container h1{font-size:1.25rem;margin-bottom:2rem}.login-container input{padding:1rem 1.25rem;font-size:.8rem}.login-container button{padding:1rem;font-size:.8rem}}@media (max-width: 480px){.login-page{padding:1rem 0}.login-container{padding:2rem;margin:0 1rem}.login-container h1{font-size:1.25rem;margin-bottom:1.5rem}.login-container input{padding:.875rem 1rem;font-size:.8rem}.login-container button{padding:.875rem;font-size:.8rem}.login-container p{font-size:.8rem}}.register-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 0;background:var(--bg-secondary)}.register-container{background:var(--bg-primary);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;text-align:center;border:1px solid var(--border-color);position:relative;overflow:hidden}.register-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.register-container h1{margin-bottom:2.5rem;font-size:1.25rem;color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.register-container input{width:100%;padding:1.25rem 1.5rem;margin:1rem 0;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:.8rem;transition:var(--transition);background:var(--bg-secondary);font-weight:500;box-sizing:border-box;box-shadow:var(--shadow-sm)}.register-container input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:var(--shadow-md)}.register-container input::placeholder{color:var(--text-muted);font-style:italic}.register-container button{width:100%;padding:1.25rem;margin:2rem 0 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.8rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md)}.register-container button:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.register-container button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.register-container p{margin-top:2rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.register-container a{color:var(--primary-color);text-decoration:none;font-weight:700;transition:var(--transition);position:relative}.register-container a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.register-container a:hover:after{width:100%}.register-container a:hover{color:var(--primary-dark)}.input-group{position:relative;margin-bottom:1rem}.register-container input.error{border-color:#e53e3e;background:#fed7d7}.error-message{color:#e53e3e;font-size:.875rem;font-weight:500;margin-top:.5rem;display:block;text-align:left}@media (max-width: 768px){.register-page{padding:1.5rem 0}.register-container{padding:2.5rem;margin:0 1.5rem;max-width:450px}.register-container h1{font-size:1.25rem;margin-bottom:2rem}.register-container input{padding:1rem 1.25rem;font-size:.8rem}.register-container button{padding:1rem;font-size:.8rem}}@media (max-width: 480px){.register-page{padding:1rem 0}.register-container{padding:2rem;margin:0 1rem}.register-container h1{font-size:1.25rem;margin-bottom:1.5rem}.register-container input{padding:.875rem 1rem;font-size:.8rem}.register-container button{padding:.875rem;font-size:.8rem}.register-container p{font-size:.8rem}}.pet-list-page{padding:2rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 200px)}.pet-list-header{text-align:center;margin-bottom:2rem}.pet-list-header h1{font-size:1.25rem;color:#2d3748;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pet-list-header p{font-size:.8rem;color:#4a5568;margin:0}.filters-section{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;border:1px solid #e2e8f0}.search-filter{margin-bottom:1rem}.search-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.8rem;box-sizing:border-box}.search-input:focus{outline:none;border-color:#8b5cf6}.filter-controls{display:flex;gap:1rem;flex-wrap:nowrap;justify-content:space-between}.filter-select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.8rem;background:#fff;cursor:pointer;min-width:150px;flex:1}.filter-select:focus{outline:none;border-color:#8b5cf6}.results-info{text-align:center;margin-bottom:1.5rem;font-size:.8rem;color:#4a5568;font-weight:500}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:.5rem 0;align-items:stretch}.no-results{text-align:center;padding:3rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;border:1px solid #e2e8f0}.no-results p{font-size:.8rem;color:#4a5568;margin-bottom:1.5rem}.clear-filters-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.loading-text,.error-text{text-align:center;font-size:.8rem;color:#4a5568;margin:2rem 0;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;border:1px solid #e2e8f0}@media (max-width: 1024px){.pets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem}.pet-name,.pet-details p{font-size:.8rem}}@media (max-width: 768px){.pet-list-page{padding:1rem 0}.container{padding:0 .75rem}.filters-title{font-size:1.25rem}.filters-subtitle{font-size:.85rem}.filters-section{padding:1rem;margin-bottom:1.5rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.filter-select{min-width:auto;width:100%;max-width:none;flex:none}.pets-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 480px){.filters-title{font-size:1.125rem}.filters-subtitle{font-size:.8rem}.filters-section{padding:.75rem}.search-input,.filter-select{padding:.75rem;font-size:.8rem}.pets-grid{grid-template-columns:1fr;gap:1rem}.no-pets,.loading-container,.error-container{padding:1.5rem 1rem}.no-pets p,.loading-text,.error-text{font-size:.8rem}}.pet-detail-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pet-header{display:flex;gap:30px;margin-bottom:40px;align-items:flex-start}.pet-image-section{flex:0 0 400px}.pet-main-image{width:100%;height:400px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0}.pet-basic-info{flex:1}.pet-name{font-size:32px;font-weight:600;color:#333;margin:0 0 20px;text-transform:capitalize}.pet-key-details{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.detail-tag{padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#555;text-transform:capitalize}.detail-tag.species{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.detail-tag.breed{background:#f3e5f5;border-color:#9c27b0;color:#7b1fa2}.detail-tag.age{background:#e8f5e8;border-color:#4caf50;color:#388e3c}.detail-tag.gender{background:#fff3e0;border-color:#ff9800;color:#f57c00}.detail-tag.size{background:#fce4ec;border-color:#e91e63;color:#c2185b}.detail-tag.color{background:#f1f8e9;border-color:#8bc34a;color:#689f38}.pet-description{background:#f9f9f9;padding:20px;border-radius:6px;border-left:4px solid #2196f3;margin-bottom:25px}.pet-description p{margin:0;line-height:1.6;color:#555;font-size:16px}.adoption-button-section{margin-top:20px}.adopt-button{background:#2196f3;color:#fff;border:none;padding:15px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.adopt-button:hover:not(:disabled){background:#1976d2}.adopt-button:disabled{background:#9e9e9e;cursor:not-allowed}.already-requested-message{color:#666;font-size:14px;font-style:italic;padding:15px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;margin:0}.pet-info-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;margin-bottom:40px}.section-title{font-size:20px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{padding:15px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px}.info-item.full-width{grid-column:1 / -1}.info-label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.info-value{display:block;font-size:16px;font-weight:500;color:#333;text-transform:capitalize}.info-value.positive{color:#2e7d32;font-weight:600}.info-value.negative{color:#c62828;font-weight:600}.urgency{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.urgency.high-urgency{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.urgency.medium-urgency{background:#fff8e1;color:#ef6c00;border:1px solid #ffecb3}.urgency.low-urgency{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.urgency.standard-urgency{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}@media (max-width: 1024px){.pet-detail-container{padding:15px}.pet-header{flex-direction:column;gap:20px}.pet-image-section{flex:none}}@media (max-width: 768px){.pet-detail-container{padding:10px}.pet-main-image{height:300px}.pet-name{font-size:28px}.pet-key-details{gap:8px}.detail-tag{padding:5px 10px;font-size:13px}.pet-description{padding:15px;margin-bottom:20px}.pet-description p{font-size:14px}.adopt-button{padding:12px 25px;font-size:14px}.pet-info-section{padding:20px}.section-title{font-size:18px}.info-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.pet-detail-container{padding:8px}.pet-main-image{height:250px}.pet-name{font-size:24px}.pet-key-details{flex-direction:column;gap:6px}.detail-tag{padding:4px 8px;font-size:12px}.pet-description{padding:15px;margin-bottom:15px}.pet-description p{font-size:14px}.adopt-button{padding:10px 20px;font-size:13px}.already-requested-message{font-size:13px;padding:12px}.pet-info-section{padding:15px}.section-title{font-size:16px}.info-item{padding:12px}.info-label{font-size:11px}.info-value{font-size:14px}}.pet-detail-page{padding:2rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:calc(100vh - 200px)}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.loading-text{font-size:1.2rem;color:#666;text-align:center}.pet-detail-page .pet-detail-card{margin:0 auto}@media (max-width: 768px){.pet-detail-page{padding:1rem 0}.container{padding:0 .5rem}}@media (max-width: 480px){.pet-detail-page{padding:.5rem 0}.container{padding:0 .25rem}}.adoption-request-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem 0}.adoption-request-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.pet-info-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;position:sticky;top:2rem}.pet-info-section h2{color:#2d3748;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;text-align:center;border-bottom:3px solid #8b5cf6;padding-bottom:1rem}.pet-summary{text-align:center}.pet-image{width:100%;max-width:300px;height:250px;object-fit:cover;object-position:center;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 8px 25px #00000026}.pet-details h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.pet-details p{color:#4a5568;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.form-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.form-container h2{padding:2rem;margin:0;font-size:1.75rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);text-align:center}.step-indicator{display:flex;justify-content:space-between;margin:2rem;gap:.5rem}.step{flex:1;text-align:center;padding:1rem .5rem;background-color:#f8fafc;color:#6c757d;border-radius:8px;font-size:.875rem;font-weight:600;transition:all .3s ease;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.step.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.form-step{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:12px;margin:0 2rem 1.5rem;border:1px solid #e2e8f0;text-align:left;box-shadow:0 4px 15px #0000000d}.form-step h3{color:#2d3748;margin-bottom:1.5rem;font-size:1.25rem;border-bottom:3px solid #8b5cf6;padding-bottom:.75rem;font-weight:600}.form-container form{padding:0 0 2rem}.form-container input,.form-container select,.form-container textarea{width:100%;padding:1rem 1.25rem;margin-bottom:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;background-color:#fff;font-weight:500;box-shadow:0 2px 8px #0000000d}.form-container select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-container select::-ms-expand{display:none}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 4px 15px #0000001a;transform:translateY(-1px)}.form-container textarea{min-height:100px;resize:vertical;line-height:1.6}.form-group{margin:1.5rem 0;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.form-group>label{display:block;font-weight:600;color:#2d3748;margin-bottom:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.form-container input:disabled{background-color:#f5f5f5!important;color:#666!important;cursor:not-allowed;border-color:#d1d5db!important}.form-container input:disabled:focus{border-color:#d1d5db!important;box-shadow:none!important;transform:none!important}.checkbox-group{margin:1.5rem 0;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.checkbox-group>label{display:block;font-weight:600;color:#2d3748;margin-bottom:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.checkbox-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.checkbox-options label{display:flex;align-items:center;gap:.75rem;font-weight:500;cursor:pointer;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease;font-size:.9rem;background:#f8fafc;border:1px solid #e2e8f0}.checkbox-options label:hover{background:#f1f5f9;border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf626}.checkbox-options input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#8b5cf6}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin:2rem;padding:1.5rem 0;border-top:2px solid #e2e8f0}.nav-btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:120px;box-shadow:0 4px 15px #0000001a}.prev-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.prev-btn:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-2px);box-shadow:0 6px 20px #6c757d4d}.next-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.next-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.nav-btn:disabled{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 2px 8px #6c757d33}.nav-btn:disabled:hover{background:linear-gradient(135deg,#6c757d,#495057);transform:none;box-shadow:0 2px 8px #6c757d33}.submit-btn{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #8b5cf64d;min-width:200px}.submit-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.submit-btn:disabled{background:linear-gradient(135deg,#6c757d,#495057);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #6c757d33}.error-message{color:#e53e3e;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #feb2b2;padding:1rem;border-radius:8px;margin:1rem 2rem;text-align:center;font-weight:500;box-shadow:0 2px 8px #ef44441a}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-text{font-size:1.2rem;color:#6c757d;font-weight:500}.form-container input[required]::placeholder,.form-container textarea[required]::placeholder{color:#6c757d;font-style:italic}.form-container select[required] option[value=""]{color:#6c757d;font-style:italic}@media (max-width: 1024px){.adoption-request-container{grid-template-columns:1fr;gap:2rem}.pet-info-section{position:static}}@media (max-width: 768px){.adoption-request-page{padding:1rem 0}.adoption-request-container{margin:0 1rem}.pet-info-section,.form-container{border-radius:12px}.pet-info-section h2,.form-container h2{padding:1.5rem;font-size:1.5rem}.step-indicator{flex-direction:column;gap:.5rem;margin:1.5rem}.step{margin:0;padding:.75rem}.form-step{margin:0 1.5rem 1rem;padding:1.5rem}.checkbox-options{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:1rem;margin:1.5rem}.nav-btn{width:100%}.form-container input,.form-container select,.form-container textarea{padding:.875rem 1rem;font-size:.9rem}.pet-image{max-width:250px;height:200px}}.my-adoptions-page{padding:2rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:calc(100vh - 200px)}.my-adoptions-page h1{text-align:center;color:#333;margin-bottom:2rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-text{text-align:center;font-size:1.2rem;color:#666;margin:2rem 0}.error-text{text-align:center;font-size:1.1rem;color:#dc3545;margin:2rem 0;padding:1rem;background:#f8d7da;border-radius:8px;border:1px solid #f5c6cb}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:1rem 0}@media (max-width: 768px){.my-adoptions-page h1{font-size:2rem}.requests-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 480px){.my-adoptions-page{padding:1rem 0}.my-adoptions-page h1{font-size:1.75rem;margin-bottom:1.5rem}.requests-grid{grid-template-columns:1fr;gap:1rem}}.submit-pet-container{max-width:900px;margin:40px auto;padding:30px;background:#f8f9fa;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:1px solid #dee2e6}.submit-pet-container h1{text-align:center;color:#2c3e50;margin-bottom:40px;font-size:2rem;font-weight:700;letter-spacing:-.5px}.step-indicator{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px;position:relative}.step-indicator:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:#e9ecef;z-index:1;transform:translateY(-50%)}.step{flex:1;text-align:center;padding:15px 10px;background:#fff;color:#6c757d;border-radius:50px;margin:0 8px;font-size:.75rem;font-weight:600;transition:all .4s ease;position:relative;z-index:2;border:3px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.step.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.step:first-child{margin-left:0}.step:last-child{margin-right:0}.form-step{background:#fff;padding:35px;border-radius:15px;margin-bottom:25px;box-shadow:0 5px 20px #00000014;border:1px solid #f1f3f4;transition:all .3s ease}.form-step:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.form-step h3{color:#2d3748;margin-bottom:25px;font-size:1.25rem;font-weight:600;border-bottom:3px solid var(--primary-color);padding-bottom:12px;position:relative}.form-step h3:after{content:"";position:absolute;bottom:-3px;left:0;width:50px;height:3px;background:var(--secondary-color)}.submit-pet-container form{display:flex;flex-direction:column;gap:20px}.submit-pet-container input,.submit-pet-container textarea,.submit-pet-container select{padding:16px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;color:#495057;font-weight:500}.submit-pet-container input:focus,.submit-pet-container textarea:focus,.submit-pet-container select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #8b5cf61a;transform:translateY(-1px)}.submit-pet-container textarea{min-height:120px;resize:vertical;line-height:1.6}.submit-pet-container select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.submit-pet-container select::-ms-expand{display:none}.form-group{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.form-group>label{display:block;font-weight:700;color:#2c3e50;margin-bottom:15px;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:25px 0;border-top:2px solid #e9ecef}.nav-btn{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:140px}.prev-btn{background:#6c757d;color:#fff;box-shadow:var(--shadow-sm)}.prev-btn:hover{background:#495057;transform:translateY(-2px);box-shadow:var(--shadow-md)}.next-btn{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow-sm)}.next-btn:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-btn:disabled,.nav-btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none;box-shadow:var(--shadow-sm)}.nav-btn:disabled:hover,.nav-btn.disabled:hover{background:#6c757d;transform:none;box-shadow:var(--shadow-sm)}.submit-btn{padding:18px 40px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md);min-width:200px}.submit-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.submit-btn:disabled,.submit-btn.disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.error-message{color:#dc3545;font-size:.875rem;margin-top:5px;display:block;font-weight:500}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.image-upload-section{display:flex;flex-direction:column;gap:20px}.file-input-label{display:inline-block;padding:18px 30px;background:var(--secondary-color);color:#fff;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s ease;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.file-input-label:hover{background:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-input-wrapper{position:relative;margin-bottom:10px}.file-input{display:none}.file-input.error{border-color:#dc3545}.file-input-label{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#495057}.file-input-label:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.file-input-label.error{border-color:#dc3545;background:#f8d7da;color:#721c24}.file-input-icon{font-size:1.2rem}.file-input-text{flex:1;text-align:center}.file-help{margin-top:8px;font-size:.875rem;color:#6c757d;font-style:italic}.field-help{display:block;margin-top:5px;font-size:.75rem;color:#6c757d;font-style:italic}.no-images-message{margin-top:15px;padding:15px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;text-align:center;color:#6c757d;font-style:italic}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.image-preview{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.image-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-preview img{width:100%;height:150px;object-fit:cover;display:block}.remove-image{position:absolute;top:5px;right:5px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image:hover{background:#dc3545;transform:scale(1.1)}.image-previews{margin-top:20px}.image-previews h4{margin-bottom:20px;color:#2c3e50;font-size:1rem;font-weight:600;text-align:center}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-top:15px}.image-preview-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.image-preview-container:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.image-preview{width:100%;height:140px;object-fit:cover;object-position:center;display:block}.remove-image-btn{position:absolute;top:8px;right:8px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.remove-image-btn:hover{background:#c82333;transform:scale(1.1);box-shadow:var(--shadow-md)}@media (max-width: 768px){.submit-pet-container{margin:20px;padding:20px}.submit-pet-container h1{font-size:1.75rem}.step-indicator{flex-direction:column;gap:10px}.step-indicator:before{display:none}.step{margin:0;border-radius:8px}.form-step{padding:25px}.form-navigation{flex-direction:column;gap:15px}.nav-btn{width:100%}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}}.submit-pet-container input[required]::placeholder,.submit-pet-container textarea[required]::placeholder{color:#6c757d;font-style:italic}.submit-pet-container select[required] option[value=""]{color:#6c757d;font-style:italic}.organization-page{padding:2rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:calc(100vh - 200px)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.organization-header{text-align:center;margin-bottom:2rem}.organization-header h1{font-size:2.5rem;color:#2d3748;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.organization-header p{font-size:1.1rem;color:#666;margin:0 0 1.5rem}.stats-overview{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.stat-item{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border:1px solid #e9ecef;text-align:center;min-width:150px;transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.stat-number{display:block;font-size:2rem;font-weight:700;color:#8b5cf6;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#666;font-weight:500}.tab-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-btn{padding:1rem 2rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf633}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff;box-shadow:0 6px 20px #8b5cf64d}.tab-icon{font-size:1.2rem}.content-section{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;border:1px solid #e9ecef;overflow:hidden}.adoption-requests-section,.pet-submissions-section{padding:2rem}.adoption-requests-section h2,.pet-submissions-section h2{font-size:1.75rem;color:#333;margin-bottom:1.5rem;font-weight:600;text-align:center}.requests-grid,.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem;padding:1rem 0}.loading-container{text-align:center;padding:3rem}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.1rem;color:#666;margin:0}.error-section{text-align:center;padding:2rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-text{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}.retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.no-data{text-align:center;padding:3rem;color:#666;background:#f8f9fa;border-radius:10px;border:2px dashed #dee2e6}.no-data-icon{font-size:3rem;margin-bottom:1rem}.no-data p{font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.no-data span{font-size:.9rem;color:#999}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-rejected{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.adoption-request-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e9ecef;height:100%;display:flex;flex-direction:column}.adoption-request-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.request-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.request-header h3{font-size:1.25rem;color:#333;margin:0;font-weight:600}.request-content{padding:1.5rem;flex:1}.pet-section,.applicant-section{margin-bottom:1.5rem}.pet-section h4,.applicant-section h4{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.pet-details{display:flex;gap:1rem}.pet-image-container{flex-shrink:0;width:120px;height:120px}.pet-image{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid #e9ecef}.no-image-placeholder{width:100%;height:100%;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.no-image-placeholder span{font-size:2rem;margin-bottom:.5rem}.no-image-placeholder p{font-size:.8rem;margin:0}.pet-info{flex:1}.pet-info p,.applicant-details p{font-size:.9rem;color:#555;margin-bottom:.5rem;line-height:1.4}.reason-section{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:3px solid #8b5cf6}.reason-text{font-style:italic;color:#666;margin-top:.5rem}.request-actions{padding:1.5rem;display:flex;gap:1rem;border-top:2px solid #e9ecef;background:#f8f9fa}.submission-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e9ecef;height:100%;display:flex;flex-direction:column}.submission-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026}.submission-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.submission-header h3{font-size:1.25rem;color:#333;margin:0;font-weight:600}.submission-content{padding:1.5rem;flex:1}.pet-images-section,.pet-details-section,.submitter-section{margin-bottom:1.5rem}.pet-images-section h4,.pet-details-section h4,.submitter-section h4{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.image-gallery{display:flex;gap:.5rem;flex-wrap:wrap}.pet-gallery-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;cursor:pointer;transition:transform .2s ease}.pet-gallery-image:hover{transform:scale(1.05)}.more-images{width:80px;height:80px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.8rem;font-weight:600}.no-images-placeholder{text-align:center;padding:2rem;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#999}.no-images-placeholder span{font-size:2rem;display:block;margin-bottom:.5rem}.no-images-placeholder p{margin:0;font-size:.9rem}.pet-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.8rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;color:#333;font-weight:500}.submitter-details p{font-size:.9rem;color:#555;margin-bottom:.5rem;line-height:1.4}.submission-actions{padding:1.5rem;display:flex;gap:1rem;border-top:2px solid #e9ecef;background:#f8f9fa}.action-btn{flex:1;padding:.875rem 1.5rem;font-size:.9rem;border-radius:8px;text-decoration:none;transition:all .3s ease;text-align:center;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.approve{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.action-btn.approve:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #28a7454d}.action-btn.reject{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.action-btn.reject:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 20px #dc35454d}.btn-icon{font-size:1rem}@media (max-width: 768px){.organization-page{padding:1rem 0}.organization-header h1{font-size:2rem}.stats-overview{flex-direction:column;gap:1rem;align-items:center}.stat-item{min-width:120px}.tab-navigation{flex-direction:column;gap:.5rem}.tab-btn{padding:.875rem 1.5rem;font-size:.9rem}.adoption-requests-section,.pet-submissions-section{padding:1.5rem}.adoption-requests-section h2,.pet-submissions-section h2{font-size:1.5rem}.requests-grid,.submissions-grid{grid-template-columns:1fr;gap:1.5rem}.pet-details{flex-direction:column}.pet-image-container{width:100%;height:200px}.pet-details-grid{grid-template-columns:1fr}.request-actions,.submission-actions{flex-direction:column;gap:.75rem}.action-btn{padding:.75rem 1.25rem;font-size:.85rem}}@media (max-width: 480px){.organization-header h1{font-size:1.75rem}.organization-header p{font-size:1rem}.tab-btn{padding:.75rem 1.25rem;font-size:.85rem}.adoption-requests-section,.pet-submissions-section{padding:1rem}.adoption-requests-section h2,.pet-submissions-section h2{font-size:1.25rem}.request-header,.submission-header,.request-content,.submission-content,.request-actions,.submission-actions{padding:1rem}.image-gallery{justify-content:center}.pet-gallery-image,.more-images{width:70px;height:70px}}body{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:0;background:#f8f9ff;color:#2d3748;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}:root{--primary-color: #8b5cf6;--primary-dark: #7c3aed;--primary-darker: #6d28d9;--secondary-color: #10b981;--secondary-dark: #059669;--accent-color: #f59e0b;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 25px rgba(0, 0, 0, .1);--shadow-lg: 0 15px 35px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .2);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 20px;--transition: all .3s ease}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.page-wrapper{padding:2rem 0;min-height:calc(100vh - 200px);width:100%}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;background:var(--primary-color);color:#fff;padding:.875rem 1.75rem;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);font-family:inherit}button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm);opacity:.7}input,textarea,select{width:100%;padding:1rem 1.25rem;margin:.75rem 0;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:500;transition:var(--transition);background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box;box-shadow:var(--shadow-sm);font-family:inherit}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:var(--shadow-md)}input::placeholder,textarea::placeholder{color:var(--text-muted);font-style:italic}h1{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;line-height:1.3}h2{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;line-height:1.4}h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);line-height:1.4}h4{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.4}p{font-size:.8rem;line-height:1.7;margin-bottom:1rem;color:var(--text-secondary);font-weight:500}.loading-text,.error-text{text-align:center;padding:2rem;font-size:.8rem;font-weight:500;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin:1rem 0}.error-text{color:#e53e3e;background:#fed7d7;border-color:#feb2b2}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:var(--transition);overflow:hidden;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge.approved{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-badge.rejected{background:#fed7d7;color:#991b1b;border:1px solid #feb2b2}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width: 768px){.container{padding:0 1.5rem}.page-wrapper{padding:1.5rem 0}h1{font-size:1.25rem;margin-bottom:1.25rem}h2{font-size:1.25rem;margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.875rem}button{padding:.75rem 1.5rem;font-size:.8rem}input,textarea,select{padding:.875rem 1rem;font-size:.8rem}}@media (max-width: 480px){.container{padding:0 1rem}.page-wrapper{padding:1rem 0}h1{font-size:1.25rem;margin-bottom:1rem}h2{font-size:1.25rem;margin-bottom:.875rem}h3{font-size:1.25rem;margin-bottom:.75rem}button{padding:.625rem 1.25rem;font-size:.8rem}input,textarea,select{padding:.75rem .875rem;font-size:.8rem}.loading-text,.error-text{padding:1.5rem;font-size:.8rem}}.footer{background:#1a202c;color:#fff;padding:3rem 0 1rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--primary-color);letter-spacing:1px}.footer-description{font-size:.8rem;line-height:1.6;color:#a0aec0;margin:0;font-weight:500}.footer-heading{font-size:.8rem;font-weight:600;margin:0 0 .5rem;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#a0aec0;text-decoration:none;font-size:.8rem;font-weight:500;transition:var(--transition);position:relative;padding:.25rem 0}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.footer-link:hover{color:var(--primary-color);transform:translate(5px)}.footer-link:hover:after{width:100%}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center}.footer-copyright{margin:0;font-size:.8rem;color:var(--text-muted);font-weight:500;line-height:1.5}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-container{padding:0 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.footer-title{font-size:1.25rem}.footer-description,.footer-heading,.footer-link,.footer-copyright{font-size:.8rem}}@media (max-width: 480px){.footer{padding:1.5rem 0 1rem}.footer-container{padding:0 1rem}.footer-content{gap:1rem;margin-bottom:1rem}.footer-title{font-size:1.25rem}.footer-description,.footer-heading,.footer-link,.footer-copyright{font-size:.8rem}}*{margin:0;padding:0;box-sizing:border-box}