body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification-container{display:inline-block;position:relative}.notification-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;padding:8px;position:relative;transition:background-color .3s}.notification-button:hover{background-color:#0000001a}.notification-badge{background-color:#f44;border-radius:50%;color:#fff;font-size:12px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.close-button{background:none;border-radius:4px;color:#666;font-size:18px;padding:4px;transition:background-color .3s}.close-button:hover{background-color:#0000001a}.notification-list{max-height:300px;overflow-y:auto}.no-notifications{color:#666;font-style:italic;padding:20px;text-align:center}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .3s}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-icon{flex-shrink:0;font-size:20px;margin-right:12px}.notification-content{flex:1 1;min-width:0}.notification-message{word-wrap:break-word;color:#333;font-size:14px;line-height:1.4;margin-bottom:4px}.notification-time{color:#999;font-size:12px}.notification-delete-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;flex-shrink:0;font-size:16px;margin-left:8px;opacity:0;padding:4px 8px;transform:scale(.8);transition:all .2s}.notification-item:hover .notification-delete-btn{opacity:1;transform:scale(1)}.notification-delete-btn:hover{background-color:#f0f0f0;color:#f44;transform:scale(1.1)}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-dropdown{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-dropdown{right:-50px;width:300px}}@media (max-width:480px){.notification-dropdown{right:-80px;width:280px}}.main-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001a;color:#fff;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.main-title{border-radius:8px;cursor:pointer;font-size:2rem;font-weight:700;margin:-10px;padding:10px;position:relative;text-shadow:0 2px 4px #0003;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1002}.main-title:hover{background:#ffffff1a;text-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.main-title:active{background:#fff3;transform:scale(.98)}.desktop-menu{align-items:center;display:flex;gap:15px}.menu-btn{background:#0000;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.menu-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.menu-btn:active{box-shadow:0 2px 8px #4ecdc44d;transform:translateY(0)}.user-info{gap:20px}.user-info,.welcome-text{align-items:center;display:flex}.welcome-text{font-size:1.1rem;font-weight:500;gap:8px}.social-badge{background:#ff6b6b;border-radius:10px;font-size:.7rem;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.logout-btn,.social-badge{color:#fff;font-weight:600}.logout-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.login-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.login-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.auth-buttons{align-items:center;display:flex;gap:10px}.signup-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.signup-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.mobile-menu-toggle{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:40px;z-index:1001}.mobile-menu-toggle:hover{background:#fff3;border-color:#fff6}.mobile-menu-toggle:active{background:#ffffff4d;transform:scale(.95)}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:24px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background:#0000}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;border-top:1px solid #ffffff1a;display:none;left:0;opacity:0;padding:20px;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;z-index:1001}.mobile-menu.open{opacity:1;transform:translateY(0)}.mobile-menu-btn{background:#0000;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin-bottom:10px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.mobile-menu-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-1px)}.mobile-menu-btn:last-child{margin-bottom:0}@media (max-width:768px){.desktop-menu{display:none}.mobile-menu-toggle{display:flex!important;z-index:1003}.mobile-menu{display:block}.header-content{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;padding:0 15px}.main-title{align-items:center;display:flex;flex:1 1;font-size:1.4rem;margin:-12px 10px -12px -12px;min-height:44px;padding:12px;position:relative;text-align:left;z-index:1002}.main-title:before{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.user-info{align-items:center;flex-direction:row;flex-shrink:0;gap:8px;z-index:1001}.welcome-text{display:none;font-size:.9rem}.auth-buttons{gap:6px}.login-btn,.logout-btn,.signup-btn{font-size:.8rem;padding:6px 10px;white-space:nowrap}.mobile-menu-toggle{flex-shrink:0;margin-left:auto}}@media (max-width:480px){.main-header{padding:12px 0}.header-content{align-items:center;flex-wrap:nowrap;gap:8px;padding:0 10px}.main-title{flex:1 1;font-size:1.2rem;margin:-10px 8px -10px -10px;min-width:0;padding:10px}.user-info{flex-shrink:0;gap:6px;min-width:0}.auth-buttons{gap:4px}.login-btn,.logout-btn,.signup-btn{font-size:.75rem;min-width:0;padding:5px 8px;white-space:nowrap}.mobile-menu-toggle{flex-shrink:0;height:36px;margin-left:auto;padding:6px;width:36px}.hamburger,.hamburger:after,.hamburger:before{height:2px;width:20px}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}.main-title:before{background:#0000;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}}.signup-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.signup-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;padding:40px 40px 30px;position:relative;width:100%}.signup-card:before{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{align-items:center;background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;padding:0}.paw-icon{margin-bottom:12px;margin-top:0}.signup-form{display:flex;flex-direction:column;gap:20px;padding:0 20px}.success-message{animation:fadeIn .5s ease-in-out;color:#4ecdc4;font-size:.8rem;font-weight:500;margin-top:5px}.email-input-group{align-items:stretch;display:flex;gap:10px}.email-input-group input{flex:1 1}.send-code-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.send-code-btn:hover:not(:disabled){box-shadow:0 5px 15px #4ecdc44d;transform:translateY(-2px)}.send-code-btn:active:not(:disabled){transform:translateY(0)}.send-code-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.send-code-btn.verified{background:linear-gradient(45deg,#96ceb4,#4ecdc4);color:#fff}.send-code-btn.sending{background:linear-gradient(45deg,#ccc,#999)}.verification-input-group{align-items:stretch;display:flex;gap:10px}.verification-input-group input{flex:1 1}.verify-code-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.verify-code-btn:hover:not(:disabled){box-shadow:0 5px 15px #ff6b6b4d;transform:translateY(-2px)}.verify-code-btn:active:not(:disabled){transform:translateY(0)}.verify-code-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.verify-code-btn.verifying{background:linear-gradient(45deg,#ccc,#999)}.submit-btn:hover{box-shadow:0 10px 25px #ff6b6b4d;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.signup-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding:20px 20px 0;text-align:center}.signup-footer p{color:#666;font-size:.9rem;margin:0}.signup-footer a{color:#4ecdc4;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer a:hover{color:#ff6b6b;text-decoration:underline}@media (max-width:768px){.signup-container{padding:10px}.signup-card{border-radius:15px;padding:30px 20px}.signup-header h2{font-size:1.5rem}.paw-icon{font-size:2.5rem}.form-group input{font-size:.9rem;padding:12px}.submit-btn{font-size:1rem;padding:14px}.email-input-group{flex-direction:column;gap:8px}.send-code-btn{font-size:.85rem;min-width:auto;padding:12px 16px}.verification-input-group{flex-direction:column;gap:8px}.verify-code-btn{font-size:.85rem;min-width:auto;padding:12px 16px}}.signup-card{animation:slideIn .6s ease-out}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.6s}.form-group:nth-child(7){animation-delay:.7s}.login-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;max-width:500px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.form-header:before{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header h2{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);margin-bottom:10px}.signup-header p{color:#666;font-size:1rem;line-height:1.5;margin:0}.login-form:before{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-group{animation:fadeIn .6s ease-out;animation-fill-mode:both;margin-bottom:20px}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group input{background:#fafafa;border:2px solid #e1e5e9;border-radius:12px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none;transform:translateY(-2px)}.form-group input.error{background:#fff5f5;border-color:#ff6b6b}.form-group input.error:focus{box-shadow:0 0 0 3px #ff6b6b1a}.error-message{font-size:.8rem;font-weight:500}.submit-btn{background:linear-gradient(45deg,#ff6b6b,#4ecdc4)}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #ff6b6b4d}@media (max-width:768px){.login-container{padding:10px}.login-form,.signup-header{border-radius:15px;padding:30px 20px}.signup-header h2{font-size:1.5rem}.paw-icon{font-size:2.5rem}.form-group input{font-size:.9rem;padding:12px}.submit-btn{font-size:1rem;padding:14px}}.form-group input:focus-visible{outline:2px solid #4ecdc4;outline-offset:2px}.submit-btn:focus-visible{outline:2px solid #4ecdc4}.form-group-row{align-items:center;display:flex;gap:16px;margin-bottom:20px}.form-group-row label{color:#333;flex-shrink:0;font-size:.95rem;font-weight:600;margin-bottom:0;min-width:90px}.form-group-row input{background:#fafafa;border:2px solid #e1e5e9;border-radius:12px;flex:1 1;font-size:1rem;padding:15px;transition:all .3s ease}.form-group-row input:focus{background:#fff;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none;transform:translateY(-2px)}.form-group-row input.error{background:#fff5f5;border-color:#ff6b6b}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.9rem;margin:0}.login-footer a{color:#4ecdc4;font-weight:600;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#ff6b6b;text-decoration:underline}.social-login-divider{margin:30px 0;position:relative;text-align:center}.social-login-divider:before{background:#e1e5e9;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.social-login-divider span{background:#fff;color:#666;font-size:.9rem;font-weight:500;padding:0 15px}.social-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.social-login-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.social-login-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-icon{font-size:1.2rem}.social-logo{flex-shrink:0;height:20px;margin-right:8px;width:20px}.kakao-btn{background:#fee500;border-color:#fee500;color:#000}.kakao-btn:hover{background:#fdd835;border-color:#fdd835}.google-btn{background:#4285f4;border-color:#4285f4;color:#fff}.google-btn:hover{background:#3367d6;border-color:#3367d6}.naver-btn{background:#03c75a;border-color:#03c75a;color:#fff}.naver-btn:hover{background:#02b351;border-color:#02b351}.mypet-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.mypet-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:40px;position:relative;width:100%}.mypet-card:before{background:linear-gradient(45deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{margin-bottom:30px;text-align:center}.paw-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:15px}.form-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;font-weight:700;margin:0 0 10px}.form-header p{color:#666;font-size:1rem;line-height:1.5;margin:0}.mypet-form{gap:20px}.form-group,.mypet-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#000;font-size:.9rem;margin-bottom:5px;text-align:left}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fff5f5;border-color:#ff6b6b}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.error-message{animation:shake .5s ease-in-out;color:#ff6b6b;font-size:.85rem;margin-top:5px}.form-group .custom-file-label{box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.form-group .custom-file-label:hover{box-shadow:0 6px 20px #667eea66}.form-group .image-preview img{max-width:200px}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-group label{align-items:center;background:#fafafa;border:2px solid #e1e5e9;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.radio-group label:hover{background:#f8fffe;border-color:#667eea}.radio-group input[type=radio]{accent-color:#667eea;height:16px;margin:0;width:16px}.radio-group input[type=radio]:checked+span{color:#667eea;font-weight:600}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit input{flex:1 1}.input-with-unit span{color:#666;font-size:.9rem;font-weight:500;min-width:30px}.form-group input[name=petId],.form-group input[name=type],.form-group select[name=size]{width:calc(100% - 50px)}.submit-btn{background:linear-gradient(45deg,#667eea,#764ba2);font-size:1.1rem;margin-top:10px;padding:16px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d}.submit-btn:disabled{opacity:.7}.submit-btn.loading{background:linear-gradient(45deg,#ccc,#999)}.loading-spinner{display:inline-block;margin-right:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.mypet-container{padding:10px}.mypet-card{border-radius:15px;padding:30px 20px}.form-header h2{font-size:1.5rem}.paw-icon{font-size:2.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:12px}.submit-btn{font-size:1rem;padding:14px}.mypet-form{gap:15px}}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}.submit-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.mypet-profile-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.profile-header{color:#333;margin-bottom:3rem;text-align:center}.profile-header .paw-icon{animation:bounce 2s infinite;color:#4ecdc4;font-size:3rem;margin-bottom:1rem}.profile-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profile-header p{color:#666;font-size:1.1rem;margin:0}.pets-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.pet-profile-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.pet-profile-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.pet-card-header{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.pet-card-header h3{font-size:1.5rem;font-weight:600;margin:0}.pet-number{background:#fff3;border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.pet-profile-content{padding:2rem}.pet-profile-image-section{margin-bottom:2rem;text-align:center}.pet-profile-image{border:4px solid #f8f9fa;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.pet-profile-image:hover{transform:scale(1.05)}.pet-no-image{border:4px solid #f8f9fa;border-radius:50%;flex-direction:column;height:150px;margin:0 auto;width:150px}.pet-no-image span{font-size:3rem;margin-bottom:.5rem}.pet-no-image p{color:#6c757d;font-size:.9rem;margin:0}.pet-profile-upload{margin-bottom:2rem;text-align:center}.upload-label{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-radius:25px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.upload-label:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.upload-icon{font-size:1.2rem}.uploading-text{color:#fff;font-style:italic}.pet-profile-info{margin-bottom:1rem}.pet-info-section h4{border-bottom:2px solid #e9ecef;color:#495057;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.pet-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pet-info-item{display:flex;flex-direction:column;gap:.25rem}.pet-info-item label{color:#6c757d;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.pet-info-item span{color:#495057;font-size:1rem;font-weight:600}.pet-info-item span[data-type=number]{color:#4ecdc4;font-family:Courier New,monospace}.adopt-badge{border-radius:15px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.adopt-badge.adopted{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff}.adopt-badge.not-adopted{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.pet-profile-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:1rem;padding:1.5rem 2rem}.delete-btn,.edit-btn{border-radius:10px;flex:1 1;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease}.edit-btn:hover{background:linear-gradient(45deg,#45b7d1,#3da5b8);box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(45deg,#667eea,#764ba2)}.delete-btn:hover{background:linear-gradient(45deg,#764ba2,#5a4f74);box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.global-actions{margin-top:2rem;text-align:center}.register-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:25px;box-shadow:0 6px 20px #4ecdc44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.register-btn:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-3px)}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin:0 auto 1rem;width:50px}.error-message-large{background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;color:#dc3545;font-size:1.1rem;margin-bottom:1rem;padding:1rem;text-align:center}.retry-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 15px #4ecdc44d;transform:translateY(-2px)}.no-profile{color:#6c757d;padding:3rem 2rem;text-align:center}.no-profile .paw-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-profile h2{color:#495057;font-size:1.8rem;margin-bottom:1rem}.no-profile p{font-size:1.1rem;margin-bottom:2rem;opacity:.8}@media (max-width:768px){.mypet-profile-container{padding:1rem}.pets-grid{gap:1.5rem;grid-template-columns:1fr}.pet-profile-content{padding:1.5rem}.pet-info-grid{grid-template-columns:1fr}.pet-profile-actions{flex-direction:column;gap:.75rem}.profile-header h2{font-size:2rem}.pet-card-header{padding:1rem}.pet-card-header h3{font-size:1.3rem}}@media (max-width:480px){.mypet-profile-container{padding:.5rem}.pet-profile-content{padding:1rem}.pet-no-image,.pet-profile-image{height:120px;width:120px}.profile-header h2{font-size:1.8rem}.register-btn{font-size:1rem;padding:.875rem 1.5rem}}.main-page-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.main-page-container,.main-page-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.main-page-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.main-loading-spinner{animation:mainSpin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4ecdc4;height:50px;margin-bottom:20px;width:50px}@keyframes mainSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-page-content{margin:0 auto;max-width:1200px;padding:40px 20px}.main-welcome-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:60px;padding:40px;text-align:center}.main-welcome-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.main-welcome-section p{color:#666;font-size:1.2rem;margin:0}.main-pets-section{margin-bottom:60px}.main-pets-section h3{color:#333;font-size:2rem;font-weight:600;margin:0 0 30px}.main-add-pet-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 12px #4ecdc44d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.main-add-pet-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.main-no-pets{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:60px 20px;text-align:center}.main-no-pets p{color:#666;font-size:1.2rem;margin-bottom:30px}.main-add-pet-btn-large{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 12px #4ecdc44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.main-add-pet-btn-large:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.main-pets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.main-pet-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;padding:24px;transition:all .3s ease}.main-pet-card:hover{border-color:#4ecdc4;box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.main-pet-avatar{margin-bottom:16px;text-align:center}.main-pet-avatar img{border:4px solid #4ecdc4;border-radius:50%;height:80px;object-fit:cover;width:80px}.main-pet-avatar-placeholder{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto;width:80px}.main-pet-info{text-align:center}.main-pet-info h4{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 8px}.main-pet-info p{color:#666;margin:4px 0}.main-pet-age{color:#4ecdc4!important;font-weight:600}.main-abandoned-pets-section{text-align:center}.main-abandoned-pets-section h3{color:#333;font-size:2rem;font-weight:600;margin:0 0 8px}.main-abandoned-pets-section>p{color:#666;font-size:1.1rem;margin:0 0 30px}.main-carousel-container{margin:0 auto;max-width:100%;position:relative}.main-carousel-wrapper{border-radius:16px;margin:0 60px;overflow:hidden}.main-carousel-track{display:flex;transition:transform .5s ease-in-out}.main-carousel-slide{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);min-width:100%;padding:0 10px}.main-carousel-pet-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.main-carousel-pet-card:hover{border-color:#4ecdc4;box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.main-carousel-pet-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:200px;overflow:hidden;position:relative}.main-carousel-pet-image img{height:100%;object-fit:cover;object-position:center;transition:transform .4s ease;width:100%}.main-carousel-pet-card:hover .main-carousel-pet-image img{transform:scale(1.08)}.main-carousel-pet-placeholder{align-items:center;background:linear-gradient(45deg,#f8f9fa,#e9ecef);color:#4ecdc4;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.main-carousel-pet-info{display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:16px;text-align:center}.main-carousel-pet-info h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 8px}.main-carousel-pet-info h4,.main-carousel-pet-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-carousel-pet-info p{color:#666;font-size:.9rem;margin:4px 0}.main-pet-location{color:#4ecdc4!important;font-weight:500}.main-pet-status{animation:mainFadeInUp .3s ease-out;color:#e74c3c!important;font-size:.8rem!important;font-weight:600;margin-top:4px!important}@keyframes mainFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-carousel-nav{align-items:center;background:#ffffffe6;border:2px solid #4ecdc4;border-radius:50%;color:#4ecdc4;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.main-carousel-nav:hover:not(:disabled){background:#4ecdc4;color:#fff;transform:translateY(-50%) scale(1.1)}.main-carousel-nav:disabled{cursor:not-allowed;opacity:.3}.main-carousel-nav.prev{left:10px}.main-carousel-nav.next{right:10px}.main-carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.main-carousel-dot{background:#4ecdc44d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.main-carousel-dot.active{background:#4ecdc4;transform:scale(1.2)}.main-carousel-dot:hover{background:#4ecdc4}.main-no-abandoned-pets{background:#ffffff80;border-radius:16px;margin-top:20px;padding:40px 20px;text-align:center}.main-no-abandoned-pets p{color:#666;font-size:1.1rem;margin-bottom:20px}.main-view-adopt-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;box-shadow:0 4px 12px #4ecdc44d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.main-view-adopt-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.main-features-section{margin-bottom:40px}.main-features-section h3{color:#333;font-size:2rem;font-weight:600;margin-bottom:30px;text-align:center}.main-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-feature-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s ease}.main-feature-card:hover{border-color:#4ecdc4;box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.main-feature-icon{display:block;font-size:3rem;margin-bottom:16px}.main-feature-card h4{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 12px}.main-feature-card p{color:#666;line-height:1.6;margin:0}.main-admin-dashboard{padding:20px}.main-admin-loading{color:#666;font-size:1.2rem;padding:60px;text-align:center}.main-admin-error{background:#ffebee;border-radius:16px;color:#c62828;margin:20px 0;padding:40px;text-align:center}.main-admin-error button{background:#4ecdc4;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.main-dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.main-stat-card{background:#fff;border-left:4px solid #4ecdc4;border-radius:16px;box-shadow:0 8px 25px #0000001a;padding:25px;text-align:center}.main-stat-card h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 15px}.main-stat-number{color:#4ecdc4;font-size:2rem;font-weight:700;margin:10px 0}.main-stat-detail{color:#666;font-size:.9rem;margin:0}.main-charts-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:30px 0}.main-chart-container{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;min-height:380px;padding:25px}.main-chart-container h4{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 20px;text-align:center}.main-chart-container .recharts-wrapper{flex:1 1;min-height:250px}.main-chart-container .recharts-tooltip-wrapper{z-index:1000}.main-chart-container .recharts-tooltip-content{background:#fffffffa!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:10px!important}.main-chart-container .recharts-legend-wrapper{margin-top:10px;padding:10px 0}.main-chart-container .recharts-legend-item{margin-bottom:5px!important;margin-right:20px!important}.main-chart-container .recharts-legend-item-text{color:#333!important;font-size:13px!important;font-weight:500!important;margin-left:8px!important}.main-chart-container .recharts-legend-item-symbol{height:12px!important;width:12px!important}.main-chart-container .recharts-xAxis .recharts-cartesian-axis-tick text,.main-chart-container .recharts-yAxis .recharts-cartesian-axis-tick text{color:#666!important;font-size:12px!important}.main-chart-container .recharts-bar,.main-chart-container .recharts-pie,.main-chart-container .recharts-surface{overflow:visible!important}.main-recent-activities-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin-top:40px;padding:30px}.main-recent-activities-section h4{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.main-activities-list{max-height:300px;overflow-y:auto}.main-activity-item{align-items:center;background:#f8f9fa;border-left:4px solid #4ecdc4;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.main-activity-item:last-child{margin-bottom:0}.main-activity-message{color:#333;font-size:14px;font-weight:500}.main-activity-time{background:#fff;border-radius:4px;color:#666;font-family:monospace;font-size:12px;padding:4px 8px}.main-no-activities{color:#666;font-style:italic;padding:20px;text-align:center}.main-quick-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.main-action-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.main-action-btn.primary{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff}.main-action-btn.secondary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.main-action-btn.tertiary{background:linear-gradient(45deg,#f093fb,#f5576c);color:#fff}.main-action-btn:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}@media (max-width:768px){.main-welcome-section h2{font-size:2rem}.main-section-header{flex-direction:column;gap:16px;text-align:center}.main-features-grid,.main-pets-grid{grid-template-columns:1fr}.main-page-content{padding:20px 15px}.main-carousel-wrapper{margin:0 40px}.main-carousel-slide{gap:15px;grid-template-columns:repeat(2,1fr)}.main-carousel-nav{font-size:20px;height:40px;width:40px}.main-carousel-nav.prev{left:5px}.main-carousel-nav.next{right:5px}.main-abandoned-pets-section h3{font-size:1.5rem}.main-charts-section,.main-dashboard-stats{grid-template-columns:1fr}.main-charts-section{gap:20px}.main-chart-container{min-height:320px;padding:20px}.main-chart-container h4{font-size:1.1rem;margin-bottom:15px}.main-chart-container .recharts-wrapper{min-height:200px}.main-quick-actions{align-items:center;flex-direction:column}.main-action-btn{max-width:300px;width:100%}.main-recent-activities-section{padding:20px}.main-activities-list{max-height:250px}}@media (max-width:480px){.main-carousel-wrapper{margin:0 30px}.main-carousel-slide{gap:10px;grid-template-columns:1fr}.main-carousel-pet-image{height:150px}.main-carousel-nav{font-size:18px;height:35px;width:35px}.main-abandoned-pets-section h3{font-size:1.3rem}.main-abandoned-pets-section>p{font-size:1rem}.main-chart-container{padding:15px}}.abandonedpet-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.abandonedpet-content{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.abandonedpet-card{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;margin-bottom:30px;max-width:800px;padding:40px;text-align:center;width:100%}.paw-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.abandonedpet-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}.abandonedpet-card p{color:#666;font-size:1.2rem;margin:0}.abandonedpet-form{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;max-width:800px;padding:40px;width:100%}.form-group label{font-size:1.1rem}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input[readonly]{background:#f1f3f4;color:#666;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.form-group:first-child{margin-bottom:30px}.form-group:first-child label{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:15px;text-align:center}.form-group:nth-child(2),.form-group:nth-child(3){display:inline-block;margin-right:20px;width:calc(50% - 10px)}.form-group:nth-child(3){margin-right:0}.form-group .custom-file-label{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea26;display:inline-block;padding:12px 28px;transition:background .3s}.form-group .custom-file-label:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190)}.form-group .file-name{font-size:.97rem}.error{animation:shake .5s ease-in-out;color:#ff6b6b;display:block;font-size:.9rem;font-weight:500;margin-top:5px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.abandonedpet-form button[type=submit]{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:20px;padding:16px 32px;transition:all .3s ease;width:100%}.abandonedpet-form button[type=submit]:hover:not(:disabled){background:linear-gradient(45deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.abandonedpet-form button[type=submit]:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.abandonedpet-form button[type=submit]:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}@media (max-width:768px){.abandonedpet-container{padding:20px 15px}.abandonedpet-card{padding:30px 20px}.abandonedpet-card h2{font-size:2rem}.abandonedpet-form{padding:30px 20px}.form-group:nth-child(2),.form-group:nth-child(3){margin-bottom:15px;margin-right:0;width:100%}.form-group label{font-size:1rem}.form-group input,.form-group textarea{font-size:.95rem;padding:10px 12px}.abandonedpet-form button[type=submit]{font-size:1.1rem;padding:14px 24px}}.form-group input[type=date],.form-group input[type=time]{background:#fff;border-color:#667eea}.form-group input[type=date]:focus,.form-group input[type=time]:focus{border-color:#5a6fd8;box-shadow:0 0 0 3px #5a6fd81a}.form-group.success input,.form-group.success textarea{background:#f0fdf4;border-color:#28a745}.form-group.success label{color:#28a745}.predicting-status{animation:pulse 2s infinite;background:linear-gradient(45deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;margin:10px 0;padding:20px;text-align:center}.predicting-status p{color:#856404;font-size:1.1rem;font-weight:600;margin:0}.prediction-result{background:linear-gradient(45deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:12px;margin:10px 0;padding:20px;position:relative}.prediction-result p{color:#155724;font-size:1.1rem;font-weight:600;margin:0 0 15px}.prediction-result strong{color:#0f5132;font-size:1.2rem}.reset-prediction{background:linear-gradient(45deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 2px 8px #6c757d33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.reset-prediction:hover{background:linear-gradient(45deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.prediction-placeholder{background:linear-gradient(45deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin:10px 0;padding:20px;text-align:center}.prediction-placeholder p{color:#1565c0;font-size:1.1rem;font-weight:600;margin:0}.form-group input[name=type]{background:#f8f9fa;border-color:#667eea;font-weight:500}.form-group input[name=type]:focus{background:#fff;border-color:#5a6fd8;box-shadow:0 0 0 3px #5a6fd81a}.admin-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-content{margin:0 auto;max-width:1200px;padding:40px 20px}.admin-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border-top-color:#667eea;margin-bottom:20px}.admin-error{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.admin-error h3{color:#495057;font-size:1.8rem;margin-bottom:1rem}.admin-error p{color:#6c757d;font-size:1.1rem}.admin-header-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:40px;text-align:center}.admin-header-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.admin-header-section p{color:#666;font-size:1.2rem;margin:0}.admin-table-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:32px}.table-header{margin-bottom:32px;text-align:center}.table-header h3{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:8px}.table-header p{color:#666;font-size:1rem;margin:0}.table-container{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:1rem;min-width:800px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e9ecef;padding:16px 12px;text-align:left;vertical-align:middle}.admin-table th{background:#667eea;color:#fff;font-size:1rem;font-weight:600;padding:20px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.admin-table th:first-child{border-top-left-radius:12px}.admin-table th:last-child{border-top-right-radius:12px}.table-row{background:#fff;cursor:pointer;transition:background-color .2s ease}.table-row:hover{background:#f8f9ff}.table-row:last-child td{border-bottom:none}.pet-id{color:#667eea;font-weight:700;min-width:60px;text-align:center}.pet-date,.pet-time{color:#666;font-weight:500;min-width:100px;text-align:center}.pet-location{color:#ff6b6b;font-weight:600;min-width:150px}.pet-description{color:#333;max-width:200px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-status{min-width:120px;text-align:center;vertical-align:middle}.pet-actions{min-width:100px;text-align:center}.adopted-status,.approved-status,.pending-status,.rejected-status,.unknown-status,.waiting-status{border-radius:25px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:.9rem;font-weight:600;min-width:80px;padding:6px 16px;text-align:center;transition:all .3s ease}.approved-status{background:#28a745;color:#fff}.approved-status:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.pending-status{background:#ffc107;color:#333}.pending-status:hover{background:#e0a800;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.waiting-status{background:#17a2b8;color:#fff}.waiting-status:hover{background:#138496;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.adopted-status{background:#6f42c1;color:#fff}.adopted-status:hover{background:#5a32a3;box-shadow:0 4px 12px #6f42c14d;transform:translateY(-1px)}.unknown-status{background:#6c757d;color:#fff}.unknown-status:hover{background:#5a6268;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.rejected-status{background:#dc3545;color:#fff}.rejected-status:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.pet-status .debug-status{color:#666;font-size:.8rem;font-weight:500;margin-bottom:4px}.view-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.no-data{padding:60px 20px;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:16px}.no-data-icon{font-size:3rem;opacity:.5}.no-data-content h4{color:#495057;font-size:1.5rem;margin:0}.no-data-content p{color:#6c757d;font-size:1rem;margin:0}.modal-overlay{padding:20px}.modal-content{padding:32px;width:100%}.modal-content h3{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center}.modal-content h4{color:#555;font-size:1.1rem;margin:16px 0 8px}.modal-content img{border-radius:8px;box-shadow:0 4px 12px #0000001a}.modal-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#333}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.modal-close-btn:hover{background:#f8f9fa;color:#333}.modal-photo-section{margin-bottom:25px;text-align:center}.modal-photo-section h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 15px}.modal-main-image{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.modal-main-image:hover{transform:scale(1.02)}.no-image{border:2px dashed #dee2e6;color:#6c757d;font-size:1rem;padding:40px}.modal-info-grid,.no-image{background:#f8f9fa;border-radius:12px}.modal-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px;padding:20px}.info-item{flex-direction:column;gap:8px}.info-label{color:#495057;font-size:.9rem;font-weight:600}.info-value{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#333;display:flex;font-size:1rem;min-height:20px;padding:8px 12px}.modal-description-section{margin-bottom:25px}.modal-description-section h4{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 15px}.description-content{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#333;line-height:1.6;min-height:60px;padding:15px;white-space:pre-wrap}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.approve-button{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.approve-button:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.approved-button{cursor:not-allowed;opacity:.7}.approved-button,.close-button{background:#6c757d;border:none;border-radius:8px;color:#fff;font-weight:600;padding:12px 24px}.close-button{cursor:pointer;transition:all .3s ease}.close-button:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:1024px){.admin-content{padding:30px 15px}.admin-header-section h2{font-size:2rem}.admin-table-section{padding:24px}.admin-table{font-size:.9rem;min-width:700px}.admin-table td,.admin-table th{padding:12px 8px}.pet-actions,.pet-status{min-width:90px}}@media (max-width:768px){.admin-content{padding:20px 15px}.admin-header-section{margin-bottom:30px;padding:30px 20px}.admin-header-section h2{font-size:1.8rem}.admin-header-section p{font-size:1rem}.admin-table-section{padding:24px}.admin-table{font-size:.85rem;min-width:600px}.admin-table td,.admin-table th{padding:12px 8px}.pet-actions,.pet-status{min-width:80px}.pet-description{max-width:150px;min-width:120px}}@media (max-width:480px){.admin-content{padding:15px 10px}.admin-header-section{padding:24px 16px}.admin-header-section h2{font-size:1.6rem}.admin-table-section{padding:20px}.admin-table{font-size:.8rem;min-width:500px}.admin-table td,.admin-table th{font-size:.85rem;padding:10px 6px}.pet-actions,.pet-status{min-width:70px}.pet-description{max-width:120px;min-width:100px}.modal-content{margin:10px;max-height:90vh;padding:20px}.modal-info-grid{gap:12px;padding:12px}.info-label{font-size:.85rem}.info-value{font-size:.9rem;padding:6px 10px}.modal-actions{gap:10px}.approve-button,.approved-button,.close-button{font-size:.9rem;padding:10px 20px}}.community-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.community-container,.community-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.community-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.community-loading-spinner{animation:communitySpin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin-bottom:20px;width:50px}@keyframes communitySpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.community-content{margin:0 auto;max-width:1200px;padding:40px 20px}.community-welcome-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:60px;padding:40px;text-align:center}.community-welcome-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:16px}.community-welcome-section p{color:#666;font-size:1.2rem;margin:0}.community-features-section{margin-bottom:60px}.community-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.community-feature-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s ease}.community-feature-card:hover{border-color:#667eea;box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.community-feature-icon{display:block;font-size:3rem;margin-bottom:16px}.community-feature-card h4{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:12px}.community-feature-card p{color:#666;line-height:1.6;margin:0}.community-write-post-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.community-write-post-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.community-post-list{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-bottom:24px;padding:24px}.community-post-list p{color:#666;line-height:1.6;margin:0}.community-pagination{align-items:center;display:flex;justify-content:center;margin-top:24px}.community-pagination p{color:#666;margin:0 16px}@media (max-width:1024px){.community-content{padding:30px 15px}.community-welcome-section h2{font-size:2rem}.community-features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.community-feature-card{padding:24px 20px}}@media (max-width:768px){.community-content{padding:20px 10px}.community-welcome-section{margin-bottom:40px;padding:30px 20px}.community-welcome-section h2{font-size:1.8rem}.community-welcome-section p{font-size:1rem}.community-features-grid{gap:16px;grid-template-columns:1fr}.community-feature-card{padding:20px 16px}.community-feature-icon{font-size:2.5rem}.community-feature-card h4{font-size:1.3rem}.community-write-post-btn{font-size:.9rem;padding:10px 20px}.community-post-list{padding:16px}.community-post-list p{font-size:.9rem}.community-pagination{margin-top:16px}}@media (max-width:480px){.community-content{padding:15px 8px}.community-welcome-section{margin-bottom:30px;padding:20px 15px}.community-welcome-section h2{font-size:1.5rem}.community-welcome-section p{font-size:.9rem}.community-feature-card{padding:16px 12px}.community-feature-icon{font-size:2rem}.community-feature-card h4{font-size:1.1rem}.community-feature-card p{font-size:.85rem}.community-write-post-btn{font-size:.8rem;padding:8px 16px}.community-post-list{padding:12px}.community-post-list p{font-size:.8rem}.community-pagination{margin-top:12px}.community-pagination p{font-size:.8rem}}@keyframes communityFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.community-features-section,.community-welcome-section{animation:communityFadeInUp .8s ease-out}.community-features-section:nth-child(2){animation-delay:.2s}.community-features-section:nth-child(3){animation-delay:.4s}.community-feature-card:before{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.community-feature-card:hover:before{opacity:.1}.community-feature-card{overflow:hidden;position:relative}.community-list-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.community-list-card{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.community-list-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.community-list-thumb{align-items:center;background:#f8f9fa;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.community-list-thumb img{height:100%;object-fit:cover;width:100%}.community-list-noimg{color:#999;font-size:.9rem}.community-list-info{padding:20px}.community-list-category{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:12px;padding:4px 12px}.community-list-title{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:8px}.community-list-date{color:#999;font-size:.9rem;margin-bottom:12px}.community-list-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}@media (max-width:700px){.community-list-grid{grid-template-columns:1fr}.community-list-card{margin-bottom:16px}}.community-write-post-btn.small{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 2px 10px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.community-write-post-btn.small:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.community-post-list-table-wrap{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:10px;overflow-x:auto;padding:0;width:100%}.community-post-list-table{background:#fff;border-collapse:collapse;font-size:1rem;min-width:600px;width:100%}.community-post-list-table td,.community-post-list-table th{border-bottom:1px solid #e9ecef;padding:14px 12px;text-align:center;vertical-align:middle}.community-post-list-table th{background:#667eea;color:#fff;font-size:1rem;font-weight:600;padding:16px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.community-post-list-table th:first-child{border-top-left-radius:12px}.community-post-list-table th:last-child{border-top-right-radius:12px}.community-post-list-row{background:#fff;cursor:pointer;transition:background-color .2s ease}.community-post-list-row:hover{background:#f8f9ff}.community-post-list-row:last-child td{border-bottom:none}.community-post-list-table tbody tr td[colspan]{background:#f8f9fa;color:#6c757d;font-size:1.1rem;font-weight:500;padding:40px 20px;text-align:center}.community-post-list-table tbody tr td[colspan]:before{content:"📝";display:block;font-size:2rem;margin-bottom:10px;opacity:.6}.community-post-list-thumb{background:#f3f3f3;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;height:45px;object-fit:cover;width:45px}.community-post-list-noimg{align-items:center;background:#f8f9fa;border-radius:8px;color:#adb5bd;display:flex;font-size:1.1rem;font-weight:600;height:45px;justify-content:center;width:45px}.community-post-list-category{background:#4ecdc4;border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;min-width:60px;padding:4px 12px;text-align:center}.community-post-list-title{color:#2c3e50;font-size:1rem;font-weight:600;max-width:320px}.community-post-list-preview,.community-post-list-title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.community-post-list-preview{color:#6c757d;font-size:.9rem;line-height:1.4;max-width:200px}.community-post-list-author{background:#667eea1a;border-radius:12px;color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;margin:0 auto;min-width:50px;padding:4px 8px;text-align:center;width:-webkit-fit-content;width:fit-content}.community-post-list-table td:nth-child(4){display:table-cell;text-align:center;vertical-align:middle!important}@media (max-width:900px){.community-post-list-table{font-size:.9rem;min-width:0}.community-post-list-table th{font-size:.9rem;padding:12px 8px}.community-post-list-table td,.community-post-list-table th{padding:10px 8px}.community-post-list-preview,.community-post-list-title{max-width:120px}.community-post-list-author{font-size:.8rem;min-width:45px;padding:3px 6px}.community-post-list-category{font-size:.75rem;min-width:50px;padding:3px 8px}.community-post-list-noimg,.community-post-list-thumb{height:35px;width:35px}}@media (max-width:768px){.community-post-list-table-wrap{margin-top:5px;padding:0}.community-post-list-table{font-size:.85rem}.community-post-list-table th{font-size:.8rem;padding:10px 6px}.community-post-list-table td,.community-post-list-table th{padding:8px 6px}.community-post-list-preview,.community-post-list-title{max-width:80px}.community-post-list-author{font-size:.75rem;min-width:35px;padding:2px 4px}.community-post-list-category{font-size:.7rem;min-width:40px;padding:2px 6px}.community-post-list-noimg,.community-post-list-thumb{height:30px;width:30px}}.community-table-section{background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;margin-top:24px;padding:24px}.community-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}@media (max-width:1000px){.community-table-section{padding:16px}}.communityPost-container{margin:0 auto;max-width:800px;padding:20px;width:100%}.communityPost-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;overflow:hidden;padding:40px;position:relative;text-align:center}.communityPost-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.commu-icon{animation:bounce 2s infinite;font-size:3rem;margin-bottom:20px}.communityPost-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 10px}.communityPost-card p{color:#666;font-size:1.1rem;margin:0}.communityPost{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.form-group{margin-bottom:24px}.form-group label{color:#333;font-size:1rem}.form-group input,.form-group select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;color:#334155;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group select::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 15px #0000001a;outline:none;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.form-group.file-upload{position:relative}.form-group input[type=file]{display:none}.form-group .custom-file-label{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:0;min-width:200px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group .custom-file-label:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.form-group .custom-file-label:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 10px 30px #667eea59;transform:translateY(-2px)}.form-group .custom-file-label:hover:before{left:100%}.form-group .custom-file-label:active{box-shadow:0 4px 15px #667eea40;transform:translateY(0)}.form-group .file-name{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;color:#666;display:block;font-size:.95rem;margin-top:8px;padding:8px 12px;word-break:break-all}.form-group .image-preview{margin-top:12px;text-align:center}.form-group .image-preview img{border:2px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;max-width:300px}.form-actions{border-top:1px solid #f0f0f0;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:24px}.cancel-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;display:flex;font-size:1rem;justify-content:center;min-width:120px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;color:#475569;transform:translateY(-2px)}.cancel-btn:hover:not(:disabled):before{left:100%}.cancel-btn:active:not(:disabled){box-shadow:0 4px 15px #0000001a;transform:translateY(0)}.cancel-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:140px;overflow:hidden;padding:16px 36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:active:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px)}.submit-btn:disabled{box-shadow:0 4px 15px #667eea33;cursor:not-allowed;opacity:.6;transform:none}.submit-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.cancel-btn:focus,.submit-btn:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.cancel-btn:focus{box-shadow:0 0 0 3px #64748b1a}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-top-color:#0000;height:16px;width:16px}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;height:50vh;justify-content:center}.loading-container .loading-spinner{border:3px solid #f3f3f3;border-top-color:#4ecdc4;height:40px;margin-bottom:16px;width:40px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.communityPost-container{padding:0 10px}.communityPost,.communityPost-card{border-radius:15px;padding:20px}.communityPost-card h2{font-size:1.5rem}.commu-icon{font-size:2.5rem}.form-actions{flex-direction:column;gap:8px}.cancel-btn,.submit-btn{justify-content:center;width:100%}.form-group .image-preview img{height:auto;max-width:100%}.communityPost .toastui-editor-defaultUI{border-radius:8px!important}.communityPost .toastui-editor-toolbar{padding:4px!important}.communityPost .toastui-editor-defaultUI .toastui-editor-main{min-height:300px!important}}.like-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:30px 0;padding:20px}.like-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:25px;color:#495057;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.like-btn:hover{border-color:#4ecdc4;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.like-btn.liked{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-color:#ff6b6b;color:#fff}.like-btn.liked:hover{background:linear-gradient(45deg,#ff5252,#ff7676);box-shadow:0 4px 12px #ff6b6b4d}.like-icon{font-size:1.2rem}.like-text{font-weight:600}.like-count{font-weight:500;opacity:.8}.comments-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:30px 0;padding:20px}.comments-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.comment-form{margin-bottom:25px}.comment-input-group{gap:12px}.comment-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;min-height:60px;padding:12px 16px;resize:vertical;transition:all .3s ease}.comment-input:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.comment-input::placeholder{color:#adb5bd}.comment-submit-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-radius:8px;font-size:.9rem;min-width:100px;padding:12px 20px;transition:all .3s ease}.comment-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #4ecdc44d;transform:translateY(-2px)}.comment-submit-btn:disabled{opacity:.6;transform:none}.comments-list{margin-top:20px}.no-comments{border:1px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;padding:20px}.comment-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s ease}.comment-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.comment-header{margin-bottom:8px}.comment-author{color:#495057}.comment-date{color:#6c757d}.comment-content{color:#333;font-size:.95rem;line-height:1.5}.community-get-container{margin:40px auto;max-width:900px;padding:0 16px}.community-get-title{color:#333;font-size:2rem;font-weight:700;letter-spacing:-1px;margin-bottom:32px;text-align:center}.community-get-list{display:flex;flex-wrap:wrap;gap:32px 24px;justify-content:center}.community-get-card{background:#fff;border:1.5px solid #f3f3f3;border-radius:16px;box-shadow:0 4px 24px #4ecdc41a,0 1.5px 6px #ff6b6b14;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s,box-shadow .18s;width:270px}.community-get-card:hover{border-color:#ffb6b6;box-shadow:0 8px 32px #ff6b6b2e,0 2px 8px #4ecdc426;transform:translateY(-7px) scale(1.03)}.community-get-thumb{align-items:center;background:#f8f8f8;display:flex;height:160px;justify-content:center;overflow:hidden;width:100%}.community-get-thumb img{display:block;height:100%;object-fit:cover;width:100%}.community-get-noimg{color:#aaa;font-size:1.1rem;font-weight:500}.community-get-info{display:flex;flex-direction:column;gap:7px;padding:18px 16px 16px}.community-get-category{align-self:flex-start;background:linear-gradient(45deg,#4ecdc4,#ff6b6b);border-radius:8px;color:#fff;display:inline-block;font-size:.92rem;font-weight:600;margin-bottom:2px;padding:3px 12px}.community-get-title-text{color:#222;font-size:1.13rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-get-date{color:#888;font-size:.93rem;margin-bottom:2px}.community-get-preview{color:#444;font-size:.98rem;margin-top:2px;min-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-get-empty,.community-get-loading{color:#aaa;font-size:1.1rem;margin:60px 0;text-align:center}.community-detail-container{margin:40px auto;max-width:700px;padding:0 16px}.community-detail-back{background:none;border:none;color:#4ecdc4;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:18px;transition:color .2s}.community-detail-back:hover{color:#ff6b6b}.community-detail-card{background:#fff;border:1px solid #dbdbdb;border-radius:0;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:600px;overflow:hidden}.community-detail-thumb{align-items:center;background:#f8f8f8;display:flex;height:500px;justify-content:center;overflow:hidden;width:100%}.community-detail-thumb img{display:block;height:100%;object-fit:cover;width:100%}.community-detail-info{display:flex;flex-direction:column;gap:0;padding:0}.community-detail-header{align-items:flex-start;border-bottom:1px solid #dbdbdb;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 16px}.community-detail-meta{flex:1 1}.community-detail-actions{display:flex;gap:8px;margin-left:16px}.delete-btn,.edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.edit-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff}.edit-btn:hover{background:linear-gradient(45deg,#45b7d1,#4ecdc4);transform:translateY(-1px)}.delete-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff}.delete-btn:hover{background:linear-gradient(45deg,#ee5a52,#ff6b6b);transform:translateY(-1px)}.community-detail-title{color:#222;font-size:1.5rem;font-weight:700;margin-bottom:4px}.community-detail-date{color:#888;font-size:1rem;margin-bottom:8px}.community-detail-content{border-bottom:1px solid #dbdbdb;color:#262626;font-size:.9rem;line-height:1.4;margin:0;padding:12px 16px;word-break:break-all}@media (max-width:700px){.community-list-grid{gap:18px 0}.community-list-card{max-width:370px;min-width:0;width:95vw}.community-detail-card{border-radius:10px}.community-detail-thumb{height:280px}.community-detail-info{padding:16px 8px}.community-detail-title{font-size:1.15rem}.community-detail-header{flex-direction:column;gap:12px}.community-detail-actions{align-self:flex-end;margin-left:0}}.like-section{background:#fff;border-bottom:1px solid #dbdbdb;margin:0;padding:12px 16px}.action-buttons{align-items:center;display:flex;gap:16px;padding:8px 0}.comment-btn,.like-btn{align-items:center;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#262626;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:40px;min-width:40px;padding:8px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.like-btn:hover{transform:scale(1.1)}.like-btn.liked,.like-btn:hover{background:#0000!important;border-color:#0000!important;box-shadow:none!important}.like-btn.liked{color:#ed4956}.like-btn.liked:hover{background:#0000!important;border-color:#0000!important;box-shadow:none!important;transform:scale(1.1)}.like-btn:active{transform:scale(.9)}.comment-icon,.like-icon{align-items:center;display:flex;justify-content:center;margin:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.comment-icon svg,.like-icon svg{height:24px;transition:all .15s cubic-bezier(.4,0,.2,1);width:24px}.like-btn .like-icon{animation:none}.like-btn.liked .like-icon{animation:likeAnimation .4s ease-out}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-btn:active .like-icon{transform:scale(.9)}.like-btn.liked .like-icon svg{filter:drop-shadow(0 2px 4px rgba(237,73,86,.3))}.comment-text,.like-text{color:#262626;font-size:12px;font-weight:400;margin-left:8px}.like-count{color:#262626;font-size:14px;font-weight:600;margin-left:8px}.like-section{border-top:1px solid #efefef;margin-top:16px;padding-top:12px}.like-count-text{color:#262626;font-size:14px;font-weight:400;margin-top:8px}.like-count-text strong{font-weight:600}.comment-input-section{background:#fff;border-bottom:1px solid #dbdbdb;margin:0;padding:12px 16px}.comments-section{background:#fff;margin:0;padding:0}.comments-section h3{background:#fafafa;border-bottom:1px solid #dbdbdb;color:#262626;font-size:.9rem;font-weight:600;margin:0;padding:8px 16px}.comment-form{margin:0;padding:0}.comment-input-group{align-items:flex-end;display:flex;gap:8px}.comment-input{background:#fafafa;border:1px solid #dbdbdb;border-radius:20px;flex:1 1;font-family:inherit;font-size:.9rem;max-height:80px;min-height:36px;padding:8px 12px;resize:none;transition:all .2s ease}.comment-input:focus{background:#fff;border-color:#0095f6;outline:none}.comment-input::placeholder{color:#8e8e93}.comment-submit-btn{background:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;min-width:60px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.comment-submit-btn:hover:not(:disabled){background:#0081d6}.comment-submit-btn:disabled{background:#b2dffc;cursor:not-allowed}.comments-list{margin:0;padding:0}.no-comments{background:#fff;color:#8e8e93;font-size:.9rem;padding:20px 16px;text-align:center}.comment-item{background:#fff;border:none;margin:0;padding:8px 16px;transition:all .2s ease}.comment-item:hover{background:#fafafa}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.comment-author{color:#262626;font-size:.9rem;font-weight:600}.comment-date{color:#8e8e93;font-size:.8rem}.comment-content{color:#262626;font-size:.9rem;line-height:1.4;margin-left:0}@media (max-width:768px){.comment-input-group{flex-direction:column;gap:8px}.comment-submit-btn{padding:12px;width:100%}.comment-header{align-items:flex-start;flex-direction:column;gap:4px}.comments-section,.like-section{margin:20px 0;padding:15px}}.adopt-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.adopt-header{color:#333;margin-bottom:3rem;text-align:center}.adopt-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.adopt-header p{color:#666;font-size:1.1rem;margin:0}.search-filter-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;padding:2rem}.search-filter-section h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.search-filters{grid-gap:1.5rem;align-items:end;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#555;font-size:.9rem;font-weight:600}.filter-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;padding:.75rem;transition:all .3s ease}.filter-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-buttons{align-items:end;display:flex;gap:1rem}.reset-btn,.search-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-btn{background:#6c757d;color:#fff}.reset-btn:hover{background:#5a6268;box-shadow:0 8px 25px #6c757d4d;transform:translateY(-2px)}.reset-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.reset-search-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.adopt-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center}.no-pets{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:4rem 2rem;text-align:center}.no-pets-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-pets h2{color:#495057;font-size:1.8rem;margin-bottom:1rem}.no-pets p{color:#6c757d;font-size:1.1rem;margin:0}.pets-grid{grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.pet-card{border:1px solid #fff3;border-radius:25px;box-shadow:0 15px 35px #00000014;position:relative;transition:all .4s ease}.pet-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0000001f;transform:translateY(-8px)}.pet-image{background:linear-gradient(135deg,#f8f9fa,#e9ecef);height:280px;overflow:hidden;position:relative}.pet-detail-image,.pet-image img{display:block;height:100%;margin:0 auto;object-fit:cover;object-position:center;transition:transform .4s ease;width:100%}.pet-card:hover .pet-image img{transform:scale(1.08)}.pet-no-image{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#adb5bd;display:flex;font-size:4rem;height:100%;justify-content:center;opacity:.6;text-align:center;width:100%}.pet-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;position:absolute;right:1rem;text-transform:none;top:1rem}.pet-actions{display:flex;flex-direction:column;gap:.8rem;padding:0 2rem 2rem}.donation-btn{background:#ffffff26;border:1px solid #fff3;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#333;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:none;transition:all .3s ease;width:100%}.donation-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.donation-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.pet-info{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem}.pet-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.pet-details{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.pet-details p{border-bottom:1px solid #f0f0f0;color:#555;font-size:.95rem;line-height:1.5;margin:0;padding:.5rem 0}.pet-details strong{color:#333;display:inline-block;font-weight:600;min-width:60px}.pet-description{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:1rem}.pet-description p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.95rem;line-height:1.7;margin:0;overflow:hidden}.adopt-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-transform:none;transition:all .3s ease;width:100%}.adopt-btn:hover:not(:disabled){background:linear-gradient(45deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.adopt-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.waiting-btn{background:linear-gradient(45deg,#ff9a9e,#fecfef);box-shadow:0 4px 15px #ff9a9e4d}.adopted-btn,.waiting-btn{border:none;border-radius:15px;color:#333;cursor:not-allowed;font-size:1rem;font-weight:600;letter-spacing:.5px;opacity:.9;padding:14px 20px;text-transform:none;width:100%}.adopted-btn{background:linear-gradient(45deg,#a8edea,#fed6e3);box-shadow:0 4px 15px #a8edea4d}@media (max-width:768px){.adopt-container{padding:1rem}.adopt-header h1{font-size:2rem}.search-filters{gap:1rem;grid-template-columns:1fr}.filter-buttons{flex-direction:column;gap:.5rem}.reset-btn,.search-btn{width:100%}.pets-grid{gap:1.5rem;grid-template-columns:1fr}.pet-card{margin:0}.pet-image{height:200px}.pet-info{padding:1rem}.pet-actions{gap:.5rem;padding:1rem}.donation-btn{font-size:.9rem;padding:10px 15px}}@media (max-width:480px){.adopt-container{padding:.5rem}.adopt-header h1{font-size:1.8rem}.pet-name{font-size:1.3rem}.pet-actions{gap:.5rem}.adopt-btn,.adopted-btn,.donation-btn,.waiting-btn{font-size:.9rem;padding:10px 16px}}.adopt-applications-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.adopt-applications-header{color:#333;margin-bottom:3rem;text-align:center}.adopt-applications-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.adopt-applications-header p{color:#666;font-size:1.1rem;margin:0}.adopt-applications-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4ecdc4;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-applications{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:4rem 2rem;text-align:center}.no-applications-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-applications h2{color:#495057;font-size:1.8rem;margin-bottom:1rem}.no-applications p{color:#6c757d;font-size:1.1rem;margin:0}.applications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.application-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.application-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.application-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem}.application-title{color:#333;font-size:1.3rem;font-weight:700;margin:0}.application-status{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.application-info{padding:1.5rem}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h4{border-bottom:2px solid #e9ecef;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.info-section p{color:#666;font-size:.9rem;line-height:1.4;margin:.5rem 0}.info-section strong{color:#333;font-weight:600}.application-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.approve-btn{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.approve-btn:hover:not(:disabled){box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.approve-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.pet-image-container{margin-top:.5rem}.pet-image{border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:180px;max-width:250px}@media (max-width:768px){.adopt-applications-container{padding:1rem}.adopt-applications-header h1{font-size:2rem}.applications-grid{gap:1.5rem;grid-template-columns:1fr}.application-card{border-radius:15px}.application-header{flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.application-info{padding:1rem}.application-actions{flex-direction:column}}@media (max-width:480px){.adopt-applications-container{padding:.5rem}.adopt-applications-header h1{font-size:1.8rem}.application-title{font-size:1.1rem}.approve-btn{font-size:.8rem;padding:8px 16px}}.mypage-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.mypage-header{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;color:#333;margin-bottom:40px;padding:30px;text-align:center}.mypage-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}.mypage-header p{color:#666;font-size:1.2rem;margin:0}.tabs-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.tabs{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab{background:#0000;border:none;color:#666;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:20px;position:relative;transition:all .3s ease}.tab:hover{background:#4ecdc41a;color:#4ecdc4}.tab.active{background:#4ecdc4;color:#fff;transform:translateY(-2px)}.tab.active:after{background:#45b7d1;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-content{padding:40px}.loading{color:#666;font-size:1.2rem;padding:60px;text-align:center}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:10px;color:#c62828;margin-bottom:20px;padding:15px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.section-header h3{color:#333;font-size:1.8rem;font-weight:700;margin:0}.mypage .add-btn,.mypage .browse-btn,.mypage .edit-btn,.mypage .register-btn,.mypage .sponsor-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.mypage .add-btn,.mypage .edit-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff}.mypage .add-btn:hover,.mypage .edit-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.mypage .browse-btn,.mypage .register-btn,.mypage .sponsor-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);color:#fff;font-size:1.1rem;margin-top:20px;padding:15px 30px}.mypage .browse-btn:hover,.mypage .register-btn:hover,.mypage .sponsor-btn:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-3px)}.profile-info{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:15px;padding:30px}.info-item{border-bottom:1px solid #f0f0f0;display:flex;padding:15px 0}.info-item:last-child{border-bottom:none}.info-item .label{color:#555;font-weight:600;margin-right:20px;min-width:120px}.info-item .value{color:#333;flex:1 1}.edit-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:15px;padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:15px;transition:border-color .3s ease;width:100%}.mypage .form-group input:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.form-actions{display:flex;gap:15px;margin-top:30px}.mypage .save-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:15px 30px;transition:all .3s ease}.mypage .save-btn:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.mypage .save-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#e0e0e0;border:none;border-radius:25px;color:#666;cursor:pointer;font-weight:600;padding:15px 30px;transition:all .3s ease}.cancel-btn:hover{background:#d0d0d0;transform:translateY(-2px)}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:20px}.pets-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.pet-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.pet-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.pet-image{height:200px;object-fit:cover;width:100%}.pet-info{padding:20px}.pet-info h4{color:#333;font-size:1.4rem;margin:0 0 15px}.pet-info p{color:#666;margin:8px 0}.mypage .view-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;color:#fff;cursor:pointer;font-weight:600;padding:15px;transition:background .3s ease;width:100%}.mypage .view-btn:hover{background:linear-gradient(45deg,#45b7d1,#4ecdc4)}.adoptions-list{display:flex;flex-direction:column;gap:20px}.adoption-card{background:#fff;border-left:5px solid #4ecdc4;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:25px}.adoption-info h4{color:#333;font-size:1.3rem;margin:0 0 15px}.adoption-info p{color:#666;margin:8px 0}.status{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;margin-top:10px;padding:6px 15px}.status.pending{background:#fff3e0;color:#f57c00}.status.approved{background:#e8f5e8;color:#2e7d32}.status.rejected{background:#ffebee;color:#c62828}.admin-note{background:#f5f5f5;border-left:3px solid #4ecdc4;border-radius:10px;margin-top:15px;padding:15px}.sponsors-list{display:flex;flex-direction:column;gap:20px}.total-amount{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-radius:15px;color:#fff;margin-bottom:20px;padding:25px;text-align:center}.total-amount h4{font-size:1.5rem;margin:0}.sponsor-card{background:#fff;border-left:5px solid #ffb74d;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:25px}.sponsor-info h4{color:#333;font-size:1.3rem;margin:0 0 15px}.sponsor-info p{color:#666;margin:8px 0}.sponsor-message{background:#fff8e1;border-left:3px solid #ffb74d;border-radius:10px;margin-top:15px;padding:15px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-bottom:1px solid #e0e0e0;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:background .3s ease;width:35px}.modal-close:hover{background:#fff3}.modal-body{padding:30px}.sponsor-detail-info h4{border-bottom:2px solid #4ecdc4;color:#333;font-size:1.3rem;margin:0 0 20px;padding-bottom:10px}.detail-item{align-items:center;border-bottom:1px solid #f0e0e0;display:flex;justify-content:space-between;padding:15px 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:#555;font-weight:600;min-width:120px}.detail-item span{color:#333;text-align:right}.detail-item .amount{color:#e74c3c;font-size:1.1rem;font-weight:600}.additional-info{background:#f8f9fa;border-left:4px solid #4ecdc4;border-radius:15px;margin-top:30px;padding:20px}.additional-info h5{color:#333;font-size:1.1rem;margin:0 0 15px}.additional-info p{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 10px}.additional-info ul{margin:15px 0 0;padding-left:20px}.additional-info li{color:#555;line-height:1.4;margin:5px 0}.modal-footer{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:20px 30px}.modal-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.modal-btn:hover{box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}@media (max-width:768px){.mypage-container{padding:15px}.mypage-header h2{font-size:2rem}.tabs{flex-wrap:wrap}.tab{flex:1 1 50%;font-size:1rem;padding:15px 10px}.tab-content{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.pets-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.tab{flex:1 1 100%}.mypage-header{padding:20px}.mypage-header h2{font-size:1.8rem}}
/*# sourceMappingURL=main.014da43c.css.map*/