:root{--primary-pink: #ff6b8a;--primary-pink-light: #ff8fa3;--primary-pink-dark: #ff4d6d;--secondary-purple: #667eea;--secondary-purple-dark: #764ba2;--accent-orange: #ff9800;--accent-blue: #2196F3;--accent-green: #4CAF50;--accent-red: #ff6b6b;--bg-gradient-start: #fff5f7;--bg-gradient-end: #ffe8ec;--card-bg: #ffffff;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #95a5a6;--border-color: #ffe4e6;--shadow-sm: 0 2px 8px rgba(255, 107, 138, .1);--shadow-md: 0 4px 15px rgba(255, 107, 138, .2);--shadow-lg: 0 8px 25px rgba(255, 107, 138, .3);--shadow-xl: 0 12px 35px rgba(255, 107, 138, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--card-radius: 20px;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--glass-backdrop: blur(12px) saturate(180%);--nav-glass-bg: rgba(150, 150, 150, .35);--nav-glass-backdrop: blur(16px) saturate(180%);--nav-z-index: 1000;--btn-height: 40px;--btn-radius: 999px;--btn-padding: 0 20px;--btn-font-size: 14px;--btn-font-weight: 500;--btn-glow-soft: 0 0 12px rgba(255, 107, 138, .35);--btn-glow-strong: 0 8px 20px rgba(255, 107, 138, .35);--btn-glow-danger: 0 8px 20px rgba(255, 107, 107, .35);--btn-glow-outline: 0 0 10px rgba(255, 107, 138, .25)}[data-theme=dark]{--glass-bg: rgba(30, 30, 30, .3);--glass-border: rgba(255, 255, 255, .1);--bg-gradient-start: #1a1a2e;--bg-gradient-end: #16213e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--card-bg: #1f2937}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}body{width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;margin:0;padding:0}button{font-family:inherit;cursor:pointer;border:none;outline:none;border-radius:var(--btn-radius);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-normal),opacity var(--transition-fast);box-shadow:var(--btn-glow-soft)}button:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,#fff9,#fff0 60%);opacity:0;transform:translateY(8%);transition:opacity var(--transition-fast),transform var(--transition-normal);pointer-events:none}button:hover:after{opacity:.7;transform:translateY(0)}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-pink) 0%,var(--primary-pink-light) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-pink-dark) 0%,var(--primary-pink) 100%)}.card,.adoption-card,.foster-card,.board-card,.chart-card,.report-card,.pet-card,.shelter-content,[role=article]{border-radius:var(--card-radius)!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-backdrop)!important;-webkit-backdrop-filter:var(--glass-backdrop)!important;border:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;transition:transform .3s ease,box-shadow .3s ease}.btn,.detail-btn,.edit-btn,.delete-btn,.search-btn,.reset-btn,.add-btn,.submit-btn,.cancel-btn,button[class*=btn]{height:var(--btn-height)!important;border-radius:var(--btn-radius)!important;padding:var(--btn-padding)!important;font-size:var(--btn-font-size)!important;font-weight:var(--btn-font-weight)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;border:none;cursor:pointer;box-shadow:var(--btn-glow-soft)!important}.btn:hover,.detail-btn:hover,.edit-btn:hover,.delete-btn:hover,.search-btn:hover,.reset-btn:hover,.add-btn:hover,.submit-btn:hover,.cancel-btn:hover,button[class*=btn]:hover{opacity:.9!important}.btn:active,.detail-btn:active,.edit-btn:active,.delete-btn:active,.search-btn:active,.reset-btn:active,.add-btn:active,.submit-btn:active,.cancel-btn:active,button[class*=btn]:active{transform:scale(.98)!important}.btn:disabled,.detail-btn:disabled,.edit-btn:disabled,.delete-btn:disabled,.search-btn:disabled,.reset-btn:disabled,.add-btn:disabled,.submit-btn:disabled,.cancel-btn:disabled,button[class*=btn]:disabled{opacity:.4!important;cursor:not-allowed!important;transform:none!important}.btn-primary,.detail-btn,.add-btn,.search-btn,.submit-btn{background:linear-gradient(135deg,var(--primary-pink) 0%,var(--primary-pink-light) 100%)!important;color:#fff!important;box-shadow:var(--btn-glow-strong),0 0 16px #ff6b8a73!important;border:none!important}.btn-secondary,.edit-btn,.reset-btn,.cancel-btn{background:#fff!important;color:var(--primary-pink)!important;border:1px solid var(--primary-pink)!important;box-shadow:var(--btn-glow-outline)!important}.btn-danger,.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important;color:#fff!important;box-shadow:var(--btn-glow-danger),0 0 16px #ff6b6b73!important;border:none!important}.toast[data-v-25c20a75]{position:fixed;top:30px;left:50%;transform:translate(-50%);min-width:320px;max-width:520px;padding:18px 24px;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;align-items:center;gap:14px;z-index:9999;animation:slideDown-25c20a75 .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}@keyframes slideDown-25c20a75{0%{transform:translate(-50%) translateY(-60px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-enter-active[data-v-25c20a75],.toast-leave-active[data-v-25c20a75]{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-25c20a75],.toast-leave-to[data-v-25c20a75]{transform:translate(-50%) translateY(-60px);opacity:0}.toast.success[data-v-25c20a75]{background:linear-gradient(135deg,#4caf50f2,#45a049f2);color:#fff;border-left:6px solid rgba(56,142,60,.95)}.toast.error[data-v-25c20a75]{background:linear-gradient(135deg,#f44336f2,#da190bf2);color:#fff;border-left:6px solid rgba(211,47,47,.95)}.toast.info[data-v-25c20a75]{background:linear-gradient(135deg,#2196f3f2,#1976d2f2);color:#fff;border-left:6px solid rgba(25,118,210,.95)}.toast.warning[data-v-25c20a75]{background:linear-gradient(135deg,#ff9800f2,#f57c00f2);color:#fff;border-left:6px solid rgba(245,124,0,.95)}.toast-icon[data-v-25c20a75]{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border-radius:50%;font-size:20px;font-weight:700;box-shadow:0 2px 8px #00000026}.toast-message[data-v-25c20a75]{flex:1;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.3px}.toast-close[data-v-25c20a75]{flex-shrink:0;background:#fff3;border:none;color:#fff;font-size:26px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0}.toast-close[data-v-25c20a75]:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0003}@media(max-width:640px){.toast[data-v-25c20a75]{top:20px;right:20px;left:20px;min-width:auto;max-width:none;padding:16px 20px}.toast-icon[data-v-25c20a75]{width:32px;height:32px;font-size:18px}.toast-message[data-v-25c20a75]{font-size:14px}.toast-close[data-v-25c20a75]{width:28px;height:28px;font-size:22px}}.message-notification{position:relative;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-footer .message-notification{background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.message-notification:hover{background:#ff6b8a4d;border-color:#ff6b8a99;transform:scale(1.1);box-shadow:0 4px 15px #ff6b8a66}.sidebar-footer .message-notification:hover{background:#ff6b8a40;border-color:#ff6b8a80}.message-notification:active{transform:scale(.95);box-shadow:0 2px 8px #ff6b8a4d}.message-notification svg{display:block;stroke:#fff;transition:all .3s ease}.message-notification:hover svg{stroke:#ff8fa3;transform:scale(1.1)}.badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:50%;box-shadow:0 3px 10px #ff6b8a80;animation:pulse 2s infinite;border:2px solid rgba(255,255,255,.3)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 3px 10px #ff6b8a80}50%{transform:scale(1.15);box-shadow:0 4px 15px #ff6b8ab3}}@media(max-width:768px){.message-notification{width:42px;height:42px}.message-notification svg{width:18px;height:18px}.badge{width:10px;height:10px}}#app[data-v-0e1213c4]{min-height:100vh;position:relative}#app.admin-layout[data-v-0e1213c4]{display:flex;flex-direction:row}.navbar[data-v-0e1213c4]{background:var(--nav-glass-bg);color:var(--text-primary);padding:.8rem 0;box-shadow:var(--glass-shadow);position:relative;z-index:var(--nav-z-index);backdrop-filter:var(--nav-glass-backdrop);-webkit-backdrop-filter:var(--nav-glass-backdrop);border-bottom:1px solid var(--glass-border)}.admin-sidebar[data-v-0e1213c4]{width:260px;background:var(--nav-glass-bg);color:var(--text-primary);box-shadow:var(--glass-shadow);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:var(--nav-z-index);backdrop-filter:var(--nav-glass-backdrop);-webkit-backdrop-filter:var(--nav-glass-backdrop);border-right:1px solid var(--glass-border)}.sidebar-header[data-v-0e1213c4]{padding:30px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--glass-border)}.sidebar-icon[data-v-0e1213c4]{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(255,107,138,.5))}.sidebar-title[data-v-0e1213c4]{margin:0;font-size:1.3rem;white-space:nowrap;background:linear-gradient(135deg,#ff6b8a,#ff8fa3,#ffb3c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:1px}.sidebar-nav[data-v-0e1213c4]{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.sidebar-link[data-v-0e1213c4]{display:flex;align-items:center;gap:12px;color:var(--text-primary);text-decoration:none;padding:14px 20px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;margin:0 10px}.sidebar-link[data-v-0e1213c4]:hover{background:#ff6b8a26;transform:translate(5px);box-shadow:0 4px 15px #ff6b8a33;color:var(--primary-pink)}.sidebar-link.active[data-v-0e1213c4]{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 20px #ff6b8a66;font-weight:600;color:#fff}.link-icon[data-v-0e1213c4]{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.svg-icon[data-v-0e1213c4]{width:20px;height:20px;object-fit:contain}.sidebar-footer[data-v-0e1213c4]{padding:20px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:15px}.sidebar-message-notification[data-v-0e1213c4]{display:flex;justify-content:center;align-items:center;padding:10px;background:#00000008;border-radius:12px;border:1px solid rgba(0,0,0,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-message-notification[data-v-0e1213c4]:hover{background:#ff6b8a26;border-color:#ff6b8a4d}.sidebar-profile[data-v-0e1213c4]{display:flex;align-items:center;gap:12px;color:var(--text-primary);text-decoration:none;padding:12px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#0000000d;border:1px solid rgba(0,0,0,.05)}.sidebar-profile[data-v-0e1213c4]:hover{background:#ff6b8a26;transform:scale(1.02);box-shadow:0 4px 15px #ff6b8a33}.sidebar-profile img[data-v-0e1213c4]{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white}.sidebar-profile .avatar-placeholder[data-v-0e1213c4]{width:48px;height:48px;border-radius:50%;background:#ffffff80;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;border:2px solid white;color:var(--primary-pink)}.profile-name[data-v-0e1213c4]{font-size:14px;font-weight:600}.nav-container[data-v-0e1213c4]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:30px}.nav-title-wrapper[data-v-0e1213c4]{display:flex;align-items:center;gap:12px}.nav-icon[data-v-0e1213c4]{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(255,107,138,.5));animation:bounce-0e1213c4 2s ease-in-out infinite}@keyframes bounce-0e1213c4{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-title[data-v-0e1213c4]{margin:0;font-size:1.5rem;white-space:nowrap;background:linear-gradient(135deg,#ff6b8a,#ff8fa3,#ffb3c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:1px;text-shadow:0 2px 10px rgba(255,107,138,.3)}.nav-tabs[data-v-0e1213c4]{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}.nav-tab[data-v-0e1213c4]{color:var(--text-primary);text-decoration:none;padding:10px 18px;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;background:#0000000d;border:1px solid rgba(0,0,0,.05)}.nav-tab[data-v-0e1213c4]:hover{background:#ff6b8a26;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b8a4d;border-color:#ff6b8a80;color:var(--primary-pink)}.nav-tab.active[data-v-0e1213c4]{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 20px #ff6b8a66;border-color:transparent;font-weight:600;color:#fff}.tab-icon[data-v-0e1213c4]{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-dropdown[data-v-0e1213c4]{position:relative}.nav-dropdown .dropdown-toggle[data-v-0e1213c4]{display:flex;align-items:center;gap:5px}.nav-dropdown .dropdown-arrow[data-v-0e1213c4]{font-size:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);margin-left:2px}.nav-dropdown.active .dropdown-arrow[data-v-0e1213c4]{transform:rotate(180deg)}.nav-dropdown .dropdown-menu[data-v-0e1213c4]{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#ffffffe6;min-width:160px;border-radius:16px;box-shadow:0 8px 30px #0000001a;z-index:1000;padding:10px 0;margin-top:12px;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-dropdown .dropdown-item[data-v-0e1213c4]{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;padding:12px 20px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500}.nav-dropdown .dropdown-item[data-v-0e1213c4]:hover{background:#ff6b8a1a;transform:translate(5px);color:var(--primary-pink)}.dropdown-icon[data-v-0e1213c4]{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-right[data-v-0e1213c4]{display:flex;align-items:center;gap:12px}.nav-message-notification[data-v-0e1213c4]{display:flex;align-items:center}.profile-avatar[data-v-0e1213c4]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;overflow:hidden;border:3px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a66}.profile-avatar[data-v-0e1213c4]:hover{border-color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 6px 25px #ff6b8a80}.profile-avatar img[data-v-0e1213c4]{width:100%;height:100%;object-fit:cover}.mini-program-btn[data-v-0e1213c4]{border:2px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff1a;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.mini-program-btn[data-v-0e1213c4]:hover{background:#ff6b8a4d;border-color:#ff6b8a99;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b8a66}.mini-program-modal[data-v-0e1213c4]{position:fixed;inset:0;z-index:2000;background:#181a2085;display:flex;align-items:center;justify-content:center;padding:24px}.mini-program-panel[data-v-0e1213c4]{width:min(420px,92vw);background:#fffffff7;border-radius:20px;padding:18px;box-shadow:0 18px 40px #0003;display:flex;flex-direction:column;gap:12px}.mini-program-panel img[data-v-0e1213c4]{width:100%;max-height:70vh;object-fit:contain;display:block;border-radius:14px}.mini-program-close[data-v-0e1213c4]{align-self:flex-end;border:none;border-radius:10px;padding:8px 12px;background:#ff6b8a1f;color:#ff5d89;font-weight:600;cursor:pointer}.avatar-placeholder[data-v-0e1213c4]{font-size:20px;font-weight:700;background:#fff3;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main-content[data-v-0e1213c4]{max-width:1400px;margin:0 auto;padding:30px 20px;position:relative;z-index:10}.main-content.admin-content[data-v-0e1213c4]{flex:1;max-width:none;margin:0;padding:30px;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh}@media(max-width:1200px){.nav-container[data-v-0e1213c4]{gap:20px}.nav-tabs[data-v-0e1213c4]{gap:6px}.nav-tab[data-v-0e1213c4]{padding:8px 14px;font-size:13px}.tab-icon[data-v-0e1213c4]{font-size:14px}}@media(max-width:768px){.nav-container[data-v-0e1213c4]{flex-direction:column;gap:15px;padding:0 15px}.nav-title-wrapper[data-v-0e1213c4]{gap:8px}.nav-icon[data-v-0e1213c4]{font-size:1.6rem}.nav-title[data-v-0e1213c4]{font-size:1.2rem}.nav-tabs[data-v-0e1213c4]{flex-wrap:wrap;justify-content:center;gap:5px}.nav-tab[data-v-0e1213c4]{padding:7px 12px;font-size:12px}.tab-icon[data-v-0e1213c4]{font-size:13px}.main-content[data-v-0e1213c4]{padding:20px 15px}.profile-avatar[data-v-0e1213c4]{width:42px;height:42px}.mini-program-btn[data-v-0e1213c4]{font-size:12px;padding:8px 12px}.avatar-placeholder[data-v-0e1213c4]{font-size:18px}.admin-sidebar[data-v-0e1213c4]{width:200px}.sidebar-header[data-v-0e1213c4]{padding:20px 15px}.sidebar-title[data-v-0e1213c4]{font-size:1.1rem}.sidebar-link[data-v-0e1213c4]{padding:12px 15px;font-size:14px}.sidebar-footer[data-v-0e1213c4]{padding:15px}}.home{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.welcome-section{text-align:center;padding:270px;background:transparent;margin:0 -270px 20px;position:relative;overflow:hidden}.welcome-carousel{position:absolute;inset:0;z-index:0}.welcome-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:none;opacity:0;transition:opacity .7s ease}.welcome-slide.active{opacity:1}.welcome-section:before{content:"";position:absolute;inset:0;background:transparent;z-index:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-content{position:relative;z-index:2;max-width:920px;margin:0 auto;min-height:250px;padding:40px 48px;border-radius:26px;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(-10px)}.welcome-icon{font-size:4rem;display:block;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-section h1{font-size:32px;margin-bottom:20px;font-weight:700;background:linear-gradient(135deg,#ff6b8a,#ff8fa3,#ffb3c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.welcome-section p{font-size:18px;line-height:1.8;color:#fff;max-width:700px;margin:0 auto;font-weight:500}.announcement-section{background:#fff;padding:20px 30px;margin:0;border-top:1px solid rgba(255,107,138,.2);border-bottom:1px solid rgba(255,107,138,.2)}.announcement-box{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:16px;padding:16px 24px;overflow:hidden;position:relative;box-shadow:0 4px 20px #ff6b8a4d}.announcement-content{display:flex;align-items:center;gap:15px;white-space:nowrap;position:relative}.announcement-icon{font-size:24px;flex-shrink:0;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.announcement-text{color:#fff;font-size:15px;font-weight:600;animation:scroll-left 30s linear infinite;position:absolute;left:50px;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.pets-section{padding:20px 30px;flex:1;width:100%;max-width:none;margin:0}.pet-category{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;padding:40px;margin-bottom:40px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s ease;width:100%;box-sizing:border-box}.pet-category:hover{box-shadow:0 12px 40px #ff6b8a40;transform:translateY(-5px)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid rgba(255,107,138,.2)}.category-title{display:flex;align-items:center;gap:12px}.category-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(255,107,138,.3))}.category-header h2{margin:0;font-size:24px;color:#ff6b8a;font-weight:700;letter-spacing:1px}.more-btn{padding:10px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d;display:flex;align-items:center;gap:8px}.more-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66;background:linear-gradient(135deg,#ff8fa3,#ffb3c1)}.more-btn .arrow{transition:transform .3s ease}.more-btn:hover .arrow{transform:translate(5px)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.pet-card{background:linear-gradient(135deg,#fff9fa,#fff5f7);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a1a;border:1px solid rgba(255,107,138,.1)}.pet-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 30px #ff6b8a40;border-color:#ff6b8a4d}.pet-image{width:100%;height:220px;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.pet-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,138,.1) 0%,transparent 100%);pointer-events:none}.pet-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.pet-card:hover .pet-image img{transform:scale(1.1)}.no-image{display:flex;flex-direction:column;align-items:center;gap:10px;color:#ff6b8a;font-size:16px;font-weight:500}.no-image-icon{font-size:48px;opacity:.5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.pet-info{padding:20px;text-align:center}.pet-info h3{margin:0 0 12px;font-size:22px;color:#ff6b8a;font-weight:700;letter-spacing:.5px}.pet-breed{margin:8px 0;font-size:15px;color:#7f8c8d;font-weight:500}.pet-type{margin:8px 0;font-size:14px;color:#95a5a6;font-weight:400}.no-pets{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999;font-size:18px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:15px}.no-pets-icon{font-size:64px;opacity:.4;animation:float 3s ease-in-out infinite}.org-dashboard,.admin-dashboard{padding:30px;display:flex;flex-direction:column;gap:25px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:18px;padding:22px;box-shadow:0 6px 20px #ff6b8a26;border:1px solid rgba(255,255,255,.5);text-align:center}.stat-title{font-size:15px;color:#7f8c8d;font-weight:600;margin-bottom:10px}.stat-value{font-size:28px;font-weight:700;color:#ff6b8a;letter-spacing:1px}.capacity-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:25px;box-shadow:0 6px 25px #ff6b8a26;border:1px solid rgba(255,255,255,.5)}.capacity-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.capacity-header h3{margin:0;color:#ff6b8a;font-size:20px;font-weight:700}.capacity-values{display:flex;gap:15px;color:#7f8c8d;font-size:14px;font-weight:600}.capacity-bar{height:14px;background:#ff6b8a26;border-radius:999px;overflow:hidden}.capacity-fill{height:100%;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:999px;transition:width .3s ease}.capacity-footer{margin-top:12px;color:#7f8c8d;font-size:13px;font-weight:600}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.chart-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:25px;box-shadow:0 6px 25px #ff6b8a26;border:1px solid rgba(255,255,255,.5)}.chart-card h3{margin:0 0 18px;color:#ff6b8a;font-size:18px;font-weight:700}.chart-canvas{width:100%;height:240px}.bar-chart{display:flex;gap:30px;align-items:flex-end;justify-content:center;height:200px}.bar-item{display:flex;flex-direction:column;align-items:center;gap:10px}.bar-label{font-size:13px;color:#7f8c8d;font-weight:600}.bar{width:60px;height:140px;background:#ff6b8a1f;border-radius:12px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;transition:height .3s ease}.bar-fill.available{background:linear-gradient(135deg,#ff6b8a,#ff8fa3)}.bar-fill.adopted{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.bar-value{font-size:14px;font-weight:700;color:#333}.pie-chart{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pie{width:160px;height:160px;border-radius:50%;box-shadow:0 6px 20px #ff6b8a26}.pie-legend{display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;font-weight:600}.legend-color{width:12px;height:12px;border-radius:50%}.legend-label{min-width:40px}.legend-value{color:#7f8c8d;font-weight:500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:768px){.welcome-section{padding:40px 20px;margin:0 -15px;border-radius:16px}.welcome-content{min-height:210px;padding:30px 22px;transform:translateY(-6px)}.welcome-icon{font-size:3rem}.welcome-section h1{font-size:24px}.welcome-section p{font-size:16px}.pets-section{padding:25px 20px}.pet-category{padding:20px;border-radius:16px}.category-header{flex-direction:column;gap:15px;align-items:flex-start}.category-icon{font-size:24px}.category-header h2{font-size:20px}.more-btn{width:100%;justify-content:center}.pets-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.pet-image{height:200px}.pet-info h3{font-size:20px}.announcement-section{padding:15px 20px}.announcement-box{padding:12px 16px}.announcement-icon{font-size:20px}.announcement-text{font-size:14px}}.pet-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);margin:0}.pet-list .search-form{display:flex!important;flex-wrap:nowrap!important;gap:25px!important;align-items:center;justify-content:space-between}.pet-list .search-row{display:flex!important;gap:35px;flex:1;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.pet-list .search-field{flex:0 0 auto;min-width:180px;max-width:200px;display:flex!important;align-items:center;gap:8px;flex-direction:row;width:auto}.pet-list .search-field label{min-width:50px;font-weight:600;color:#ff6b8a;font-size:14px;white-space:nowrap;flex-shrink:0}.pet-list .search-field input,.pet-list .search-field select{flex:1;padding:10px 14px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500;min-width:100px;max-width:130px;flex-shrink:0}.search-field input:focus,.search-field select:focus{outline:none;border-color:#ff6b8a;background:#fff;box-shadow:0 0 0 4px #ff6b8a1a}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:0 30px 30px;margin-top:30px}.pet-image{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center}.no-image{color:#ff6b8a;font-size:16px;font-weight:500}.pet-name{margin:0 0 15px;color:#ff6b8a;font-size:22px;font-weight:700;text-align:center;padding-bottom:12px;border-bottom:2px solid rgba(255,107,138,.15);letter-spacing:.5px}.pet-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;flex:1}.detail-row{display:flex;gap:10px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#fff5f7cc,#ffe8eccc);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,107,138,.1)}.detail-item:hover{background:linear-gradient(135deg,#ffe4e6e6,#ffd1d3e6);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a26}.detail-item .label{font-weight:600;color:#7f8c8d;font-size:13px}.detail-item .value{font-weight:500;color:#333;font-size:13px}.detail-item.status .value{font-weight:600;padding:4px 12px;border-radius:12px;font-size:12px}.detail-item.status .value.available{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.detail-item.status .value.adopted{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.detail-item.status .value.pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.detail-item.description{flex-direction:column;align-items:flex-start;gap:5px}.detail-item.description .value{font-size:12px;color:#666;line-height:1.6}.pet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:15px;border-top:2px solid rgba(255,107,138,.15)}.pet-actions button{flex:1;min-width:70px;padding:10px 12px;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pet-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.detail-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.detail-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 16px #667eea66}.edit-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.edit-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 6px 16px #f093fb66}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 4px 12px #ff6b6b4d}.delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#ff6b6b);box-shadow:0 6px 16px #ff6b6b66}.adopt-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 12px #ff6b8a4d}.adopt-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);box-shadow:0 6px 16px #ff6b8a66}.adopt-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}.admin-table .status-badge.available{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.admin-table .status-badge.adopted{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.admin-table .status-badge.pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.admin-table .edit-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f093fb4d}.admin-table .edit-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 4px 12px #f093fb66}.admin-table .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#ff6b6b);box-shadow:0 4px 12px #ff6b6b66}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.header h2{font-size:24px}.search-section{margin:20px;padding:20px}.search-row{flex-direction:column;gap:15px;width:100%}.search-field{width:100%;min-width:auto}.search-actions{width:100%;justify-content:center}.pet-grid{padding:0 20px 20px;grid-template-columns:1fr}.pet-card .pet-actions{flex-wrap:wrap}.pet-card .pet-actions button{flex:1 1 calc(50% - 4px)}}.pet-detail{padding:30px;background:linear-gradient(135deg,#fff5f5,#ffe8e8);min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 15px #ffb6c133}.header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:600}.back-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;display:inline-block;margin-bottom:0}.back-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.loading,.error{padding:40px;text-align:center;font-size:16px;color:#999;background:#fff;border-radius:16px;box-shadow:0 4px 15px #ffb6c126}.error{color:#ff6b8a}.pet-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #ffb6c133;display:flex;flex-direction:column;max-width:500px;margin:30px auto 0}.pet-image{width:100%;height:350px;overflow:hidden;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center}.pet-image img{width:100%;height:100%;object-fit:cover}.no-image{color:#ff6b8a;font-size:18px;font-weight:500}.pet-info{padding:25px;display:flex;flex-direction:column}.pet-name{margin:0 0 20px;color:#ff6b8a;font-size:26px;font-weight:600;text-align:center;padding-bottom:15px;border-bottom:2px solid #ffe4e6}.pet-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;gap:12px}.detail-row .detail-item{flex:1}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff9fa;border-radius:10px;transition:all .2s ease}.detail-item:hover{background:#ffe4e6}.detail-item .label{font-weight:500;color:#666;font-size:14px}.detail-item .value{font-weight:500;color:#333;font-size:14px}.detail-item.status .value{font-weight:600;padding:5px 14px;border-radius:12px;font-size:13px}.detail-item.status .value.available{background:#e8f5e9;color:#4caf50}.detail-item.status .value.adopted{background:#e3f2fd;color:#2196f3}.detail-item.status .value.pending{background:#fff3e0;color:#ff9800}.detail-item.description{flex-direction:column;align-items:flex-start;gap:8px}.detail-item.description .value{font-size:13px;color:#666;line-height:1.6}.pet-form{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column;align-items:center}.pet-form h2{margin:0;padding:30px;color:#ff6b8a;font-size:32px;font-weight:700;letter-spacing:1px;text-align:center}.pet-form form{width:100%;max-width:700px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;padding:40px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin-bottom:40px}.pet-form .error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:25px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.pet-form .form-group{margin-bottom:25px}.pet-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#ff6b8a;font-size:15px;letter-spacing:.5px}.pet-form .form-group input,.pet-form .form-group select,.pet-form .form-group textarea{width:100%;padding:14px 18px;border:2px solid rgba(255,107,138,.2);border-radius:14px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500}.pet-form .form-group input:focus,.pet-form .form-group select:focus,.pet-form .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.pet-form .form-group textarea{resize:vertical;min-height:80px}.pet-form .form-group .radio-group{display:flex;gap:25px;flex-wrap:wrap}.pet-form .form-group .radio-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#333;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-form .form-group .radio-group label:hover{color:#ff6b8a}.pet-form .form-group .radio-group input[type=radio]{accent-color:#ff6b8a;width:18px;height:18px;cursor:pointer}.pet-form .form-actions{margin-top:35px;display:flex;gap:15px;justify-content:center}.pet-form .form-actions button{padding:14px 32px;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.pet-form .form-actions button[type=submit]{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff}.pet-form .form-actions button[type=submit]:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.pet-form .form-actions button[type=button]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.pet-form .form-actions button[type=button]:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);transform:translateY(-2px)}.pet-form .form-actions button:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none;box-shadow:none}.uploading-overlay{width:100%;max-width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#fff9fa,#ffe4e6);border-radius:18px;margin:0 auto;box-shadow:0 4px 15px #ff6b8a1a}.uploading-spinner{width:50px;height:50px;border:4px solid #ffe4e6;border-top:4px solid #ff6b8a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uploading-overlay span{font-size:16px;font-weight:500;color:#ff6b8a}.image-upload-box{width:100%;max-width:220px;height:220px;border:3px dashed #ff6b8a;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f7,#ffe8ec);transition:all .3s ease;cursor:pointer;margin:0 auto;box-shadow:0 4px 15px #ff6b8a1a}.image-upload-box:hover{border-color:#ff8fa3;background:linear-gradient(135deg,#ffe8ec,#ffd6e0);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a33}.image-upload-box input[type=file]{display:none}.shelter-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.search-section{padding:30px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);margin:25px 30px;border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.search-section h3{margin:0 0 20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px}.shelter-list .search-form{display:flex!important;flex-wrap:nowrap!important;gap:25px!important;align-items:center;justify-content:space-between}.shelter-list .search-row{display:flex!important;gap:15px;flex:1;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.shelter-list .search-field{flex:0 0 auto;min-width:180px;max-width:200px;display:flex!important;align-items:center;gap:8px;flex-direction:row;width:auto}.shelter-list .search-field label{min-width:50px;font-weight:600;color:#ff6b8a;font-size:14px;white-space:nowrap;flex-shrink:0}.shelter-list .search-field input,.shelter-list .search-field select{flex:1;padding:10px 14px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500;min-width:100px;max-width:130px;flex-shrink:0}.search-field input::placeholder{color:#999}.search-actions{display:flex;gap:12px;align-items:center}.search-btn,.reset-btn{padding:12px 28px;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 15px #ff6b8a4d}.search-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.reset-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.reset-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-3px);box-shadow:0 4px 15px #ff6b8a4d}.error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.shelter-detail-box{padding:30px;display:flex;flex-direction:column;gap:25px}.shelter-content{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.shelter-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(255,107,138,.15)}.shelter-logo{width:100px;height:100px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 15px #ff6b8a4d;flex-shrink:0}.shelter-logo img{width:100%;height:100%;object-fit:cover}.no-logo{width:100px;height:100px;display:flex;align-items:center;justify-content:center;color:#ff6b8a;font-size:16px;font-weight:500}.shelter-title-wrapper{flex:1;display:flex;justify-content:space-between;align-items:center}.shelter-title{margin:0;color:#ff6b8a;font-size:26px;font-weight:700;letter-spacing:.5px}.shelter-title-wrapper .edit-btn{padding:8px 16px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #4caf5033}.shelter-title-wrapper .edit-btn:hover{background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.shelter-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:25px}.info-section h4{margin:0 0 15px;color:#ff6b8a;font-size:18px;font-weight:700;letter-spacing:.5px}.info-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}.info-label{color:#7f8c8d;font-weight:600;min-width:80px}.info-value{color:#333;font-weight:500;flex:1}.info-value.status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.info-value.status.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.info-value.status.inactive{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.shelter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:30px}.shelter-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.shelter-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.shelter-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center}.shelter-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.shelter-card:hover .shelter-image img{transform:scale(1.05)}.no-image{font-size:16px;color:#999;font-weight:500}.shelter-info{padding:25px;display:flex;flex-direction:column}.shelter-name{margin:0 0 18px;color:#ff6b8a;font-size:22px;font-weight:700;letter-spacing:.5px}.shelter-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;gap:15px}.detail-item .label{color:#7f8c8d;font-weight:600;min-width:70px}.detail-item.status .value.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.detail-item.status .value.inactive{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.shelter-actions{display:flex;gap:10px;padding-top:18px;border-top:2px solid rgba(255,107,138,.15)}.shelter-actions button{flex:1;padding:10px 16px;border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.detail-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.detail-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.edit-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.edit-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.pets-section{padding:30px;margin-top:25px}.pets-header h3{margin:0;color:#ff6b8a;font-size:24px;font-weight:700;letter-spacing:.5px}.add-pet-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.empty-pets{text-align:center;padding:250px 20px!important;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.pet-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.pet-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center}.pet-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pet-name{margin:0 0 15px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px}.pet-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.pet-actions button{flex:1;padding:10px;border:none;border-radius:18px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.header h2{font-size:24px}.search-section{padding:20px;margin:20px}.search-row{flex-direction:column;gap:15px;width:100%}.shelter-list .search-field{width:100%;min-width:auto;max-width:none}.search-actions{width:100%;justify-content:center}.shelter-grid{padding:20px;grid-template-columns:1fr}.shelter-info-grid,.pets-grid{grid-template-columns:1fr}.shelter-actions,.pet-actions{flex-wrap:wrap}.shelter-actions button,.pet-actions button{flex:1 1 calc(50% - 5px)}}.admin-table .status-badge.active{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.admin-table .status-badge.inactive{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.admin-table .detail-btn,.admin-table .edit-btn,.admin-table .delete-btn{padding:8px 16px;margin-right:8px;font-size:12px}.admin-table .detail-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.admin-table .detail-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66}.shelter-detail{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.shelter-info{max-width:800px;margin:25px auto 40px;width:100%;padding:40px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.pets-section{max-width:1300px;margin:25px auto 40px;width:100%;padding:40px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.pets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.pets-header h3{margin:0;color:#ff6b8a;font-size:22px;font-weight:700;letter-spacing:.5px}.add-pet-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.add-pet-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.empty-pets{padding:70px 20px;text-align:center;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fff5f7,#ffe8ec);border-radius:20px;border:1px solid rgba(255,107,138,.1)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pet-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5)}.pet-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.pet-image{width:100%;height:180px;overflow:hidden;background:linear-gradient(135deg,#fff5f7,#ffe8ec);display:flex;align-items:center;justify-content:center}.pet-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pet-card:hover .pet-image img{transform:scale(1.05)}.no-image{font-size:16px;color:#999}.pet-info{padding:20px;flex:1;display:flex;flex-direction:column}.pet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pet-name{margin:0;color:#ff6b8a;font-size:18px;font-weight:700}.shelter-detail .pet-header .edit-btn{padding:8px 16px!important;background:linear-gradient(135deg,#ff6b8a,#ff8fa3)!important;color:#fff!important;border:none!important;border-radius:20px!important;cursor:pointer;font-size:13px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.shelter-detail .pet-header .edit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1)!important;transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.pet-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px}.detail-item .label{color:#ff6b8a;font-weight:600;min-width:60px}.detail-item .value{color:#333;font-weight:500}.detail-item.status .value{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.detail-item.status .value.available{background:linear-gradient(135deg,#e8f5e8,#d4edda);color:#2e7d32}.detail-item.status .value.adopted{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.detail-item.status .value.pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#b7791f}.pet-actions{display:flex;gap:10px;margin-top:auto;padding-top:15px;border-top:2px solid rgba(255,107,138,.15)}.pet-actions button{flex:1;padding:10px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-actions .detail-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.pet-actions .detail-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.shelter-form{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column;align-items:center}.shelter-form h2{margin:0;padding:30px;color:#ff6b8a;font-size:32px;font-weight:700;letter-spacing:1px;text-align:center}.shelter-form form{width:100%;max-width:700px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;padding:40px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin-bottom:40px}.shelter-form .error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:25px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.shelter-form .form-group{margin-bottom:25px}.shelter-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#ff6b8a;font-size:15px;letter-spacing:.5px}.shelter-form .form-group input,.shelter-form .form-group select,.shelter-form .form-group textarea{width:100%;padding:14px 18px;border:2px solid rgba(255,107,138,.2);border-radius:14px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500}.shelter-form .form-group input:focus,.shelter-form .form-group select:focus,.shelter-form .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.shelter-form .form-group textarea{resize:vertical;min-height:80px}.shelter-form .form-actions{margin-top:35px;display:flex;gap:15px;justify-content:center}.shelter-form .form-actions button{padding:14px 32px;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.shelter-form .form-actions button[type=submit]{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff}.shelter-form .form-actions button[type=submit]:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.shelter-form .form-actions button[type=button]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.shelter-form .form-actions button[type=button]:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);transform:translateY(-2px)}.shelter-form .form-actions button:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none;box-shadow:none}.changelog{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.changelog h2{margin:0;padding:25px 30px;background:var(--glass-bg);color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px;border-radius:var(--card-radius);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.changelog h3{margin-bottom:20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px}.changelog .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.changelog .add-update{background:linear-gradient(135deg,#fffffff2,#ffffffe6);padding:25px;border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:25px 30px 30px}.changelog .form-group{margin-bottom:20px}.changelog .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ff6b8a;font-size:14px}.changelog .form-group input,.changelog .form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#333;font-weight:500}.changelog .form-group input:focus,.changelog .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.changelog .form-group textarea{resize:vertical;min-height:120px}.changelog .add-btn{padding:12px 28px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.changelog .add-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.changelog .add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.changelog .update-list{max-width:900px;margin:0 auto;padding:0 30px 30px;width:100%}.changelog .update-list h3{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(255,107,138,.15)}.changelog .loading,.changelog .empty{padding:50px;text-align:center;font-size:16px;font-weight:500}.changelog .empty{color:#999;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.changelog .update-item{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:25px;margin-bottom:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.changelog .update-item:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ff6b8a40}.changelog .update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(255,107,138,.15);flex-wrap:wrap;gap:10px}.changelog .version{font-weight:700;color:#ff6b8a;font-size:18px;background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);padding:6px 16px;border-radius:20px;border:2px solid rgba(255,107,138,.2)}.changelog .date{color:#7f8c8d;font-size:14px;font-weight:500}.changelog .delete-btn{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b6b4d}.changelog .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.changelog .update-content{line-height:1.9;color:#333;white-space:pre-wrap;font-size:15px;font-weight:500}@media(max-width:768px){.changelog h2{padding:20px;font-size:24px}.changelog .error,.changelog .add-update{margin:20px;padding:20px}.changelog .update-list{padding:0 20px 20px}.changelog .update-item{padding:20px}.changelog .update-header{flex-direction:column;align-items:flex-start}.changelog .version{font-size:16px}.changelog .delete-btn{align-self:flex-end}.changelog .update-content{font-size:14px}}.auth-page{position:fixed;inset:0;min-height:100dvh;height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;padding:3vh 2.5vw;box-sizing:border-box;overflow:auto;background:url(/background.jpg) center/cover no-repeat}.auth-shell{width:min(1180px,96vw);height:min(86vh,800px);min-height:620px;display:flex;flex-direction:column;gap:12px}.auth-card{position:relative;width:100%;flex:1;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#fff6,#ffffff47);box-shadow:0 24px 70px #5b4eb73d;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.panel{position:absolute;top:0;width:50%;height:100%;transition:transform .65s cubic-bezier(.4,0,.2,1)}.panel-pets{left:0;background:linear-gradient(155deg,#ffffff5c,#ffffff29)}.panel-form{right:0;background:linear-gradient(155deg,#ffffffb8,#ffffff94);display:flex;align-items:center;justify-content:center}.auth-card.is-register .panel-pets{transform:translate(100%)}.auth-card.is-register .panel-form{transform:translate(-100%)}.pet-stage{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:30px 10px 14px}.pet-avatar{position:relative;width:min(46%,280px);height:min(85%,620px);border-radius:20px;cursor:pointer;transition:transform .32s ease;overflow:hidden}.cat-avatar{width:min(62%,420px);margin-bottom:100px;overflow:visible}.cat-avatar canvas{transform:translate(-24px)}.dog-avatar{width:min(30%,190px);margin-left:-70px;margin-bottom:-100px}.cat-lazy{transform:translateY(6px)}.cat-sleep{transform:translateY(12px) scale(.98);filter:saturate(.82) brightness(.95)}.cat-sad{transform:translateY(10px);filter:saturate(.72)}.dog-calm{filter:saturate(.88)}.dog-sleep{transform:translateY(8px) scale(.97);filter:saturate(.78) brightness(.93)}.dog-sad{transform:translateY(6px);filter:saturate(.7)}.cat-avatar.paw-touch{animation:cat-paw-touch 1.6s cubic-bezier(.22,.61,.36,1)}.dog-avatar.bowl-hit{animation:bowl-hit-react .62s ease-in-out .38s 1}.pet-avatar canvas{width:100%!important;height:100%!important}.pet-fallback{position:absolute;inset:0}.pet-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pet-fallback .pet-body{clip-path:inset(26% 0 0 0)}.pet-fallback .pet-head{clip-path:inset(0 0 62% 0);transform-origin:50% 72%;transform:rotate(var(--head-angle));transition:transform .18s ease-out}.pet-fallback.happy .pet-head{animation:head-happy .45s ease-in-out infinite alternate}@keyframes head-happy{0%{transform:rotate(calc(var(--head-angle) - 4deg))}to{transform:rotate(calc(var(--head-angle) + 4deg))}}@keyframes cat-paw-touch{0%{transform:translate(0) translateY(0)}20%{transform:translate(24px) translateY(-4px)}38%{transform:translate(52px) translateY(-10px)}58%{transform:translate(36px) translateY(-6px)}to{transform:translate(0) translateY(0)}}@keyframes bowl-hit-react{0%{transform:translate(0) rotate(0)}30%{transform:translate(5px) rotate(1deg)}65%{transform:translate(-4px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.panel-pets.happy .pet-avatar{transform:translateY(-8px)}.form-panel{width:min(520px,90%);padding:24px 10px}.form-content h2{margin:0 0 26px;text-align:center;color:#ff5b96;font-size:32px;font-weight:700}.error{margin-bottom:22px;color:#fff;text-align:center;font-weight:600;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,#ff648f,#ff7fa5)}.form-group label{display:block;margin-bottom:9px;color:#223047;font-size:14px;font-weight:600}.form-group input,.form-group select{width:100%;box-sizing:border-box;border:1px solid rgba(255,108,155,.44);background:#ffffffe6;border-radius:12px;color:#233044;height:48px;font-size:15px;padding:0 14px;transition:all .22s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff5b96;box-shadow:0 0 0 3px #ff5b9633}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;color:#ff5b96;display:flex;align-items:center;justify-content:center;cursor:pointer}.submit-btn{width:100%;margin-top:8px;height:48px;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#ff5b96,#ff8eb6);box-shadow:0 10px 26px #ff5b9652;transition:transform .22s ease,box-shadow .22s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #ff5b9661}.submit-btn:disabled{opacity:.62;cursor:not-allowed}.auth-links{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:250px}.switch-link{text-align:center;font-size:14px;color:#5d6781}.switch-link span{margin-left:6px;color:#ff5b96;font-weight:700;cursor:pointer}.forgot-password-link{color:#ff5b96;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.forgot-password-link:hover{color:#ff3f86}.icp-record{text-align:center;color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.2px;text-shadow:0 2px 10px rgba(30,18,44,.35);display:flex;justify-content:center;align-items:center;gap:15px}.icp-record a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:opacity .3s}.icp-record a:hover{opacity:.8}.icp-record img{width:18px;height:18px}.forgot-modal-overlay{position:fixed;inset:0;background:#19112373;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.forgot-modal-content{width:min(460px,100%);border-radius:18px;background:linear-gradient(135deg,#fffffff7,#fff4faf0);padding:24px;box-shadow:0 14px 40px #ff6b8a47}.forgot-modal-content h3{margin:0 0 12px;color:#ff5b96;text-align:center;font-size:22px}.forgot-modal-content p{margin:0;color:#38465f;line-height:1.7;text-align:center;font-size:15px}.forgot-modal-btn{margin:18px auto 0;display:block;border:none;border-radius:20px;padding:10px 24px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#ff5b96,#ff8eb6);box-shadow:0 10px 20px #ff5b9642}.form-fade-enter-active,.form-fade-leave-active{transition:opacity .28s ease,transform .28s ease}.form-fade-enter-from,.form-fade-leave-to{opacity:0;transform:translateY(10px)}@media(max-width:1080px){.auth-shell{width:min(920px,98vw)}.form-panel{width:min(460px,92%)}}@media(max-width:860px){.auth-page{padding:20px 14px}.auth-shell{width:100%;min-height:0;height:min(96vh,980px)}.auth-card{min-height:860px}.panel{position:static;width:100%;height:50%;transform:none!important}.panel-pets{height:360px}.panel-form{min-height:500px}.pet-stage{align-items:center;padding:12px 4px}.pet-avatar{height:100%;width:40%}.cat-avatar{width:60%;margin-bottom:12px}.dog-avatar{width:34%;margin-left:-6px;margin-bottom:-36px}}.profile-container{padding:30px;max-width:900px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding:25px 30px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 8px 30px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.profile-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.edit-btn,.cancel-btn,.logout-btn{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.change-password-btn{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ff7eb3,#ff4d9a);color:#fff;box-shadow:0 4px 12px #ff4d9a4d}.change-password-btn:hover{background:linear-gradient(135deg,#ff4d9a,#ff7eb3);transform:translateY(-2px);box-shadow:0 6px 16px #ff4d9a66}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.edit-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.logout-btn:hover{background:linear-gradient(135deg,#ee5a5a,#ff6b6b);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);color:#fff;padding:16px 20px;border-radius:14px;margin-bottom:25px;text-align:center;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.profile-content{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:35px;box-shadow:0 8px 30px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.user-basic{display:flex;align-items:center;gap:25px;margin-bottom:35px;padding-bottom:25px;border-bottom:3px solid rgba(255,107,138,.2)}.avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border:4px solid rgba(255,255,255,.5);box-shadow:0 6px 20px #ff6b8a4d;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700}.user-info h3{margin:0 0 8px;color:#ff6b8a;font-size:24px;font-weight:700}.user-type{margin:0;color:#7f8c8d;font-size:15px;font-weight:500}.form-section,.info-section{margin-bottom:35px}.form-section h4,.info-section h4{margin-bottom:20px;color:#ff6b8a;font-size:18px;font-weight:700;letter-spacing:.5px;padding-bottom:10px;border-bottom:2px solid rgba(255,107,138,.2)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid rgba(255,107,138,.3);border-radius:12px;font-size:14px;background:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);color:#2c3e50;font-weight:500}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff6b8a;background:#fff;box-shadow:0 0 0 4px #ff6b8a1a,0 4px 15px #ff6b8a33;transform:translateY(-2px)}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-actions{margin-top:25px}.save-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #4caf504d}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.info-item{display:flex;margin-bottom:15px;padding:12px 16px;background:#ffffff80;border-radius:10px;transition:all .3s ease}.info-item:hover{background:#ff6b8a14;transform:translate(5px)}.info-item label{min-width:140px;font-weight:600;color:#555;font-size:14px}.info-item span{flex:1;color:#333;font-weight:500;font-size:14px}.image-preview{position:relative;width:100%;max-width:220px;height:220px;border-radius:16px;overflow:hidden;border:3px solid #ff6b8a;box-shadow:0 6px 20px #ff6b8a4d}.remove-image-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;background:#ff6b8af2;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a66}.remove-image-btn:hover{background:#ff4d6d;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #ff6b8a80}.upload-placeholder{width:100%;max-width:220px;height:220px;border:3px dashed #ff6b8a;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffe4e680,#ffd1d380)}.upload-placeholder:hover{border-color:#ff4d6d;background:linear-gradient(135deg,#ffe4e6cc,#ffd1d3cc);transform:scale(1.02);box-shadow:0 6px 20px #ff6b8a40}.upload-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(255,107,138,.3))}.uploading-text{text-align:center;color:#ff6b8a;font-size:14px;margin-top:12px;font-weight:500}.password-modal-overlay{position:fixed;inset:0;background:#19112373;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.password-modal{width:min(460px,100%);background:linear-gradient(135deg,#fffffff7,#fff6faf2);border-radius:18px;padding:24px;box-shadow:0 14px 40px #ff6b8a47;border:1px solid rgba(255,255,255,.6)}.password-modal h3{margin:0 0 20px;color:#ff6b8a;font-size:22px;text-align:center}.password-modal-tip{margin:0 0 16px;text-align:center;color:#ff6b8a;font-size:14px}.password-modal-actions{display:flex;justify-content:flex-end;gap:10px}.password-modal-actions .cancel-btn,.password-modal-actions .confirm-btn{min-width:200px;padding:10px 20px}.password-modal-actions .confirm-btn{border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 12px #ff6b8a4d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-modal-actions .confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.password-modal-actions .confirm-btn:disabled{opacity:.65;cursor:not-allowed}@media(max-width:768px){.profile-container{padding:20px}.profile-header{flex-direction:column;gap:15px;padding:20px;border-radius:16px}.profile-header h2{font-size:24px}.header-actions{width:100%;justify-content:center}.profile-content{padding:25px;border-radius:16px}.user-basic{flex-direction:column;text-align:center;gap:20px}.avatar{width:90px;height:90px}.user-info h3{font-size:22px}.form-section h4,.info-section h4{font-size:16px}.info-item{flex-direction:column;gap:5px}.info-item label{min-width:auto}}.user-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.user-list .search-form{display:flex!important;flex-wrap:nowrap!important;gap:25px!important;align-items:center;justify-content:flex-start}.user-list .search-row{display:flex!important;gap:50px!important;flex:1;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.user-list .search-field{flex:0 0 auto;min-width:200px;max-width:220px;display:flex!important;align-items:center;gap:20px;flex-direction:row;width:auto}.user-list .search-field label{min-width:30px;font-weight:600;color:#ff6b8a;font-size:14px;white-space:nowrap;flex-shrink:0}.user-list .search-field input,.user-list .search-field select{flex:1;padding:10px 14px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500;min-width:120px;max-width:140px;flex-shrink:0}.search-actions{display:flex;gap:12px;align-items:flex-end;margin-left:auto}.loading,.error,.empty{padding:50px;text-align:center;font-size:16px;color:#999;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:25px 30px;font-weight:500}.user-table{width:100%;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:0 30px}.user-table thead{background:linear-gradient(135deg,#ff6b8a,#ff8fa3)}.user-table th{padding:16px;text-align:left;font-weight:600;color:#fff;font-size:14px;letter-spacing:.5px}.user-table tbody tr{border-bottom:1px solid rgba(255,107,138,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-table tbody tr.selected{background:#ff6b8a26}.user-table tbody tr:hover{background:#ff6b8a14;transform:scale(1.01)}.user-table tbody tr.selected:hover{background:#ff6b8a33}.user-table td{padding:14px 16px;font-size:14px;color:#333;font-weight:500}.user-table .detail-btn,.user-table .edit-btn,.user-table .reset-password-btn,.user-table .delete-btn{padding:8px 16px;margin-right:8px;font-size:12px;border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-table .detail-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.user-table .detail-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 4px 12px #667eea66}.user-table .edit-btn{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f093fb4d}.user-table .edit-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 4px 12px #f093fb66}.user-table .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 2px 8px #ff6b6b4d}.user-table .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);box-shadow:0 4px 12px #ff6b6b66}.user-table .reset-password-btn{background:#fff;color:#ff6b8a;border:1px solid #ff6b8a;box-shadow:0 2px 8px #ff6b8a33}.user-table .reset-password-btn:hover{background:#ff6b8a14;box-shadow:0 4px 12px #ff6b8a47}.user-modal-overlay{position:fixed;inset:0;background:#19112373;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal-content{width:min(460px,100%);background:linear-gradient(135deg,#fffffff7,#fff6faf2);border-radius:18px;padding:24px;box-shadow:0 14px 40px #ff6b8a47}.user-modal-content h3{margin:0 0 8px;color:#ff6b8a;font-size:22px;text-align:center}.user-modal-subtitle{margin:0 0 18px;text-align:center;color:#6c748a;font-size:14px}.user-modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-cancel-btn,.modal-confirm-btn{border:none;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-cancel-btn{background:#f0f0f0;color:#666}.modal-cancel-btn:hover{background:#e0e0e0}.modal-confirm-btn{color:#fff;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);box-shadow:0 4px 12px #ff6b8a4d}.modal-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.modal-confirm-btn:disabled{opacity:.65;cursor:not-allowed}.user-detail{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.back-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d;display:inline-block;margin-bottom:0}.back-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.loading,.error{padding:50px;text-align:center;font-size:16px;color:#999;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:25px 30px;font-weight:500}.error{color:#ff6b8a;background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);color:#fff;border-left:5px solid rgba(255,77,109,.9)}.user-info{max-width:800px;margin:25px auto 40px;width:100%;padding:40px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.info-group{margin-bottom:20px;display:flex;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#fff5f7,#ffe8ec);border-radius:16px;border:1px solid rgba(255,107,138,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.info-group:hover{background:linear-gradient(135deg,#ffe8ec,#ffd6e0);transform:translate(5px);box-shadow:0 4px 15px #ff6b8a26}.info-group label{font-weight:600;min-width:150px;color:#ff6b8a;font-size:15px;letter-spacing:.5px}.info-group span{flex:1;color:#333;font-weight:500;font-size:15px}.organization-fields{margin-top:30px;padding-top:30px;border-top:2px solid rgba(255,107,138,.2)}.organization-fields:before{content:"机构用户信息";display:block;margin-bottom:20px;font-size:18px;font-weight:700;color:#ff6b8a;letter-spacing:.5px}.user-form{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column;align-items:center}.user-form h2{margin:0;padding:30px;color:#ff6b8a;font-size:32px;font-weight:700;letter-spacing:1px;text-align:center}.user-form form{width:100%;max-width:700px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:25px;padding:40px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin-bottom:40px}.user-form .error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:25px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.user-form .form-group{margin-bottom:25px}.user-form .form-group label{display:block;margin-bottom:10px;font-weight:600;color:#ff6b8a;font-size:15px;letter-spacing:.5px}.user-form .form-group input,.user-form .form-group select,.user-form .form-group textarea{width:100%;padding:14px 18px;border:2px solid rgba(255,107,138,.2);border-radius:14px;font-size:15px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500}.user-form .form-group input:focus,.user-form .form-group select:focus,.user-form .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.user-form .organization-fields{margin-top:30px;padding-top:30px;border-top:2px solid rgba(255,107,138,.2)}.user-form .organization-fields:before{content:"机构用户信息";display:block;margin-bottom:20px;font-size:18px;font-weight:700;color:#ff6b8a;letter-spacing:.5px}.user-form .form-actions{margin-top:35px;display:flex;gap:15px;justify-content:center}.user-form .form-actions button{padding:14px 32px;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.user-form .form-actions button[type=submit]{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff}.user-form .form-actions button[type=submit]:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.user-form .form-actions button[type=button]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.user-form .form-actions button[type=button]:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);transform:translateY(-2px)}.user-form .form-actions button:disabled{background:linear-gradient(135deg,#ccc,#bbb);cursor:not-allowed;transform:none;box-shadow:none}.image-preview{position:relative;width:100%;max-width:220px;height:220px;border-radius:18px;overflow:hidden;border:3px solid #ff6b8a;box-shadow:0 4px 15px #ff6b8a33;margin:0 auto}.remove-image-btn{position:absolute;top:10px;right:10px;width:35px;height:35px;background:linear-gradient(135deg,#ff6b6bf2,#ee5a5af2);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b66}.remove-image-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:scale(1.1);box-shadow:0 6px 16px #ff6b6b80}.upload-placeholder{width:100%;max-width:220px;height:220px;border:3px dashed #ff6b8a;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#fff5f7,#ffe8ec);margin:0 auto;box-shadow:0 4px 15px #ff6b8a1a}.upload-placeholder:hover{border-color:#ff8fa3;background:linear-gradient(135deg,#ffe8ec,#ffd6e0);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a33}.upload-label{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.upload-icon{font-size:48px}.upload-text{font-size:15px;color:#ff6b8a;font-weight:600}.uploading-text{text-align:center;color:#ff6b8a;font-size:15px;margin-top:12px;font-weight:600}.adoption-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.adoption-list .list-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border);margin:0}.adoption-list .list-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.adoption-list .header-actions{display:flex;gap:12px}.adoption-list .batch-delete-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b6b4d}.adoption-list .batch-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b66}.adoption-list .batch-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.adoption-list .add-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.adoption-list .add-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.adoption-list .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.adoption-list .filter-section{padding:20px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 4px 15px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:25px 30px}.adoption-list .filter-section label{margin-right:10px;font-weight:600;color:#ff6b8a;font-size:14px}.adoption-list .filter-section select{padding:10px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#333;font-weight:500}.adoption-list .filter-section select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.adoption-list .loading{text-align:center;padding:50px;color:#999;font-size:16px;font-weight:500}.adoption-list .empty{text-align:center;padding:70px 20px;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;margin:25px 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.adoption-list .adoption-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:0 30px 30px}.adoption-list .adoption-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:25px;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column}.adoption-list .adoption-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.adoption-list .adoption-card h3{margin-top:0;margin-bottom:20px;color:#ff6b8a;font-size:22px;font-weight:700;letter-spacing:.5px;padding-bottom:15px;border-bottom:2px solid rgba(255,107,138,.15)}.adoption-list .adoption-card p{margin:12px 0;color:#333;font-size:14px;font-weight:500;line-height:1.6}.adoption-list .adoption-card .status-pending{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-list .adoption-card .status-approved{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-list .adoption-card .status-rejected{color:#c62828;background:linear-gradient(135deg,#ffebee,#ffcdd2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-list .adoption-card .status-completed{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-list .adoption-card .card-actions{display:flex;gap:10px;margin-top:auto;padding-top:15px;border-top:2px solid rgba(255,107,138,.15)}.adoption-list .adoption-card .detail-btn,.adoption-list .adoption-card .edit-btn,.adoption-list .adoption-card .delete-btn{flex:1;padding:10px;border:none;border-radius:18px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.adoption-list .adoption-card .detail-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d;margin-top:0;width:auto}.adoption-list .adoption-card .detail-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.adoption-list .adoption-card .edit-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.adoption-list .adoption-card .edit-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.adoption-list .adoption-card .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.adoption-list .adoption-card .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.admin-table .edit-btn{background:linear-gradient(135deg,#a06bff,#b38fff);color:#fff;box-shadow:0 2px 8px #a06bff4d}.admin-table .edit-btn:hover{background:linear-gradient(135deg,#b38fff,#c6aaff);box-shadow:0 4px 12px #a06bff66}.admin-table .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 2px 8px #ff6b6b4d;color:#fff}@media(max-width:768px){.adoption-list .list-header{flex-direction:column;gap:15px;padding:20px}.adoption-list .list-header h2{font-size:24px}.adoption-list .filter-section{margin:20px;padding:15px}.adoption-list .adoption-grid{padding:0 20px 20px;grid-template-columns:1fr}.adoption-list .adoption-card{padding:20px}.adoption-list .adoption-card .card-actions{flex-wrap:wrap}.adoption-list .adoption-card .detail-btn,.adoption-list .adoption-card .edit-btn,.adoption-list .adoption-card .delete-btn{flex:1 1 calc(50% - 5px)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003}.modal-content h3{margin:0 0 20px;color:#333;font-size:20px;text-align:center}.modal-content .form-group{margin-bottom:20px}.modal-content label{display:block;margin-bottom:8px;color:#666;font-weight:500}.modal-content select{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:all .3s}.modal-content select:focus{border-color:#ff6b8a;box-shadow:0 0 0 2px #ff6b8a1a}.modal-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.modal-actions button{flex:1;padding:10px 0;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:all .3s;text-align:center}.modal-actions .cancel-btn{background:#f5f5f5;color:#666}.modal-actions .cancel-btn:hover{background:#e0e0e0}.modal-actions .confirm-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff}.modal-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.adoption-detail{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.adoption-detail .detail-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.adoption-detail .detail-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.adoption-detail .header-actions{display:flex;gap:12px}.adoption-detail .header-actions button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.adoption-detail .header-actions .edit-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.adoption-detail .header-actions .edit-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.adoption-detail .header-actions .delete-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.adoption-detail .header-actions .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.adoption-detail .header-actions .back-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d;display:inline-block;margin-bottom:0}.adoption-detail .header-actions .back-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.adoption-detail .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9);text-align:center}.adoption-detail .loading{text-align:center;padding:50px;color:#999;font-size:16px;font-weight:500}.adoption-detail .detail-content{max-width:900px;margin:25px auto 30px;padding:0 30px}.adoption-detail .info-section{margin-bottom:25px;padding:25px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.adoption-detail .info-section h3{margin-top:0;margin-bottom:20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid rgba(255,107,138,.15)}.adoption-detail .info-row{display:flex;margin-bottom:15px;padding:14px 16px;background:linear-gradient(135deg,#fff5f7cc,#ffe8eccc);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,107,138,.1)}.adoption-detail .info-row:hover{background:linear-gradient(135deg,#ffe4e6e6,#ffd1d3e6);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a26}.adoption-detail .info-row .label{width:150px;font-weight:600;color:#7f8c8d;font-size:14px}.adoption-detail .info-row .value{flex:1;color:#333;font-weight:500;font-size:14px}.adoption-detail .info-row .status-pending{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-detail .info-row .status-approved{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-detail .info-row .status-rejected{color:#c62828;background:linear-gradient(135deg,#ffebee,#ffcdd2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-detail .info-row .status-completed{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.adoption-detail .edit-status{display:flex;align-items:center;gap:15px;padding:14px 16px;background:linear-gradient(135deg,#fff5f7cc,#ffe8eccc);border-radius:12px;border:1px solid rgba(255,107,138,.1)}.adoption-detail .edit-status label{font-weight:600;color:#7f8c8d;font-size:14px}.adoption-detail .edit-status select{padding:10px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;flex:1;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500}.adoption-detail .edit-status select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.adoption-detail .edit-status .save-btn{padding:10px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.adoption-detail .edit-status .save-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.adoption-detail .edit-status .save-btn:disabled{background:#ccc;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.adoption-detail .edit-status .cancel-btn{padding:10px 24px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.adoption-detail .edit-status .cancel-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}@media(max-width:768px){.adoption-detail .detail-header{flex-direction:column;gap:15px;padding:20px}.adoption-detail .detail-header h2{font-size:24px}.adoption-detail .header-actions{width:100%;justify-content:center;flex-wrap:wrap}.adoption-detail .header-actions button{flex:1 1 calc(50% - 6px);min-width:120px}.adoption-detail .detail-content{padding:0 20px}.adoption-detail .info-section{padding:20px}.adoption-detail .info-row{flex-direction:column;gap:8px}.adoption-detail .info-row .label{width:100%}.adoption-detail .edit-status{flex-direction:column;align-items:stretch}.adoption-detail .edit-status .save-btn,.adoption-detail .edit-status .cancel-btn{width:100%}}.adoption-form{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh}.form-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 8px 32px #ff6b8a26;max-width:800px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);width:100%}.adoption-form h2{margin-bottom:30px;text-align:center;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:.5px}.adoption-form .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:20px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9);text-align:center}.adoption-form .success{background:linear-gradient(135deg,#4caf50f2,#66bb6af2);border:1px solid rgba(76,175,80,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:20px;font-weight:600;box-shadow:0 4px 15px #4caf504d;border-left:5px solid rgba(76,175,80,.9);text-align:center}.adoption-form .form-group{margin-bottom:25px}.adoption-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.adoption-form .form-group input[type=text],.adoption-form .form-group input[type=email],.adoption-form .form-group input[type=tel],.adoption-form .form-group input[type=number],.adoption-form .form-group select,.adoption-form .form-group textarea{width:100%;padding:12px 15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fffc}.adoption-form .form-group input[type=text]:focus,.adoption-form .form-group input[type=email]:focus,.adoption-form .form-group input[type=tel]:focus,.adoption-form .form-group input[type=number]:focus,.adoption-form .form-group select:focus,.adoption-form .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.adoption-form .form-group input[readonly]{background-color:#fff5f7cc;color:#999}.adoption-form .form-group textarea{min-height:80px;resize:vertical}.adoption-form .form-group select{cursor:pointer;background:#ffffffe6}.adoption-form .form-group .radio-group{display:flex;gap:20px;flex-wrap:wrap}.adoption-form .form-group .radio-group label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;padding:8px 16px;border:2px solid rgba(255,107,138,.2);border-radius:20px;transition:all .3s ease;background:#fffc}.adoption-form .form-group .radio-group label:hover{border-color:#ff6b8a;background:#ff6b8a1a}.adoption-form .form-group .radio-group label input[type=radio]{accent-color:#ff6b8a;width:18px;height:18px}.adoption-form .form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.adoption-form .form-actions button{padding:14px 30px;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.adoption-form .form-actions .cancel-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.adoption-form .form-actions .cancel-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.adoption-form .form-actions .submit-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.adoption-form .form-actions .submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.adoption-form .form-actions button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none;border-color:#ccc}.foster-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.foster-list .list-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.foster-list .list-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.foster-list .header-actions{display:flex;gap:12px}.foster-list .batch-delete-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b6b4d}.foster-list .batch-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b66}.foster-list .batch-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.foster-list .add-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.foster-list .add-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.foster-list .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.foster-list .filter-section{padding:20px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 4px 15px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:25px 30px}.foster-list .filter-section label{margin-right:10px;font-weight:600;color:#ff6b8a;font-size:14px}.foster-list .filter-section select{padding:10px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#333;font-weight:500}.foster-list .filter-section select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.foster-list .loading{text-align:center;padding:50px;color:#999;font-size:16px;font-weight:500}.foster-list .empty{text-align:center;padding:70px 20px;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;margin:25px 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.foster-list .foster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:0 30px 30px}.foster-list .foster-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.foster-list .foster-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.foster-list .foster-card .pet-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);display:flex;align-items:center;justify-content:center}.foster-list .foster-card .pet-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.foster-list .foster-card:hover .pet-image img{transform:scale(1.05)}.foster-list .foster-card .no-image{color:#999;font-size:16px;font-weight:500}.foster-list .foster-card .foster-info{padding:20px;flex:1;display:flex;flex-direction:column}.foster-list .foster-card .applicant-name{margin:0 0 15px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px}.foster-list .foster-card .foster-details{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.foster-list .foster-card .detail-item{display:flex;align-items:center;gap:10px;font-size:14px}.foster-list .foster-card .detail-item .label{color:#7f8c8d;font-weight:600;min-width:80px}.foster-list .foster-card .detail-item .value{color:#333;font-weight:500}.foster-list .foster-card .detail-item.status .value{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.foster-list .foster-card .detail-item.status .value.status-pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.foster-list .foster-card .detail-item.status .value.status-approved{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.foster-list .foster-card .detail-item.status .value.status-rejected{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.foster-list .foster-card .detail-item.status .value.status-completed{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.foster-list .foster-card .card-actions{display:flex;gap:10px;margin-top:auto;padding-top:15px;border-top:2px solid rgba(255,107,138,.15)}.foster-list .foster-card .detail-btn,.foster-list .foster-card .edit-btn,.foster-list .foster-card .delete-btn{flex:1;padding:10px;border:none;border-radius:18px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-list .foster-card .detail-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.foster-list .foster-card .detail-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.foster-list .foster-card .edit-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.foster-list .foster-card .edit-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.foster-list .foster-card .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.foster-list .foster-card .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}@media(max-width:768px){.foster-list .list-header{flex-direction:column;gap:15px;padding:20px}.foster-list .list-header h2{font-size:24px}.foster-list .filter-section{margin:0 20px 20px;padding:15px}.foster-list .foster-grid{padding:0 20px 20px;grid-template-columns:1fr}.foster-list .foster-card .card-actions{flex-wrap:wrap}.foster-list .foster-card .detail-btn,.foster-list .foster-card .edit-btn,.foster-list .foster-card .delete-btn{flex:1 1 calc(50% - 5px)}}.admin-table{width:100%;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:0 30px}.admin-table thead{background:linear-gradient(135deg,#ff6b8a,#ff8fa3)}.admin-table th{padding:16px;text-align:left;font-weight:600;color:#fff;font-size:14px;letter-spacing:.5px}.admin-table tbody tr{border-bottom:1px solid rgba(255,107,138,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-table tbody tr.selected{background:#ff6b8a26}.admin-table tbody tr:hover{background:#ff6b8a14;transform:scale(1.01)}.admin-table tbody tr.selected:hover{background:#ff6b8a33}.admin-table td{padding:14px 16px;font-size:14px;color:#333;font-weight:500}.admin-table .status-badge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:600}.admin-table .status-badge.status-pending{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.admin-table .status-badge.status-approved{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.admin-table .status-badge.status-rejected{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.admin-table .status-badge.status-completed{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.admin-table .detail-btn,.admin-table .edit-btn,.admin-table .delete-btn{padding:8px 16px;margin-right:8px;font-size:12px;border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-table .detail-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 2px 8px #ff6b8a4d}.admin-table .detail-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);box-shadow:0 4px 12px #ff6b8a66}.admin-table .edit-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a}.admin-table .edit-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.admin-table .delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 2px 8px #ff6b6b4d}.admin-table .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);box-shadow:0 4px 12px #ff6b6b66}.foster-detail{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.foster-detail .detail-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.foster-detail .detail-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.foster-detail .header-actions{display:flex;gap:12px}.foster-detail .header-actions button{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-detail .header-actions .edit-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.foster-detail .header-actions .delete-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b6b4d}.foster-detail .header-actions .delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.foster-detail .header-actions .back-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d;display:inline-block;margin-bottom:0}.foster-detail .header-actions .back-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.foster-detail .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.foster-detail .loading{text-align:center;padding:50px;color:#999;font-size:16px;font-weight:500}.foster-detail .detail-content{max-width:900px;margin:25px auto 30px;padding:0 30px}.foster-detail .detail-section{margin-bottom:25px;padding:25px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.foster-detail .detail-section h3{margin-top:0;margin-bottom:20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid rgba(255,107,138,.15)}.foster-detail .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:18px}.foster-detail .info-item{padding:14px 16px;background:linear-gradient(135deg,#fff5f7cc,#ffe8eccc);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,107,138,.1)}.foster-detail .info-item:hover{background:linear-gradient(135deg,#ffe4e6e6,#ffd1d3e6);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a26}.foster-detail .info-item label{display:block;font-weight:600;color:#7f8c8d;margin-bottom:6px;font-size:13px}.foster-detail .info-item span{color:#333;font-weight:500;font-size:14px}.foster-detail .info-item .status-pending{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.foster-detail .info-item .status-approved{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.foster-detail .info-item .status-rejected{color:#c62828;background:linear-gradient(135deg,#ffebee,#ffcdd2);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.foster-detail .info-item .status-completed{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;display:inline-block}.foster-detail .pet-image{max-width:200px;max-height:200px;border-radius:12px;border:2px solid rgba(255,107,138,.2);box-shadow:0 4px 15px #ff6b8a33;transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-detail .pet-image:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b8a4d}@media(max-width:768px){.foster-detail .detail-header{flex-direction:column;gap:15px;padding:20px}.foster-detail .detail-header h2{font-size:24px}.foster-detail .header-actions{width:100%;justify-content:center;flex-wrap:wrap}.foster-detail .header-actions button{flex:1 1 calc(50% - 6px);min-width:120px}.foster-detail .detail-content{padding:0 20px}.foster-detail .detail-section{padding:20px}.foster-detail .info-grid{grid-template-columns:1fr}}.foster-form{max-width:900px;margin:0 auto;padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.foster-form h2{margin:0;padding:25px 30px;text-align:center;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.foster-form .error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9);text-align:center}.foster-form .success{background:linear-gradient(135deg,#2e7d32f2,#4caf50f2);border:1px solid rgba(46,125,50,.5);border-radius:14px;padding:18px 22px;color:#fff;margin:25px 30px;font-weight:600;box-shadow:0 4px 15px #4caf504d;border-left:5px solid rgba(46,125,50,.9);text-align:center}.foster-form form{padding:30px}.foster-form .form-section{margin-bottom:25px;padding:25px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.foster-form .form-section h3{margin-top:0;margin-bottom:20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid rgba(255,107,138,.15)}.foster-form .form-group{margin-bottom:20px}.foster-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ff6b8a;font-size:14px}.foster-form .form-group input[type=text],.foster-form .form-group input[type=email],.foster-form .form-group input[type=tel],.foster-form .form-group input[type=number],.foster-form .form-group input[type=datetime-local],.foster-form .form-group select,.foster-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500}.foster-form .form-group input:focus,.foster-form .form-group select:focus,.foster-form .form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.foster-form .form-group input[readonly]{background:linear-gradient(135deg,#f5f5f5cc,#eeec);color:#666}.foster-form .form-group textarea{min-height:80px;resize:vertical}.foster-form .form-group .radio-group{display:flex;gap:25px;flex-wrap:wrap}.foster-form .form-group .radio-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:#333;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-form .form-group .radio-group label:hover{color:#ff6b8a}.foster-form .form-group .radio-group input[type=radio]{accent-color:#ff6b8a;width:18px;height:18px;cursor:pointer}.foster-form .form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;padding-bottom:30px}.foster-form .form-actions button{padding:12px 35px;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-form .form-actions .cancel-btn{background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;box-shadow:0 4px 12px #ff6b8a33}.foster-form .form-actions .cancel-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a4d}.foster-form .form-actions .submit-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 15px #ff6b8a4d}.foster-form .form-actions .submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.foster-form .form-actions button:disabled{background:#ccc;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.image-preview{position:relative;width:100%;max-width:200px;height:200px;border-radius:12px;overflow:hidden;border:2px solid #ff6b8a;box-shadow:0 4px 15px #ff6b8a33}@media(max-width:768px){.foster-form h2{padding:20px;font-size:24px}.foster-form form{padding:0 20px 20px}.foster-form .form-section{padding:20px}.foster-form .form-actions{flex-direction:column}.foster-form .form-actions button{width:100%}.foster-form .form-group .radio-group{gap:15px}}.foster-agreement{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.foster-agreement .agreement-container{max-width:900px;margin:30px auto;background:linear-gradient(135deg,#fffffff2,#ffffffe6);padding:40px;border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.foster-agreement h1{text-align:center;color:#ff6b8a;margin-bottom:40px;font-size:32px;font-weight:700;letter-spacing:1px}.foster-agreement .agreement-content{line-height:1.8}.foster-agreement .agreement-section{margin-bottom:35px;padding:25px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:16px;border-left:5px solid #ff6b8a;box-shadow:0 4px 15px #ff6b8a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.foster-agreement .agreement-section:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b8a33}.foster-agreement .agreement-section h2{color:#ff6b8a;margin-top:0;margin-bottom:20px;font-size:22px;font-weight:700;letter-spacing:.5px;padding-bottom:10px;border-bottom:2px solid rgba(255,107,138,.15)}.foster-agreement .agreement-section p{margin:15px 0;color:#333;text-align:justify;font-size:15px;font-weight:500;line-height:1.9}.foster-agreement .agreement-section p:first-child{margin-top:0}.foster-agreement .agreement-section p:last-child{margin-bottom:0}@media(max-width:768px){.foster-agreement .agreement-container{margin:20px;padding:25px}.foster-agreement h1{font-size:26px;margin-bottom:30px}.foster-agreement .agreement-section{padding:20px;margin-bottom:25px}.foster-agreement .agreement-section h2{font-size:18px}.foster-agreement .agreement-section p{font-size:14px}}.condition-section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 6px 25px #ff6b8a26;border-left:5px solid #ff6b8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.condition-section:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ff6b8a40}.condition-section.important{border-left-color:#ff4d6a;background:linear-gradient(135deg,#fff5f5f2,#fff0f0e6)}.condition-section h2{font-size:24px;color:#ff6b8a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,107,138,.15);font-weight:700;letter-spacing:.5px}.condition-list{list-style:none;padding:0;margin:0}.condition-list li{padding:12px 0 12px 30px;position:relative;color:#333;line-height:1.8;font-size:15px;font-weight:500}.condition-list li:before{content:"🐾";position:absolute;left:0;color:#ff6b8a;font-size:14px}.condition-section p{color:#333;line-height:1.8;margin-bottom:15px;font-size:15px;font-weight:500}.note{color:#ff4d6a;font-weight:600;font-style:italic;margin-top:20px;padding:15px;background:linear-gradient(135deg,#ff4d6a1a,#ff6b8a1a);border-radius:12px;border:2px solid rgba(255,77,106,.2)}@media(max-width:768px){.guide-header{margin-left:20px;margin-right:20px;padding:30px 20px}.guide-header h1{font-size:28px}.guide-content{padding:0 20px 20px}.condition-section{padding:20px}.condition-section h2{font-size:20px}}.guide-content{display:flex;flex-direction:column;gap:20px;padding:0 30px 30px}.process-step{display:flex;gap:20px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 6px 25px #ff6b8a26;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.process-step:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ff6b8a40}.process-step:after{content:"";position:absolute;left:69px;bottom:-20px;width:3px;height:20px;background:linear-gradient(180deg,#ff6b8a,#ff8fa3)}.process-step:last-child:after{display:none}.step-number{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 4px 15px #ff6b8a66}.step-content{flex:1}.step-content h2{font-size:20px;color:#ff6b8a;margin-bottom:12px;font-weight:700;letter-spacing:.5px}.step-content p{color:#333;line-height:1.8;margin-bottom:15px;font-size:15px;font-weight:500}.step-tips{background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);padding:12px 16px;border-radius:12px;border-left:4px solid #ff6b8a;font-size:14px;color:#ff6b8a;font-weight:500}.step-tips strong{color:#ff4d6a;font-weight:600}.timeline-summary{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:20px;padding:30px;margin-top:30px;color:#fff;box-shadow:0 6px 25px #ff6b8a4d}.timeline-summary h3{font-size:22px;margin-bottom:20px;text-align:center;font-weight:700;letter-spacing:.5px}.timeline-items{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-item:hover{background:#ffffff40;transform:translate(5px)}.timeline-label{font-size:15px;font-weight:600}.timeline-time{font-size:14px;opacity:.95;background:#fff3;padding:4px 12px;border-radius:20px;font-weight:500}@media(max-width:768px){.guide-header{margin-left:20px;margin-right:20px;padding:30px 20px}.guide-header h1{font-size:28px}.guide-content{padding:0 20px 20px}.process-step{padding:20px;gap:15px}.step-number{width:45px;height:45px;font-size:20px}.step-content h2{font-size:18px}.timeline-summary{padding:20px}.timeline-summary h3{font-size:18px}}.adoption-guide{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.guide-header{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:30px 30px 50px}.guide-header h1{font-size:36px;color:#ff6b8a;margin-bottom:15px;font-weight:700;letter-spacing:1px}.subtitle{font-size:16px;color:#7f8c8d;line-height:1.6;font-weight:500}.guide-content{display:flex;flex-direction:column;gap:30px;padding:0 30px 30px}.intro-section{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;padding:25px;border-radius:20px;text-align:center;font-size:16px;line-height:1.8;box-shadow:0 6px 25px #ff6b8a4d;font-weight:500}.visit-section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 6px 25px #ff6b8a26;border-left:5px solid #ff6b8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.visit-section:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ff6b8a40}.visit-section.important{border-left-color:#ff4d6a}.visit-section h2{font-size:24px;color:#ff6b8a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,107,138,.15);font-weight:700;letter-spacing:.5px}.visit-list{list-style:none;padding:0;margin:0}.visit-list li{padding:12px 0 12px 30px;position:relative;color:#333;line-height:1.8;font-size:15px;font-weight:500}.visit-list li:before{content:"🐾";position:absolute;left:0;color:#ff6b8a;font-size:14px}.visit-item{margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#ff6b8a14,#ff8fa314);border-radius:16px;border:2px solid rgba(255,107,138,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.visit-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b8a33;border-color:#ff6b8a4d}.visit-item:last-child{margin-bottom:0}.visit-item h3{font-size:18px;color:#ff6b8a;margin-bottom:15px;font-weight:700;letter-spacing:.5px}.sub-list{list-style:none;padding:0;margin:0}.sub-list li{padding:8px 0 8px 25px;position:relative;color:#333;line-height:1.6;font-size:14px;font-weight:500}.sub-list li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700;font-size:14px}.evaluation-criteria{display:flex;flex-direction:column;gap:15px}.criteria-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:12px;color:#fff;box-shadow:0 4px 15px #ff6b8a4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.criteria-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b8a66}.criteria-label{font-size:16px;font-weight:600}.criteria-desc{font-size:14px;opacity:.95;font-weight:500}.faq-section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 6px 25px #ff6b8a26;border-left:5px solid #9b59b6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-section:hover{transform:translateY(-3px);box-shadow:0 10px 35px #9b59b640}.faq-section h2{font-size:24px;color:#9b59b6;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid rgba(155,89,182,.15);font-weight:700;letter-spacing:.5px}.faq-item{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid rgba(155,89,182,.1)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:16px;color:#333;margin-bottom:10px;font-weight:600}.faq-item p{color:#555;line-height:1.8;margin:0;font-size:14px;font-weight:500}@media(max-width:768px){.guide-header{margin-left:20px;margin-right:20px;padding:30px 20px}.guide-header h1{font-size:28px}.guide-content{padding:0 20px 20px}.visit-section,.faq-section{padding:20px}.visit-section h2,.faq-section h2{font-size:20px}.visit-item{padding:15px}.visit-item h3{font-size:16px}.criteria-item{padding:12px 15px}.criteria-label{font-size:14px}.criteria-desc{font-size:13px}}.forum-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.board-btn{padding:12px 24px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.board-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-3px);box-shadow:0 4px 15px #ff6b8a4d}.board-section{margin-bottom:35px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 30px;margin-bottom:25px}.section-title{font-size:22px;font-weight:700;color:#ff6b8a;margin:0;letter-spacing:.5px}.view-all-btn{padding:10px 18px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-all-btn:hover{background:#ff6b8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b8a4d}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding:0 30px}.board-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:25px;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;display:flex;gap:18px;align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.board-card.active{border-color:#ff6b8a;background:linear-gradient(135deg,#ffe4e6,#ffd1d3);box-shadow:0 8px 30px #ff6b8a4d}.board-card .board-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 15px #ff6b8a4d}.board-card .board-icon img{width:100%;height:100%;object-fit:cover}.board-card .board-info{flex:1;min-width:0}.board-card .board-name{margin:0 0 10px;color:#ff6b8a;font-size:18px;font-weight:700}.board-card .board-description{margin:0 0 12px;color:#7f8c8d;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-card .board-stats{display:flex;gap:12px}.board-card .stat{font-size:13px;color:#95a5a6;display:flex;align-items:center;gap:5px;font-weight:500}.posts-section{flex:1;display:flex;flex-direction:column}.posts-section .section-header{padding:0 30px;margin-bottom:25px}.posts-container{display:flex;flex-direction:column;gap:25px;padding:30px;flex:1}.post-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:28px;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);position:relative}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.post-card.has-admin-actions{padding-top:70px}.admin-actions{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;padding:6px 10px;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px #ff6b8a2e}.admin-btn{width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;background:#fff;color:#666}.admin-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.admin-btn.top-btn{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.admin-btn.top-btn.active{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 2px 8px #ff6b6b66}.admin-btn.top-btn:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8)}.admin-btn.top-btn.active:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);box-shadow:0 4px 12px #ff6b6b80}.admin-btn.excellent-btn{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.admin-btn.excellent-btn.active{background:linear-gradient(135deg,#ffd93d,#fc0);color:#333;box-shadow:0 2px 8px #ffd93d66}.admin-btn.excellent-btn:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8)}.admin-btn.excellent-btn.active:hover{background:linear-gradient(135deg,#fc0,#ffb300);box-shadow:0 4px 12px #ffd93d80}.admin-btn.delete-btn{background:linear-gradient(135deg,#ffe4e6,#ffd1d3);color:#ff6b6b}.admin-btn.delete-btn:hover{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 2px 8px #ff6b6b66}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.post-title{font-size:22px;font-weight:700;color:#ff6b8a;margin:0;flex:1;line-height:1.4}.post-tag{padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-left:10px;flex-shrink:0}.post-tag.top{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 2px 8px #ff6b6b4d}.post-tag.excellent{background:linear-gradient(135deg,#ffd93d,#fc0);color:#333;box-shadow:0 2px 8px #ffd93d4d}.post-meta{display:flex;align-items:center;gap:25px;margin-bottom:18px;font-size:14px;color:#7f8c8d;flex-wrap:wrap}.post-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.post-image-item{width:100%;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #ff6b8a29;aspect-ratio:1 / 1;object-fit:cover;display:block}.post-meta span{display:flex;align-items:center;gap:6px;font-weight:500}.post-content{color:#555;line-height:1.7;margin-bottom:18px;font-size:15px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.post-stats{display:flex;align-items:center;gap:25px;padding-top:18px;border-top:2px solid rgba(255,107,138,.15);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#95a5a6;font-weight:500;transition:all .3s ease}.stat-item:hover{color:#ff6b8a;transform:scale(1.05)}.empty{text-align:center;padding:70px 20px;color:#999;font-size:16px;font-weight:500}.error{background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:25px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.header h2{font-size:24px}.header-actions{width:100%;justify-content:center}.board-section,.posts-section{padding:0 20px}.section-header{padding:0;flex-direction:column;gap:10px;align-items:flex-start}.boards-grid{padding:0;grid-template-columns:1fr}.posts-container{padding:0}.post-header{flex-direction:column;align-items:flex-start}.post-title{font-size:20px}.post-meta{gap:15px}.post-card.has-admin-actions{padding-top:66px}.admin-actions{top:12px}}.forum-detail{padding:30px;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh}.back-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:0;box-shadow:0 4px 12px #ff6b8a4d;display:inline-block}.post-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 8px 32px #ff6b8a26;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.post-header{border-bottom:2px solid rgba(255,107,138,.15);padding-bottom:20px;margin-bottom:20px}.post-title{font-size:28px;font-weight:700;color:#ff6b8a;margin:0 0 15px;letter-spacing:.5px}.post-meta{display:flex;align-items:center;gap:20px;font-size:14px;color:#666}.post-tags{display:flex;gap:10px;margin-top:10px}.post-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.post-image-item{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #ff6b8a2e;aspect-ratio:1 / 1;object-fit:cover;display:block}.post-tag{padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600}.post-tag.top{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 2px 8px #ff6b8a4d}.post-tag.excellent{background:linear-gradient(135deg,#ffd93d,#ffeb3b);color:#333;box-shadow:0 2px 8px #ffd93d4d}.post-content{font-size:16px;line-height:1.8;color:#333;margin-bottom:20px;white-space:pre-wrap}.post-stats{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(255,107,138,.15);border-bottom:1px solid rgba(255,107,138,.15)}.post-stats .stats-left{display:flex;align-items:center;gap:20px}.post-stats .stats-right{display:flex;align-items:center}.stat-item{display:flex;align-items:center;gap:5px;font-size:14px;color:#888;cursor:pointer;transition:all .3s ease;padding:5px 10px;border-radius:8px}.stat-item:hover{color:#ff6b8a;background:#ff6b8a1a}.stat-item.active{color:#ff6b8a;background:#ff6b8a26}.post-actions{display:flex;gap:10px;margin-top:20px}.action-btn{padding:5px 12px;border:none;border-radius:8px;background:transparent;color:#888;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{color:#ff6b8a;background:#ff6b8a1a}.action-btn.danger{color:#ff6b6b}.action-btn.danger:hover{color:#d32f2f;background:#ff6b6b1a}.action-btn:disabled{opacity:.5;cursor:not-allowed;background:#0000000d}.action-btn.report-btn{background:linear-gradient(135deg,#ff9800,#ff6b00);color:#fff;font-weight:600;padding:8px 16px}.action-btn.report-btn:hover{background:linear-gradient(135deg,#ff6b00,#e65100);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b004d}.action-btn.report-btn:disabled{background:#ccc;color:#888}.comments-section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 8px 32px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.comments-header{font-size:20px;font-weight:700;color:#ff6b8a;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,107,138,.15)}.comment-form{margin-bottom:30px}.replying-info{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);border-radius:12px;margin-bottom:10px;border:1px solid rgba(255,107,138,.2)}.replying-user{color:#ff6b8a;font-weight:600}.cancel-reply-btn{padding:5px 12px;background:#fff;border:1px solid #ff6b8a;border-radius:12px;color:#ff6b8a;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-reply-btn:hover{background:#ff6b8a;color:#fff}.comment-textarea{width:100%;min-height:100px;padding:15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fffc}.comment-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.comment-submit-btn{margin-top:15px;padding:10px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.comment-submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{padding:20px;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:16px;border-left:4px solid #ff6b8a;box-shadow:0 4px 12px #ff6b8a1a}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comment-author{font-weight:700;color:#ff6b8a;font-size:14px}.comment-time{font-size:12px;color:#999}.comment-content{color:#555;line-height:1.6;margin-bottom:10px}.comment-footer{display:flex;justify-content:space-between;align-items:center}.comment-floor{font-size:12px;color:#999}.comment-actions{display:flex;gap:15px}.comment-action{font-size:12px;color:#888;cursor:pointer;transition:all .3s ease;padding:4px 10px;border-radius:6px;background:#ff6b8a0d;border:1px solid rgba(255,107,138,.1);font-weight:500}.comment-action:hover{color:#ff6b8a;background:#ff6b8a26}.comment-action.active{color:#ff6b8a;background:#ff6b8a33}.loading,.empty{text-align:center;padding:40px;color:#888;font-size:16px}.error{background:linear-gradient(135deg,#ff98001a,#f57c001a);border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:15px;color:#ff9800;margin-bottom:20px}.replies-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,107,138,.15)}.replies-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,107,138,.2)}.replies-header:hover{background:linear-gradient(135deg,#ff6b8a26,#ff8fa326)}.replies-count{font-size:13px;color:#ff6b8a;font-weight:600}.expand-icon{font-size:12px;color:#888;transition:transform .3s ease}.replies-list{margin-top:10px;display:flex;flex-direction:column;gap:10px}.reply-item{padding:12px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:12px;border-left:3px solid #ff8fa3;box-shadow:0 2px 8px #ff6b8a1a}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-author{font-weight:700;color:#ff6b8a;font-size:13px}.reply-time{font-size:11px;color:#999}.reply-info{display:flex;align-items:center;gap:5px;margin-bottom:8px;padding:5px 10px;background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);border-radius:8px;border:1px solid rgba(255,107,138,.2)}.reply-label{font-size:11px;color:#888}.reply-user{font-size:12px;color:#ff6b8a;font-weight:600}.reply-content{color:#555;line-height:1.5;margin-bottom:8px;font-size:13px}.reply-footer{display:flex;justify-content:space-between;align-items:center}.reply-actions{display:flex;gap:10px}.reply-action{font-size:11px;color:#888;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:6px;background:#ff6b8a1a;border:1px solid rgba(255,107,138,.2);font-weight:500}.reply-action:hover{color:#ff6b8a;background:#ff6b8a33}.reply-action.active{color:#ff6b8a;background:#ff6b8a40}.reply-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reply-modal{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;width:90%;max-width:500px;box-shadow:0 10px 40px #ff6b8a4d;animation:modalSlideIn .3s ease;border:1px solid rgba(255,255,255,.5)}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,107,138,.15)}.modal-header h3{margin:0;font-size:18px;color:#ff6b8a;font-weight:700}.close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;transition:all .3s ease;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{color:#ff6b8a;background:#ff6b8a1a}.modal-body .replying-info{margin-bottom:15px;padding:10px 15px;background:linear-gradient(135deg,#ff6b8a1a,#ff8fa31a);border-radius:12px;border:1px solid rgba(255,107,138,.2)}.original-comment{margin-bottom:15px;padding:12px;background:linear-gradient(135deg,#ffffffe6,#fffc);border-radius:12px;border-left:3px solid #ff6b8a;box-shadow:0 2px 8px #ff6b8a1a}.original-label{font-size:12px;color:#888;font-weight:600}.original-content{font-size:13px;color:#555;line-height:1.5}.reply-textarea{width:100%;min-height:120px;padding:15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fffc}.reply-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:2px solid rgba(255,107,138,.15)}.cancel-btn{padding:10px 24px;background:#fff;color:#888;border:2px solid #e0e0e0;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#f0f0f0;color:#666}.submit-btn{padding:10px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.report-modal{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:20px;width:90%;max-width:500px;box-shadow:0 10px 40px #ff6b8a4d;animation:modalSlideIn .3s ease;border:1px solid rgba(255,255,255,.5)}.modal-title{margin:0;font-size:18px;color:#ff6b8a;font-weight:700}.modal-body{padding:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#555}.form-select{width:100%;padding:12px 15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fffc;transition:all .3s ease}.form-select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.form-textarea{width:100%;min-height:120px;padding:15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fffc}.form-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.forum-form{display:flex;flex-direction:column;align-items:center;padding:30px;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:20px;box-shadow:0 4px 12px #ff6b8a4d;align-self:flex-start}.forum-form .form-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;box-shadow:0 8px 32px #ff6b8a26;max-width:800px!important;margin:0 auto!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);width:100%}.forum-form .form-header{text-align:center;margin-bottom:30px}.forum-form .form-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:.5px}.forum-form .form-group{margin-bottom:25px}.forum-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.forum-form .form-group input,.forum-form .form-group textarea,.forum-form .form-group select{width:100%;padding:12px 15px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fffc}.forum-form .form-group input:focus,.forum-form .form-group textarea:focus,.forum-form .form-group select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 3px #ff6b8a1a}.forum-form .form-group textarea{min-height:150px;resize:vertical}.forum-form .form-group select{cursor:pointer;background:#ffffffe6}.forum-form .form-group select option{padding:10px}.forum-form .form-actions{display:flex;gap:15px;margin-top:30px}.forum-form .submit-btn{flex:1;padding:14px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.forum-form .submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.forum-form .submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.forum-form .cancel-btn{flex:1;padding:14px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.forum-form .cancel-btn:hover{background:#ff6b8a;color:#fff}.loading{text-align:center;padding:40px;color:#888;font-size:16px}.forum-form .error{background:linear-gradient(135deg,#ff98001a,#f57c001a);border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:15px;color:#ff9800;margin-bottom:20px}.forum-form .image-upload-container{display:flex;flex-direction:column;gap:12px}.forum-form .image-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.forum-form .image-preview-item{position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #ff6b8a2e;aspect-ratio:1 / 1}.forum-form .image-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.forum-form .remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:20px;cursor:pointer}.forum-form .upload-placeholder{border:2px dashed rgba(255,107,138,.4);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center;background:#fffc;transition:all .3s ease}.forum-form .upload-placeholder:hover{border-color:#ff8fa3;background:linear-gradient(135deg,#ffe4e6e6,#ffd1d3e6)}.forum-form .upload-placeholder input[type=file]{display:none}.forum-form .upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.forum-form .upload-icon{font-size:38px}.forum-form .upload-text{font-size:14px;color:#ff6b8a;font-weight:600}.forum-form .uploading-text{text-align:left;color:#ff6b8a;font-size:14px;font-weight:600}.forum-board-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.form-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:30px;margin:25px 30px 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.form-container h3{margin:0 0 25px;color:#ff6b8a;font-size:22px;font-weight:700;letter-spacing:.5px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#ff6b8a;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#333;font-weight:500}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:15px;margin-top:25px}.submit-btn{flex:1;padding:12px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.submit-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.cancel-btn{flex:1;padding:12px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:#ff6b8a;color:#fff}.boards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:30px;flex:1}.board-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;padding:15px;box-shadow:0 6px 25px #ff6b8a26;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:10px;height:auto;max-height:200px}.board-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.board-header{display:flex;gap:12px;align-items:flex-start}.board-icon{width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 15px #ff6b8a4d}.board-icon img{width:100%;height:100%;object-fit:cover}.board-info{flex:1;min-width:0}.board-name{margin:0 0 5px;color:#ff6b8a;font-size:16px;font-weight:700;line-height:1.3}.board-description{margin:0;color:#7f8c8d;font-size:13px;line-height:1.4;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}.board-meta{display:flex;gap:15px;padding:8px 0;border-top:1px solid rgba(255,107,138,.1);border-bottom:1px solid rgba(255,107,138,.1);font-size:12px;color:#7f8c8d;font-weight:500;flex-wrap:wrap}.board-actions{display:flex;gap:8px;margin-top:5px}.action-btn{flex:1;padding:8px;background:#fff;color:#ff6b8a;border:2px solid #ff6b8a;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.action-btn:hover{background:#ff6b8a;color:#fff}.action-btn.danger{border-color:#ff6b6b;color:#ff6b6b}.action-btn.danger:hover{background:#ff6b6b;color:#fff}.loading{text-align:center;padding:50px;color:#999;font-size:16px;font-weight:500}.empty{text-align:center;padding:70px 20px;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;margin:25px 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error{background:linear-gradient(135deg,#ff4d6df2,#ff6b8af2);border:1px solid rgba(255,77,109,.5);border-radius:14px;padding:18px 22px;color:#fff;margin-bottom:25px;font-weight:600;box-shadow:0 4px 15px #ff6b8a4d;border-left:5px solid rgba(255,77,109,.9)}.image-upload-container{width:100%}.image-preview{position:relative;width:100%;max-width:200px;height:200px;border-radius:12px;overflow:hidden;border:2px solid #ff6b8a}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;background:#ff6b8ae6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.remove-image-btn:hover{background:#ff4d6d;transform:scale(1.1)}.upload-placeholder{width:100%;max-width:200px;height:200px;border:2px dashed #ff6b8a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff5f7cc,#ffe8eccc)}.upload-placeholder:hover{border-color:#ff8fa3;background:linear-gradient(135deg,#ffe4e6e6,#ffd1d3e6)}.upload-placeholder input[type=file]{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.upload-icon{font-size:40px}.upload-text{font-size:14px;color:#ff6b8a;font-weight:600}.uploading-text{text-align:center;color:#ff6b8a;font-size:14px;margin-top:10px;font-weight:500}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:20px}.header h2{font-size:24px}.form-container{margin:20px;padding:20px}.boards-container{padding:0 20px 20px;grid-template-columns:1fr}}.unlike-btn{width:100%;padding:10px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b6b4d}.unlike-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.back-btn{padding:10px 20px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff6b8a4d}.back-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;padding:30px}.post-actions{padding:15px 20px;border-top:2px solid rgba(255,107,138,.15)}.uncollect-btn{width:100%;padding:10px;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff98004d}.uncollect-btn:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px);box-shadow:0 6px 16px #ff980066}.report-list{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.filter-section{display:flex;align-items:center;gap:15px;margin:25px 30px;padding:20px 25px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.filter-section label{font-weight:600;color:#ff6b8a;font-size:15px;white-space:nowrap}.filter-select{padding:10px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;min-width:150px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500;cursor:pointer}.filter-select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.error{padding:20px 30px;margin:25px 30px;background:linear-gradient(135deg,#ff6b8af2,#ff8fa3f2);color:#fff;border-radius:20px;box-shadow:0 6px 25px #ff6b8a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;font-size:15px;border-left:5px solid rgba(255,77,109,.9)}.loading,.empty{padding:60px 30px;text-align:center;font-size:16px;color:#999;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:25px 30px;font-weight:500}.reports-container{display:flex;flex-direction:column;gap:20px;padding:0 30px 30px}.report-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:25px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.report-card:hover{transform:translateY(-5px);box-shadow:0 10px 35px #ff6b8a40}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid rgba(255,107,138,.1)}.report-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.report-id{font-weight:700;color:#ff6b8a;font-size:16px;letter-spacing:.5px}.report-type{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #667eea4d}.report-status{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #0000001a}.status-pending{background:linear-gradient(135deg,#ffd93d,#ff9a3c);color:#fff}.status-approved{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-rejected{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.report-time{color:#999;font-size:14px;font-weight:500}.report-content{margin-bottom:20px}.content-item{display:flex;margin-bottom:12px;align-items:flex-start}.content-item .label{min-width:110px;font-weight:600;color:#ff6b8a;font-size:14px}.content-item .value{flex:1;color:#333;font-weight:500;font-size:14px;word-break:break-word;line-height:1.6}.report-actions{display:flex;gap:12px;padding-top:20px;border-top:2px solid rgba(255,107,138,.1);flex-wrap:wrap}.action-btn{padding:10px 20px;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000026}.action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000040}.action-btn.approve{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.action-btn.approve:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.action-btn.reject{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.action-btn.reject:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f)}.action-btn.restore{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.action-btn.restore:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.action-btn.restore.disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);color:#757575;cursor:not-allowed;box-shadow:none}.action-btn.restore.disabled:hover{transform:none;box-shadow:none}.action-btn.delete{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.action-btn.delete:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)}.action-btn.view{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.action-btn.view:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}@media(max-width:768px){.header{padding:20px 15px}.header h2{font-size:22px}.filter-section{margin:20px 15px;padding:15px 20px;flex-wrap:wrap}.filter-select{min-width:120px}.reports-container{padding:0 15px 20px}.report-card{padding:20px}.report-header{flex-direction:column;align-items:flex-start;gap:12px}.report-info{flex-wrap:wrap;gap:10px}.report-actions{flex-wrap:wrap}.action-btn{flex:1;min-width:120px;font-size:13px}.content-item{flex-direction:column;gap:5px}.content-item .label{min-width:auto}}.message-container{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.message-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.message-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.message-actions{display:flex;gap:12px}.message-filters{display:flex;gap:20px;margin:25px 30px;padding:20px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 4px 15px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:600;color:#ff6b8a;font-size:14px}.filter-group select{padding:10px 16px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#333;font-weight:500;cursor:pointer}.filter-group select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.message-list{display:flex;flex-direction:column;gap:15px;padding:0 30px 30px}.message-item{display:flex;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid rgba(255,107,138,.1);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ff6b8a1a}.message-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff6b8a33;border-color:#ff6b8a4d}.message-item.unread{background:linear-gradient(135deg,#fff5f7,#ffe8ec);border-left:5px solid #ff6b8a;border-color:#ff6b8a4d}.message-item.selected{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffb74d}.message-checkbox{margin-right:15px;padding-top:5px}.message-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ff6b8a}.message-indicator{width:12px;height:12px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:50%;margin-right:15px;margin-top:5px;flex-shrink:0;box-shadow:0 2px 8px #ff6b8a66;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.message-content{flex:1;min-width:0}.message-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.message-title{margin:0;font-size:18px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-type{padding:6px 14px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);border-radius:12px;font-size:12px;color:#fff;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #ff6b8a4d}.message-preview{margin:0 0 10px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6}.message-meta{display:flex;justify-content:space-between;font-size:13px;color:#999;font-weight:500}.message-sender{color:#ff6b8a;font-weight:600}.empty-state{text-align:center;padding:70px 20px;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;margin:25px 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-preview-tooltip{position:fixed;z-index:1000;background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid rgba(255,107,138,.2);border-radius:16px;box-shadow:0 8px 30px #ff6b8a40;padding:20px;max-width:380px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-content h4{margin:0 0 12px;font-size:16px;color:#ff6b8a;font-weight:700}.preview-content p{margin:0 0 12px;font-size:14px;color:#666;line-height:1.6}.preview-meta{display:flex;justify-content:space-between;font-size:13px;color:#999;font-weight:500}.batch-delete-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:35px;border-radius:24px;max-width:420px;width:90%;box-shadow:0 10px 40px #ff6b8a4d;border:2px solid rgba(255,107,138,.1)}.modal-content h3{margin:0 0 15px;color:#ff6b8a;font-size:22px;font-weight:700}.modal-content p{margin:0 0 25px;color:#666;font-size:15px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn{padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#7f8c8d,#6c7a7b);transform:translateY(-2px);box-shadow:0 6px 16px #95a5a666}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}@media(max-width:768px){.message-header{flex-direction:column;gap:15px;padding:20px}.message-header h2{font-size:24px}.message-filters{flex-direction:column;margin:0 20px 20px;padding:15px}.message-list{padding:0 20px 20px}.message-item{padding:15px}.modal-content{padding:25px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.message-detail-container{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;gap:20px;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.btn-back{padding:12px 24px;background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #95a5a64d}.btn-back:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7b);transform:translateY(-2px);box-shadow:0 6px 16px #95a5a666}.detail-header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.detail-content{padding:30px}.message-card{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:24px;box-shadow:0 8px 30px #ff6b8a33;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,107,138,.1)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff}.card-header h3{margin:0;font-size:22px;font-weight:700;letter-spacing:.5px}.message-type-badge{padding:8px 16px;background:#ffffff40;border-radius:16px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a}.card-body{padding:35px}.message-info{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:35px;padding-bottom:25px;border-bottom:2px solid rgba(255,107,138,.15)}.info-row{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff5f7,#ffe8ec);border-radius:12px;transition:all .3s ease}.info-row:hover{transform:translate(5px);box-shadow:0 4px 12px #ff6b8a26}.info-row .label{font-weight:600;color:#ff6b8a;min-width:90px;font-size:14px}.info-row .value{color:#333;font-weight:600;font-size:15px}.info-row .value.unread{color:#ff6b8a;font-weight:700}.message-content-text{margin-bottom:35px}.message-content-text h4{margin:0 0 18px;color:#ff6b8a;font-size:18px;font-weight:700;letter-spacing:.5px}.content-body{padding:25px;background:linear-gradient(135deg,#fff5f7,#ffe8ec);border-radius:16px;line-height:1.8;color:#555;white-space:pre-wrap;font-size:15px;border:2px solid rgba(255,107,138,.1);box-shadow:inset 0 2px 8px #ff6b8a0d}.message-actions{display:flex;gap:15px;padding-top:25px;border-top:2px solid rgba(255,107,138,.15)}.btn{padding:12px 28px;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;box-shadow:0 4px 12px #95a5a64d}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7b);transform:translateY(-2px);box-shadow:0 6px 16px #95a5a666}.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.btn-danger:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b66}.btn-primary{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.btn-primary:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.loading-state,.error-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;color:#666}.error-state p{margin-bottom:20px;color:#ff6b6b}@media(max-width:768px){.detail-header{padding:20px;flex-direction:column;gap:15px;align-items:flex-start}.detail-content{padding:20px}.card-header{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.card-body{padding:25px}.message-info{grid-template-columns:1fr;gap:15px}.message-actions{flex-direction:column}.btn{width:100%}}.admin-message-management{padding:0;background:linear-gradient(135deg,#fff5f7,#ffe8ec,#ffd6e0);min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:var(--glass-bg);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);margin:0;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:var(--glass-border)}.header h2{margin:0;color:#ff6b8a;font-size:28px;font-weight:700;letter-spacing:1px}.header-actions{display:flex;gap:12px}.batch-delete-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b6b4d}.batch-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b6b66}.batch-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b8a4d}.add-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b8a66}.search-section{background:linear-gradient(135deg,#fffffff2,#ffffffe6);padding:25px;border-radius:20px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);margin:25px 30px 30px}.search-section h3{margin-top:0;margin-bottom:20px;color:#ff6b8a;font-size:20px;font-weight:700;letter-spacing:.5px}.admin-message-management .search-form{display:flex!important;flex-wrap:nowrap!important;gap:25px!important;align-items:center;justify-content:flex-start}.admin-message-management .search-row{display:flex!important;gap:50px!important;flex:1;align-items:center;flex-wrap:nowrap;justify-content:flex-start}.admin-message-management .search-field{flex:0 0 auto;min-width:200px;max-width:220px;display:flex!important;align-items:center;gap:20px;flex-direction:row;width:auto}.admin-message-management .search-field label{min-width:30px;font-weight:600;color:#ff6b8a;font-size:14px;white-space:nowrap;flex-shrink:0}.admin-message-management .search-field input,.admin-message-management .search-field select{flex:1;padding:10px 14px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-weight:500;min-width:120px;max-width:140px;flex-shrink:0}.search-field input:focus,.search-field select:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.search-actions{display:flex;gap:12px;align-items:flex-end}.search-btn,.reset-btn{padding:10px 24px;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-btn{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.search-btn:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}.reset-btn{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.reset-btn:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);transform:translateY(-2px)}.loading,.error,.empty{text-align:center;padding:40px;color:#666;font-size:16px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;margin:0 30px;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error{color:#ff6b6b}.message-table{margin:0 30px 30px;width:calc(100% - 60px);border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;overflow:hidden;box-shadow:0 6px 25px #ff6b8a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.message-table th,.message-table td{padding:15px 20px;text-align:left;border-bottom:1px solid rgba(255,107,138,.1)}.message-table th{background:linear-gradient(135deg,#fff5f7,#ffe8ec);font-weight:600;color:#ff6b8a;font-size:14px}.message-table td{color:#333;font-size:14px}.message-table tr:last-child td{border-bottom:none}.message-table tr:hover td{background:linear-gradient(135deg,#fff5f7,#ffe8ec)}.message-table tr.selected td{background:linear-gradient(135deg,#fff8e1,#ffecb3)}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:500;background:linear-gradient(135deg,#a8e6cf,#80d8b5);color:#1b5e20;box-shadow:0 2px 8px #a8e6cf4d}.status-badge.unread{background:linear-gradient(135deg,#ffcccb,#f99);color:#c62828;box-shadow:0 2px 8px #ffcccb4d}.user-type{color:#888;font-size:.9em;margin-left:5px;font-weight:400}.delete-btn{padding:6px 12px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff6b6b4d}.delete-btn:hover{background:linear-gradient(135deg,#ee5a5a,#d32f2f);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:24px;width:90%;max-width:600px;box-shadow:0 10px 40px #ff6b8a4d;border:2px solid rgba(255,107,138,.1);display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:20px 30px;border-bottom:1px solid rgba(255,107,138,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#ff6b8a;font-size:20px;font-weight:700}.btn-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;transition:color .3s;padding:0;line-height:1}.btn-close:hover{color:#ff6b8a}.modal-body{padding:30px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.required{color:#ff6b6b;margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:12px;border:2px solid rgba(255,107,138,.2);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#ff6b8a;box-shadow:0 0 0 4px #ff6b8a1a}.form-textarea{resize:vertical;min-height:100px}.modal-footer{padding:20px 30px;border-top:1px solid rgba(255,107,138,.1);display:flex;justify-content:flex-end;gap:15px}.btn-cancel,.btn-confirm{padding:10px 24px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#666}.btn-cancel:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,#ff6b8a,#ff8fa3);color:#fff;box-shadow:0 4px 12px #ff6b8a4d}.btn-confirm:hover{background:linear-gradient(135deg,#ff8fa3,#ffb3c1);transform:translateY(-2px);box-shadow:0 6px 16px #ff6b8a66}@media(max-width:768px){.header{flex-direction:column;gap:15px;align-items:flex-start;padding:20px}.admin-message-management .search-form{flex-wrap:wrap!important}.admin-message-management .search-row{flex-direction:column;align-items:stretch;gap:15px!important}.admin-message-management .search-field{width:100%;max-width:none}.message-table{display:block;overflow-x:auto}}.style-guide[data-v-1af1cb34]{padding:40px;max-width:1200px;margin:0 auto;min-height:100vh}.header[data-v-1af1cb34]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.section[data-v-1af1cb34]{margin-bottom:60px}.component-row[data-v-1af1cb34]{display:flex;gap:40px;flex-wrap:wrap}.component-group[data-v-1af1cb34]{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.card-grid[data-v-1af1cb34]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.card[data-v-1af1cb34],.adoption-card[data-v-1af1cb34],.foster-card[data-v-1af1cb34]{padding:30px}.card-actions[data-v-1af1cb34]{display:flex;gap:10px;margin-top:20px}.text-muted[data-v-1af1cb34]{color:var(--text-muted)}