code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}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}.auth-container{align-items:center;background:#87ceeb;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:15px;box-shadow:0 15px 35px #0000001a;max-width:450px;padding:40px;text-align:center;width:100%}.auth-card h2{color:#333;font-size:28px;margin-bottom:10px}.auth-card p{color:#666;font-size:16px;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-weight:500}.form-group input{box-sizing:border-box;width:100%}.auth-button{background:#4682b4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:20px 0;padding:15px;transition:transform .2s ease;width:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{box-shadow:0 2px 5px #cc33331a}.error-message,.success-message{line-height:1.5;padding:15px;text-align:left}.success-message{box-shadow:0 2px 5px #3399331a}.auth-switch{color:#666;font-size:14px;margin-top:20px}.link-button{background:none;border:none;color:#4682b4;cursor:pointer;font-size:14px;text-decoration:underline}.link-button:hover{color:#1e90ff}.password-strength{margin-top:8px}.strength-bar{border-radius:2px;height:4px;margin-bottom:5px;transition:all .3s ease}.password-strength span{font-size:12px;font-weight:600;text-transform:capitalize}.password-errors{margin-top:5px}.password-error{color:#dc3545;font-size:11px;margin:2px 0}.navigation{background:#4682b4;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand .brand-link{color:#fff;font-size:24px;font-weight:700;text-decoration:none;transition:opacity .2s ease}.nav-brand .brand-link:hover{opacity:.8}.nav-links{align-items:center;display:flex;gap:20px}.hamburger{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;margin-left:auto;margin-right:0;position:absolute;right:20px;top:10px;width:40px;z-index:101}.hamburger-bar{background:#fff;border-radius:2px;height:3px;margin:3px 0;width:24px}.desktop-logout{display:inline-block}.nav-logout{display:none}.nav-link{border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:#fff3;font-weight:600}.nav-user{align-items:center;display:flex;gap:15px}.user-info{color:#fff;gap:8px}.user-avatar{font-size:20px}.user-name{font-size:14px}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.logout-button:hover{background:#ffffff4d}@media (max-width:768px){.nav-content{padding:0 15px;position:relative}.hamburger{display:flex}.nav-links{align-items:flex-start;background:#4682b4;display:none;flex-direction:column;gap:0;left:0;padding:10px 0;position:absolute;right:0;top:60px;z-index:100}.nav-links.open{display:flex}.nav-link,.nav-logout{border-radius:0;font-size:16px;padding:12px 24px;text-align:left;width:100%}.nav-logout{background:#fff3;border:1px solid #ffffff4d;color:#fff;display:block;margin-top:8px}.desktop-logout,.user-name{display:none}}@media (max-width:480px){.nav-links{gap:5px}.nav-link{font-size:11px;padding:4px 8px}.brand-link{font-size:20px!important}}.comment-section{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.view-comments-btn{background:none;border:none;color:#2d6cdf;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:12px;padding:4px 0;transition:color .2s}.view-comments-btn:hover{color:#1557b0;text-decoration:underline}.comments-list{margin-bottom:16px}.comment-item{border-bottom:1px solid #f8f9fa;padding:12px 0}.comment-item:last-child{border-bottom:none}.comment-content{margin-bottom:6px}.comment-username{color:#2d6cdf;font-size:14px;font-weight:600;margin-right:8px}.comment-text{color:#333;font-size:14px;line-height:1.4}.comment-meta{align-items:center;display:flex;gap:12px}.comment-time{color:#888;font-size:12px}.delete-comment-btn{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:12px;padding:2px 4px;transition:background-color .2s}.delete-comment-btn:hover:not(:disabled){background-color:#fee}.delete-comment-btn:disabled{cursor:not-allowed;opacity:.6}.add-comment-form{align-items:center;display:flex;gap:8px}.comment-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.comment-input:focus{border-color:#2d6cdf}.comment-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.submit-comment-btn{background:#2d6cdf;border:none;border-radius:16px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.submit-comment-btn:hover:not(:disabled){background:#1557b0}.submit-comment-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.comment-section{margin-top:12px;padding-top:12px}.comment-item{padding:8px 0}.comment-text,.comment-username{font-size:13px}.comment-time,.delete-comment-btn{font-size:11px}.comment-input{font-size:13px;padding:6px 10px}.submit-comment-btn{font-size:13px;padding:6px 12px}}.section-header-bg{align-items:center;background:#87ceeb;border-radius:16px 16px 0 0;box-shadow:0 4px 16px #4682b41f;display:flex;justify-content:flex-start;padding:32px}.section-header-centered{color:#111;font-size:24px;font-weight:700;margin:0;text-align:left}.homepage{background:#fff;min-height:100vh}.homepage-content{margin:0 auto;max-width:1200px;padding:20px}.welcome-section{background:#87ceeb;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:40px 20px;text-align:center}.welcome-section h1{font-size:32px;font-weight:700;margin:0 0 10px}.welcome-subtitle{font-size:18px;margin:0;opacity:.9}.main-feed{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.feed-section h2{align-items:center;color:#333;display:flex;font-size:24px;gap:10px}.feed-placeholder{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:40px;text-align:center}.feed-empty p{color:#666;font-size:16px;margin:10px 0}.feed-empty p:first-child{color:#333;font-size:20px}.explore-button{background:#4682b4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:transform .2s ease}.explore-button:hover{transform:translateY(-2px)}.sidebar{display:flex;flex-direction:column;gap:20px}.recommendations-section,.stats-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:0}.recommendations-section h3,.stats-section h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px}.no-recommendations{color:#666;padding:20px 0;text-align:center}.no-recommendations p{margin:5px 0}.recommendations-list{display:flex;flex-direction:column;gap:15px}.recommendation-card{background:#fafbfc;border:1px solid #e9ecef;border-radius:0;padding:15px;transition:none}.rec-header{align-items:flex-start;display:flex;margin-bottom:10px}.rec-avatar{font-size:24px;margin-right:0}.rec-info h4{color:#333;font-size:14px;margin:0 0 2px;text-align:left}.rec-info{align-items:flex-start;display:flex;flex-direction:column;margin-left:0}.rec-username{color:#4682b4;font-size:12px;font-weight:600;margin:0 0 4px;text-align:left}.rec-status{align-items:center;color:#666;display:flex;font-size:10px;gap:4px;justify-content:flex-start;text-align:left;text-transform:uppercase}.status-dot{height:6px;width:6px}.rec-details{margin-bottom:12px}.rec-age,.rec-location{color:#666;font-size:12px;margin:2px 0}.rec-hobbies{margin-top:8px}.hobby-tags{gap:4px}.hobby-tag{border-radius:8px;font-size:10px;padding:2px 6px}.hobby-tag.more{background:#6c757d}.rec-actions{display:flex;gap:8px}.follow-button,.message-button,.view-profile-button{border:none;border-radius:20px;cursor:pointer;flex:1 1;font-size:11px!important;font-weight:600!important;padding:4px 12px;text-align:center;transition:all .2s ease;width:100%}.follow-button{background:#4682b4;color:#fff}.follow-button.unfollow{background:#6c757d;color:#fff}.message-button,.view-profile-button{background:#f8f9fa;border:1px solid #e9ecef;color:#666}.follow-button:hover,.message-button:hover,.view-profile-button:hover{transform:translateY(-1px)}.see-all-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#4682b4;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px;transition:all .2s ease;width:100%}.see-all-button:hover{background:#4682b4;color:#fff}.stat-card{display:flex;gap:15px;justify-content:space-between}.stat-item{flex:1 1;text-align:center}.stat-number{font-size:24px;margin-bottom:4px}.stat-label{font-size:12px}.loading-container{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:bounce 1s infinite;font-size:48px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.main-feed{gap:20px;grid-template-columns:1fr}.welcome-section h1{font-size:24px}.welcome-subtitle{font-size:16px}.stat-card{flex-direction:column;gap:10px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#dc3545;font-size:20px;margin:0}.close-button{color:#999;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#666}.modal-content{padding:24px}.warning-section{margin-bottom:24px}.warning-section p{line-height:1.5;margin:0 0 16px}.warning-section ul{margin:16px 0;padding-left:20px}.warning-section li{line-height:1.4;margin:8px 0}.final-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:14px;padding:12px}.confirmation-input{margin-bottom:20px}.confirmation-input label{color:#333;display:block;font-weight:500;margin-bottom:8px}.confirm-input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.confirm-input:focus{border-color:#dc3545;outline:none}.password-section{margin-bottom:20px}.password-section p{color:#333;font-weight:500;margin:0 0 12px}.password-input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:12px;padding:12px;transition:border-color .2s ease;width:100%}.password-input:focus{border-color:#4682b4;outline:none}.security-note{color:#666;font-size:13px;margin:0}.error-message{background:#fee;border-radius:6px;margin:16px 0}.modal-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.continue-button{background:#ffc107;border:1px solid #ffc107;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.continue-button:hover:not(:disabled){background:#e0a800;border-color:#d39e00}.continue-button:disabled{cursor:not-allowed;opacity:.5}.delete-button{background:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#c82333;border-color:#bd2130}.delete-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.delete-modal{margin:20px;width:95%}.modal-header{padding:16px 20px}.modal-content{padding:20px}.modal-actions{flex-direction:column-reverse;padding:16px 20px}.modal-actions button{margin:4px 0;width:100%}}.following-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.following-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.following-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.following-modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#e9ecef}.search-container{border-bottom:1px solid #eee;padding:20px}.search-input{border:1px solid #ddd;font-size:16px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{box-shadow:0 0 0 3px #4682b41a}.following-list{max-height:400px;overflow-y:auto;padding:10px 0}.following-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s}.following-item:hover{background-color:#f8f9fa}.following-item:last-child{border-bottom:none}.user-info{align-items:center;display:flex;flex:1 1}.following-avatar{flex-shrink:0;margin-right:15px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:16px;margin-bottom:2px}.user-username{color:#666;font-size:14px;margin-bottom:2px}.user-breed{color:#888;font-size:13px}.unfollow-button{background-color:#dc3545;border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;margin-left:15px;padding:8px 16px;transition:background-color .2s,opacity .2s}.unfollow-button:hover:not(:disabled){background-color:#c82333}.unfollow-button:disabled{cursor:not-allowed;opacity:.6}.unfollow-button.loading{background-color:#6c757d}.empty-state,.loading-state{color:#666;font-size:16px;padding:40px 20px;text-align:center}.loading-state{color:#4682b4}.empty-state{color:#888}@media (max-width:600px){.following-modal{max-height:85vh;width:95%}.following-modal-header{padding:15px}.following-modal-header h2{font-size:1.3rem}.search-container{padding:15px}.following-item{padding:12px 15px}.user-name{font-size:15px}.user-breed,.user-username{font-size:13px}.unfollow-button{font-size:13px;padding:6px 12px}}.profile-page{background:#fff;min-height:100vh}.profile-content{margin:0 auto;max-width:1000px;padding:20px}.profile-header{background:#87ceeb;border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:30px 20px;text-align:center}.profile-header h1{font-size:28px;font-weight:700;margin:0 0 10px}.profile-header p{font-size:16px;margin:0;opacity:.9}.profile-main{display:flex;justify-content:center}.profile-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:800px;overflow:hidden;width:100%}.profile-avatar-section{background:#87ceeb;color:#fff;padding:40px 30px;text-align:center}.large-avatar-container{cursor:pointer;display:inline-block;height:180px;margin-bottom:15px;position:relative;transition:transform .3s ease;width:180px}.large-avatar-container:hover{transform:scale(1.05)}.profile-large-avatar{border-radius:50%;box-shadow:0 8px 25px #0003;display:block;height:180px;overflow:hidden;width:180px}.profile-large-avatar .avatar-image{background:#0000;border-radius:50%;display:block;height:180px;object-fit:cover;object-position:center;width:180px}.avatar-edit-overlay{align-items:center;background:#0009;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.large-avatar-container:hover .avatar-edit-overlay{opacity:1}.edit-icon{color:#fff;font-size:40px;font-weight:300;line-height:1;-webkit-user-select:none;user-select:none}.upload-spinner{background:#4682b4e6;border-radius:20px;color:#fff;font-size:12px;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.profile-avatar-section h2{font-size:32px;font-weight:700;margin:0 0 5px}.username{font-size:18px;font-weight:500;margin:0 0 20px;opacity:.8}.profile-stats{align-items:center;display:flex;gap:30px;justify-content:space-evenly;margin:25px 0;padding:0 20px}.stat{flex:1 1;min-width:80px;text-align:center}.stat.clickable-stat{border-radius:8px;cursor:pointer;padding:10px;transition:transform .2s,background-color .2s}.stat.clickable-stat:hover{background-color:#4682b40d;transform:translateY(-2px)}.stat.clickable-stat:hover .stat-number{color:#357ab8}.stat.clickable-stat:hover .stat-label{color:#555}.stat-number{color:#4682b4;display:block;font-size:28px;margin-bottom:6px}.stat-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.8px;opacity:.9;text-transform:uppercase}.profile-info{padding:30px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px}.success-message{background-color:#efe;border:1px solid #cfc;border-radius:8px;color:#363}.info-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:30px}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#333;font-size:20px;margin:0}.edit-button{background:#4682b4;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:transform .2s ease}.edit-button:hover{transform:translateY(-1px)}.edit-actions{display:flex;gap:10px}.cancel-button,.save-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:transform .2s ease}.save-button{background:#28a745;color:#fff}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover,.save-button:hover{transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-form{gap:20px}.edit-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus{border-color:#4682b4;outline:none}.info-display{display:flex;flex-direction:column;gap:15px}.info-item{align-items:center;background:#f8f9fa;border:1px solid #000;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:12px}.info-label{color:#333;font-size:14px;font-weight:600;min-width:100px}.info-value{color:#666;flex:1 1;font-size:14px;text-align:left}.info-value.status-indicator{align-items:center;display:flex;justify-content:flex-start}.hobby-tags{display:flex;flex-wrap:wrap;gap:6px}.hobby-tag{background:#4682b4;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.no-hobbies{color:#999;font-style:italic}.status-indicator{display:inline-block;text-align:left}.status-indicator.online{color:#4682b4;font-weight:600}.status-indicator.online:before{background-color:#4caf50;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;vertical-align:middle;width:8px}.settings-options{display:flex;flex-direction:column;gap:15px}.setting-item{align-items:center;background:#f8f9fa;border:1px solid #000;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:12px}.setting-status{color:#666;font-weight:600}.toggle-button{background:#f8f9fa;border:2px solid #dee2e6;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.toggle-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.toggle-button.enabled{background:#4caf50;border-color:#4caf50;color:#fff}.toggle-button.disabled{background:#6c757d;border-color:#6c757d;color:#fff}.toggle-button.public{background:#4682b4;border-color:#4682b4;color:#fff}.toggle-button.private{background:#ffc107;border-color:#ffc107;color:#212529}.danger-zone{border-top:2px solid #fee;margin-top:30px;padding-top:30px}.danger-zone h3{color:#dc3545;font-size:16px;margin:0 0 15px}.danger-warning{color:#666;font-size:14px;line-height:1.4;margin:0 0 15px}.danger-button{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.danger-button:hover:not(:disabled){background:#c82333}.danger-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.profile-content{padding:15px}.profile-header{padding:20px 15px}.profile-header h1{font-size:24px}.profile-stats{gap:20px}.large-avatar-container{margin-bottom:10px}.large-avatar-container,.profile-large-avatar,.profile-large-avatar .avatar-image{height:140px;width:140px}.edit-icon{font-size:30px}.profile-avatar-section h2{font-size:24px}.profile-info{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.edit-actions{align-self:flex-end}.info-item{flex-direction:column;gap:5px}.info-label{min-width:auto}}.explore-page{background-color:#fff;min-height:100vh}.explore-container{margin:0 auto;max-width:1200px;padding:100px 20px 40px}.explore-header{margin-bottom:40px;text-align:center}.explore-header h1{color:#4682b4;font-size:2.5rem;font-weight:700;margin-bottom:10px}.explore-header p{color:#666;font-size:1.1rem}.explore-tabs{border-bottom:2px solid #f0f0f0;display:flex;justify-content:center;margin-bottom:40px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:15px 30px;transition:all .3s ease}.tab-button:hover{color:#4682b4}.tab-button.active{border-bottom-color:#4682b4;color:#4682b4}.search-section{margin-bottom:30px}.search-container{display:flex;gap:10px;margin:0 auto;max-width:600px}.search-input{border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .3s ease}.search-input:focus{border-color:#4682b4}.search-button{background-color:#4682b4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.search-button:hover{background-color:#357299}.loading{font-size:1.1rem;padding:60px 20px}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.user-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.user-card:hover{border-color:#4682b4;box-shadow:0 8px 25px #4682b426;transform:translateY(-2px)}.user-avatar{background:#0000!important}.user-name{margin:0}.user-name h3{color:#333;font-size:1.3rem;font-weight:700;margin:0}.user-details{text-align:center;width:100%}.breed-age{color:#4682b4;font-size:.9rem;font-weight:600;margin:0 0 8px}.user-description{color:#666;font-size:.9rem;line-height:1.4;margin:0}.user-actions{display:flex;gap:8px;justify-content:center;width:100%}.user-status{margin-top:8px;width:100%}.status-indicator{align-items:center;display:flex;gap:6px;justify-content:center}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-indicator.online .status-dot{background-color:#4caf50}.status-indicator.offline .status-dot{background-color:#9e9e9e}.status-text{font-size:.8rem;font-weight:500}.status-indicator.online .status-text{color:#4caf50}.status-indicator.offline .status-text{color:#9e9e9e}.connect-button{background-color:#4682b4;border:2px solid #4682b4;border-radius:20px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;max-width:120px;min-width:120px;overflow:hidden;padding:8px 16px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:120px!important}.connect-button:hover{background-color:#357299;border-color:#357299}.view-profile-button{background:none;border:2px solid #4682b4;border-radius:20px;box-sizing:border-box;color:#4682b4;cursor:pointer;font-size:.9rem;font-weight:500;max-width:120px;min-width:120px;overflow:hidden;padding:8px 16px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:120px!important}.view-profile-button:hover{background-color:#4682b4;color:#fff}.no-results{color:#666;padding:60px 20px;text-align:center}.trending-section{padding:20px 0}.trending-content h2{color:#4682b4;font-size:2rem;margin-bottom:30px;text-align:center}.trending-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.trending-tag{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;color:#4682b4;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.trending-tag:hover{background-color:#4682b4;border-color:#4682b4;color:#fff}.trending-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#4682b4;transform:translateY(-2px)}.stat-card h3{color:#4682b4;font-size:1.1rem;margin-bottom:15px}.stat-number{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-card p{color:#666;font-size:.9rem}.suggested-connections{background:#fff;border:2px solid #f0f0f0;border-radius:12px;margin-top:30px;padding:30px}.suggested-connections h3{color:#4682b4;font-size:1.3rem;margin-bottom:20px}.suggestions-list{display:flex;flex-direction:column;gap:15px}.suggestion-item{align-items:center;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.suggestion-item:hover{background-color:#f8f9fa;border-color:#4682b4}.suggestion-info{display:flex;flex:1 1;flex-direction:column}.suggestion-name{color:#333;font-weight:600;margin-bottom:2px}.suggestion-reason{color:#666;font-size:.85rem}.suggestion-connect{background-color:#4682b4;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.suggestion-connect:hover{background-color:#357299}@media (max-width:768px){.explore-container{padding:100px 15px 20px}.explore-header h1{font-size:2rem}.search-container{flex-direction:column}.trending-stats,.users-grid{grid-template-columns:1fr}.explore-tabs{margin-bottom:20px}.tab-button{font-size:.9rem;padding:12px 20px}}.messages-page{background-color:#fff;min-height:100vh}.messages-container{display:flex;height:calc(100vh - 70px)}.messages-sidebar{background-color:#fff;border-right:2px solid #f0f0f0;display:flex;flex-direction:column;width:350px}.messages-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.messages-header h2{color:#4682b4;font-size:1.5rem;margin:0}.new-message-button{background-color:#4682b4;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.new-message-button:hover{background-color:#357299}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:background-color .3s ease}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.active{background-color:#e3f2fd;border-right:3px solid #4682b4}.conversation-avatar{align-items:center;background-color:#4682b4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:45px;justify-content:center;margin-right:15px;width:45px}.conversation-info{flex:1 1;min-width:0}.conversation-user{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.user-name{color:#333;font-size:.95rem;font-weight:600}.timestamp{color:#666;font-size:.8rem}.last-message{align-items:center;display:flex;gap:8px}.last-message span{color:#666;flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message span.unread{color:#333;font-weight:600}.unread-dot{background-color:#4682b4;border-radius:50%;flex-shrink:0;height:8px;width:8px}.loading{color:#4682b4}.loading,.no-conversations{padding:40px 20px;text-align:center}.no-conversations{color:#666}.messages-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column}.conversation-header{align-items:center;background-color:#fff;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.conversation-user-info{align-items:center;display:flex;gap:15px}.user-avatar{align-items:center;background-color:#4682b4;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.user-details h3{color:#333;font-size:1.1rem;margin:0 0 3px}.user-status{color:#4caf50;font-size:.85rem;font-weight:500}.conversation-actions{display:flex;gap:10px}.action-button{background:none;border:2px solid #4682b4;border-radius:20px;color:#4682b4;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.action-button:hover{background-color:#4682b4;color:#fff}.messages-content{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:20px}.messages-list{display:flex;flex-direction:column;gap:5px}.message{display:flex;margin-bottom:0}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{border-radius:18px;max-width:45%;padding:12px 16px;position:relative}.message.sent .message-content{background-color:#4682b4;border-bottom-right-radius:6px;color:#fff}.message.received .message-content{background-color:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:6px;color:#333}.message-content p{word-wrap:break-word;line-height:1.4;margin:0 0 5px}.message-timestamp{font-size:.75rem;margin-bottom:0;margin-top:2px;opacity:.7;padding:0 2px;text-align:inherit;width:auto}.message-input-container{background-color:#fff;border-top:2px solid #f0f0f0;padding:20px}.message-input-wrapper{align-items:flex-end;display:flex;gap:10px;max-width:100%}.message-input{border:2px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:20px;outline:none;padding:12px 16px;resize:none;transition:border-color .3s ease}.message-input:focus{border-color:#4682b4}.send-button{background-color:#4682b4;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background-color .3s ease;white-space:nowrap}.send-button:hover:not(:disabled){background-color:#357299}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.no-conversation-selected{align-items:center;background-color:#fafafa;display:flex;height:100%;justify-content:center}.empty-state{color:#666;text-align:center}.empty-state h3{color:#4682b4;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1rem;margin-bottom:20px}.start-conversation-button{background-color:#4682b4;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.start-conversation-button:hover{background-color:#357299}@media (max-width:768px){.messages-container{flex-direction:column}.messages-sidebar{border-bottom:2px solid #f0f0f0;border-right:none;height:40vh;width:100%}.messages-main{height:60vh}.conversation-actions{display:none}.message-content{max-width:85%}.user-details h3{font-size:1rem}.conversation-header,.message-input-container,.messages-content{padding:15px}}@media (max-width:480px){.messages-sidebar{width:100%}.conversation-item{padding:12px 15px}.conversation-avatar{font-size:1rem;height:40px;width:40px}.user-avatar{font-size:1.1rem;height:45px;width:45px}.messages-header{padding:15px}.messages-header h2{font-size:1.3rem}}.page-container{background:#f8f9fa;min-height:100vh}.notifications-page{margin:0 auto;max-width:600px;padding:80px 20px 20px}.notifications-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.notifications-header h2{color:#2d6cdf;font-size:28px;gap:12px;margin:0}.notifications-header h2,.unread-badge{align-items:center;display:flex;font-weight:600}.unread-badge{background:#dc3545;border-radius:50%;color:#fff;font-size:12px;height:24px;justify-content:center;line-height:1;min-width:24px;padding:0;text-align:center}.mark-all-read-btn{background:#2d6cdf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.mark-all-read-btn:hover{background:#1557b0}.notifications-empty,.notifications-loading{color:#6c757d;padding:40px 20px;text-align:center}.notifications-empty-subtitle{color:#9ca3af;font-size:14px;margin-top:8px}.notifications-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.notification-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:16px 20px;position:relative;transition:background-color .2s}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#f0f7ff;border-left:4px solid #2d6cdf}.notification-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:16px}.notification-avatar{border:2px solid #e9ecef;transition:border-color .2s}.notification-system-avatar{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.notification-item:hover .notification-avatar,.notification-item:hover .notification-system-avatar{border-color:#2d6cdf}.notification-content{flex:1 1}.notification-message{color:#212529;font-size:16px;font-weight:500;margin-bottom:4px}.notification-time{color:#6c757d;font-size:14px}.notification-unread-dot{background:#2d6cdf;border-radius:50%;flex-shrink:0;height:8px;margin-left:12px;width:8px}.follow-request-actions{display:flex;gap:8px;margin-top:12px}.accept-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:background-color .2s}.accept-btn{background:#28a745;color:#fff}.accept-btn:hover{background:#218838}.reject-btn{background:#dc3545;color:#fff}.reject-btn:hover{background:#c82333}@media (max-width:768px){.notifications-page{padding:16px}.notifications-header{align-items:flex-start;flex-direction:column;gap:12px}.notification-item{padding:12px 16px}.notification-icon{margin-right:12px}.notification-icon .notification-avatar,.notification-system-avatar{height:32px!important;width:32px!important}.notification-system-avatar{font-size:14px}.notification-message{font-size:15px}}
/*# sourceMappingURL=main.c1a585b6.css.map*/