:root{--color-primary: #7d2199;--color-primary-hover: #c052ff;--color-primary-light: #5c0f78;--color-primary-dark: #9408b0;--pupping-pink: #CC06F6;--pupping-gradient: linear-gradient(120deg, var(--color-white) 20%, var(--pupping-pink) 100%);--color-secondary: #8f25bc;--color-secondary-hover: #ff9800;--color-secondary-light: #ffcc80;--color-secondary-dark: #f57c00;--input-bg-color: #1b1b1be2;--input-color: #ffffff;--input-border-color: #555555;--color-white: #ffffff;--color-white-hover: #f2f2f2;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-success: #4caf50;--color-success-hover: #45a049;--color-success-light: #c8e6c9;--color-warning: #ff9800;--color-warning-hover: #f57c00;--color-warning-light: #ffe0b2;--color-error: #f44336;--color-error-hover: #d32f2f;--color-error-light: #ffcdd2;--color-info: #2196f3;--color-info-hover: #1976d2;--color-info-light: #bbdefb;--text-primary: #0e0e0e;--text-secondary: #242424;--text-tertiary: #999999;--text-disabled: #cccccc;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-dark: #343a40;--bg-overlay: rgba(0, 0, 0, .5);--bg-backdrop: rgba(0, 0, 0, .1);--border-primary: #dfc2ef;--border-secondary: #dee2e6;--border-focus: var(--color-primary);--border-error: var(--color-error);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-3xs: .125rem;--spacing-2xs: .1875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 6rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-color: var(--border-secondary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.report-btn{background:none;border:none;color:#c00;cursor:pointer;font-size:18px}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}}.white-group{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:8px}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-400) transparent}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{font-family:Montserrat,sans-serif;margin:0;padding:0;box-sizing:border-box}::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.app{width:100%;height:fit-content}.standalone-container{min-height:100vh;padding-top:2rem;padding-bottom:2rem}#root{width:100%;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#fff,#f8f9fa);display:flex;align-items:center;justify-content:center;z-index:20000;opacity:1;visibility:visible}.splash-screen.exiting{animation:fadeOut .5s ease-out forwards}.splash-content{animation:gelatinousEntry .8s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0;transform:scale(.3)}@keyframes gelatinousEntry{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}65%{transform:scale(.95)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.splash-content.bounce{animation:gelatinousBounce 1s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes gelatinousBounce{0%{opacity:0;transform:scale(.2) translateY(-50px)}40%{opacity:1;transform:scale(1.15) translateY(10px)}60%{transform:scale(.9) translateY(-5px)}75%{transform:scale(1.08) translateY(3px)}90%{transform:scale(.97) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.splash-content{max-width:90%}}.logo{width:200px;height:100px;align-items:center;justify-content:center;scale:1;color:pink}.logo svg{width:100%;height:100%}.construction-banner{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:all}.construction-banner *{pointer-events:auto}.construction-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pupping-gradient);opacity:1;pointer-events:none}.construction-banner__content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column}.construction-banner__header{padding:2rem;display:flex;justify-content:flex-end}@media(max-width:768px){.construction-banner__header{padding:1rem 1rem .5rem;justify-content:center}.construction-banner__language{border-radius:1rem;padding:.5rem 1rem;margin-top:.5rem;margin-bottom:.5rem;max-width:90vw;display:flex;align-items:center;justify-content:center}}.construction-banner__language{z-index:999;border-radius:.5rem;padding:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.construction-banner__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:2rem;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.construction-banner__title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.construction-banner__message{font-size:1.5rem;color:#f0f0f0;max-width:600px;line-height:1.8;margin-bottom:3rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.construction-banner__animation{display:flex;justify-content:center;align-items:center;gap:1rem}.construction-banner__spinner{width:30px;height:30px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.construction-banner__header{padding:1rem}.construction-banner__icon{font-size:5rem;margin-bottom:1.5rem}.construction-banner__title{font-size:2rem;margin-bottom:1rem}.construction-banner__message{font-size:1.2rem;margin-bottom:2rem;padding:0 1rem}.construction-banner__spinner{width:40px;height:40px;border-width:4px}}@media(max-width:480px){.construction-banner__icon{font-size:4rem}.construction-banner__title{font-size:1.5rem}.construction-banner__message{font-size:1rem}}.language-selector{position:relative;display:inline-block}.language-selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--pupping-pink);min-width:fit-content}.language-selector-trigger:hover{background-color:#f9fafb;border-color:#d1d5db}.language-selector-small{padding:6px 8px;font-size:12px;border-radius:6px}.language-selector-medium{padding:8px 12px;font-size:14px;border-radius:8px}.language-selector-large{padding:10px 16px;font-size:16px;border-radius:10px}.language-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;display:inline-block;box-shadow:0 1px 2px #0000001a}.language-name{white-space:nowrap}.language-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.language-selector-trigger:hover .language-arrow{color:#374151}.language-selector-overlay{position:fixed;inset:0;background-color:transparent;z-index:998;display:none}@media(max-width:768px){.language-selector-overlay{display:block}}.language-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:999;animation:languageDropdownSlideIn .15s ease-out;transform-origin:top right;overflow:hidden}@keyframes languageDropdownSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .15s ease;font-size:14px;color:#374151}.language-option:hover{background-color:#f9fafb}.language-option:focus{outline:none;background-color:#f3f4f6}.language-option-active{background-color:#eff6ff;color:#1d4ed8}.language-option-active:hover{background-color:#dbeafe}.language-option-flag{width:28px;height:21px;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}.language-option-name{flex:1;font-weight:500}.language-option-check{color:var(--color-white);font-weight:700;font-size:12px}@media(max-width:768px){.language-selector-dropdown{height:fit-content;position:fixed;inset:0 16px 16px;min-width:auto;max-width:none;border-radius:12px;animation:languageDropdownSlideUp .2s ease-out}@keyframes languageDropdownSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.language-option{padding:16px 20px;font-size:16px}.language-option-flag{font-size:18px;width:24px}}.language-selector-trigger.flag-only{padding:0;min-width:auto;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;overflow:hidden}.language-selector-trigger.flag-only .language-flag{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;box-shadow:none}.language-selector-small.flag-only .language-flag{width:100%;height:100%}.language-selector-large.flag-only{padding:0;width:48px;height:48px}.language-selector-large.flag-only .language-flag{width:100%;height:100%}.home{background:var(--pupping-gradient);min-height:100vh;display:flex;flex-direction:column}.posts-social-container{display:flex;flex-direction:row;gap:20px;padding:0 20px}@media(max-width:768px){.posts-social-container{flex-direction:column;padding:0 10px}}.ads-gallery{background:var(--color-white);padding:2px;overflow:hidden;--gallery-height: 220px}.ads-gallery-container{max-width:1400px;margin:0 auto;height:var(--gallery-height)}.loading-message{text-align:center;color:var(--color-white);padding:2rem;font-size:1.1rem}.ads-slider{position:relative;width:100%;height:100%;overflow:hidden;padding:0}.slider-track{display:flex;transition:transform .6s cubic-bezier(.645,.045,.355,1);width:100%;height:100%}.ad-slide{flex-shrink:0;box-sizing:border-box;height:100%}.ad-slide .ad-banner{height:100%;border-radius:0}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#1a1a1a;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;box-shadow:0 4px 15px #0000004d}.ads-slider:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.slider-arrow-left{left:20px}.slider-arrow-right{right:20px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .3s ease;padding:0}.slider-dot:hover{background:#fffc;transform:scale(1.2)}.slider-dot.active{background:#fff;width:30px;border-radius:6px}@media(max-width:1024px){.ads-gallery{--gallery-height: 350px}}@media(max-width:768px){.ads-gallery{--gallery-height: 300px}.slider-arrow{width:40px;height:40px;font-size:1.5rem}.slider-arrow-left{left:10px}.slider-arrow-right{right:10px}}@media(max-width:480px){.ads-gallery{--gallery-height: 250px}.slider-dots{bottom:10px;gap:8px}.slider-dot{width:10px;height:10px}.slider-dot.active{width:24px}}.popup-overlay{position:fixed;inset:0;background-color:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.popup-overlay.open{opacity:1;visibility:visible}.popup-container{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.9) translateY(20px);transition:transform var(--transition-normal)}.popup-overlay.open .popup-container{transform:scale(1) translateY(0)}.popup-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-primary)}.popup-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-black);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.popup-icon{font-size:var(--font-size-3xl)}.popup-icon.success{color:var(--color-success)}.popup-icon.error{color:var(--color-error)}.popup-icon.warning{color:var(--color-warning)}.popup-icon.info{color:var(--color-info)}.popup-body{padding:var(--spacing-xl) var(--spacing-2xl)}.popup-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.popup-footer{padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);display:flex;gap:var(--spacing-md);justify-content:flex-end;align-items:center}.popup-footer.center{justify-content:center}.popup-footer.space-between{justify-content:space-between}.popup-timer{position:absolute;bottom:0;left:0;height:3px;background-color:var(--color-primary);transition:width linear;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl)}.popup-loading{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.popup-spinner{width:16px;height:16px;border:2px solid var(--color-gray-300);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}@media(max-width:640px){.popup-overlay{padding:var(--spacing-md)}.popup-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md)}.popup-title{font-size:var(--font-size-xl)}.popup-body{padding:var(--spacing-lg) var(--spacing-xl)}.popup-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);flex-direction:column-reverse}.popup-footer button{width:100%}}.popup-error-details{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.popup-toggle-details{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast)}.popup-toggle-details:hover{color:var(--color-primary-hover)}.popup-technical-details{margin-top:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);overflow:hidden}.popup-error-code{margin:0;padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);background:transparent;white-space:pre-wrap;word-break:break-all;overflow-x:auto;max-height:200px;overflow-y:auto}.popup-container.ad-popup-large{max-width:950px;padding:0}.popup-container.ad-popup-large .popup-body{padding:0}.popup-container.ad-popup-large .popup-footer{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);background:#fff;border-top:1px solid var(--border-primary)}@media(max-width:768px){.popup-container.ad-popup-large{max-width:95vw}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;height:fit-content;cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;transition:var(--transition-normal);outline:none}.btn:focus-visible{box-shadow:0 0 0 3px #ff6b6b33}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border:2px solid var(--color-primary)}.btn-primary:hover:not([disabled]){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background:transparent;color:inherit;border:2px solid transparent}.btn-ghost:hover:not([disabled]){background:var(--bg-backdrop)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not([disabled]){background:var(--color-primary);color:var(--text-inverse)}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn[disabled],.btn.btn-disabled{opacity:.45;cursor:not-allowed;transform:none}.btn{border:none;cursor:pointer;font-weight:600;transition:all .3s ease;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:inherit}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary{background:var(--color-gray-900);color:#fff}.btn-pink{background:#fff;color:var(--pupping-pink)}.btn-pink:hover{background:#e6e4e4}.btn-primary:hover:not(.btn-disabled){background:var(--pupping-pink);border-color:var(--pupping-pink)}.btn-secondary{background:transparent;color:var(--pupping-pink)}.btn-secondary:hover:not(.btn-disabled){color:var(--pupping-pink);border-color:var(--pupping-pink);border-width:2px;border-style:solid}.btn-outline{background:transparent;color:var(--pupping-pink);border:2px solid var(--pupping-pink)}.btn-outline:hover:not(.btn-disabled){background:var(--pupping-pink);color:#fff}.btn-gold{background:linear-gradient(135deg,#ffdf5f,#eeb34c);color:var(--color-black);border:none}.btn-gold:hover{background:linear-gradient(135deg,#eeb34c,#ffdf5f)}@media(max-width:768px){.btn-large{padding:.625rem 1.5rem;font-size:1rem}.btn-medium{padding:.5rem 1.25rem;font-size:.9rem}}.ad-banner{position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.ad-banner-empty{background:transparent;cursor:default}.ad-banner-empty:hover{transform:none;box-shadow:none}.ad-banner:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.ad-banner-preview{cursor:default;opacity:.95}.ad-banner-preview:hover{transform:none;box-shadow:0 4px 12px #0000001a}.banner-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ad-banner:hover .banner-image{transform:scale(1.05)}.ad-banner-preview:hover .banner-image{transform:none}.banner-overlay{height:100%;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000d9,#0009,#0000);padding:1.5rem;transition:background .3s ease}.banner-overlay-empty{background:transparent!important;position:relative;display:flex;align-items:center;justify-content:center}.banner-overlay-empty .banner-content{text-align:center;max-width:90%}.ad-banner:hover .banner-overlay{background:linear-gradient(to top,#000000e6,#000000b3,#0000001a)}.ad-banner:hover .banner-overlay-empty{background:transparent!important}.banner-content{display:flex;flex-direction:column;gap:.5rem}.banner-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-description{font-size:.9rem;color:#ffffffe6;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-link{align-self:flex-start;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.banner-link:hover{background:var(--color-primary);transform:translate(4px)}.banner-preview-label{align-self:flex-start;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border-radius:8px;font-weight:600;font-size:.85rem;margin-top:.25rem}.adpupping-popup-content{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;margin:0 auto}.ad-popup-image-container{width:100%;border-radius:12px 12px 0 0;overflow:hidden;background:#000}.ad-popup-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.ad-popup-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff}.ad-popup-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.ad-popup-description-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.ad-popup-description{font-size:1rem;color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}@media(max-width:768px){.ad-popup-image{max-height:250px}.ad-popup-title{font-size:1.5rem}.ad-popup-info{padding:1.25rem}.ad-popup-description-box{padding:1rem}.ad-popup-description{font-size:.95rem}}@media(max-width:480px){.ad-banner{height:240px}.banner-title{font-size:1.1rem}.banner-description{font-size:.85rem}.banner-link,.banner-preview-label{font-size:.85rem;padding:.4rem .85rem}}@media(max-width:480px){.ad-banner{height:200px}.banner-overlay{padding:1rem}.banner-title{font-size:1rem}.banner-description{font-size:.8rem;-webkit-line-clamp:1}}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner-fullscreen{position:fixed;inset:0;background:#ffffffe6;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{border-radius:50%;border-style:solid;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border-width:2px}.spinner-medium{width:32px;height:32px;border-width:3px}.spinner-large{width:50px;height:50px;border-width:4px}.spinner-xl{width:64px;height:64px;border-width:5px}.spinner-primary{border-color:#ff69b41a;border-top-color:var(--pupping-pink, #ff6b6b)}.spinner-secondary{border-color:#f3f3f34d;border-top-color:#8b5cf6}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-dark{border-color:#0000001a;border-top-color:#333}.spinner-text{margin:0;font-size:1rem;color:var(--pupping-pink, #ff6b6b);font-weight:400;text-align:center}.slot-ad{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;transition:transform .2s ease}.slot-ad:hover:not(.slot-ad-loading){transform:translateY(-2px)}.slot-ad-fadein{animation:fadeIn .5s ease-in forwards}.slot-ad-fadeout{animation:fadeOut .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.slot-ad-loading{min-height:200px;background:#f9fafb;border:1px dashed #d1d5db}.slot-ad-empty{opacity:.85}.slot-ad-empty:hover{opacity:1}.slot-ad-badge{position:absolute;display:none;top:12px;right:12px;padding:6px 12px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:20px;font-size:.75rem;font-weight:600;color:#374151;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none}.slot-ad-corporate .slot-ad-badge{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}.slot-ad-corporate.slot-ad-empty{background:linear-gradient(120deg,#ce06f681 20%,#7d0b9474 60%);position:relative}.slot-ad-corporate.slot-ad-empty:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(125,33,153,.15) 8%,transparent 8%),radial-gradient(circle at 25% 85%,rgba(125,33,153,.12) 6%,transparent 6%),radial-gradient(circle at 30% 80%,rgba(125,33,153,.12) 5%,transparent 5%),radial-gradient(circle at 32% 85%,rgba(125,33,153,.1) 4%,transparent 4%),radial-gradient(circle at 60% 60%,rgba(125,33,153,.15) 8%,transparent 8%),radial-gradient(circle at 65% 65%,rgba(125,33,153,.12) 6%,transparent 6%),radial-gradient(circle at 70% 60%,rgba(125,33,153,.12) 5%,transparent 5%),radial-gradient(circle at 72% 65%,rgba(125,33,153,.1) 4%,transparent 4%),radial-gradient(circle at 40% 40%,rgba(125,33,153,.15) 8%,transparent 8%),radial-gradient(circle at 45% 45%,rgba(125,33,153,.12) 6%,transparent 6%),radial-gradient(circle at 50% 40%,rgba(125,33,153,.12) 5%,transparent 5%),radial-gradient(circle at 52% 45%,rgba(125,33,153,.1) 4%,transparent 4%);background-size:200px 200px;background-position:0 100%;animation:pawPrintsRising 8s linear infinite;opacity:.6;pointer-events:none}@keyframes pawPrintsRising{0%{background-position:0 100%}to{background-position:0 -100%}}.slot-ad-community{border:4px dashed #eaeaea;background:#bebebe}.slot-ad-community .slot-ad-badge{background:#10b9811a;border-color:#10b981;color:#065f46}.slot-ad-community-button{position:absolute;bottom:20px;padding:12px 24px;border:none;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:20;scale:.8;white-space:nowrap}.slot-ad-community-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.slot-ad-external{border:2px dashed #d1d5db;background:#acd2f7}@media(max-width:768px){.slot-ad-loading{min-height:160px}.slot-ad-badge{top:8px;right:8px;padding:4px 8px;font-size:.7rem}}.recent-profiles{padding:2rem 0;background:var(--color-white);--profiles-height: 380px}.recent-profiles-container{max-width:1400px;margin:0 auto}.recent-profiles-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--pupping-pink);padding-left:2rem;text-align:start}.profiles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.profiles-loading .spinner{width:50px;height:50px;border:4px solid rgba(255,105,180,.1);border-top-color:var(--pupping-pink);border-radius:50%;animation:spin 1s linear infinite}.profiles-loading p{color:var(--pupping-pink);font-size:var(--font-size-base)}.profiles-slider{position:relative;width:100%;height:var(--profiles-height);overflow:hidden;padding:20px}.profiles-track{display:flex;transition:transform .6s cubic-bezier(.645,.045,.355,1);width:100%;height:100%;margin:-20px;padding:20px}.profile-slide{flex-shrink:0;box-sizing:border-box;height:100%}.profile-card{position:relative;background:var(--color-white);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color);height:100%;overflow:hidden;cursor:pointer}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.profile-urgent-label{position:absolute;top:12px;left:12px;background:#ff6b35;color:#fff;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 2px 8px #ff6b3566}.profile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#fffffff2,#ffffffd9,#fff0);padding:20px 16px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#1a1a1a;margin:0 0 4px}.profile-location{font-size:var(--font-size-sm);color:#4a4a4a;margin:0}.profiles-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;color:#1a1a1a;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;box-shadow:0 4px 15px #0003}.profiles-slider:hover .profiles-arrow{opacity:1}.profiles-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.profiles-arrow-left{left:20px}.profiles-arrow-right{right:20px}.profiles-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.profiles-dot{width:12px;height:12px;border-radius:50%;background:#0000004d;border:2px solid rgba(0,0,0,.5);cursor:pointer;transition:all .3s ease;padding:0}.profiles-dot:hover{background:#00000080;transform:scale(1.2)}.profiles-dot.active{background:var(--color-primary);width:30px;border-radius:6px;border-color:var(--color-primary)}.profiles-actions{display:flex;justify-content:center;gap:var(--spacing-lg)}.profiles-main-btn{padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.profiles-main-btn.primary{background:var(--pupping-pink);color:#fff}.profiles-main-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.profiles-main-btn.secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.profiles-main-btn.secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.recent-profiles{--profiles-height: 350px}.profiles-arrow{width:40px;height:40px;font-size:1.5rem}}@media(max-width:768px){.recent-profiles{padding:var(--spacing-lg) 0}.recent-profiles-title{font-size:var(--font-size-2xl);padding-left:var(--spacing-md)}.recent-profiles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-md)}.profile-grid-item{width:100%;height:240px}.profile-grid-item .profile-card{height:100%;border-radius:var(--radius-lg)}.profiles-slider{display:none}.profiles-actions{flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}.profiles-main-btn{width:100%}.profile-urgent-label{font-size:.7rem;padding:4px 8px}.profile-overlay{padding:15px 12px 12px}.profile-name{font-size:var(--font-size-base)}}@media(max-width:480px){.profile-grid-item{height:200px}.profiles-dots{bottom:10px;gap:8px}.profiles-dot{width:10px;height:10px}.profiles-dot.active{width:24px}.profile-urgent-label{font-size:.65rem;padding:4px 6px;top:8px;left:8px}.profile-overlay{padding:12px 10px 10px}.profile-name{font-size:var(--font-size-sm)}.profile-location{font-size:.7rem}}.auth-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.auth-modal__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;animation:fadeIn .2s ease-out}.auth-modal__container{position:relative;z-index:2;width:100%;max-width:400px;max-height:90vh;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal__close{position:absolute;top:1rem;right:1rem;z-index:10;width:40px;height:40px;background:#fffffff2;border:1px solid var(--border-primary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.auth-modal__close:hover{background:#fff;color:var(--text-primary);border-color:var(--border-secondary);transform:rotate(90deg)}.auth-modal__close:active{transform:rotate(90deg) scale(.95)}.auth-modal__content{width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden}.auth-modal__content::-webkit-scrollbar{width:8px}.auth-modal__content::-webkit-scrollbar-track{background:var(--bg-secondary)}.auth-modal__content::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.auth-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media(max-width:768px){.auth-modal{padding:0;align-items:flex-start}.auth-modal__container{max-width:100%;max-height:100vh;min-height:100vh;border-radius:0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.auth-modal__close{top:.75rem;right:.75rem;width:36px;height:36px;font-size:1.25rem}.auth-modal__content{max-height:100vh}}@media(max-width:480px){.auth-modal__close{background:#fffffffa;box-shadow:var(--shadow-md)}}.auth{background:var(--pupping-gradient);display:flex;align-items:center;justify-content:center}.auth-container{width:100%;max-width:500px;overflow:hidden}.auth-content{min-height:500px;display:flex;justify-content:center}.auth-form-container{padding:var(--spacing-3xl) var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.auth-welcome{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.auth-subtitle{margin:0;color:var(--color-black);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.selected-shelter-info{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-light, rgba(var(--color-primary-rgb), .1));border:1px solid var(--color-primary);border-radius:8px;color:var(--color-white);font-weight:500;font-size:var(--font-size-sm);text-align:center}.user-type-selection{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.back-button-inline{background:transparent!important;border:none!important;font-size:var(--font-size-base);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-sm)!important;margin-bottom:var(--spacing-md);align-self:flex-start}.back-button-inline:hover{color:var(--color-primary)!important;background:transparent!important}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.turnstile-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.cf-turnstile{width:100%;display:flex;justify-content:center;align-items:center;min-height:65px}.turnstile-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs);display:block}.auth-footer{text-align:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.auth-footer p{color:var(--color-black);margin:0}.link-button{background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;text-decoration:underline;margin-left:var(--spacing-sm);transition:color var(--transition-normal);padding:0!important}.link-button:hover{color:var(--color-primary-hover);background:none!important}@media(max-width:768px){.auth{padding:0;align-items:stretch}.auth-container{border-radius:0;min-height:100vh}.auth-content{grid-template-columns:1fr}.auth-image{min-height:300px;padding:var(--spacing-2xl) var(--spacing-lg)}.auth-illustration{font-size:4rem;margin-bottom:var(--spacing-lg)}.auth-image h2{font-size:var(--font-size-2xl)}.auth-image p{font-size:var(--font-size-base)}.auth-form-container{padding:var(--spacing-2xl) var(--spacing-lg)}.auth-header{padding:var(--spacing-lg)}.auth-header h2{text-align:center!important;padding-bottom:10px}.auth-title{font-size:var(--font-size-2xl)}}@media(max-width:480px){.auth-form-container{padding:var(--spacing-xl) var(--spacing-lg)}.form-group input,.form-group select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.email-not-confirmed-message{border:1px solid var(--border-warning);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.email-not-confirmed-message h3{color:var(--color-warning);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl)}.email-not-confirmed-message p{color:var(--color-primary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.email-not-confirmed-message p:last-of-type{margin-bottom:var(--spacing-xl)}.confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.email-confirmation-pending{display:flex;flex-direction:column;gap:var(--spacing-2xl);align-items:center;text-align:center;padding:var(--spacing-xl) 0}.confirmation-header{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirmation-title{margin:0;color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.confirmation-message{margin:0;color:var(--color-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:500px}.confirmation-email{margin:var(--spacing-md) 0 0 0;color:var(--color-primary);font-size:var(--font-size-lg)}.verify-button{width:100%;max-width:300px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.resend-section{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;margin-top:var(--spacing-md)}.resend-section p{margin:0;color:var(--color-white);font-size:var(--font-size-sm)}.resend-link-button{background:transparent!important;border:none!important;color:var(--color-primary)!important;padding:var(--spacing-xs)!important;font-size:var(--font-size-sm)!important;text-decoration:underline;cursor:pointer;transition:all var(--transition-fast)}.resend-link-button:hover{color:var(--color-primary-dark)!important;background:transparent!important}.forgot-password-section{text-align:center;margin-top:var(--spacing-md)}.forgot-password-button{background:transparent!important;border:none!important;color:var(--color-primary)!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-sm)!important;text-decoration:underline;cursor:pointer;transition:all var(--transition-fast)}.forgot-password-button:hover{color:var(--color-primary-dark)!important;background:transparent!important}.turnstile-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--color-white);font-size:var(--font-size-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-height:65px;width:300px;margin:0 auto}@media(max-width:768px){.email-not-confirmed-message{padding:var(--spacing-lg)}.confirmation-actions{flex-direction:column;align-items:center}.confirmation-actions button{width:100%;max-width:300px}.turnstile-loading{width:100%;max-width:280px}}.registration-completed{display:flex;flex-direction:column;gap:var(--spacing-2xl);align-items:center;text-align:center;padding:var(--spacing-xl) 0}.completed-header{display:flex;flex-direction:column;gap:var(--spacing-md)}.completed-title{margin:0;color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.completed-subtitle{margin:0;color:var(--color-black);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.completed-thanks{margin:0;color:var(--color-black);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.heart{color:var(--color-error);font-size:var(--font-size-2xl);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.postal-code-section{width:100%;padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.postal-code-prompt{margin:0;color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.save-postal-button{width:100%;margin-top:var(--spacing-sm)}.completed-actions{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.action-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.social-follow{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-xl)}.follow-title{margin:0;color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.social-icons{display:flex;gap:var(--spacing-lg);align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-white);transition:all var(--transition-normal);border-radius:var(--radius-full)}.social-link:hover{color:var(--color-primary);transform:translateY(-2px) scale(1.1)}.social-icon{width:24px;height:24px}.input-container{display:flex;justify-content:space-between;flex-direction:column;gap:var(--spacing-xs)}.input-container.input-full-width{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.input-required{color:var(--color-error);margin-left:var(--spacing-3xs)}.input-wrapper{position:relative;display:flex;align-items:center}select,.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;color:var(--input-color);background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);outline:none}.input:hover:not(:disabled){border-color:var(--color-primary-light)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b1a}.input:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--text-tertiary)}.input-filled{background-color:var(--bg-secondary);border:1px solid transparent;color:var(--text-primary)}.input-filled:hover:not(:disabled){background-color:var(--bg-tertiary)}.input-filled:focus{background-color:var(--color-white);border-color:var(--color-primary)}.input-outlined{border:2px solid var(--border-secondary);background-color:var(--color-white);color:var(--text-primary)}.input-outlined:focus{border-color:var(--color-primary)}.input-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.input-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);pointer-events:auto}.input-icon-left{left:var(--spacing-sm);pointer-events:none}.input-icon-right{right:var(--spacing-sm);pointer-events:auto}.input-with-left-icon{padding-left:var(--spacing-2xl)}.input-with-right-icon{padding-right:2.75rem}.input-container.input-error .input{border-color:var(--color-error)}.input-container.input-error .input:focus{box-shadow:0 0 0 3px #f443361a}.input-error-message{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-2xs)}.password-toggle-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;outline:none;min-width:32px;min-height:32px;border-radius:4px;pointer-events:auto;z-index:10;position:relative}.password-toggle-button:hover{color:#374151;background-color:#0000000d}.password-toggle-button:active{background-color:#0000001a}.password-toggle-button:focus-visible{color:#3b82f6;outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.password-toggle-button svg{width:20px;height:20px}.social-auth-buttons{width:100%;margin-top:var(--spacing-lg)}.social-auth-separator{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);width:100%}.separator-line{flex:1;height:1px;background:var(--border-color)}.separator-text{font-size:.875rem;color:var(--color-black);font-weight:500;white-space:nowrap}.social-auth-row{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.social-auth-label{font-size:.875rem;color:var(--color-black);font-weight:500;white-space:nowrap}.social-buttons-container{display:flex;flex-direction:row;gap:var(--spacing-md);transition:opacity var(--transition-normal);flex:1}.social-buttons-container.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.social-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);min-width:100px;box-shadow:var(--shadow-sm)}.social-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#dadce0}.social-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.social-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.social-button.loading{opacity:.7;pointer-events:none}.social-button-icon{width:24px;height:24px;flex-shrink:0}.social-button-text{font-size:.875rem;font-weight:500;color:#3c4043;white-space:nowrap}.social-icon-button{width:40px;height:40px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-sm);position:relative}.social-icon-button:hover:not(:disabled){transform:scale(1.1);opacity:.8}.social-icon-button:active:not(:disabled){transform:scale(.95)}.social-icon-button:disabled{opacity:.4;cursor:not-allowed}.social-icon-button.loading{opacity:.6;pointer-events:none}.social-icon-button .icon{width:32px;height:32px;flex-shrink:0}.button-loader{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.social-auth-buttons{margin-top:var(--spacing-md)}.social-auth-separator{margin-bottom:var(--spacing-md)}.separator-text,.social-auth-label{font-size:.8125rem}.social-button{min-width:80px;padding:var(--spacing-sm) var(--spacing-md);gap:4px}.social-button-icon{width:20px;height:20px}.social-button-text{font-size:.75rem}.social-icon-button{width:36px;height:36px}.social-icon-button .icon{width:28px;height:28px}}.shelter-selector{display:flex;flex-direction:column;height:100%}.shelter-selector .auth-header{text-align:center;margin-bottom:1.75rem}.shelter-selector .auth-header h2{text-align:center;font-size:1.4rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0;line-height:1.35}.shelter-search-container{position:relative;flex:1;margin-bottom:2rem}.shelter-search-container .form-shelter-search-group{margin-bottom:0}.shelter-search-container input.selected{border-color:var(--color-primary);background-color:var(--color-primary-light, rgba(var(--color-primary-rgb), .05))}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.9rem}.shelter-results{left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;margin-top:.375rem;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 6px 20px #0000001a}.no-results{padding:1rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.loading-more{padding:.75rem;text-align:center;color:var(--color-text-secondary);font-size:.9rem;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.shelter-not-found-hint{margin-top:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border);text-align:center}.hint-text{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:.9rem}.new-shelter-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.shelter-creation-notice{padding:1rem;background:var(--color-info-light, #e6f3ff);border:1px solid var(--color-info, #2196f3);border-radius:8px;margin-top:1rem}.shelter-creation-notice p{margin:0;color:var(--color-info-dark, #1565c0);font-size:.875rem;line-height:1.4}.shelter-list{list-style:none;margin:0;padding:.375rem;display:flex;flex-direction:column;gap:.25rem}.shelter-item{background:var(--color-bg-primary, #fff);display:flex;align-items:center;padding:.625rem .75rem;cursor:pointer;border-radius:10px;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.shelter-item:hover{background-color:var(--color-primary-light, rgba(var(--color-primary-rgb), .06));border-color:var(--color-primary, #d4679a);transform:translate(2px)}.shelter-item:active{transform:translate(1px) scale(.99)}.shelter-avatar{width:42px;height:42px;border-radius:10px;margin-right:.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 4px #0000001f}.shelter-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;letter-spacing:.5px}.shelter-info{flex:1;min-width:0}.shelter-name{font-weight:500;font-size:.9rem;color:var(--color-text-primary, #1a1a1a);margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelter-city{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-shelter{margin-top:1rem}.shelter-selected-label{font-size:.875rem;color:var(--color-primary);font-weight:500;margin-bottom:.5rem}.selected-shelter-item{color:var(--color-white);display:flex;align-items:center;padding:.625rem .75rem;background:var(--color-primary-light, rgba(var(--color-primary-rgb), .07));border:1.5px solid var(--color-primary);border-radius:10px}.selected-shelter-item .shelter-avatar{margin-right:.75rem;width:36px;height:36px}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.no-shelter-option{margin-top:2rem;padding-top:1rem}.no-shelter-divider{position:relative;text-align:center;margin-bottom:1.5rem;color:var(--color-text-secondary);font-size:.9rem}.no-shelter-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border);z-index:1}.no-shelter-divider span{background:var(--color-bg-primary);padding:0 1rem;position:relative;z-index:2}.no-shelter-button{width:100%;justify-content:center;padding:1rem;border-style:dashed!important;border-width:2px!important;border-color:var(--color-text-secondary)!important;background:transparent!important;color:var(--color-text-secondary)!important;transition:all .3s ease}.no-shelter-button:hover{border-color:var(--color-primary)!important;color:var(--color-white)!important;background:var(--color-primary)!important;opacity:1!important}@media(max-width:480px){.shelter-results{max-height:250px}.shelter-item{padding:.5rem .75rem}.shelter-avatar{width:36px;height:36px;margin-right:.5rem}.auth-actions{flex-direction:column;gap:1rem}}.address-search-box{position:relative;width:100%}.address-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--color-gray-300, #d1d5db);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:320px;overflow-y:auto;z-index:1000}.address-list{list-style:none;margin:0;padding:0}.address-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-gray-100, #f3f4f6);transition:background-color .2s ease}.address-item:last-child{border-bottom:none}.address-item:hover,.address-item.selected{background-color:var(--color-gray-50, #f9fafb)}.address-item.selected{background-color:#fff5f9}.address-name{font-weight:600;color:var(--color-gray-900, #111827);font-size:14px;margin-bottom:4px}.address-full{color:var(--color-gray-600, #6b7280);font-size:13px;margin-bottom:4px;line-height:1.4}.address-location{color:var(--color-gray-500, #9ca3af);font-size:12px;display:flex;align-items:center;gap:4px}.spinner-inline{display:inline-block;width:16px;height:16px;border:2px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--pupping-pink, #ff69b4);border-radius:50%;animation:spin-inline .6s linear infinite}@keyframes spin-inline{to{transform:rotate(360deg)}}@media(max-width:768px){.address-dropdown{max-height:240px}.address-item{padding:10px 12px}}.new-posts{width:100%;margin:20px 0 20px 20px}.new-posts-container{max-width:800px;margin:0 auto}.new-posts-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--pupping-pink);padding-left:2rem;padding-top:1rem;margin-bottom:var(--spacing-lg);text-align:start}.posts-feed{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.post-card{display:flex;flex-direction:row;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-height:140px;max-height:180px}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-card-image{width:160px;flex-shrink:0;overflow:hidden;background:var(--surface-secondary)}.post-card-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.post-card-body{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;overflow:hidden}.post-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.post-date{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.post-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-read-more{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--pupping-pink);margin-top:auto;transition:color .2s}.post-card:hover .post-read-more{text-decoration:underline}.posts-see-all-btn{display:block;margin:var(--spacing-xl) auto 0;padding:10px 28px;background:none;border:2px solid var(--pupping-pink);color:var(--pupping-pink);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:999px;cursor:pointer;transition:all .2s ease}.posts-see-all-btn:hover{background:var(--pupping-pink);color:var(--color-white);transform:translateY(-1px)}.posts-empty-msg{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-base);padding:var(--spacing-3xl) var(--spacing-lg)}.posts-skeleton{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.post-skeleton-card{display:flex;flex-direction:row;background:var(--surface-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);min-height:140px;max-height:180px}.skeleton-image{width:160px;flex-shrink:0;background:linear-gradient(110deg,var(--surface-secondary) 40%,#f0f0f0 50%,var(--surface-secondary) 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-lines{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:10px}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(110deg,var(--surface-secondary) 40%,#f0f0f0 50%,var(--surface-secondary) 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;width:100%}.skeleton-line--short{width:35%}.skeleton-line--medium{width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.new-posts{margin:0;padding:var(--spacing-lg)}.new-posts-title{padding-left:var(--spacing-sm);font-size:var(--font-size-lg)}.posts-feed{padding:0}.post-card{flex-direction:column;max-height:none}.post-card-image{width:100%;height:180px;flex-shrink:0}.post-card-image img{object-position:center center}.post-skeleton-card{flex-direction:column;max-height:none}.skeleton-image{width:100%;height:120px}}.social-widgets{background:var(--color-white);width:50%;margin:20px 20px 20px 0}.social-widgets-container{max-width:1200px;margin:0 auto}.social-widgets-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--pupping-pink);padding-left:2rem;padding-top:1rem;text-align:start}.social-networks-row{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-3xl);flex-wrap:wrap}.social-network-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:var(--surface-primary);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease;min-width:80px}.social-network-link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:inherit}.social-network-icon{font-size:2rem}.social-network-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.widget-card{background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-top:4px solid var(--color-primary);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.widget-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.widget-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.widget-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.widget-content{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.widget-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all .2s ease}.widget-link:hover{background:var(--color-primary-dark);transform:translate(4px)}.social-feed{background:var(--surface-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.social-feed-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;text-align:center}.social-feed-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 var(--spacing-2xl) 0;font-size:var(--font-size-base)}.social-feed-subtitle a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-bold)}.social-feed-subtitle a:hover{text-decoration:underline}.instagram-feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);justify-items:center}.instagram-embed-wrapper{width:100%;max-width:540px;display:flex;justify-content:center}.instagram-media{min-width:326px!important;width:100%!important;max-width:540px!important}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.feed-item{aspect-ratio:1;background:var(--surface-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:var(--shadow-sm);transition:transform .2s ease;cursor:pointer}.feed-item:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}@media(max-width:768px){.social-widgets{padding:var(--spacing-3xl) var(--spacing-lg);width:100%;margin:0}.widgets-grid{grid-template-columns:1fr}.social-widgets-title{font-size:var(--font-size-2xl)}.social-networks-row{gap:var(--spacing-md)}.social-network-link{min-width:70px;padding:var(--spacing-sm)}.social-network-icon{font-size:1.5rem}.social-network-name{font-size:var(--font-size-2xs)}.instagram-feed-grid{grid-template-columns:1fr}.instagram-embed-wrapper{max-width:100%}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.feed-item{font-size:2rem}}.email-confirmation{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);padding:var(--spacing-lg)}.email-confirmation-container{background:var(--bg-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;overflow:hidden;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.email-confirmation-header{background:var(--bg-primary);padding:var(--spacing-2xl);text-align:center;border-bottom:1px solid var(--border-primary)}.email-confirmation-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.email-confirmation-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.email-confirmation-content{padding:var(--spacing-2xl);text-align:center}.confirmation-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.confirmation-spinner{width:50px;height:50px;border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.confirmation-loading-text{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.confirmation-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.confirmation-success-icon{width:80px;height:80px;background:var(--color-success-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.confirmation-success-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-success);margin:0}.confirmation-success-message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.confirmation-user-info{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.confirmation-user-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.confirmation-user-info p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.confirmation-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.confirmation-error-icon{width:80px;height:80px;background:var(--color-error-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-4xl)}.confirmation-error-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-error);margin:0}.confirmation-error-message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0;text-align:center}.confirmation-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.confirmation-countdown{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;margin-top:var(--spacing-md)}.auto-login-progress{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-info-light);border-radius:var(--border-radius-md);border-left:4px solid var(--color-info)}.auto-login-progress p{margin:0;font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium)}.progress-bar{width:100%;height:4px;background:var(--color-gray-200);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);overflow:hidden}.progress-fill{height:100%;background:var(--color-info);border-radius:var(--border-radius-sm);transition:width .1s linear}@media(max-width:640px){.email-confirmation{padding:var(--spacing-md)}.email-confirmation-header,.email-confirmation-content{padding:var(--spacing-xl)}.confirmation-actions{flex-direction:column}.confirmation-actions button{width:100%}}.password-reset{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.password-reset-container{width:100%;max-width:800px;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden}.back-button{background:transparent;border:none;font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:var(--spacing-sm)!important}.back-button:hover{color:var(--color-primary);background:transparent!important}.password-reset-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 0 var(--spacing-md)}.password-reset-logo{height:50px;width:auto;display:block}.password-reset-content{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.password-reset-image{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--color-white);text-align:center}.password-reset-image h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-lg) 0;line-height:1.2}.password-reset-image p{font-size:var(--font-size-lg);margin:0;opacity:.9;line-height:1.6}.password-reset-form-container{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.password-reset-form{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.submit-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.turnstile-container{margin:var(--spacing-md) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65px;position:relative}.cf-turnstile{margin:0 auto}.turnstile-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-height:65px;width:300px;margin:0 auto}.turnstile-loading:before{content:"";width:16px;height:16px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;margin-right:var(--spacing-sm);animation:turnstile-spin 1s linear infinite}@keyframes turnstile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turnstile-error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:center}.password-reset-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.password-reset-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.link-button{background:transparent!important;border:none!important;color:var(--color-primary)!important;padding:0 var(--spacing-xs)!important;font-size:var(--font-size-sm)!important;text-decoration:underline;cursor:pointer;transition:all var(--transition-fast)}.link-button:hover{color:var(--color-primary-dark)!important;background:transparent!important}@media(max-width:768px){.password-reset{padding:var(--spacing-md)}.password-reset-container{max-width:100%}.password-reset-content{grid-template-columns:1fr}.password-reset-image{padding:var(--spacing-xl) var(--spacing-lg)}.password-reset-image h2{font-size:var(--font-size-2xl)}.password-reset-image p{font-size:var(--font-size-base)}.password-reset-form-container{padding:var(--spacing-xl) var(--spacing-lg)}.turnstile-loading{width:100%;max-width:280px}}@media(max-width:480px){.password-reset-title{font-size:var(--font-size-xl)}.password-reset-image,.password-reset-form-container{padding:var(--spacing-lg)}.password-reset-form{gap:var(--spacing-md)}}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;font-weight:600;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:all .2s ease;border:2px solid transparent}.avatar-small{width:32px;height:32px;font-size:12px}.avatar-medium{width:40px;height:40px;font-size:16px}.avatar-large{width:48px;height:48px;font-size:18px}.avatar-clickable{cursor:pointer}.avatar-clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #4f46e526}.avatar-clickable:active{transform:scale(.98)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.avatar-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#10b981;border:2px solid white;border-radius:50%;z-index:1}.avatar-small .avatar-online-indicator{width:8px;height:8px;border-width:1px}.avatar-large .avatar-online-indicator{width:14px;height:14px;border-width:2px}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-loading{animation:avatarPulse 1.5s ease-in-out infinite;background-color:#e5e7eb}.avatar-bordered{border:2px solid var(--color-border, #e5e7eb)}.avatar-squared{border-radius:8px}.avatar-squared.avatar-small{border-radius:4px}.avatar-squared.avatar-large{border-radius:12px}.my-data{width:50%}.my-data__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.my-data__header h2{font-size:1.5rem;color:#333;margin:0}.my-data__content{display:flex;flex-direction:column;gap:20px}.my-data__avatar-section{display:flex;align-items:center;gap:20px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.my-data__avatar-container{position:relative}.my-data__avatar{cursor:pointer;transition:opacity .2s ease}.my-data__avatar:hover{opacity:.8}.my-data__avatar-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#fffc;border-radius:50%}.my-data__avatar-loading .spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}.my-data__avatar-info,.my-data__field{display:flex;flex-direction:column;gap:8px}.my-data__field label{font-weight:600;color:#555;font-size:.9rem}.my-data__hint{color:#888;font-size:.85rem;font-style:italic}.my-data__username-status{font-size:.9rem;margin-top:-4px;font-weight:600}.my-data__username-status.success{color:#0a7a28}.my-data__username-status.error{color:#c33}.my-data__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.my-data__error{padding:12px;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem}.my-data__success{padding:12px;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:.9rem}@media(max-width:768px){.my-data{padding:16px}.my-data__header h2{font-size:1.25rem}.my-data__avatar-section{flex-direction:column;text-align:center}.my-data__actions{flex-direction:column}.my-data__actions button{width:100%}}.my-family__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.my-family__header h2{font-size:1.5rem;color:#333;margin:0}.my-family__content{display:flex;flex-direction:column;gap:20px}.my-family__description{color:#666;font-size:.95rem;margin:0;line-height:1.5}.my-family__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.my-family__member{background:#f8f9fa;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.my-family__member-header{display:flex;align-items:center;gap:8px}.my-family__member-icon{font-size:1.5rem}.my-family__member-label{font-weight:600;color:#555;font-size:.95rem}.my-family__member-counter{display:flex;align-items:center;justify-content:center;gap:12px}.my-family__counter-btn{width:36px;height:36px;border-radius:50%;border:2px solid #FF69B4;background:#fff;color:#ff69b4;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.my-family__counter-btn:hover:not(:disabled){background:#ff69b4;color:#fff}.my-family__counter-btn:disabled{opacity:.3;cursor:not-allowed}.my-family__counter-input{width:60px;height:36px;text-align:center;font-size:1.1rem;font-weight:600;border:2px solid #ddd;border-radius:6px;background-color:var(--bg-dark);color:#fff;background-color:var(--input-bg-color)}.my-family__counter-input:focus{outline:none;border-color:#ff69b4}.my-family__counter-value{font-size:1.5rem;font-weight:700;color:#ff69b4;min-width:40px;text-align:center}.my-family__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.my-family__animals{display:flex;flex-direction:column;gap:12px;padding:12px;background:#fdfdfd;border:1px solid #eee;border-radius:8px}.my-family__animals-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.my-family__animals-title{font-weight:700;color:#444}.my-family__animals-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.my-family__animal-input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;min-width:150px;font-size:.9rem;font-weight:600}.my-family__animals-list{display:flex;flex-direction:column;gap:8px}.my-family__animal-row{display:grid;grid-template-columns:1fr 100px auto;gap:8px;align-items:center}.my-family__animal-remove{border:1px solid #fcc;background:#fee;color:#c33;padding:8px 12px;border-radius:6px;cursor:pointer}.my-family__animal-remove:hover{background:#fdd}.my-family__animal-read{display:flex;align-items:center;justify-content:space-between;grid-column:1 / span 3;padding:8px 10px;background:#f7f7f7;border:1px solid #eee;border-radius:6px}.my-family__animal-type{font-weight:600;color:#444;text-transform:capitalize}.my-family__no-animals{color:#777;font-size:.95rem}.my-family__error{padding:12px;background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem}.my-family__success{padding:12px;background-color:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:.9rem}@media(max-width:768px){.my-family{padding:16px}.my-family__header h2{font-size:1.25rem}.my-family__grid{grid-template-columns:1fr}.my-family__actions{flex-direction:column}.my-family__actions button{width:100%}}.puppermatches-page{min-height:100vh}.puppermatches-container{max-width:1200px;margin:0 auto}.puppermatches-header{text-align:center;margin-bottom:var(--spacing-3xl)}.puppermatches-header h1{font-size:var(--font-size-3xl);color:var(--pupping-pink);margin-bottom:var(--spacing-sm)}.puppermatches-header .subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600)}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:center}.error-message p{margin:0;color:#c33}.loading-container{text-align:center;padding:var(--spacing-3xl)}.empty-state{text-align:center;padding:var(--spacing-3xl);background:#fff;border-radius:16px;box-shadow:var(--shadow-md)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h2{font-size:var(--font-size-xl);color:var(--color-gray-800);margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto}.create-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--pupping-pink);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease}.create-btn:hover{background:#ff1493;transform:translateY(-2px);box-shadow:0 4px 12px #ff69b44d}.create-new-section{margin-bottom:var(--spacing-xl);text-align:right}.create-new-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--pupping-pink);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease}.create-new-btn:hover{background:#ff1493;transform:translateY(-2px);box-shadow:0 4px 12px #ff69b44d}.puppermatches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:var(--spacing-xl)}.puppermatch-card{background:#fff;border-radius:16px;padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;border:2px solid transparent;max-width:100%;overflow:hidden;word-wrap:break-word}.puppermatch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.puppermatch-card.active{border-color:var(--pupping-pink);background:linear-gradient(to bottom right,#fff,#fff5f9)}.name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.active-badge{display:inline-flex;align-items:center;background:var(--pupping-pink);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap}.puppermatch-header-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #e1e8ed}.header-left{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:0}.puppermatch-header-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;word-break:break-word;overflow-wrap:break-word}.pet-type-tags{display:flex;gap:var(--spacing-xs)}.pet-type-tag{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#fff5f9,#ffe5f0);border:2px solid var(--pupping-pink);border-radius:50%;font-size:1.2rem}.puppermatch-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.action-btn-edit,.action-btn-delete{min-width:40px;height:40px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important;font-size:1.1rem;transition:all .3s ease!important}.action-btn-edit:hover{background:#e3f2fd!important;border-color:#2196f3!important;transform:scale(1.15)}.action-btn-delete:hover{background:#ffebee!important;border-color:#f44336!important;transform:scale(1.15)}.puppermatch-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;align-items:flex-start;flex-wrap:wrap}.detail-label{font-weight:var(--font-weight-bold);color:var(--pupping-pink);min-width:120px;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.detail-value{color:var(--color-gray-700);font-weight:var(--font-weight-medium);flex:1;min-width:0;word-break:break-word;overflow-wrap:break-word}.puppermatch-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid #e1e8ed}.toggle-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-btn.activate{background:#e8f5e9;color:#2e7d32}.toggle-btn.activate:hover{background:#2e7d32;color:#fff}.toggle-btn.deactivate{background:#ffebee;color:#c62828}.toggle-btn.deactivate:hover{background:#c62828;color:#fff}@media(max-width:768px){.puppermatches-container{padding:var(--spacing-xl) var(--spacing-md)}.puppermatches-grid{grid-template-columns:1fr}.create-new-section{text-align:center}.create-new-btn{width:100%}}.my-profiles-container{flex:1;max-width:1400px;margin:0 auto;width:100%}.my-profiles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.my-profiles-header h1{font-size:2rem;margin-bottom:.5rem;color:#2c3e50}.my-profiles-header p{color:#7f8c8d;margin:0}.header-actions{display:flex;gap:.75rem;align-items:center;justify-content:end;flex-wrap:wrap}.column-selector-wrapper{position:relative}.column-selector-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.75rem;min-width:200px;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.column-selector-dropdown label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.35rem .5rem;border-radius:4px;transition:background-color .2s;font-size:.9rem;color:#495057}.column-selector-dropdown label:hover{background-color:#f8f9fa}.column-selector-dropdown input[type=checkbox]{cursor:pointer;width:16px;height:16px}.my-profiles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.my-profiles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.my-profiles-empty h2{color:#2c3e50;margin-bottom:.5rem}.my-profiles-empty p{color:#7f8c8d;margin-bottom:2rem}.my-profiles-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-scroll-wrapper{overflow-x:auto;overflow-y:visible}.my-profiles-table table{width:100%;min-width:800px;border-collapse:collapse}.my-profiles-table th{background-color:#f8f9fa;padding:.5rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;white-space:nowrap}.my-profiles-table td{font-size:.6rem;padding:.3rem;border-bottom:1px solid #e9ecef;color:#495057}.my-profiles-table tbody tr:hover{background-color:#f8f9fa}.my-profiles-table tbody tr:last-child td{border-bottom:none}.profile-image-cell{display:flex;align-items:center}.profile-thumbnail{width:50px;height:50px;border-radius:8px;object-fit:cover}.profile-placeholder{width:50px;height:50px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:.4rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.5rem;font-weight:500;white-space:nowrap}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.urgent{background-color:#fff3cd;color:#856404}.status-select{padding:.4rem .6rem;color:#495057;border:1px solid #ddd;border-radius:6px;font-size:.85rem;background-color:#fff;cursor:pointer;transition:all .2s;min-width:150px}.status-select:hover{color:#495057;border-color:#3498db}.status-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.status-select:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.status-select option{padding:.5rem}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-icon{background:none;border:none;cursor:pointer;font-size:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#f8f9fa;transform:scale(1.1)}.btn-icon:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon.delete:hover{background-color:#fee}.text-center{text-align:center}@media(max-width:768px){.my-profiles-container{padding:1rem}.my-profiles-header{flex-direction:column;align-items:flex-start}.my-profiles-header h1{font-size:1.5rem}.my-profiles-table{overflow-x:auto}.my-profiles-table th,.my-profiles-table td{padding:.6rem .4rem;font-size:.6rem}.profile-thumbnail,.profile-placeholder{width:40px;height:40px}.btn-icon{font-size:1rem;padding:.375rem}}@media(max-width:480px){.my-profiles-header h1{font-size:1.25rem}.action-buttons{flex-direction:column;gap:.25rem}}.header-actions{display:flex;gap:1rem;align-items:center}.my-profiles-filters{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.filters-row{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:1rem;align-items:center}.filter-search{width:100%}.selection-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;gap:1rem}.selection-info{font-size:.875rem;color:#495057;font-weight:500}.selection-buttons{display:flex;gap:.75rem}.checkbox-column{width:40px;text-align:center}.checkbox-column input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3498db}.my-profiles-table tbody tr.selected{background-color:#e3f2fd}.my-profiles-table tbody tr.selected:hover{background-color:#bbdefb}.video-thumbnail{position:relative;width:50px;height:50px;border-radius:8px;overflow:hidden}.video-thumbnail video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;opacity:.9;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}@media(max-width:1024px){.filters-row{grid-template-columns:1fr 1fr;gap:.75rem}.filter-search{grid-column:1 / -1}}@media(max-width:768px){.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.filters-row{grid-template-columns:1fr}.selection-actions{flex-direction:column;align-items:stretch}.selection-buttons{flex-direction:column}.selection-buttons button{width:100%}}.my-pupping-ads{display:flex;flex-direction:column;gap:1.5rem}.my-pupping-ads-standalone{max-width:1060px;margin:var(--spacing-xl) auto;height:80vh}.my-pupping-ads-header{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.my-pupping-ads-eyebrow{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pupping-pink);font-weight:600;margin-bottom:.5rem}.my-pupping-ads-header h2{font-size:2rem;margin:0;color:#1f2a37}.my-pupping-ads-description{color:#6b7280;margin-top:.25rem}.my-pupping-ads-header-actions,.my-pupping-ads-filters{display:flex;gap:.75rem;flex-wrap:wrap}.my-pupping-ads-select{padding:.5rem 1rem;border-radius:14px;border:1px solid #e5e7eb;background:var(--input-bg-color);font-size:.95rem;flex:0 0 200px}.my-pupping-ads-alert{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;padding:1rem 1.25rem;border-radius:12px;font-weight:500}.my-pupping-ads-empty{background:#f8fafc;border:1px dashed #cbd5f5;border-radius:16px;padding:2rem;text-align:center;color:#475569}.my-pupping-ads-empty-desc{margin-top:.5rem;color:#94a3b8}.my-pupping-ads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.my-pupping-ads-card{border:2px solid rgba(236,72,153,.15);border-radius:20px;padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s ease,transform .2s ease}.my-pupping-ads-card:hover{border-color:var(--pupping-pink);transform:translateY(-3px)}.my-pupping-ads-card h3{margin:0;font-size:1.25rem;color:#111827}.my-pupping-ads-card-description{color:#4b5563;margin:0}.my-pupping-ads-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.my-pupping-ads-status{font-weight:600;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem}.my-pupping-ads-status-validation{background:#fff7ed;color:#c2410c}.my-pupping-ads-status-approved{background:#ecfdf5;color:#047857}.my-pupping-ads-status-rejected{background:#fef2f2;color:#b91c1c}.my-pupping-ads-type{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase}.my-pupping-ads-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.my-pupping-ads-meta-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:.25rem}.my-pupping-ads-meta-value{margin:0;color:#1f2937;font-weight:600}.my-pupping-ads-link{color:var(--pupping-pink);text-decoration:none;word-break:break-all}.my-pupping-ads-locations{display:flex;flex-direction:column;gap:.5rem}.my-pupping-ads-location-chips{display:flex;flex-wrap:wrap;gap:.5rem}.my-pupping-ads-location-chip{border-radius:14px;background:#f8fafc;padding:.5rem .9rem;display:flex;flex-direction:column;gap:.15rem;min-width:160px}.my-pupping-ads-location-chip strong{font-size:.9rem;color:#0f172a}.my-pupping-ads-location-chip small{color:#475569;font-size:.8rem}.my-pupping-ads-location-chip.muted{background:#f1f5f9;color:#94a3b8;font-style:italic}.my-pupping-ads-guard{padding:3rem;text-align:center;background:#fff;border-radius:24px;border:2px solid rgba(236,72,153,.2);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.my-pupping-ads-header{flex-direction:column}.my-pupping-ads-header-actions,.my-pupping-ads-filters{width:100%}.my-pupping-ads-select{flex:1 1 100%}}.dashboard{display:flex;min-height:100vh;flex-direction:column;background:var(--pupping-gradient)}.dashboard-container{flex:1;max-width:1400px;margin:0 auto;padding:2rem;width:100%}.dashboard-hero{text-align:center;padding:2rem 0;color:var(--pupping-pink);margin-bottom:2rem}.dashboard-hero-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.dashboard-hero h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{font-size:1.3rem;opacity:.9}.dashboard-logout-btn{background:#fff;color:var(--pupping-pink);border:2px solid var(--pupping-pink);padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.dashboard-logout-btn:hover{background:var(--pupping-pink);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ec48994d}.dashboard-logout-btn:active{transform:translateY(0)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stats-loading,.stats-error{grid-column:1 / -1;text-align:center;padding:2rem;background:#fff;border-radius:15px;color:#666;font-size:1.1rem}.stat-card{background:#fff;border-radius:15px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:.3rem}.stat-label{font-size:1rem;color:#7f8c8d;font-weight:500}.dashboard-actions{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 15px #0000001a}.dashboard-actions h2{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:700}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background-color:var(--color-white);border:solid 2px var(--pupping-pink);border-radius:15px;padding:2rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:1.5rem;cursor:pointer;transition:all .3s}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#667eea;background:linear-gradient(135deg,#fff,#e8ecf1)}.action-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#fff;border-radius:12px;flex-shrink:0}.action-icon.shelter-logo{padding:0;overflow:hidden}.action-icon.shelter-logo img{width:100%;height:100%;object-fit:cover}.shelter-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.8rem;font-weight:700}.logout-icon{background:#fee}.action-content{flex:1}.action-content h3{font-size:1.3rem;color:#2c3e50;margin-bottom:.5rem;font-weight:600}.action-content p{font-size:.95rem;color:#7f8c8d;line-height:1.5}.dashboard-profiles-section{display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-hero h1{font-size:2rem}.dashboard-subtitle{font-size:1rem}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon{font-size:2.5rem;width:60px;height:60px}.stat-value{font-size:2rem}.dashboard-actions{padding:1.5rem}.dashboard-actions h2{font-size:1.5rem}.action-cards{grid-template-columns:1fr}.action-card{padding:1.5rem}.dashboard-hero-content{justify-content:center}.dashboard-logout-btn{width:100%;justify-content:center}}.dashboard-desktop-layout{display:none}.dashboard-mobile-only{display:block}@media(min-width:1024px){.dashboard-desktop-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-bottom:2rem}.dashboard-sidebar{position:sticky;top:132px;height:fit-content}.dashboard-main{display:flex;flex-direction:column}.dashboard-main-content{display:flex;flex-direction:column;gap:2rem}.dashboard-mobile-only{display:none}}@media(min-width:768px)and (max-width:1023px){.dashboard-stats,.action-cards{grid-template-columns:repeat(2,1fr)}}.shelter-dashboard-section{margin:2rem 0}.shelter-dashboard-section h2{color:var(--pupping-blue);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.shelter-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shelter-card{position:relative}.admin-badge{background:var(--pupping-green);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:500;position:absolute;top:1rem;right:1rem}@media(max-width:767px){.shelter-cards{grid-template-columns:1fr}}.shelter-dashboard{display:flex;min-height:100vh;flex-direction:column;background:var(--pupping-gradient)}.shelter-dashboard-container{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.shelter-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.shelter-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.header-buttons{align-items:end!important;flex-direction:column;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.shelter-info{display:flex;align-items:center;gap:1.5rem}.shelter-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.shelter-avatar.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.shelter-avatar.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.shelter-avatar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-edit-hint{font-size:.75rem;color:var(--color-gray-600);text-align:center;opacity:0;transition:opacity .2s ease}.shelter-avatar-container:hover .avatar-edit-hint{opacity:1}.logo-loading-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:50%}.logo-loading-overlay .loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.shelter-avatar img{width:100%;height:100%;object-fit:cover}.shelter-placeholder{width:100%;height:100%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.shelter-details h1{color:var(--color-primary);font-size:2rem;margin-bottom:.5rem;font-weight:700}.shelter-name-edit{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px;margin-bottom:.5rem}.shelter-name-input{padding:.75rem 1rem;border:2px solid #f59e0b;border-radius:8px;font-size:1.25rem;font-weight:600;color:#1f2937;background:#fff;transition:all .2s}.shelter-name-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #f59e0b1a}.edit-actions{display:flex;gap:.5rem}.btn-save-name,.btn-cancel-edit{padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.9rem}.btn-save-name{background:#10b981;color:#fff;flex:1}.btn-save-name:hover:not(:disabled){background:#059669}.btn-save-name:disabled{background:#d1d5db;cursor:not-allowed}.btn-cancel-edit{background:#ef4444;color:#fff}.btn-cancel-edit:hover:not(:disabled){background:#dc2626}.shelter-role{color:var(--pupping-pink);font-size:1.1rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.shelter-location{color:#666;font-size:1rem}.admin-badge{background:var(--color-success);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:12px;font-weight:500}.back-button{background:var(--pupping-pink);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.shelter-nav{background:#fff;border-radius:16px;padding:0;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.shelter-content{display:flex;flex-direction:column;gap:2rem}.success-message{background:var(--color-success-light);color:var(--color-success);padding:1rem;border-radius:8px;border:1px solid var(--color-success);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.error-message{background:var(--color-error-light);color:var(--color-error);padding:1rem;border-radius:8px;border:1px solid var(--color-error);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.success-message:before{content:"✅"}.error-message:before{content:"❌"}.shelter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2.5rem;width:60px;height:60px;background:var(--pupping-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info h3{color:var(--color-primary);font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.stat-info p{color:#666;font-size:.9rem}.quick-actions{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 10px #0000000d}.quick-actions h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.action-card{background:var(--color-white);border:2px solid transparent;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.action-card:hover{background:#fff;border-color:var(--pupping-pink);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.action-icon{font-size:2rem;width:50px;height:50px;background:var(--pupping-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content h3{color:var(--color-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.action-content p{color:#666;font-size:.9rem;line-height:1.4}.activity-placeholder{text-align:center;padding:3rem;color:#666;font-style:italic}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;color:var(--color-primary)}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--pupping-pink);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state h2{color:#dc2626;margin-bottom:1rem}.error-state p{margin-bottom:2rem}@media(max-width:768px){.shelter-dashboard-container{padding:1rem}.shelter-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.shelter-info{width:100%}.shelter-avatar{width:60px;height:60px}.shelter-details h1{font-size:1.5rem}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{white-space:nowrap;padding:1rem 1.5rem}.shelter-stats,.action-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.action-card{flex-direction:column;text-align:center;gap:.75rem}.participants-table{overflow-x:auto}.table-header,.table-row-participant{min-width:800px}}.participants-management{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.participants-management h2{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.5rem}.participants-management h3{color:var(--color-secondary);margin-bottom:1rem;font-size:1.2rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-gray-200)}.participants-table-container{display:flex;flex-direction:column;gap:2rem}.loading-participants{display:flex;justify-content:center;padding:2rem;color:var(--text-secondary)}.no-pending{text-align:center;padding:2rem;background:#f8f4ff;border-radius:12px;border:2px dashed var(--pupping-pink)}.no-pending p{color:var(--pupping-pink);font-weight:500;margin:0;font-size:1.1rem}.participants-table{border:1px solid var(--color-gray-300);border-radius:12px;overflow:hidden;background:#fff}.table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1.5fr;background:var(--color-primary);color:var(--te);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-header>div{padding-left:1rem;border-right:1px solid rgba(255,255,255,.2)}.table-header>div:last-child{border-right:none}.table-row-participant{display:grid;grid-template-columns:2fr 1fr 2fr 1.5fr;border-bottom:1px solid var(--color-gray-300);transition:background-color .2s ease}.table-row-participant:hover{background:#f8f4ff}.table-row-participant:last-child{border-bottom:none}.table-row-participant>div{padding:1rem;border-right:1px solid var(--color-gray-300);display:flex;flex-direction:column;align-items:start;justify-content:center}.table-row-participant>div:last-child{border-right:none}.participants-table:nth-of-type(2) .table-header{grid-template-columns:2fr 1fr 2fr 1fr}.participants-table:nth-of-type(2) .table-row-participant{grid-template-columns:2fr 1fr 2fr 1fr}.user-info{display:flex;align-items:center;gap:.75rem;width:100%}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--pupping-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);margin:0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username{color:var(--text-secondary);margin:0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-actions{display:flex;gap:.5rem;justify-content:flex-start}.approve-btn,.reject-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:.25rem}.approve-btn{background:var(--color-success);color:#fff}.approve-btn:hover:not(:disabled){background:var(--color-success-hover);transform:translateY(-1px)}.reject-btn{background:var(--color-error);color:#fff}.reject-btn:hover:not(:disabled){background:var(--color-error-hover);transform:translateY(-1px)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-badge-small{background:var(--color-primary);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.status-active{background:var(--color-success-light);color:var(--color-success);padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.col-user{font-weight:500}.col-role{font-weight:500;text-align:left}.col-email{font-weight:400;font-size:.9rem}.col-actions,.col-status{font-weight:500}.edit-warning-content{padding:.5rem 0}.edit-warning-content .warning-text{font-size:1rem;color:#374151;margin-bottom:1rem}.edit-warning-content .warning-list{list-style:none;padding:0;margin:1.5rem 0}.edit-warning-content .warning-list li{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:1rem}.edit-warning-content .warning-icon{font-size:1.25rem;flex-shrink:0}.edit-warning-content .warning-list li strong{display:block;color:#92400e;margin-bottom:.25rem}.edit-warning-content .confirmation-text{font-weight:600;color:#1f2937;margin-top:1.5rem;font-size:1rem}.landing-page-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.landing-page-section h2{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.section-description{color:#6b7280;margin-bottom:1.5rem}.landing-page-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem}.landing-page-info{display:flex;gap:1rem;flex:1}.info-icon{font-size:2.5rem;flex-shrink:0}.info-content h3{font-size:1.125rem;color:#1f2937;margin-bottom:.5rem}.info-content p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.page-url{font-family:monospace;font-size:.875rem;color:#3b82f6}.page-url a{color:#3b82f6;text-decoration:none}.page-url a:hover{text-decoration:underline}.landing-page-actions{display:flex;gap:1rem;flex-shrink:0}.pages-list{margin-top:1.5rem}.pages-list h3{font-size:1.125rem;color:#1f2937;margin-bottom:1rem}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.page-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.page-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.page-info h4{font-size:1rem;color:#1f2937;margin-bottom:.25rem}.page-slug{font-family:monospace;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.page-badges{display:flex;gap:.5rem}.shelter-edit-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.shelter-edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.shelter-edit-form label{font-size:.875rem;font-weight:500;color:#374151}.shelter-edit-form .shelter-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.shelter-edit-form .shelter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.shelter-edit-form .edit-actions{display:flex;gap:1rem;margin-top:1rem}.shelter-edit-form .btn-save,.shelter-edit-form .btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.shelter-edit-form .btn-save{background:#3b82f6;color:#fff}.shelter-edit-form .btn-save:hover:not(:disabled){background:#2563eb}.shelter-edit-form .btn-cancel{background:#e5e7eb;color:#374151}.shelter-edit-form .btn-cancel:hover:not(:disabled){background:#d1d5db}.shelter-edit-form button:disabled{opacity:.5;cursor:not-allowed}.shelter-social a{color:#3b82f6;text-decoration:none}.shelter-social a:hover{text-decoration:underline}.role-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;max-width:200px}.role-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.shelter-profiles-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.shelter-profiles-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.shelter-profiles-section h2{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.loading-profiles{display:flex;justify-content:center;align-items:center;padding:3rem}.empty-profiles{text-align:center;padding:3rem;color:#6b7280}.empty-profiles .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-profiles h3{font-size:1.25rem;color:#1f2937;margin-bottom:.5rem}.empty-profiles p{color:#6b7280;margin-bottom:1.5rem}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.profile-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.profile-image{position:relative;width:100%;height:220px;background:#f3f4f6;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-image .no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;color:#d1d5db}.profile-image .urgent-badge{position:absolute;top:.75rem;right:.75rem;background:#ef4444;color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #ef44444d}.profile-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.profile-info h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.profile-details{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.profile-location{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.profile-stats{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:#6b7280}.profile-stats span{display:flex;align-items:center;gap:.25rem}.profile-status{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#6b7280;margin-bottom:1rem;width:fit-content}@media(max-width:768px){.profiles-grid{grid-template-columns:1fr}.shelter-profiles-section .section-header{flex-direction:column;align-items:stretch}.shelter-profiles-section .section-header button{width:100%}}.media-upload{width:100%}.upload-zone{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background:#f9fafb;cursor:pointer;transition:all .2s}.upload-zone:hover{border-color:#3b82f6;background:#eff6ff}.upload-zone.dragging{border-color:#3b82f6;background:#dbeafe;transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:.5rem}.upload-text{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.upload-hint{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.upload-limits{font-size:.75rem;color:#9ca3af;margin:0}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-error{margin-top:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.875rem}.uploaded-files-preview{margin-top:1rem}.preview-title{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.preview-item{position:relative;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;transition:all .2s}.preview-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.preview-thumbnail{width:100%;height:120px;object-fit:cover;display:block}.remove-preview-btn{position:absolute;top:.25rem;right:.25rem;background:#ef4444f2;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:1.125rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-preview-btn:hover{background:#dc2626;transform:scale(1.1)}.preview-filename{display:block;padding:.5rem;font-size:.75rem;color:#6b7280;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#f9fafb}.image-selector-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.image-selector-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.close-btn{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-image-selector-content{flex:1;overflow-y:auto;padding:1.5rem}.upload-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.gallery-section h3{margin:0 0 1rem;font-size:1.125rem;color:#374151}.loading-gallery{display:flex;justify-content:center;padding:3rem}.no-images{text-align:center;color:#6b7280;padding:3rem 1rem;background:#f9fafb;border-radius:8px;font-size:.95rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-item{position:relative;aspect-ratio:1;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;background:#f9fafb}.image-item:hover{border-color:#3b82f6;transform:scale(1.02);box-shadow:0 4px 12px #3b82f633}.image-item.selected{border-color:#3b82f6;border-width:3px;box-shadow:0 0 0 3px #3b82f633}.image-item img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:.5rem;font-size:.75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-badge{position:absolute;top:.5rem;right:.5rem;background:#3b82f6;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 2px 8px #0000004d}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:768px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.modal-image-selector-content{padding:1rem}}.component-editor-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.component-editor{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.component-editor .editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.component-editor .editor-header h3{margin:0;font-size:1.125rem;color:#1f2937}.close-btn{background:none;border:none;font-size:1.75rem;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1f2937}.component-editor .editor-body{flex:1;overflow-y:auto;padding:1.5rem}.editor-section{margin-bottom:2rem}.editor-section:last-child{margin-bottom:0}.editor-section h4{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.025em}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;color:#374151;margin-bottom:.375rem;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=color]{height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.form-group input[type=range]{width:calc(100% - 40px);margin-right:.5rem}.form-group input[type=checkbox]{width:auto;cursor:pointer}.component-editor .editor-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.current-media{margin-bottom:1rem;position:relative}.current-media img,.current-media video{width:100%;max-height:300px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.remove-media-btn{margin-top:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.remove-media-btn:hover{background:#dc2626}.current-gallery{margin-bottom:1rem}.gallery-grid-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;margin-top:.5rem}.gallery-item-preview{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden}.gallery-item-preview img{width:100%;height:100%;object-fit:cover}.remove-gallery-item{position:absolute;top:.25rem;right:.25rem;background:#ef4444e6;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:1.125rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-gallery-item:hover{background:#dc2626}.helper-text{font-size:.75rem;color:#6b7280;margin-top:.5rem;font-style:italic}.image-selector-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.image-selector-buttons .separator{color:#9ca3af;font-size:.875rem;font-weight:500}.component-preview-wrapper{position:relative;cursor:pointer;transition:all .2s;border:2px solid transparent;border-radius:4px;overflow:hidden;height:100%}.component-preview-wrapper:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.component-preview-wrapper:hover .preview-edit-overlay{opacity:1}.preview-edit-overlay{position:absolute;top:0;right:0;background:#3b82f6;color:#fff;padding:.25rem .625rem;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .2s;border-bottom-left-radius:4px}.preview-text{min-height:40px}.preview-image img{pointer-events:none;display:block;border-radius:4px}.preview-banner{position:relative;border-radius:4px;overflow:hidden;width:100%;height:100%;min-height:300px}.banner-design-hero{display:flex;align-items:center;justify-content:center}.banner-design-hero .bannerpage-overlay{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:2rem;max-width:800px;width:100%}.banner-design-hero .bannerpage-overlay:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:-1;border-radius:8px}.banner-design-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;height:100%}.banner-design-split .bannerpage-overlay{position:static;background:#fffffff2;color:#1f2937;text-shadow:none;padding:3rem;display:flex;flex-direction:column;justify-content:center;text-align:left;height:100%}.banner-design-split .bannerpage-overlay h2{color:#1f2937;font-size:2.5rem;margin-bottom:1rem}.banner-design-split .bannerpage-overlay p{color:#4b5563;font-size:1.125rem}.banner-design-overlay{display:flex;align-items:center;justify-content:center}.banner-design-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#000000b3);z-index:0}.banner-design-overlay .bannerpage-overlay{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);padding:2rem;width:100%}.banner-design-profile{display:flex;align-items:flex-end;justify-content:flex-start;padding:0;position:relative}.banner-profile-container{display:flex;align-items:flex-end;gap:1.5rem;padding:0 2rem 1.5rem;width:100%;position:relative;z-index:2}.banner-profile-image{width:180px;height:180px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 4px 12px #00000026;background:#fff;flex-shrink:0;transform:translateY(30px)}.banner-profile-image img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.banner-profile-info{flex:1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);padding-bottom:1rem}.banner-profile-info h2{font-size:2rem;margin:0 0 .25rem;font-weight:700}.banner-profile-info p{font-size:1rem;margin:0;opacity:.95}.banner-design-cover{display:flex;flex-direction:column;justify-content:flex-end;padding:0;background-color:#f9fafb}.banner-design-cover .banner-profile-container{background:#fff;border-top:3px solid #e5e7eb;padding:1.5rem 2rem;align-items:center;transform:none}.banner-design-cover .banner-profile-image{width:120px;height:120px;transform:none;border:4px solid white;box-shadow:0 2px 8px #0000001a}.banner-design-cover .banner-profile-info{color:#1f2937;text-shadow:none;padding-bottom:0}.banner-design-cover .banner-profile-info h2{color:#1f2937;font-size:1.875rem}.banner-design-cover .banner-profile-info p{color:#6b7280}.banner-design-minimal{border:3px solid #e5e7eb;background:#f8f9fa!important;display:flex;align-items:center;justify-content:center}.banner-design-minimal .bannerpage-overlay{position:relative;z-index:1;text-align:center;color:#1f2937;text-shadow:none;padding:2rem;width:100%}.banner-design-minimal .bannerpage-overlay h2{font-weight:300;color:#1f2937;letter-spacing:2px;text-transform:uppercase;font-size:2.5rem}.banner-design-minimal .bannerpage-overlay p{color:#6b7280;font-weight:400;font-size:1.125rem}.bannerpage-overlay{position:relative;z-index:1;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bannerpage-overlay h2{font-size:2rem;margin:0 0 .5rem}.bannerpage-overlay p{font-size:1.125rem;margin:0}.preview-gallery .gallery-grid{display:grid;gap:.5rem}.preview-gallery img{width:100%;height:150px;object-fit:cover;border-radius:4px}.preview-contact{background:#f9fafb;border-radius:4px}.preview-contact h3{margin:0 0 1rem;font-size:1.125rem;color:#1f2937}.preview-contact p{margin:.5rem 0;color:#4b5563;font-size:.875rem}.preview-video,.preview-map{background:#f9fafb;border-radius:4px;min-height:200px;display:flex;align-items:center;justify-content:center}.video-placeholder,.map-placeholder{text-align:center;color:#6b7280;font-size:.875rem}.preview-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;background:#f9fafb;color:#9ca3af;font-size:.875rem;border-radius:4px;text-align:center;padding:1rem}.preview-section{background:#f3f4f6;border:2px dashed #9ca3af;border-radius:6px;padding:1rem;min-height:80px}.preview-section-header{font-weight:600;color:#4b5563;margin-bottom:.5rem}.preview-section-hint{font-size:.75rem;color:#6b7280;margin:0}.editor-tour-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.editor-tour-modal{background:#fff;border-radius:12px;padding:2rem;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 50px #0000004d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tour-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.editor-tour-modal h2{font-size:1.5rem;margin:0 0 1rem;color:#1f2937}.editor-tour-modal p{font-size:1rem;line-height:1.6;color:#4b5563;margin:0 0 2rem}.tour-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.progress-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all .3s}.progress-dot.active{background:#3b82f6;transform:scale(1.5)}.progress-dot.completed{background:#10b981}.tour-actions{display:flex;gap:1rem;justify-content:center}.tour-btn-skip,.tour-btn-next{padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.tour-btn-skip{background:transparent;color:#6b7280}.tour-btn-skip:hover{color:#1f2937;background:#f3f4f6}.tour-btn-next{background:#3b82f6;color:#fff;min-width:120px}.tour-btn-next:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.tour-step-counter{margin-top:1rem;font-size:.75rem;color:#9ca3af;font-weight:500}@media(max-width:640px){.editor-tour-modal{padding:1.5rem}.tour-icon{font-size:3rem}.editor-tour-modal h2{font-size:1.25rem}.editor-tour-modal p{font-size:.9375rem}.tour-actions{flex-direction:column-reverse}.tour-btn-skip,.tour-btn-next{width:100%}}.shelter-page-editor{min-height:100vh;background:#f5f5f5}.editor-container{max-width:100%;margin:0 auto;background:#fff;min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden}.editor-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;position:sticky;top:0;z-index:100;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.25rem;color:#1f2937;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.history-controls{display:flex;align-items:center;gap:.5rem}.icon-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.375rem .625rem;cursor:pointer;color:var(--text-primary);font-size:1.125rem;line-height:1;transition:all .2s}.icon-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.unsaved-indicator{font-size:.75rem;color:#f59e0b;font-weight:500}.saved-indicator{font-size:.75rem;color:#10b981;font-weight:500}.editor-content{display:grid;grid-template-columns:220px 1fr;flex:1;overflow:hidden;height:calc(100vh - 57px)}.editor-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;padding:1rem;overflow-y:auto;height:100%}.sidebar-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:.875rem;margin:0;color:#1f2937;font-weight:600}.pages-list{display:flex;flex-direction:column;gap:.5rem}.page-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.625rem;cursor:pointer;transition:all .15s}.page-item:hover{border-color:#3b82f6;box-shadow:0 1px 3px #00000014}.page-item.active{border-color:#3b82f6;background:#eff6ff}.page-item-content h4{font-size:.875rem;margin:0 0 .25rem;color:#1f2937}.page-slug{font-size:.75rem;color:#6b7280;margin:0 0 .25rem;font-family:monospace}.badge-home{display:inline-block;font-size:.625rem;padding:.125rem .375rem;background:#dbeafe;color:#1e40af;border-radius:3px;font-weight:600}.page-badges span{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-home{background:#fef3c7;color:#92400e}.badge-published{background:#d1fae5;color:#065f46}.badge-draft{background:#e5e7eb;color:#4b5563}.empty-pages{text-align:center;padding:1.5rem .75rem;color:#9ca3af;font-size:.75rem}.editor-main{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;height:100%}.page-editor-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.page-info h2{font-size:1.125rem;margin:0 0 .25rem;color:#1f2937}.page-url{font-family:monospace;color:#6b7280;font-size:.75rem}.page-editor-content{display:flex;gap:1rem;flex:1;min-height:0}.editor-canvas{flex:1;background:#fff;border:2px dashed #d1d5db;border-radius:6px;padding:1rem;overflow-y:auto;height:100%}.canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.canvas-header h3{font-size:.875rem;margin:0;color:#1f2937;font-weight:600}.canvas-hint{font-size:.75rem;color:#6b7280}.canvas-empty{display:flex;align-items:center;justify-content:center;min-height:300px;background:#f9fafb;border-radius:6px;color:#9ca3af;font-size:.875rem;text-align:center;padding:2rem}.sections-list{display:flex;flex-direction:column;gap:.75rem}.section-item{background:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:.75rem;transition:all .2s;cursor:move;position:relative}.section-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.section-item.dragging{opacity:.5}.section-item.drag-over{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a;position:relative}.section-item.drag-over:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:#3b82f6;border-radius:2px}.section-item.depth-0{border-width:2px}.section-depth-badge{background:#3b82f6;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:3px;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:#1f2937}.section-title,.section-controls{display:flex;align-items:center;gap:.5rem}.layout-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;cursor:pointer;color:#4b5563;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.layout-btn:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.drag-handle{color:#9ca3af;cursor:grab;font-size:1rem;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.remove-btn{background:none;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:3px}.remove-btn:hover{background:#fee2e2}.section-components{display:flex;flex-direction:column;min-height:60px;background:#f9fafb;border-radius:4px;border:1px dashed #d1d5db}.section-components.section-layout-row{flex-direction:row;align-items:stretch;overflow-x:auto;overflow-y:hidden}.section-components.section-layout-row .component-wrapper{flex:1 1 300px;min-width:200px}.component-wrapper{position:relative;background:#fff;border-radius:4px;overflow:hidden;cursor:move;border:2px solid transparent;transition:all .2s}.component-wrapper:hover{border-color:#3b82f6}.component-wrapper.drag-over{border-color:#10b981;background:#f0fdf4}.component-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;width:24px;height:24px;border-radius:50%;font-size:1.125rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.component-wrapper:hover .component-remove-btn{opacity:1}.component-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.section-empty{display:flex;align-items:center;justify-content:center;min-height:60px;color:#9ca3af;font-size:.75rem;text-align:center}.nested-sections{display:flex;flex-direction:column;gap:.75rem}.nested-section-wrapper{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.5rem;text-align:center}.nested-section-label{font-size:.75rem;color:#6b7280;font-weight:500}.placeholder-content h4{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.placeholder-content>p{color:#6b7280;margin-bottom:2rem}.coming-features{background:#fff;border-radius:8px;padding:1.5rem;text-align:left}.coming-features h5{font-size:1rem;margin-bottom:1rem;color:#1f2937}.coming-features ul{list-style:none;padding:0;margin:0}.coming-features li{padding:.5rem 0;color:#4b5563;font-size:.875rem}.component-palette{width:220px;background:#f9fafb;border-left:1px solid #e5e7eb;padding:1rem;overflow-y:auto;height:100%}.component-palette h3{font-size:.875rem;margin:0 0 1rem;color:#1f2937;font-weight:600}.components-list{display:flex;flex-direction:column;gap:.5rem}.component-item{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.5rem;cursor:grab;transition:all .15s;display:flex;align-items:center;gap:.5rem}.component-item:active{cursor:grabbing}.component-item:hover{border-color:#3b82f6;box-shadow:0 1px 3px #0000001a}.component-icon{font-size:1.125rem;line-height:1}.component-item span{font-size:.75rem;color:#374151;font-weight:500}.palette-hint{font-size:.75rem;color:#6b7280;margin-bottom:1rem}.components-list{display:flex;flex-direction:column;gap:.75rem}.component-item{display:flex;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.component-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.component-icon{font-size:1.5rem;flex-shrink:0}.component-info h4{font-size:.875rem;margin:0 0 .25rem;color:#1f2937}.component-info p{font-size:.75rem;color:#6b7280;margin:0}.no-page-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#9ca3af}.no-page-selected h2{font-size:1.125rem;margin-bottom:.5rem;color:#6b7280}.no-page-selected p{font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 10px 20px #00000026}.modal-content h2{font-size:1.125rem;margin-bottom:1rem;color:#1f2937}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-group input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;transition:all .15s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-group .hint{font-size:.6875rem;color:#9ca3af;margin-top:.375rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.error-message,.success-message{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.8125rem}.error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:.75rem}@media(max-width:1024px){.page-editor-content{flex-direction:column}.component-palette{width:100%;order:-1}.components-list{flex-direction:row;flex-wrap:wrap}.component-item{flex:0 0 calc(50% - .25rem)}}@media(max-width:768px){.editor-content{grid-template-columns:1fr}.editor-sidebar{border-right:none;border-bottom:1px solid #e5e7eb}}.shelter-page{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family, "Inter", sans-serif)}.shelter-page-loading,.shelter-page-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-content{text-align:center;max-width:500px}.error-content h2{font-size:2rem;margin-bottom:1rem;color:#1f2937}.error-content p{color:#6b7280;margin-bottom:2rem}.btn-home{padding:.75rem 2rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-home:hover{opacity:.9;transform:translateY(-1px)}.shelter-page-header{background:#fff;border-bottom:2px solid #e5e7eb;padding:1.5rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.shelter-logo{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.shelter-logo img{width:100%;height:100%;object-fit:cover}.logo-placeholder{width:100%;height:100%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.shelter-name{font-size:1.5rem;color:#1f2937;margin:0;flex:1}.page-navigation{display:flex;gap:.5rem;flex-wrap:wrap}.nav-link{padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;transition:all .2s;font-size:.875rem}.nav-link:hover{background:#f9fafb;border-color:var(--primary-color, #3b82f6)}.nav-link.active{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.shelter-page-content{flex:1;background:#f9fafb;padding:3rem 0}.page-title{max-width:1200px;margin:0 auto 2rem;padding:0 2rem}.page-title h2{font-size:2rem;color:#1f2937;margin:0}.page-sections{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:2rem}.page-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d;display:flex;gap:1.5rem}.section-layout-column{flex-direction:column}.section-layout-row{flex-direction:row;flex-wrap:wrap}.section-layout-row>.section-component{flex:1;min-width:250px}.section-component{width:100%}.component-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;color:#6b7280}.component-type{font-weight:500;text-transform:capitalize}.empty-section{text-align:center;color:#9ca3af;padding:2rem}.empty-page{max-width:1200px;margin:0 auto;padding:0 2rem}.empty-content{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000d}.empty-content h3{font-size:1.5rem;color:#1f2937;margin-bottom:1rem}.empty-content p{color:#6b7280;margin-bottom:.5rem}.shelter-page-footer{background:#1f2937;color:#fff;padding:2rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.shelter-info h3{font-size:1.25rem;margin-bottom:.5rem}.location{color:#d1d5db;margin-bottom:.5rem}.social-link{color:var(--secondary-color, #10b981);text-decoration:none;display:inline-block;margin-top:.5rem}.social-link:hover{text-decoration:underline}.footer-pupping{color:#9ca3af}.footer-pupping strong{color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media(max-width:768px){.header-container{flex-direction:column;align-items:flex-start;gap:1rem}.shelter-name{font-size:1.25rem}.page-navigation{width:100%}.nav-link{flex:1;text-align:center}.footer-container{flex-direction:column;align-items:flex-start;gap:1.5rem}}.dropdown-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dropdown-container.dropdown-full-width{width:100%}.dropdown-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.dropdown-required{color:var(--color-error);margin-left:var(--spacing-3xs)}.dropdown-wrapper{position:relative;display:flex;align-items:center}.dropdown{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-2xl);font-size:var(--font-size-base);background-color:var(--input-bg-color);font-family:inherit;color:var(--input-color);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--transition-normal);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.dropdown:hover:not(:disabled){border-color:var(--color-primary-light)}.dropdown:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b1a}.dropdown:disabled{background-color:var(--bg-secondary);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.dropdown option{background-color:var(--color-white);color:var(--text-primary);padding:var(--spacing-sm)}.dropdown option:disabled{color:var(--text-disabled)}.dropdown-icon{position:absolute;right:var(--spacing-sm);pointer-events:none;color:#fff;font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.dropdown:focus~.dropdown-icon{transform:rotate(180deg)}.dropdown-filled{background-color:var(--bg-secondary);border:1px solid transparent;color:var(--text-primary)}.dropdown-filled:hover:not(:disabled){background-color:var(--bg-tertiary)}.dropdown-filled:focus{background-color:var(--color-white);border-color:var(--color-primary)}.dropdown-outlined{border:2px solid var(--border-secondary);background-color:var(--color-white);color:var(--text-primary)}.dropdown-outlined:focus{border-color:var(--color-primary)}.dropdown-small{padding:var(--spacing-xs) var(--spacing-sm);padding-right:var(--spacing-xl);font-size:var(--font-size-sm)}.dropdown-large{padding:var(--spacing-md) var(--spacing-lg);padding-right:var(--spacing-3xl);font-size:var(--font-size-lg)}.dropdown-container.dropdown-error .dropdown{border-color:var(--color-error)}.dropdown-container.dropdown-error .dropdown:focus{box-shadow:0 0 0 3px #f443361a}.dropdown-error-message{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-2xs)}.dropdown-helper-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.pupper-match-creator{min-height:100vh;display:flex;flex-direction:column;background:var(--pupping-gradient)}.creator-container{flex:1;max-width:900px;margin:2rem auto;width:100%;padding:0 1rem}.creator-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.creator-title{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;font-weight:700}.creator-subtitle{font-size:1.1rem;color:#7f8c8d;margin:0}.creator-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.puppermatch-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px}.form-section h3{font-size:1.3rem;color:#2c3e50;margin:0 0 .5rem;font-weight:600}.multi-select-group{display:flex;flex-direction:column;gap:.75rem}.multi-select-group>label{font-weight:500;color:#2c3e50;font-size:.95rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-item:hover{border-color:var(--primary-color);background:#f0f8ff}.checkbox-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-item input[type=checkbox]:checked+span{color:var(--primary-color);font-weight:600}.checkbox-item span{font-size:.9rem;color:#2c3e50;-webkit-user-select:none;user-select:none}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-group>label{font-weight:500;color:#2c3e50;font-size:.95rem}.toggle-button{padding:.75rem 1.5rem;border:2px solid #e1e8ed;border-radius:8px;background:#fff;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease}.toggle-button.neutral{border-color:#95a5a6;color:#7f8c8d}.toggle-button.yes{border-color:#27ae60;background:#d4edda;color:#27ae60}.toggle-button.no{border-color:#e74c3c;background:#f8d7da;color:#e74c3c}.toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.textarea-group{display:flex;flex-direction:column;gap:.5rem}.textarea-group label{font-weight:500;color:#2c3e50;font-size:.95rem}.textarea-group textarea{padding:.75rem;border:2px solid #e1e8ed;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.textarea-group textarea:focus{outline:none;border-color:var(--primary-color)}.textarea-group textarea::placeholder{color:#95a5a6}.form-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:2px solid #e1e8ed}@media(max-width:768px){.creator-container{margin:1rem auto}.creator-header{padding:1.5rem}.creator-title{font-size:1.8rem}.creator-subtitle{font-size:1rem}.creator-content{padding:1.5rem}.form-row,.checkbox-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.gallery-profiles-page{min-height:100vh;background:var(--pupping-gradient)}.gallery-profiles-container{max-width:1400px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl)}.gallery-title{font-size:var(--font-size-xl);color:var(--pupping-pink);text-align:start;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-3xl)}.gallery-filters-toggle{position:sticky;top:132px;z-index:100;display:none;align-items:center;gap:.5rem;width:100%;padding:.7rem 1.2rem;margin-bottom:.75rem;background:var(--color-white);border:1px solid rgba(0,0,0,.08);border-radius:14px;font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000f;justify-content:center}.gallery-filters-toggle:hover{border-color:var(--pupping-pink);box-shadow:0 4px 16px #e74c6f1f}.gallery-filters-toggle svg{color:var(--pupping-pink);flex-shrink:0}.gallery-filters-toggle .toggle-chevron{margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);color:var(--text-tertiary)}.gallery-filters-toggle--open .toggle-chevron{transform:rotate(180deg)}.gallery-filters{position:relative;background:var(--color-white);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:.85rem 1.25rem;margin-bottom:1.75rem;box-shadow:0 1px 8px #0000000a,0 4px 24px #00000008;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-section{display:flex;align-items:center;gap:.6rem}.filter-section__label{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.filter-section__label svg{opacity:.6}.filter-chips{display:flex;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:10px;border:1.5px solid transparent;background:var(--surface-secondary, #f5f5f7);font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.filter-chip svg{opacity:.55;transition:opacity .2s ease}.filter-chip:hover{background:#f0edf5;color:var(--text-primary);border-color:#0000000f}.filter-chip:hover svg{opacity:.85}.filter-chip--selected{background:linear-gradient(135deg,#f8f0ff,#fff0f3);border-color:var(--pupping-pink);color:var(--pupping-pink);font-weight:600;box-shadow:0 2px 8px #e74c6f1f}.filter-chip--selected svg{opacity:1}.filter-divider{width:1px;height:24px;background:var(--border-color, #e0e0e0);opacity:.5;flex-shrink:0}.filter-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:10px;border:1.5px solid var(--border-color, #e0e0e0);background:var(--color-white);font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-toggle-btn svg{transition:all .25s ease;color:#ccc}.filter-toggle-btn:hover{border-color:#f5a0b3;background:#fffafe}.filter-toggle-btn:hover svg{color:#e74c6f}.filter-toggle-btn--on{background:linear-gradient(135deg,#fff0f3,#ffe8ed);border-color:#e74c6f;color:#d63a5e;font-weight:600;box-shadow:0 2px 10px #e74c6f26}.filter-toggle-btn--on svg{color:#e74c6f}.filter-warning-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-top:.5rem;background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-radius:12px;flex-wrap:wrap}.filter-warning-content{display:flex;align-items:center;gap:.6rem}.filter-warning-content svg{color:#fbbf24;flex-shrink:0}.filter-warning-content p{color:#ffffffe6;font-size:.82rem;font-weight:500;margin:0;line-height:1.4}.filter-warning-action{display:inline-flex;align-items:center;gap:4px;padding:6px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.filter-warning-action:hover{background:var(--pupping-pink);border-color:var(--pupping-pink);transform:translate(2px);box-shadow:0 4px 16px #e74c6f4d}.puppermatches-banner{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014}.banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.banner-header h3{margin:0;font-size:1.25rem;color:#2c3e50;font-weight:600}.manage-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.puppermatches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.puppermatch-card{padding:1rem;background:#f8f9fa;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;transition:all .2s ease}.puppermatch-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.puppermatch-card.active{border-color:var(--primary-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);cursor:default}.puppermatch-info h4{margin:0 0 .5rem;font-size:1rem;color:#2c3e50;font-weight:600}.puppermatch-details{display:flex;flex-wrap:wrap;gap:.5rem}.detail-badge{padding:.25rem .5rem;background:#fff;border-radius:6px;font-size:.75rem;color:#7f8c8d}.active-indicator{margin-top:.75rem;padding:.5rem;background:var(--primary-color);color:#fff;border-radius:6px;text-align:center;font-size:.85rem;font-weight:600}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;margin-bottom:var(--spacing-2xl)}.gallery-profile-card{position:relative;width:100%;height:450px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.gallery-profile-card:hover{transform:scale(1.02);box-shadow:var(--shadow-xl);z-index:10}.gallery-profile-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000,#0000004d,#000c);z-index:1}.gallery-urgent-label{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:orange;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);z-index:2;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gallery-profile-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);z-index:2;transform:translateY(0);transition:transform .3s ease}.gallery-profile-card:hover .gallery-profile-overlay{transform:translateY(-8px)}.gallery-profile-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.gallery-profile-location{font-size:var(--font-size-sm);color:#ffffffe6;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.gallery-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.541);border-top-color:var(--pupping-pink);border-radius:50%;animation:spin 1s linear infinite}.gallery-loading p{color:var(--color-white);font-size:var(--font-size-base)}.gallery-error{background:#ff453a1a;border:2px solid #ff453a;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);text-align:center}.gallery-error p{color:#ff453a;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0}.gallery-error button{background:var(--pupping-pink);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.gallery-error button:hover{background:var(--pupping-pink-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.gallery-observer-target{height:1px;width:100%}.gallery-end-message{text-align:center;padding:var(--spacing-3xl);color:var(--color-white);font-size:var(--font-size-lg)}.gallery-floating-buttons{position:fixed;bottom:var(--spacing-2xl);left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);z-index:1000;max-width:90vw}.gallery-floating-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:var(--shadow-xl);transition:all .3s ease;white-space:nowrap}.gallery-floating-btn:hover{background:var(--pupping-pink);color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #ff69b466}.gallery-floating-btn:active{transform:translateY(-2px)}.gallery-floating-btn.active{background:var(--pupping-pink);color:#fff;border-color:var(--pupping-pink)}.gallery-floating-btn.active:hover{background:#ff1493;border-color:#ff1493}.gallery-floating-btn.secondary{background:#f8f9fa;color:#495057;border-color:#dee2e6}.gallery-floating-btn.secondary:hover{background:#495057;color:#fff;border-color:#495057}.gallery-floating-btn.secondary{background:#fff;color:#6c757d;border-color:#6c757d}.gallery-floating-btn.secondary:hover{background:#6c757d;color:#fff}.floating-btn-icon{font-size:var(--font-size-xl);display:none}.floating-btn-text{display:inline}@media(max-width:1200px){.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.filter-warning-banner{width:100%}.gallery-profiles-container{padding:var(--spacing-3xl) 0}.gallery-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2xl)}.gallery-filters-toggle{display:flex}.gallery-filters{max-height:0;overflow:hidden;opacity:0;padding:0 1.25rem;margin-bottom:0;border-color:transparent;box-shadow:none}.gallery-filters.visible{max-height:600px;opacity:1;padding:.85rem 1.25rem;margin-bottom:1.5rem;border-color:#0000000f;box-shadow:0 1px 8px #0000000a,0 4px 24px #00000008}.filter-section{width:100%;flex-wrap:wrap}.filter-divider{width:100%;height:1px}.filter-warning-banner{flex-direction:column;text-align:center}.profiles-grid{grid-template-columns:repeat(3,1fr)}.gallery-profile-card{height:280px}.gallery-profile-overlay{padding:var(--spacing-md)}.gallery-profile-name{font-size:var(--font-size-base)}.gallery-profile-location{font-size:var(--font-size-xs)}.gallery-urgent-label{top:var(--spacing-xs);right:var(--spacing-xs);padding:4px var(--spacing-sm);font-size:.625rem}.gallery-floating-buttons{bottom:var(--spacing-lg);flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.gallery-floating-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);flex:0 1 auto;min-width:fit-content}.floating-btn-text{display:none}.floating-btn-icon{display:inline;font-size:1.25rem}}.puppermatch-toggle{display:flex;align-items:center;gap:var(--spacing-md)}.toggle-switch{margin-left:auto}.switch-track{position:relative;width:44px;height:23px;background:#ccc;border-radius:12px;transition:background .3s ease;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a}.switch-track.on{background:linear-gradient(135deg,var(--pupping-pink) 0%,var(--pupping-purple) 100%)}.switch-thumb{width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.switch-track.on .switch-thumb{transform:translate(22px)}.gallery-scroll-top{background-color:var(--color-white);position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease}.gallery-scroll-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.scroll-top-icon{font-size:1.5rem;font-weight:700}@media(max-width:480px){.gallery-filters{position:sticky;top:180px;z-index:100}.filter-chips{flex-wrap:wrap}.filter-chip,.filter-toggle-btn{font-size:.78rem;padding:6px 12px}.profiles-grid{grid-template-columns:repeat(3,1fr)}.gallery-profile-card{height:180px}.gallery-profile-name{font-size:var(--font-size-sm)}.gallery-profile-location{font-size:.625rem}}.temp-filters-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}.temp-filters-panel{position:fixed;background:#fff;z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0003;animation:slideIn .3s ease}@media(min-width:769px){.temp-filters-panel{top:0;left:0;width:450px;max-width:90vw;height:100vh}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media(max-width:768px){.temp-filters-panel{bottom:0;left:0;right:0;max-height:85vh;border-radius:24px 24px 0 0}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.temp-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0;background:#fff}.temp-filters-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--pupping-pink)}.temp-filters-close{background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.temp-filters-close:hover{background:#f8f9fa;transform:rotate(90deg)}.temp-filters-close svg{color:var(--pupping-pink)}.temp-filters-content{flex:1;overflow-y:auto;padding:1.5rem}.temp-filter-section{margin-bottom:1.5rem;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.temp-filter-section.expanded{border-color:var(--pupping-pink);background:#fef5f8}.temp-filter-section.collapsed{background:#fff}.temp-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.temp-section-header:hover{background:#f8f9fa}.temp-filter-section.expanded .temp-section-header{background:linear-gradient(135deg,#ff69b41a,#ba55d31a)}.temp-section-header h3{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.temp-filter-section.expanded .temp-section-header h3{color:var(--pupping-pink)}.temp-section-icon{font-size:.875rem;color:#7f8c8d;transition:transform .3s ease}.temp-filter-section.expanded .temp-section-icon{color:var(--pupping-pink)}.temp-section-content{padding:1rem 1.25rem 1.25rem;animation:slideDown .3s ease}.temp-filter-label{display:block;font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem}.temp-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.temp-age-group{margin-bottom:1rem}.temp-age-label{display:block;font-weight:600;font-size:.95rem;color:#2c3e50;margin-bottom:.75rem}.temp-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.temp-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.temp-checkbox-item:hover{border-color:var(--pupping-pink);background:#fef5f8}.temp-checkbox-item input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--pupping-pink)}.temp-checkbox-item input[type=checkbox]:checked+span{color:var(--pupping-pink);font-weight:600}.temp-checkbox-item span{font-size:.9rem;color:#2c3e50;-webkit-user-select:none;user-select:none}.temp-toggle-button{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.temp-toggle-button.neutral{border-color:#95a5a6;color:#95a5a6}.temp-toggle-button.yes{border-color:#27ae60;background:#27ae60;color:#fff}.temp-toggle-button.no{border-color:#e74c3c;background:#e74c3c;color:#fff}.temp-toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.temp-filters-footer{display:flex;gap:1rem;padding:1.5rem;border-top:2px solid #f0f0f0;background:#fff}.temp-filters-footer button{flex:1}.temp-filters-content::-webkit-scrollbar{width:8px}.temp-filters-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.temp-filters-content::-webkit-scrollbar-thumb{background:var(--pupping-pink);border-radius:4px}.temp-filters-content::-webkit-scrollbar-thumb:hover{background:#ff1493}@media(max-width:768px){.temp-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.temp-filter-row{grid-template-columns:1fr}.temp-filters-header h2{font-size:1.25rem}}.temp-proximity-control{display:flex;flex-direction:column;gap:1rem}.temp-proximity-label{font-size:1rem;font-weight:600;color:var(--pupping-pink);text-align:center}.temp-proximity-slider{width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,#ffc0cb,var(--pupping-pink));outline:none;-webkit-appearance:none;appearance:none}.temp-proximity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--pupping-pink);cursor:pointer;box-shadow:0 2px 8px #ff69b466;transition:all .2s ease}.temp-proximity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff69b499}.temp-proximity-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--pupping-pink);cursor:pointer;border:none;box-shadow:0 2px 8px #ff69b466;transition:all .2s ease}.temp-proximity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff69b499}.temp-proximity-marks{display:flex;justify-content:space-between;font-size:.875rem;color:#666;padding:0 .5rem}.temp-clear-proximity{background:#fff;border:2px solid #e0e0e0;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;color:#666;cursor:pointer;transition:all .2s ease}.temp-clear-proximity:hover{border-color:var(--pupping-pink);color:var(--pupping-pink)}.temp-location-loading,.temp-location-error,.temp-enable-location{padding:1.5rem;text-align:center;border-radius:8px;background:#f8f9fa}.temp-location-loading p,.temp-location-error p,.temp-enable-location p{margin:0 0 1rem;color:#666}.temp-retry-location,.temp-enable-location-btn{background:var(--pupping-pink);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.temp-retry-location:hover,.temp-enable-location-btn:hover{background:#ff1493;transform:translateY(-2px);box-shadow:0 4px 12px #ff69b466}.temp-age-display{background:linear-gradient(135deg,var(--pupping-pink),#ff1493);color:#fff;padding:1rem;border-radius:12px;text-align:center;font-size:1.125rem;font-weight:700;box-shadow:0 4px 12px #ff69b44d;letter-spacing:.5px;margin-bottom:1.5rem}.profile-detail-page{min-height:100vh;background:var(--pupping-gradient);position:relative;justify-self:center;width:100%;padding:3rem}@media(min-width:769px){.profile-detail-page{height:100vh;overflow-y:auto}}.profile-detail-page.preview-mode{padding:0;background:transparent;min-height:auto}.profile-shelter-banner{position:relative;background:linear-gradient(145deg,gold,#ffed4e,gold);border:3px solid #b8860b;border-radius:80px;padding:.4rem 1rem .4rem .5rem;box-shadow:0 4px 15px #ffd7004d,0 8px 25px #b8860b33,inset 0 1px #fff6,inset 0 -1px #0000001a;animation:slideIn .3s ease-out,shimmer 3s ease-in-out infinite;overflow:hidden}.profile-shelter-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shine 4s ease-in-out infinite}.profile-shelter-banner:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(184,134,11,.05) 10px,rgba(184,134,11,.05) 20px);pointer-events:none}.shelter-banner-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.shelter-banner-logo{width:56px;height:56px;object-fit:contain;border-radius:50%;background:#fff;flex-shrink:0;border:3px solid #b8860b;box-shadow:0 2px 8px #00000026,inset 0 1px 2px #ffffff80}.shelter-banner-text{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0;overflow:hidden}.shelter-banner-label{font-size:.7rem;color:#8b6914;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,.8);white-space:nowrap}.shelter-banner-name{font-size:clamp(1rem,5vw,2rem);color:#5a4a0f;font-weight:900;text-shadow:0 1px 1px rgba(255,255,255,.8),0 2px 3px rgba(0,0,0,.1);letter-spacing:.5px;line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@media(max-width:768px){.shelter-banner-logo{width:48px;height:48px}.shelter-banner-label{font-size:.65rem}.shelter-banner-name{font-size:clamp(.85rem,4vw,1.5rem)}}.profile-detail-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;overflow:visible;min-height:100vh;padding-bottom:3rem}.profile-detail-container:has(.profile-loading),.profile-detail-container:has(.profile-error){display:flex;align-items:center;justify-content:center;grid-template-columns:none}.profile-detail-container.transition-loading{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start}.profile-transition-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl)}@media(min-width:769px){.profile-detail-container{background:#fff;border-radius:var(--border-radius-2xl);box-shadow:0 4px 20px #00000014;padding:var(--spacing-2xl) var(--spacing-3xl);gap:var(--spacing-xl);min-height:auto;align-items:flex-start}.profile-detail-container:has(.profile-loading),.profile-detail-container:has(.profile-error){display:flex;align-items:center;justify-content:center}.profile-detail-container.transition-loading{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:flex-start}}.profile-name-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:0;margin-bottom:var(--spacing-lg);background:transparent;flex-wrap:wrap}.profile-name-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--pupping-pink),var(--pupping-purple));margin:0;text-shadow:0 2px 10px rgba(255,105,180,.2)}@media(min-width:769px){.profile-name-header{margin-bottom:var(--spacing-md)}}.profile-image-section{position:relative;background:var(--surface-secondary)}@media(min-width:769px){.profile-image-section{background:transparent;position:sticky;top:var(--spacing-2xl);align-self:flex-start}}.profile-main-image{border-radius:var(--radius-lg);border:1px solid rgba(255,105,180,.15);position:relative;width:100%;height:auto;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.profile-img{width:100%;height:auto;display:block;object-fit:contain;object-position:top;transition:transform .1s ease-out;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}video.profile-img{object-fit:cover;max-height:80vh}.profile-urgent-badge{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);background:var(--pupping-pink);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);animation:pulse 2s ease-in-out infinite;z-index:2}.profile-adopted-banner{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);box-shadow:0 4px 12px #e74c3c66;white-space:nowrap;display:inline-flex;align-items:center}.profile-img-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;font-size:var(--font-size-3xl);color:var(--pupping-pink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.profile-img-nav:hover{background:#fff;box-shadow:var(--shadow-lg)}.profile-img-nav-left{left:var(--spacing-lg)}.profile-img-nav-right{right:var(--spacing-lg)}.profile-img-indicators{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);z-index:2}.profile-img-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .3s ease}.profile-img-indicator.active{background:#fff;width:24px;border-radius:4px}.profile-navigation{display:flex;justify-content:space-between;padding:var(--spacing-lg);background:var(--surface-primary);gap:var(--spacing-md)}.profile-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;border:2px solid var(--pupping-pink);border-radius:var(--radius-lg);color:var(--pupping-pink);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease}.profile-nav-btn:hover{background:var(--pupping-pink);color:#fff}.nav-arrow{font-size:var(--font-size-xl)}.nav-text{font-size:var(--font-size-sm)}.profile-info-section{padding:var(--spacing-3xl);overflow-y:auto}.profile-header{margin-bottom:var(--spacing-md)}.profile-title{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-name-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold)}.profile-name-value{color:var(--pupping-pink)}.profile-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#ff69b414,#ff69b408);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm)}.profile-field{font-weight:var(--font-weight-bold);color:var(--pupping-pink);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.profile-actions{position:relative;bottom:unset;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.profile-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.profile-primary-btn{flex:1;background:var(--pupping-pink);color:#fff;border-color:var(--pupping-pink)}.profile-primary-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.profile-primary-btn:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}.profile-primary-btn:disabled:hover{transform:none;box-shadow:none}.profile-favorite-btn{width:56px;height:56px;padding:0}.btn-icon{font-size:var(--font-size-xl)}.profile-details{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-2xl);padding:var(--spacing-3xl);height:100%;box-shadow:0 4px 20px #00000014}@media(min-width:769px){.profile-details{background:transparent;border-radius:0;padding:0;box-shadow:none}}.profile-info-section{overflow-y:visible}@media(min-width:769px){.profile-info-section{position:sticky;top:0;padding:0}}.profile-expand-btn{width:100%;background:var(--pupping-pink);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease;margin:var(--spacing-lg) 0;box-shadow:var(--shadow-md)}.profile-expand-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.mobile-only{display:none}.profile-expandable-content{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,opacity .3s ease-in-out;opacity:0}.profile-expandable-content.expanded{max-height:2000px;opacity:1}@media(min-width:769px){.profile-expandable-content{max-height:none!important;opacity:1!important;overflow:visible!important}}.profile-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.profile-bio{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.8;margin:var(--spacing-md) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#ff69b40d,#ff69b405);border-radius:var(--radius-lg)}.profile-info-grid{margin-top:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.profile-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(255,105,180,.15);border-radius:var(--radius-lg);transition:all .3s ease;position:relative;overflow:hidden}.profile-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff69b426;border-color:var(--pupping-pink)}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.info-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-bold)}.profile-photos{padding-top:var(--spacing-1ml);border-top:1px solid var(--border-color)}.profile-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.profile-photo-thumb{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent}.profile-photo-thumb:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.profile-photo-thumb.active{border-color:var(--pupping-pink)}.profile-photo-thumb img{width:100%;height:100%;object-fit:cover}.profile-photo-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}@media(max-width:1024px){.profile-detail-container,.profile-detail-container.transition-loading{grid-template-columns:1fr}.profile-transition-spinner{min-height:120px}.profile-main-image{height:auto}}@media(max-width:768px){.profile-detail-container{grid-template-columns:1fr;border-radius:0}.profile-name-header{padding:1.5rem 1rem .5rem}.profile-name-value{font-size:2rem}.mobile-only{display:block!important}.profile-expandable-content{max-height:0!important;overflow:hidden!important;opacity:0!important}.profile-expandable-content.expanded{max-height:2000px!important;opacity:1!important}.profile-actions{position:fixed;bottom:0;justify-self:center;margin:30px;z-index:1000}.profile-photos-grid{margin:var(--spacing-xl);gap:0}.profile-details{padding:var(--spacing-md)}.profile-detail-page{padding:0}.profile-close-btn{top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;font-size:var(--font-size-xl)}.profile-detail-container{border-radius:0}.profile-main-image{height:auto}.profile-info-section{padding:var(--spacing-xl)}.profile-name-title{font-size:var(--font-size-xl)}.profile-navigation{flex-direction:column}.nav-text{font-size:var(--font-size-xs)}.profile-info-grid{grid-template-columns:1fr}.profile-img-nav{width:40px;height:40px;font-size:var(--font-size-2xl)}}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-3xl);text-align:center;width:100%;max-width:500px}.profile-loading p{font-size:var(--font-size-xl);color:var(--pupping-pink);animation:pulse 1.5s ease-in-out infinite;margin:0}.profile-error p{font-size:var(--font-size-lg);color:var(--error-text);margin-bottom:var(--spacing-xl);line-height:1.5}.profile-error button{padding:var(--spacing-md) var(--spacing-xl);background:var(--pupping-pink);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.profile-error button:hover{background:var(--pupping-purple);transform:translateY(-2px);box-shadow:var(--shadow-md)}.own-profile-notice{background:var(--pupping-pink);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;margin-top:var(--spacing-lg)}.own-profile-notice p{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.profile-location-map{margin-top:var(--spacing-2xl)}.profile-location-map .location-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--pupping-pink);margin:0 0 var(--spacing-sm) 0}.profile-location-map .location-hint{font-size:var(--font-size-md);color:#666;margin:0 0 var(--spacing-lg) 0;font-style:italic}.profile-reported-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;border-radius:var(--radius-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #4caf5026;animation:slideIn .3s ease-out}.profile-reported-banner .reported-icon{font-size:1.8rem;color:#4caf50;font-weight:700;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #4caf5033}.profile-reported-banner .reported-text{font-size:var(--font-size-md);color:#2e7d32;font-weight:var(--font-weight-medium);line-height:1.5}@media(max-width:768px){.profile-reported-banner{flex-direction:column;text-align:center;padding:var(--spacing-md)}.profile-reported-banner .reported-text{font-size:var(--font-size-sm)}}.report-btn{margin-top:var(--spacing-3xl);padding:var(--spacing-md) var(--spacing-xl);border:2px solid #ff6b6b;border-radius:var(--radius-full);background:#fff;color:#ff6b6b;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:0 2px 8px #ff6b6b33}.report-btn:hover{background:#ff6b6b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media(-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media(-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media(-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media(-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media(-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}.location-map-container{width:100%;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000001a}.location-map-error{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:var(--border-radius-lg);color:#666;font-size:.9rem;text-align:center;padding:1rem}.mapboxgl-ctrl-bottom-right{display:none}.mapboxgl-ctrl-top-right{margin:.5rem}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.report-modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:reportModalSlideIn .3s ease-out}@keyframes reportModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #eee}.report-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#333}.report-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.report-modal-close:hover{background:#f0f0f0;color:#333}.report-modal-body{padding:1.5rem}.report-modal-description{margin:0 0 1.5rem;color:#666;font-size:.95rem}.report-modal-form{display:flex;flex-direction:column;gap:1rem}.report-modal-field{display:flex;flex-direction:column;gap:.5rem}.report-modal-field label{font-weight:700;color:#333;font-size:.9rem}.report-modal-select,.report-modal-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid #ddd;font-size:1rem;font-family:inherit;transition:border-color .2s}.report-modal-select:focus,.report-modal-textarea:focus{outline:none;border-color:var(--pupping-pink, #ff69b4)}.report-modal-textarea{resize:vertical;min-height:80px}.report-modal-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.report-modal-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.report-modal-checkbox:hover{background-color:#f8f8f8}.report-modal-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--pupping-pink, #ff69b4)}.report-modal-checkbox span{-webkit-user-select:none;user-select:none;font-size:.95rem;color:#333}.report-modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.report-modal-btn{flex:1;padding:.75rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .2s;border:none}.report-modal-btn:disabled{cursor:not-allowed;opacity:.6}.report-modal-btn-cancel{border:2px solid var(--pupping-pink, #ff69b4);background:#fff;color:var(--pupping-pink, #ff69b4)}.report-modal-btn-cancel:hover:not(:disabled){background:#fff0f6}.report-modal-btn-submit{background:var(--pupping-pink, #ff69b4);color:#fff;border:2px solid var(--pupping-pink, #ff69b4)}.report-modal-btn-submit:hover:not(:disabled){background:var(--color-primary-dark, #e55ba0);border-color:var(--color-primary-dark, #e55ba0)}.report-modal-btn-submit:disabled{background:#ccc;border-color:#ccc}@media(max-width:768px){.report-modal-content{max-height:95vh}.report-modal-header,.report-modal-body{padding:1rem}.report-modal-header h3{font-size:1.1rem}.report-modal-actions{flex-direction:column;gap:.75rem}.report-modal-btn{width:100%}}.favorite-button{position:relative;display:inline-grid;place-items:center;border-radius:999px;border:2px solid var(--pupping-pink);background:#fffffff2;color:var(--pupping-pink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate}.favorite-button:focus-visible{outline:none;box-shadow:0 0 0 4px #ff69b440}.favorite-button:hover:not(:disabled){transform:translateY(-1px) scale(1.03);background:#ff69b414;box-shadow:0 10px 25px #ff69b426}.favorite-button:active:not(:disabled){transform:translateY(0) scale(.98)}.favorite-button:disabled{opacity:.5;cursor:not-allowed}.favorite-button__icon{position:relative;z-index:2;filter:drop-shadow(0 2px 6px rgba(255,105,180,.15))}.favorite-button__heart{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:fill .22s ease,stroke .22s ease}.favorite-button--active{background:var(--pupping-pink);border-color:transparent;color:gold;box-shadow:0 12px 30px #ff69b44d}.favorite-button--active .favorite-button__heart{fill:currentColor;stroke:currentColor;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.favorite-button__ring,.favorite-button__sparkles{position:absolute;inset:-8px;border-radius:inherit;pointer-events:none;opacity:0;z-index:1}.favorite-button__ring{border:2px solid rgba(255,105,180,.55);transform:scale(.75)}.favorite-button__sparkles{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.95) 0 3px,transparent 4px),radial-gradient(circle at 80% 25%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 75% 80%,rgba(255,255,255,.95) 0 3px,transparent 4px),radial-gradient(circle at 25% 85%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 50% 10%,rgba(255,255,255,.95) 0 2px,transparent 3px);transform:scale(.75);filter:drop-shadow(0 6px 14px rgba(255,105,180,.25))}.favorite-button__floating-hearts{position:absolute;inset:0;pointer-events:none;z-index:0}.favorite-button__floating-heart{position:absolute;font-size:14px;opacity:0;pointer-events:none}.favorite-button--burst .favorite-button__floating-heart{animation:fav-float-heart 2.2s cubic-bezier(.25,.46,.45,.94) forwards}.favorite-button__floating-heart:nth-child(1){left:50%;top:20%;animation-delay:0ms}.favorite-button__floating-heart:nth-child(2){left:10%;top:35%;animation-delay:.15s}.favorite-button__floating-heart:nth-child(3){left:90%;top:30%;animation-delay:80ms}.favorite-button__floating-heart:nth-child(4){left:5%;top:70%;animation-delay:.22s}.favorite-button__floating-heart:nth-child(5){left:95%;top:65%;animation-delay:.11s}.favorite-button__floating-heart:nth-child(6){left:50%;top:85%;animation-delay:.18s}.favorite-button--burst .favorite-button__ring{opacity:1;animation:fav-ring .65s ease-out}.favorite-button--burst .favorite-button__sparkles{opacity:1;animation:fav-sparkles .65s ease-out}.favorite-button--burst .favorite-button__icon{animation:fav-pop .52s cubic-bezier(.2,.8,.2,1)}@keyframes fav-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes fav-ring{0%{transform:scale(.75);opacity:.95}to{transform:scale(1.15);opacity:0}}@keyframes fav-sparkles{0%{transform:scale(.6);opacity:.95}55%{transform:scale(1.05);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes fav-float-heart{0%{opacity:0;transform:translate(-50%,-50%) translateY(0) scale(.3) rotate(0)}10%{opacity:1;transform:translate(-50%,-50%) translateY(-10px) scale(.85) rotate(-5deg)}35%{opacity:1;transform:translate(-50%,-50%) translateY(-40px) scale(1.1) rotate(10deg)}55%{opacity:.9;transform:translate(-50%,-50%) translateY(-60px) scale(1) rotate(-8deg)}75%{opacity:.5;transform:translate(-50%,-50%) translateY(-80px) scale(.8) rotate(5deg)}90%{opacity:.15;transform:translate(-50%,-50%) translateY(-95px) scale(.55) rotate(-12deg)}to{opacity:0;transform:translate(-50%,-50%) translateY(-105px) scale(.4) rotate(-15deg)}}@media(prefers-reduced-motion:reduce){.favorite-button,.favorite-button *{animation:none!important;transition:none!important}}.file-upload-container{margin:0}.file-upload-dropzone{border:2px dashed #d0d0d0;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.file-upload-dropzone:hover{border-color:var(--pupping-pink);background:#f5f7ff}.file-upload-dropzone.dragging{border-color:var(--pupping-pink);background:#e8ecff;transform:scale(1.02)}.dropzone-content{pointer-events:none}.dropzone-icon{font-size:3rem;margin-bottom:1rem}.dropzone-text{font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem}.dropzone-link{color:var(--pupping-pink);font-weight:600}.dropzone-info{font-size:.9rem;color:#7f8c8d}.file-upload-error{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.95rem}.file-upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.file-preview-card{position:relative;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.file-preview-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.file-preview-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#f00c;color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.file-preview-remove:hover{background:red}.file-preview-image,.file-preview-video{width:100%;height:200px;object-fit:cover;display:block}.file-preview-video{background:#000}.file-preview-info{padding:.75rem;background:#f8f9fa}.file-preview-name{font-size:.9rem;color:#2c3e50;font-weight:500;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:.8rem;color:#7f8c8d;margin:0}@media(max-width:768px){.file-upload-dropzone{padding:2rem 1rem}.dropzone-icon{font-size:2.5rem}.dropzone-text{font-size:1rem}.file-upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.file-preview-image,.file-preview-video{height:150px}}.image-reorder{margin:var(--spacing-xl) 0}.reorder-main-container{margin-bottom:var(--spacing-lg)}.reorder-main-image{justify-self:center;position:relative;width:fit-content;height:400px;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-secondary);box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s}.reorder-main-image.drag-over{transform:scale(.98);box-shadow:0 0 0 3px var(--color-primary),var(--shadow-lg)}.reorder-main-image img,.reorder-main-image video{width:100%;height:100%;object-fit:contain;background:#00000056;pointer-events:none}.main-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);z-index:2;box-shadow:0 4px 15px #667eea66}.remove-btn-main{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3}.remove-btn-main:hover{background:#dc2626;transform:scale(1.1)}.reorder-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center;font-weight:var(--font-weight-medium);padding:var(--spacing-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.reorder-thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-lg)}.reorder-thumbnail-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:grab;transition:all .2s ease;background:#fff;border:2px solid transparent;touch-action:none;user-select:none;-webkit-user-select:none}.reorder-thumbnail-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--pupping-pink)}.reorder-thumbnail-item.dragging{opacity:.5;cursor:grabbing;transform:scale(.95)}.reorder-thumbnail-item.drag-over{border-color:var(--pupping-pink);transform:scale(1.05);box-shadow:0 0 0 3px #667eea4d}.thumbnail-preview{position:relative;width:100%;height:100%;overflow:hidden}.thumbnail-preview img,.thumbnail-preview video{width:100%;height:100%;object-fit:cover}.thumbnail-main-indicator{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2}.thumbnail-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.reorder-thumbnail-item:hover .thumbnail-overlay{opacity:1}.drag-icon{font-size:var(--font-size-2xl);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.remove-btn-thumbnail{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:var(--font-size-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3;opacity:0}.reorder-thumbnail-item:hover .remove-btn-thumbnail{opacity:1}.remove-btn-thumbnail:hover{background:#dc2626;transform:scale(1.1)}.thumbnail-number{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);background:#000000b3;color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media(max-width:640px){.reorder-main-image{height:300px}.reorder-thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm)}.main-badge{font-size:10px;padding:4px 8px}.remove-btn-main{width:32px;height:32px;font-size:var(--font-size-lg)}.remove-btn-thumbnail{opacity:1;width:20px;height:20px;font-size:12px}.thumbnail-overlay{opacity:.3}}.create-profile-page{min-height:100vh;display:flex;flex-direction:column;background:var(--pupping-gradient)}.create-profile-container{flex:1;max-width:900px;margin:2rem auto;width:100%}.edit-mode-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b3);border:2px solid #ff9800;border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:2rem;box-shadow:0 2px 8px #ff980026;animation:slideIn .3s ease-out}.edit-mode-banner-content{display:flex;align-items:center;gap:1rem}.edit-mode-icon{font-size:1.5rem;flex-shrink:0}.edit-mode-text h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#f57c00}.edit-mode-text p{margin:0;font-size:.9rem;color:#ef6c00;line-height:1.4}.shelter-profile-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:2rem;box-shadow:0 2px 8px #2196f326;animation:slideIn .3s ease-out}.shelter-profile-banner-content{display:flex;align-items:center;gap:1rem}.shelter-profile-icon{font-size:1.5rem;flex-shrink:0}.shelter-profile-text h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#1976d2}.shelter-profile-text p{margin:0;font-size:.9rem;color:#1565c0;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.edit-mode-banner,.shelter-profile-banner{margin:1rem 1rem 1.5rem}.edit-mode-banner-content,.shelter-profile-banner-content{flex-direction:column;text-align:center;gap:.5rem}.edit-mode-text h4,.shelter-profile-text h4{font-size:1rem}.edit-mode-text p,.shelter-profile-text p{font-size:.85rem}}.create-profile-header{text-align:center;margin-bottom:2rem}.create-profile-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.create-profile-header p{font-size:1.1rem;color:#7f8c8d}.progress-indicator{margin:2rem 0}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.step-circle{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#7f8c8d;transition:all .3s ease;z-index:2;position:relative}.progress-step.active .step-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #667eea66}.progress-step.completed .step-circle{background:linear-gradient(135deg,#11998e,#38ef7d);border-color:#11998e;color:#fff}.progress-step.completed .step-circle:after{content:"✓";position:absolute}.step-label{font-size:.9rem;color:#7f8c8d;font-weight:500;text-align:center}.progress-step.active .step-label{color:#667eea;font-weight:600}.progress-step.completed .step-label{color:#11998e}.progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.draft-saving-indicator,.draft-saved-indicator{position:fixed;bottom:20px;right:20px;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;animation:fadeIn .3s ease-in-out;z-index:1000}.draft-saving-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.draft-saved-indicator{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 4px 15px #11998e66}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.create-profile-content{background:#ffffff73;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0000001a;min-height:500px}.step-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{font-size:1.8rem;color:#2c3e50;margin-bottom:.5rem}.step-header p{font-size:1rem;color:#7f8c8d}.image-placeholder{margin:2rem 0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e8eaf0);box-shadow:0 4px 15px #0000001a}.placeholder-image{width:100%;height:auto;display:block;max-height:500px;object-fit:contain}.create-profile-form{margin-top:2rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:1.3rem;color:#2c3e50;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.age-composite{width:100%}.age-composite-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.checkbox-group{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#2c3e50;cursor:pointer;padding:.75rem;border-radius:8px;transition:background-color .2s}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.multi-select-group{margin:1.5rem 0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.checkbox-item:hover{border-color:#667eea;background-color:#f8f9ff}.checkbox-item input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.checkbox-item input[type=checkbox]:checked{accent-color:#667eea}.validation-hint{margin-top:.5rem;font-size:.875rem;color:#f39c12;font-weight:500}.textarea-group{margin:1rem 0}.textarea-group label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.95rem}.textarea-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s}.textarea-group textarea:focus{outline:none;border-color:#667eea}.profile-preview{border:2px solid #e0e0e0;border-radius:16px;overflow:hidden;background:#fff}.preview-images{position:relative;height:400px;overflow:hidden;background:#f5f5f5}.preview-main-image{width:100%;height:100%;object-fit:cover}.preview-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#bbb}.preview-urgent-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.preview-info{padding:2rem}.preview-name{font-size:2rem;color:#2c3e50;margin-bottom:.5rem}.preview-age{font-size:1.1rem;color:#7f8c8d;margin-bottom:.5rem}.preview-character{font-size:1rem;color:#7f8c8d;margin-bottom:1.5rem}.preview-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.preview-detail-item{display:flex;flex-direction:column;gap:.25rem}.preview-detail-item span:first-child{font-size:.85rem;color:#7f8c8d}.preview-detail-item span:last-child{font-size:1rem;color:#2c3e50;font-weight:500}.preview-bio{border-top:2px solid #f0f0f0;padding-top:1.5rem}.preview-bio h3{font-size:1.2rem;color:#2c3e50;margin-bottom:.75rem}.preview-bio p{font-size:1rem;color:#555;line-height:1.6}.form-navigation{margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.draft-button-container{display:flex;justify-content:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.nav-buttons{justify-content:end;width:100%;display:flex;gap:1rem}.final-buttons{display:flex;gap:1rem;margin-left:auto}@media(max-width:768px){.create-profile-container{padding:1rem;margin:1rem auto}.create-profile-content{padding:1.5rem}.create-profile-header h1{font-size:2rem}.step-circle{width:40px;height:40px;font-size:1rem}.step-label{font-size:.75rem}.form-row,.preview-details{grid-template-columns:1fr}.nav-buttons{flex-direction:column}.final-buttons{flex-direction:column;margin-left:0;width:100%}.preview-images{height:300px}.preview-name{font-size:1.5rem}}.validation-message{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-top:1rem;color:#856404;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.step-header .validation-message{margin-top:1rem;margin-bottom:0}.create-ads{max-width:1100px;margin:var(--spacing-lg) auto;display:flex;flex-direction:column;gap:1.5rem}.create-ads-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.create-ads-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--pupping-pink);font-weight:600;margin-bottom:.5rem}.create-ads-header h1{margin:0;font-size:2.5rem;color:#111827}.create-ads-description{color:#6b7280}.create-ads-form{display:flex;flex-direction:column;gap:2rem}.create-ads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.create-ads-card{background:#fff;border-radius:24px;border:2px solid rgba(15,23,42,.08);padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.create-ads-card h2{margin:0;font-size:1.3rem;color:#0f172a}.create-ads-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.field-row{display:flex;gap:1rem;flex-wrap:wrap}.field-row>*{flex:1}.create-ads-textarea{width:100%;border-radius:18px;border:1px solid #e2e8f0;padding:1rem 1.25rem;font-size:1rem;min-height:140px;resize:vertical}.create-ads-textarea.has-error{border-color:#f87171}.create-ads-select{width:100%;border-radius:16px;border:1px solid #e2e8f0;padding:1rem;color:var(--color-black);background:#fff}.create-ads-upload-hint{padding:.75rem 1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;color:#92400e;font-size:.9rem;line-height:1.5}.create-ads-preview{position:relative;border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.create-ads-preview-remove{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:#ef4444f2;color:#fff;border:none;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.create-ads-preview-remove:hover{background:#dc2626;transform:scale(1.1)}.create-ads-preview img{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:16 / 9}.create-ads-preview small{color:#475569}.create-ads-preview-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(15,23,42,.08)}.create-ads-preview-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.create-ads-locations{display:flex;flex-direction:column;gap:1.5rem}.location-group{border:1px dashed rgba(148,163,184,.8);border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.location-group-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.location-group h3{margin:0;font-size:1rem;color:#1f2937}.location-remove{background:none;border:none;color:#ef4444;font-weight:600;cursor:pointer}.location-coordinates{padding:.75rem;background:#f3f4f6;border-radius:8px;margin-top:.5rem}.location-coordinates small{color:#6b7280;font-size:.875rem}.create-ads-alert{background:#fef3c7;border:1px solid #fbbf24;padding:.85rem 1rem;border-radius:12px;color:#92400e}.create-ads-success{background:#ecfdf5;border:1px solid #34d399;padding:1rem 1.25rem;border-radius:14px;color:#065f46;font-weight:600}.create-ads-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.create-ads-guard{padding:3rem;background:#fff;border-radius:24px;border:2px solid rgba(236,72,153,.2);max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.create-ads-grid{grid-template-columns:1fr}.field-row{flex-direction:column}}.inbox-page{background:var(--surface-secondary);display:flex;flex-direction:column}.inbox-container{max-width:1100px;width:100%;margin:0 auto;height:calc(100vh - 132px);background:#fff;display:grid;grid-template-columns:340px 1fr;overflow:hidden;border-radius:12px;box-shadow:0 1px 6px #0000000f}.inbox-sidebar{border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;background:#fafbfc;overflow:hidden}.inbox-sidebar-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.inbox-sidebar-header h2{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.chat-count{background:var(--pupping-pink);color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700;min-width:20px;text-align:center}.archive-toggle-button{background:none;border:none;font-size:1.15rem;cursor:pointer;padding:6px;border-radius:8px;transition:all .15s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.archive-toggle-button:hover{background:#0000000a}.archive-toggle-button:active{transform:scale(.95)}.inbox-chat-list{flex:1;overflow-y:auto}.inbox-loading,.inbox-empty{padding:2rem 1.5rem;text-align:center;color:var(--text-secondary)}.inbox-empty-subtitle{font-size:.8rem;margin-top:4px;opacity:.7}.inbox-chat-item{display:flex;gap:10px;padding:10px 14px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid rgba(0,0,0,.04)}.inbox-chat-item:hover{background:#00000008}.inbox-chat-item.active{background:var(--pupping-pink-light);border-left:3px solid var(--pupping-pink)}.inbox-chat-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.inbox-chat-avatar img{width:100%;height:100%;object-fit:cover}.inbox-chat-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);font-size:1.1rem;color:#fff}.inbox-chat-info{flex:1;min-width:0}.inbox-chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.inbox-chat-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-chat-time{font-size:.68rem;color:var(--text-secondary);flex-shrink:0;margin-left:6px;opacity:.7}.inbox-chat-profile-badge{display:inline-flex;align-items:center;gap:3px;background:var(--pupping-pink-light);color:var(--pupping-pink);font-size:.68rem;font-weight:600;padding:1px 6px;border-radius:6px;margin-bottom:2px}.inbox-chat-preview{display:flex;justify-content:space-between;align-items:center}.inbox-chat-preview p{margin:0;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;opacity:.8}.inbox-unread-badge{background:var(--pupping-pink);color:#fff;padding:1px 7px;border-radius:10px;font-size:.65rem;font-weight:700;flex-shrink:0;margin-left:6px;min-width:18px;text-align:center}.inbox-messages{display:flex;flex-direction:column;background:#f0ebe5;height:100%;overflow:hidden;position:relative}.inbox-messages-header{width:100%;background:#fff;padding:8px 14px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:54px}.inbox-messages-profile{display:flex;align-items:center;gap:10px}.inbox-messages-profile img,.inbox-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.inbox-header-info{flex:1}.inbox-header-info h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.inbox-profile-link{display:inline-flex;align-items:center;gap:4px;background:var(--pupping-pink-light);color:var(--pupping-pink);font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:6px;cursor:pointer;transition:all .15s;margin-top:2px}.inbox-profile-link:hover{background:var(--pupping-pink);color:#fff}.profile-icon{font-size:.75rem}.ws-status-indicator{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#e8f5e9;border-radius:8px;font-size:.7rem;color:#2e7d32}.ws-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ws-text{font-weight:500}.inbox-messages-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth}.inbox-messages-list::-webkit-scrollbar{width:4px}.inbox-messages-list::-webkit-scrollbar-track{background:transparent}.inbox-messages-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.inbox-messages-list::-webkit-scrollbar-thumb:hover{background:#0003}.inbox-chat-list::-webkit-scrollbar{width:4px}.inbox-chat-list::-webkit-scrollbar-track{background:transparent}.inbox-chat-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.inbox-chat-list::-webkit-scrollbar-thumb:hover{background:#0000002e}.inbox-message{display:flex;margin-bottom:2px}.inbox-message.sent{justify-content:flex-end}.inbox-message.received{justify-content:flex-start}.inbox-message-content{max-width:65%;padding:7px 12px;border-radius:16px;position:relative;box-shadow:0 1px 1px #0000000a}.inbox-message.sent .inbox-message-content{background:#d9fdd3;border-bottom-right-radius:4px;color:#111}.inbox-message.received .inbox-message-content{background:#fff;border-bottom-left-radius:4px}.inbox-message.received .inbox-message-content p{color:#111}.inbox-message.received .inbox-message-content span{color:#00000073}.inbox-message-content p{margin:0 0 2px;color:#111;font-size:.875rem;line-height:1.45;word-wrap:break-word}.inbox-message-time{font-size:.65rem;color:#0006;display:block;text-align:right}.inbox-message.sent .inbox-message-time{color:#0006}.inbox-message-input{background:#f0ebe5;padding:8px 12px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;max-height:180px}.send-message-button{background:var(--pupping-pink);border:none;color:#fff;padding:0;border-radius:50%;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0;align-self:flex-end;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.send-message-button svg{transform:rotate(45deg);transition:transform .2s}.send-message-button:hover:not(:disabled) svg{transform:rotate(45deg) scale(1.1)}.send-message-button:hover:not(:disabled){background:var(--pupping-pink-dark);transform:scale(1.05)}.send-message-button:disabled{opacity:.4;cursor:not-allowed}.sending-spinner{font-size:1.2rem;animation:pulse 1s ease-in-out infinite}.chat-accept-banner{background:var(--pupping-pink);color:#fff;padding:8px 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;animation:slideDown .25s ease-out;font-size:.82rem}.chat-accept-banner p{margin:0;font-weight:500;flex:1}.accept-chat-button{width:fit-content;background:#fff;color:var(--pupping-pink);border:none;padding:5px 14px;border-radius:8px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.accept-chat-button:hover{transform:scale(1.03);box-shadow:0 2px 6px #00000026}.chat-pending-banner{background:#fffbeb;color:#92400e;padding:8px 12px;border-radius:10px;text-align:center;border:1px solid #fde68a;animation:slideDown .25s ease-out;font-size:.82rem}.chat-pending-banner p{margin:0;font-weight:500}.chat-ended-banner{background:#fef2f2;color:#991b1b;padding:8px 12px;border-radius:10px;text-align:center;border:1px solid #fecaca;animation:slideDown .25s ease-out;font-size:.82rem}.chat-ended-banner p{margin:0 0 2px;font-weight:600;font-size:.82rem}.chat-ended-banner span{font-size:.75rem;opacity:.8}.inbox-header-actions{display:flex;align-items:center;gap:8px}.mobile-back-button{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:4px;line-height:1;transition:all .15s;border-radius:8px}.mobile-back-button svg{display:block}.mobile-back-button:hover{background:#0000000a;transform:translate(-2px)}.mobile-back-button:active{transform:translate(-3px);background:#00000014}.inbox-menu-button{background:transparent;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;transition:all .15s;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.inbox-menu-button:hover{background:#0000000a;color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inbox-message-input-wrapper{display:flex;gap:8px;align-items:flex-end}.typing-indicator{font-size:.75rem;color:var(--text-secondary);font-style:italic;padding:0 4px;display:flex;align-items:center;gap:5px;height:18px}.typing-dots{display:flex;gap:2px}.typing-dot{width:5px;height:5px;background:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.inbox-message-input input,.inbox-message-input textarea{flex:1;padding:8px 14px;border:none;border-radius:20px;font-size:.875rem;font-family:inherit;outline:none;transition:box-shadow .15s;line-height:1.45;background:#fff;color:#111;box-shadow:0 1px 2px #0000000f}.inbox-message-input textarea{min-height:38px;max-height:100px;resize:none;overflow-y:auto;scrollbar-width:thin;height:38px}.inbox-message-input textarea::-webkit-scrollbar{width:3px}.inbox-message-input textarea::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.inbox-message-input input:focus,.inbox-message-input textarea:focus{box-shadow:0 0 0 2px rgba(var(--pupping-pink-rgb, 233, 107, 168),.2)}.inbox-no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#fafbfc;color:var(--text-secondary)}.inbox-no-chat-icon{font-size:56px;margin-bottom:16px;opacity:.4}.inbox-no-chat-selected h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.inbox-no-chat-selected p{font-size:.82rem;margin:0;opacity:.7}.chat-welcome-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;margin:auto;max-width:320px;animation:fadeInUp .4s ease-out}.chat-welcome-icon{font-size:2.5rem;margin-bottom:10px;animation:gentleBounce 2s ease-in-out infinite}.chat-welcome-hint h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.chat-welcome-hint p{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.chat-welcome-hint strong{color:var(--pupping-pink)}.chat-welcome-tip{font-size:.75rem;color:var(--text-secondary);opacity:.7;font-style:italic;background:#00000008;padding:6px 14px;border-radius:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:768px){.inbox-container{grid-template-columns:1fr;border-radius:0}.inbox-sidebar.mobile-show{display:flex}.inbox-messages.mobile-hide{display:none}.mobile-back-button{display:block!important}.inbox-messages-header{z-index:100;padding:6px 10px;min-height:48px}.inbox-messages-list{position:relative;padding:10px 12px}.inbox-message-content{max-width:80%}.inbox-message-input{bottom:0;width:100%;z-index:100;padding:6px 10px}.inbox-header-actions{gap:4px}.ws-status-indicator{padding:2px 6px;font-size:.65rem}.ws-text{display:none}.inbox-profile-link{font-size:.65rem;padding:1px 5px}.inbox-no-chat-icon{font-size:44px}.inbox-no-chat-selected h3{font-size:.95rem}}@media(max-width:480px){.inbox-message-content{max-width:88%;padding:6px 10px}.inbox-chat-item{padding:8px 10px}.inbox-sidebar-header{padding:10px 12px}.inbox-sidebar-header h2{font-size:.95rem}.chat-accept-banner,.chat-pending-banner,.chat-ended-banner{padding:6px 10px;font-size:.78rem}.accept-chat-button{padding:4px 10px;font-size:.75rem}.chat-welcome-hint{padding:1.5rem 1rem}}.menu{position:relative;display:inline-block;justify-content:center;border-radius:var(--border-radius-2xl);display:flex;align-items:center}.menu-horizontal{display:flex;align-items:center}.menu-horizontal .menu-items{display:flex;gap:var(--spacing-md);align-items:center}.menu-horizontal .menu-item{background-color:#fff;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-sm)}.menu-vertical{display:flex;flex-direction:column}.menu-vertical .menu-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.menu-vertical .menu-item{width:100%;justify-content:flex-start;text-align:left}.menu-dropdown{position:relative}.menu-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:transparent!important;border:none!important;color:var(--pupping-pink);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast)}.menu-dropdown-content{position:absolute;top:100%;z-index:var(--z-dropdown);min-width:200px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-sm);margin-top:var(--spacing-xs);animation:menuFadeIn var(--transition-fast) ease-out}.menu-align-left{left:0}.menu-align-right{right:0}.menu-align-center{left:50%;transform:translate(-50%)}.menu-dropdown-item{width:100%;justify-content:flex-start;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:transparent!important;border:none!important;color:var(--text-primary)!important;font-weight:var(--font-weight-medium);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-md)}.menu-dropdown-item:hover:not([disabled]){background:var(--bg-secondary)!important;color:var(--color-primary)!important;transform:none}.menu-dropdown-item[disabled]{opacity:.5;cursor:not-allowed}.menu-item-icon{font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;min-width:1.2em}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.menu{background-color:#fff;height:40px;width:40px}.menu-horizontal .menu-items{gap:.25rem}.menu-horizontal .menu-item{padding:.4rem .8rem;font-size:.9rem}.menu-dropdown-content{min-width:180px;right:0;left:auto}.menu-align-center{left:auto;right:0;transform:none}}.forum-page{max-width:1100px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);min-height:80vh}.forum-header{text-align:center;margin-bottom:var(--spacing-xl)}.forum-back-btn{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);display:inline-flex;align-items:center;gap:4px;transition:color .2s}.forum-back-btn:hover{color:var(--pupping-pink)}.forum-title{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.forum-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.forum-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.forum-categories{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.forum-cat-btn{background:var(--surface-secondary);border:2px solid transparent;padding:6px 16px;border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.forum-cat-btn:hover{background:#f0f0f0}.forum-cat-btn.active{background:var(--pupping-pink);color:var(--color-white);border-color:var(--pupping-pink)}.forum-cat-btn[data-category=news].active{background:#1976d2;border-color:#1976d2}.forum-cat-btn[data-category=tips].active{background:#f9a825;border-color:#f9a825}.forum-cat-btn[data-category=events].active{background:#c62828;border-color:#c62828}.forum-cat-btn[data-category=stories].active{background:#7b1fa2;border-color:#7b1fa2}.forum-search{position:relative;flex-shrink:0}.forum-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.8rem;padding:2px}.forum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.forum-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.forum-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.forum-card__img{width:100%;height:200px;overflow:hidden;background:var(--surface-secondary)}.forum-card__img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.forum-card__body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.forum-card__meta{display:flex;align-items:center;justify-content:space-between}.forum-card__date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.forum-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-card__excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.forum-card__read-more{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--pupping-pink);margin-top:auto;padding-top:var(--spacing-xs)}.forum-card:hover .forum-card__read-more{text-decoration:underline}.forum-empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-lg);padding:var(--spacing-3xl) var(--spacing-lg)}.forum-loading-more{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.forum-scroll-sentinel{height:1px}.forum-scroll-top{background-color:var(--color-white);position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease}.forum-scroll-top:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.forum-card--skeleton{cursor:default;pointer-events:none}.forum-card__img-skeleton{width:100%;height:200px;background:linear-gradient(110deg,var(--surface-secondary) 40%,#f0f0f0 50%,var(--surface-secondary) 60%);background-size:200% 100%;animation:forum-shimmer 1.4s ease-in-out infinite}.forum-card--skeleton .skeleton-line{height:14px;border-radius:6px;background:linear-gradient(110deg,var(--surface-secondary) 40%,#f0f0f0 50%,var(--surface-secondary) 60%);background-size:200% 100%;animation:forum-shimmer 1.4s ease-in-out infinite;width:100%}.forum-card--skeleton .skeleton-line--short{width:35%}.forum-card--skeleton .skeleton-line--medium{width:70%}@keyframes forum-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-detail-popup .popup-content{max-width:640px}.post-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-detail-meta{display:flex;align-items:center;gap:var(--spacing-md)}.post-detail-date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.post-detail-image{width:100%;border-radius:var(--radius-md);overflow:hidden;max-height:380px}.post-detail-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.post-detail-content{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.7}.post-detail-content p{margin:0 0 var(--spacing-md) 0}.post-detail-content p:last-child{margin-bottom:0}.post-detail-content a{color:var(--pupping-pink);text-decoration:underline}.post-detail-content ul,.post-detail-content ol{padding-left:1.5rem;margin:0 0 var(--spacing-md) 0}.post-detail-content li{margin-bottom:4px}.post-detail-content strong{font-weight:var(--font-weight-bold)}.post-detail-content em{font-style:italic}.post-detail-content h1,.post-detail-content h2,.post-detail-content h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0;line-height:1.3}.post-detail-content blockquote{border-left:3px solid var(--pupping-pink);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);background:var(--surface-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.post-detail-content img{max-width:100%;border-radius:var(--radius-sm)}.post-category-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:var(--font-weight-medium);padding:2px 10px;border-radius:999px;background:var(--surface-secondary);color:var(--text-secondary);white-space:nowrap}.post-category-badge[data-category=news]{background:#e8f4fd;color:#1976d2}.post-category-badge[data-category=tips]{background:#fff8e1;color:#f9a825}.post-category-badge[data-category=events]{background:#fce4ec;color:#c62828}.post-category-badge[data-category=stories]{background:#f3e5f5;color:#7b1fa2}@media(max-width:768px){.forum-page{padding:var(--spacing-lg) var(--spacing-md)}.forum-title{font-size:1.5rem}.forum-filters{flex-direction:column;align-items:stretch}.forum-categories{justify-content:center}.forum-search-input{width:100%}.forum-grid{grid-template-columns:1fr}.forum-card__img{height:180px}.forum-card__img img{object-position:center center}.post-detail-page{padding:var(--spacing-lg) var(--spacing-md)}.post-detail-page__hero-row{flex-direction:column}.post-detail-page__hero{width:100%;max-height:300px}.post-detail-page__header{padding:var(--spacing-md)}.post-detail-page__title{font-size:1.5rem}.post-detail-page__share{gap:var(--spacing-xs)}.post-share-btn{padding:5px 10px;font-size:.75rem}.post-detail-page__related-grid{grid-template-columns:repeat(2,1fr)}}.post-detail-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);min-height:80vh}.post-detail-page__nav{margin-bottom:var(--spacing-lg)}.post-detail-page__loading,.post-detail-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);min-height:50vh;text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg)}.post-detail-page__hero-row{display:flex;gap:var(--spacing-xl);align-items:stretch;margin-bottom:var(--spacing-xl);background:var(--surface-secondary);border-radius:var(--radius-lg);overflow:hidden}.post-detail-page__hero-row--no-img{background:none}.post-detail-page__hero{width:45%;min-height:280px;flex-shrink:0;overflow:hidden}.post-detail-page__hero img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.post-detail-page__header{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) 0;gap:var(--spacing-sm)}.post-detail-page__hero-row--no-img .post-detail-page__header{padding:var(--spacing-xl)}.post-detail-page__title{font-size:1.85rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--spacing-sm) 0 0 0;line-height:1.3}.post-detail-page__share{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.post-detail-page__share-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-right:var(--spacing-xs)}.post-share-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.post-share-btn:hover{background:var(--surface-secondary);border-color:var(--text-tertiary)}.post-share-btn--copy:hover{color:var(--pupping-pink);border-color:var(--pupping-pink)}.post-share-btn--copied{color:#2e7d32;border-color:#2e7d32;background:#e8f5e9}.post-share-btn--whatsapp:hover{color:#25d366;border-color:#25d366}.post-share-btn--x:hover{color:#000;border-color:#000}.post-share-btn--facebook:hover{color:#1877f2;border-color:#1877f2}.post-detail-page__related{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);padding-bottom:var(--spacing-3xl)}.post-detail-page__related-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.post-detail-page__related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.related-post-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.related-post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-post-card__img{width:100%;height:130px;overflow:hidden;background:var(--surface-secondary)}.related-post-card__img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.related-post-card__body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);display:flex;flex-direction:column;gap:6px;flex:1}.related-post-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card__excerpt{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card__date{font-size:.7rem;color:var(--text-tertiary);margin-top:auto}.chat-messages-popup .popup-container{max-width:880px;max-height:90vh}.chat-messages-popup .popup-header{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.chat-messages-popup .popup-title{color:#f8fafc}.chat-messages-content{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding-top:6px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:15px;background:#0ea5e90d;border:1px solid #e2e8f0;border-radius:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:#dc3545;font-weight:500}.retry-btn{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.retry-btn:hover{background:#0056b3}.chat-header{background:#fff;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:15px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0f172a0d}.chat-profile-info{display:flex;gap:15px;align-items:center}.profile-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:cover;box-shadow:0 8px 18px #0ea5e933}.profile-details h3{margin:0 0 8px;font-size:18px;color:#333}.chat-status{display:flex;gap:10px;align-items:center}.status-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.ended{background:#fee2e2;color:#991b1b}.meta-chip{padding:6px 10px;background:#e0f2fe;color:#0c4a6e;border-radius:10px;font-size:12px;font-weight:700}.participants-section h4{margin:0 0 10px;font-size:14px;color:#475569;text-transform:uppercase;font-weight:700;letter-spacing:.4px}.participants-list{display:flex;flex-direction:column;gap:10px}.participant-item{display:flex;gap:10px;align-items:center;padding:10px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.participant-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.participant-info{display:flex;flex-direction:column;gap:2px}.participant-name{font-weight:600;color:#333;font-size:14px}.participant-email{font-size:12px;color:#666}.chat-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding-top:12px;border-top:1px solid #e2e8f0}.chat-info .info-item{display:flex;flex-direction:column;gap:4px}.chat-info .info-item label{font-size:12px;color:#6b7280;font-weight:700;text-transform:uppercase}.chat-info .info-item span{font-size:14px;color:#0f172a}.messages-section{display:flex;flex-direction:column;gap:12px}.messages-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.messages-section h4{margin:0;font-size:16px;color:#0f172a}.refresh-btn{border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e933}.no-messages{text-align:center;padding:40px;color:#999}.messages-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:10px;background:linear-gradient(180deg,#f8fafc,#fff);border-radius:12px;border:1px solid #e2e8f0}.message-item{background:#fff;padding:14px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 18px #0f172a0f;transition:box-shadow .2s,transform .2s}.message-item:hover{box-shadow:0 8px 24px #0f172a1f;transform:translateY(-1px)}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.message-sender-info{flex:1;display:flex;flex-direction:column;gap:2px}.sender-name{font-weight:600;color:#333;font-size:14px}.message-date{font-size:11px;color:#999}.unread-indicator{color:#22c55e;font-size:18px;line-height:1}.message-content{padding:10px 12px;background:#f8fafc;border-radius:10px;color:#0f172a;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;border-left:3px solid #0ea5e9}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.messages-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.messages-list::-webkit-scrollbar-thumb:hover{background:#555}.chat-messages-content::-webkit-scrollbar{width:8px}.chat-messages-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-messages-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages-content::-webkit-scrollbar-thumb:hover{background:#555}.report-detail-popup .popup-container{max-width:980px;max-height:92vh}.report-detail-popup .popup-body{padding:0;max-height:calc(92vh - 200px);overflow-y:auto;background:#f5f7fb}.report-detail-popup .popup-header{background:linear-gradient(135deg,#0f172a,#334155)}.report-detail-popup .popup-title{color:#e2e8f0}.report-detail-content{padding:24px 24px 8px;overflow-y:auto;flex:1;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08),transparent 25%),radial-gradient(circle at 90% 10%,rgba(14,165,233,.08),transparent 22%),#f7f8fb}.report-status-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 4px 16px #0000000d}.status-chip{display:flex;align-items:center;gap:12px}.type-chip{padding:10px 14px;background:#0f172a;color:#e2e8f0;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.3px}.type-icon{font-size:18px}.type-label{text-transform:capitalize}.meta-caption{color:#6b7280;font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0 26px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 8px 24px #0f172a0d;position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#6366f166,#0ea5e966);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.meta-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;margin:0 0 6px}.meta-value{font-size:15px;margin:0;font-weight:700;color:#0f172a;word-break:break-word}.detail-section{margin-bottom:20px;padding:18px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0f172a0a}.detail-section h3{margin:0 0 14px;font-size:18px;color:#0f172a;display:flex;align-items:center;gap:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-item strong,.info-item span{color:#0f172a;font-size:15px}.info-item code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#0f172a;padding:6px 10px;border-radius:8px;font-size:13px;color:#e2e8f0;word-break:break-all;display:inline-block}.type-badge{display:inline-block;padding:6px 12px;border-radius:16px;background:#6366f1;color:#fff;font-size:13px;font-weight:700;text-transform:capitalize;box-shadow:0 6px 18px #6366f140}.user-type-badge{display:inline-block;padding:6px 12px;border-radius:16px;background:#10b981;color:#fff;font-size:12px;font-weight:700;text-transform:capitalize}.warning-badge,.danger-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:700}.warning-badge{background:#f59e0b;color:#1f2937}.danger-badge{background:#ef4444;color:#fff}.strikes-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:700}.strikes-badge.strikes-info{background:#dbeafe;color:#1e40af}.strikes-badge.strikes-warning{background:#fef3c7;color:#92400e}.strikes-badge.strikes-critical{background:#fee2e2;color:#991b1b}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-resolved{background:#d1fae5;color:#065f46}.status-dismissed{background:#fee2e2;color:#991b1b}.reason-box,.details-box{background:#f8fafc;padding:12px;border-radius:10px;border:1px dashed #cbd5e1;min-height:60px;color:#0f172a;line-height:1.6;white-space:pre-wrap}.resolution-textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.resolution-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.view-chat-btn{padding:8px 16px;background:linear-gradient(135deg,#2563eb,#22d3ee);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px}.view-chat-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2563eb40}.report-detail-actions{padding:20px 24px;border-top:2px solid #e5e7eb;background:#fff;border-radius:12px;margin-top:8px}.actions-section{display:flex;flex-wrap:wrap;flex-direction:row;margin-bottom:16px;gap:10px}.actions-section h4{margin:0 0 10px;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.btn-warning{background:#fbbf24;color:#78350f;box-shadow:0 6px 16px #fbbf2459}.btn-warning:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 10px 24px #ef444459}.btn-danger:hover:not(:disabled){transform:translateY(-1px)}.primary-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:10px;border-top:1px solid #e5e7eb}.primary-actions .btn-secondary,.primary-actions .btn-primary{min-width:150px;border-radius:10px;font-weight:700}.action-log{margin-bottom:16px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.action-log label{display:block;font-weight:600;color:#0c4a6e;margin-bottom:8px;font-size:14px}.action-log-list{list-style:none;padding:0;margin:0}.action-log-list li{padding:8px 12px;margin-bottom:6px;background:#fff;border-left:3px solid #0ea5e9;border-radius:4px;font-size:14px;color:#334155}.action-log-list li:last-child{margin-bottom:0}.profile-link{color:var(--primary, #4f46e5);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:opacity .2s}.profile-link:hover{text-decoration:underline;opacity:.8}.profile-link strong{font-weight:600}@media(max-width:768px){.report-detail-popup .popup-container{max-height:95vh}.report-status-header,.summary-grid,.info-grid,.primary-actions,.action-buttons{flex-direction:column}.info-grid{grid-template-columns:1fr}.primary-actions .btn-secondary,.primary-actions .btn-primary{width:100%;justify-content:center}}.validation-detail-popup{max-width:900px}.validation-detail-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.validation-status-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:1rem}.status-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.type-chip{font-weight:600}.type-icon{font-size:1.25rem}.type-label{text-transform:capitalize;font-size:.95rem}.detail-section{background:#f8f9fa;border-radius:12px;padding:1.5rem}.detail-section .detail-section-title{margin:0 0 1rem;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-item code{padding:.25rem .5rem;background:#282828;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.info-item span{font-size:.95rem;color:#333}.info-item strong{font-size:1.1rem}.description-box{padding:1rem;background:#fff;border-radius:8px;border:1px solid #dee2e6;white-space:pre-wrap;line-height:1.6;color:#495057}.urgent-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#f44;color:#fff;border-radius:12px;font-size:.85rem;font-weight:600}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.5rem}.gallery-image{width:100%;height:120px;object-fit:cover;border-radius:8px;border:2px solid #dee2e6;cursor:pointer;transition:transform .2s,box-shadow .2s}.gallery-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.image-preview{margin-top:.5rem}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #dee2e6}.validation-ad-preview{max-width:100%;margin:0 auto}.profile-preview-text{color:#666;font-size:.95rem;margin:0;max-width:500px}.btn-view-profile{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:#28a745;color:#fff;border:2px solid #28a745;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-view-profile:hover{background:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.ad-link{color:#007bff;text-decoration:none;word-break:break-all;display:inline-flex;align-items:center;gap:.25rem}.ad-link:hover{text-decoration:underline}.action-log{padding:1rem;background:#fff;border-radius:8px;border:1px solid #dee2e6}.action-log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.action-log-list li{padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.9rem;border-left:3px solid #28a745}.resolution-textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s}.resolution-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.validation-detail-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.actions-section{display:flex;flex-direction:column;gap:.75rem}.btn-action{width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-strike{background:#ffc107;color:#000;border:2px solid #ffc107}.btn-strike:hover:not(:disabled){background:#ffca2c;border-color:#ffca2c;transform:translateY(-2px);box-shadow:0 4px 8px #ffc1074d}.btn-disable{background:#dc3545;color:#fff;border:2px solid #dc3545}.btn-disable:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.btn-action:disabled{opacity:.6;cursor:not-allowed}.primary-actions{display:flex;gap:1rem}.primary-actions button{flex:1;padding:1rem;font-size:1rem;font-weight:700;border-radius:10px;transition:all .2s}.btn-reject{background:#dc3545;color:#fff;border:2px solid #dc3545}.btn-reject:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 6px 12px #dc35454d}.btn-approve{background:#28a745;color:#fff;border:2px solid #28a745}.btn-approve:hover:not(:disabled){background:#218838;border-color:#218838;transform:translateY(-2px);box-shadow:0 6px 12px #28a7454d}.shelter-preview-container{display:flex;flex-direction:column;gap:1.5rem}.shelter-logo-preview{display:flex;justify-content:center;align-items:center;padding:1rem;background:#fff;border-radius:12px}.shelter-logo-preview img{max-width:200px;max-height:150px;border-radius:8px;object-fit:contain}.shelter-info-preview h4{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}@media(max-width:768px){.validation-detail-popup{max-width:95%}.info-grid{grid-template-columns:1fr}.primary-actions{flex-direction:column}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gallery-image{height:100px}}.validation-table-container{width:100%;background:var(--background-primary, #ffffff);border-radius:var(--radius-lg, 12px);overflow:hidden}.table-header{padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md, 1rem)}.table-title{display:flex;align-items:center;gap:var(--spacing-md, 1rem);flex-wrap:wrap}.table-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827)}.item-count,.results-count{display:inline-block;padding:.25rem .75rem;background:var(--background-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);border-radius:var(--radius-full, 9999px);font-size:.875rem;font-weight:500}.table-controls{display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;pointer-events:none;color:var(--text-secondary, #6b7280)}.search-input,.admin-search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:.875rem;min-width:250px;transition:all .2s}.search-input:focus,.admin-search-input:focus{outline:none;border-color:var(--primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.table-responsive,.table-wrapper{overflow-x:auto}.validation-table,.table-wrapper table{width:100%;border-collapse:collapse;font-size:.875rem}.validation-table thead tr,.table-wrapper thead tr{background:var(--background-secondary, #f9fafb);border-bottom:2px solid var(--border-color, #e5e7eb)}.validation-table th,.table-wrapper th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.validation-table td,.table-wrapper td{padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb);vertical-align:middle}.validation-table tbody tr,.table-wrapper tbody tr{transition:background-color .15s}.validation-table tbody tr:hover,.table-wrapper tbody tr:hover{background:var(--background-secondary, #f9fafb)}.image-preview,.thumbnail-container,.ad-image-thumbnail,.announcement-image-thumbnail{width:80px;height:60px;border-radius:var(--radius-md, 8px);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background-secondary, #f3f4f6);cursor:pointer;transition:transform .2s}.ad-image-thumbnail:hover,.announcement-image-thumbnail:hover{transform:scale(1.05)}.ad-image-thumbnail img,.announcement-image-thumbnail img,.thumbnail{width:100%;height:100%;object-fit:cover}.no-image,.no-thumbnail{font-size:2rem;color:var(--text-secondary, #9ca3af)}.shelter-logo-small,.shelter-logo-thumbnail{width:48px;height:48px;border-radius:var(--radius-md, 8px);object-fit:cover;cursor:pointer;transition:transform .2s}.shelter-logo-thumbnail{width:80px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary, #f3f4f6);overflow:hidden}.shelter-logo-thumbnail img{width:100%;height:100%;object-fit:cover}.shelter-logo-thumbnail:hover,.shelter-logo-small:hover{transform:scale(1.05)}.shelter-logo-placeholder{width:80px;height:60px;border-radius:var(--radius-md, 8px);background:var(--background-secondary, #f3f4f6);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-secondary, #9ca3af)}.shelter-info,.shelter-details{display:flex;align-items:center;gap:.75rem}.shelter-name{font-weight:600;color:var(--text-primary, #111827)}.shelter-name-cell,.profile-name-cell,.ad-title-cell,.announcement-title-cell{max-width:250px}.shelter-name-cell strong,.profile-name-cell strong,.ad-title-cell strong,.announcement-title-cell strong{display:block;color:var(--text-primary, #111827);margin-bottom:.25rem}.ad-description,.announcement-description{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:.25rem 0;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.location-info{font-size:.875rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;gap:.25rem}.status-badge,.type-badge,.pet-type-badge,.urgent-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.validation{background:#dbeafe;color:#1e3a8a}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.urgent-badge{background:#fee2e2;color:#991b1b;margin-left:.5rem}.pages-count,.participants-count{font-size:.875rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.domain-code,.user-code,.creator-id,.owner-id{font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem;background:var(--background-secondary, #f3f4f6);border-radius:var(--radius-sm, 4px);color:var(--text-secondary, #6b7280);white-space:nowrap}.social-link,.ad-link,.announcement-link{font-size:.875rem;color:var(--primary, #4f46e5);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.social-link:hover,.ad-link:hover,.announcement-link:hover{text-decoration:underline}.no-social{font-size:.875rem;color:var(--text-secondary, #9ca3af)}.date-cell{display:flex;flex-direction:column;gap:.125rem}.date-primary{color:var(--text-primary, #111827);font-size:.875rem}.date-time{color:var(--text-secondary, #6b7280);font-size:.75rem}.action-buttons,.action-Buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-view,.btn-approve,.btn-reject,.btn-preview{padding:.375rem .75rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view{background:var(--background-secondary, #f3f4f6);color:var(--text-primary, #111827)}.btn-view:hover{background:var(--border-color, #e5e7eb)}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover:not(:disabled){background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover:not(:disabled){background:#dc2626}.btn-preview{background:var(--primary, #4f46e5);color:#fff}.btn-preview:hover:not(:disabled){background:#4338ca}.btn-view:disabled,.btn-approve:disabled,.btn-reject:disabled,.btn-preview:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #e5e7eb);gap:var(--spacing-md, 1rem);flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);background:#fff;color:var(--text-primary, #111827);font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--background-secondary, #f9fafb);border-color:var(--primary, #4f46e5)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info,.page-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.page-numbers{font-weight:500;color:var(--text-primary, #111827)}.items-range{font-size:.75rem}.empty-state{text-align:center;padding:var(--spacing-xl, 3rem) var(--spacing-lg, 1.5rem);color:var(--text-secondary, #6b7280)}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1rem)}.empty-icon{font-size:3rem}.empty-state h3{margin:0;font-size:1.25rem;color:var(--text-primary, #111827)}.empty-state p{margin:0;color:var(--text-secondary, #6b7280)}.image-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--spacing-md, 1rem);animation:slideUp .3s}.image-modal-content img{max-width:100%;max-height:80vh;border-radius:var(--radius-md, 8px);display:block}.modal-close{position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);background:#000000b3;color:#fff;border:none;border-radius:var(--radius-full, 9999px);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:background .2s;z-index:1}.modal-close:hover{background:#000000e6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.table-header,.table-title{flex-direction:column;align-items:flex-start}.search-input,.admin-search-input{min-width:100%}.shelter-name-cell,.profile-name-cell,.ad-title-cell{max-width:150px}.image-preview,.thumbnail-container,.shelter-logo-thumbnail,.shelter-logo-placeholder{width:60px;height:45px}.shelter-logo-placeholder,.no-image,.no-thumbnail{font-size:1.5rem}.action-buttons,.action-Buttons{flex-direction:column;width:100%}.btn-view,.btn-approve,.btn-reject,.btn-preview{width:100%}.pagination{flex-direction:column}.pagination-btn{width:100%}}.corporate-ads-manager{background:#f9fafb;padding:1.5rem;margin-bottom:2rem;border-radius:12px;border:2px solid #e5e7eb}.corporate-ads-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.corporate-ads-header h2{margin:0 0 .25rem;font-size:1.375rem;font-weight:600;color:#111827}.corporate-ads-subtitle{margin:0;font-size:.875rem;color:#6b7280}.corporate-ads-filters{display:flex;flex-direction:column;gap:1rem}.filter-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb}.filter-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px;white-space:nowrap}.filter-tabs button:hover{color:#111827;background-color:#f9fafb}.filter-tabs button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.city-search-filter{max-width:400px;display:flex;gap:.75rem;align-items:flex-start}.city-search-filter>div:first-child{flex:1}.clear-city-btn{margin-top:1.75rem;white-space:nowrap;flex-shrink:0}.corporate-ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.corporate-ads-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.corporate-ads-map-column{position:sticky;top:1.5rem;align-self:start}.corporate-ads-list-column{display:flex;flex-direction:column;gap:0}.corporate-ads-list-column:only-child{padding:1.5rem}.corporate-ads-list-column:only-child .corporate-ads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.corporate-ads-list-column:only-child .corporate-ad-card{display:flex;flex-direction:column;height:100%}.corporate-ads-list-column:only-child .corporate-ad-image{width:100%;height:200px}.corporate-ads-list-column:only-child .corporate-ad-info{flex:1;padding:1rem}.corporate-ads-list-column:only-child .corporate-ad-actions{display:flex;flex-direction:row;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;border-left:none}.corporate-ads-list-column .corporate-ads-grid{display:flex;flex-direction:column}.corporate-ads-list-column .corporate-ad-card{display:grid;grid-template-columns:200px 1fr auto;gap:1rem}.corporate-ads-list-column .corporate-ad-image{width:200px;height:140px}.corporate-ads-list-column .corporate-ad-info{padding:.75rem 0}.corporate-ads-list-column .corporate-ad-actions{border-top:none;border-left:1px solid #e5e7eb;padding:.75rem;flex-direction:column;min-width:120px;justify-content:center}.corporate-ads-list-column .corporate-ad-actions button{flex:0}.corporate-ads-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.95rem}.corporate-ad-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .2s ease;display:flex;flex-direction:column}.corporate-ad-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.corporate-ad-image{position:relative;width:100%;height:160px;overflow:hidden;background:#f3f4f6}.corporate-ad-image img{width:100%;height:100%;object-fit:cover}.corporate-ad-status{position:absolute;top:.75rem;right:.75rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.corporate-ad-status.active{background:#10b981e6;color:#fff}.corporate-ad-status.inactive{background:#6b7280e6;color:#fff}.corporate-ad-info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.corporate-ad-info h3{margin:0;font-size:1rem;font-weight:600;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.corporate-ad-info p{margin:0;font-size:.875rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.corporate-ad-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.ad-type-badge{padding:.25rem .5rem;background:#f3f4f6;color:#6b7280;border-radius:6px;font-size:.75rem;font-weight:500;width:fit-content}.ad-locations-badge.global{padding:.25rem .5rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.75rem;font-weight:500;width:fit-content}.ad-locations-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.ad-location-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.location-icon{font-size:1rem;line-height:1;flex-shrink:0;margin-top:1px}.location-details{flex:1;min-width:0}.location-name{font-size:.8125rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-radius{font-size:.75rem;color:#6b7280;margin-top:2px}.corporate-ad-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.corporate-ad-actions button{flex:1;min-width:fit-content}.load-more-container{display:flex;justify-content:center;padding:2rem 1rem;width:100%}.load-more-container button{min-width:200px}.btn-edit{color:#2563eb;border-color:#2563eb}.btn-edit:hover{background:#dbeafe;border-color:#1d4ed8;color:#1d4ed8}.btn-activate{color:#059669;border-color:#059669}.btn-activate:hover{background:#d1fae5;border-color:#047857;color:#047857}.btn-deactivate{color:#dc2626;border-color:#dc2626}.btn-deactivate:hover{background:#fee2e2;border-color:#b91c1c;color:#b91c1c}.btn-delete{flex:0 0 auto;min-width:44px;padding:.5rem}.btn-delete:hover{background:#fee2e2;color:#dc2626}@media(max-width:768px){.corporate-ads-header{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-tabs button{padding:.625rem 1rem;font-size:.875rem}.city-search-filter{max-width:100%;flex-direction:column}.clear-city-btn{margin-top:0;width:100%}.corporate-ads-two-columns{grid-template-columns:1fr}.corporate-ads-map-column{position:relative;top:0}.corporate-ads-list-column .corporate-ads-grid{display:grid;grid-template-columns:1fr}.corporate-ads-grid{grid-template-columns:1fr}.corporate-ad-actions{flex-wrap:wrap}}.ads-subtabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:2px solid #e5e7eb;background:#fff}.ads-subtabs button{position:relative;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;margin-bottom:-2px}.ads-subtabs button:hover{color:#111827;background:#f9fafb}.ads-subtabs button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:transparent}.subtab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .4rem;background:#ef4444;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.ads-subtabs button.active .subtab-badge{background:#8b5cf6}.corporate-ads-manager .table-wrapper{padding:0;margin-top:1.5rem}.corporate-ads-manager .table-wrapper table{width:100%;border-collapse:collapse}@media(max-width:640px){.ads-subtabs{flex-direction:column;gap:0}.ads-subtabs button{border-bottom:none;border-left:3px solid transparent;margin-bottom:0;margin-left:-1.5rem;padding-left:calc(1.5rem - 3px)}.ads-subtabs button.active{border-left-color:#8b5cf6;border-bottom-color:transparent}}.corporate-ad-popup{max-width:900px;width:100%}.corporate-ad-popup .popup-body{padding:0}.corporate-ad-popup .popup-footer{display:none}.corporate-ad-errors-summary{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin:1rem 1.5rem 0;color:#c33}.corporate-ad-errors-summary strong{display:block;margin-bottom:.5rem}.corporate-ad-errors-summary ul{margin:0;padding-left:1.5rem}.corporate-ad-errors-summary li{margin:.25rem 0}.corporate-ad-modal-form{display:flex;flex-direction:column;max-height:calc(90vh - 120px);overflow-y:auto}.corporate-ad-modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.corporate-ad-section{background:#f9fafb;padding:1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem}.corporate-ad-section h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.corporate-ad-section h4{margin:0;font-size:.95rem;font-weight:600}.corporate-ad-hint{font-size:.875rem;color:#6b7280;margin:-.5rem 0 0}.corporate-ad-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.corporate-ad-preview{margin-top:.5rem}.corporate-ad-preview h4{margin-bottom:.75rem}.corporate-ad-locations{display:flex;flex-direction:column;gap:1rem}.location-group{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.location-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.location-remove{background:none;border:none;color:#ef4444;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.location-remove:hover{background:#fee2e2}.location-coordinates{margin-top:.5rem;padding:.5rem;background:#f3f4f6;border-radius:6px;font-size:.875rem;color:#6b7280}.corporate-ad-alert{background:#fee2e2;color:#991b1b;padding:.75rem;border-radius:8px;font-size:.875rem}.corporate-ad-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb;background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field-row--toggle{display:flex;flex-direction:column;gap:.25rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text, #1f2937);-webkit-user-select:none;user-select:none}.toggle-checkbox{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-checkbox:checked+.toggle-switch{background:var(--color-primary, #f97316)}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(18px)}.create-ads-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease}.create-ads-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.create-ads-textarea.has-error{border-color:#ef4444}@media(max-width:768px){.corporate-ad-popup{max-width:100%}.field-row{grid-template-columns:1fr}.corporate-ad-modal-form{max-height:calc(95vh - 120px)}}.corp-card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;transition:box-shadow .2s,transform .15s}.corp-card:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-1px)}.corp-card--grid{display:flex;flex-direction:column}.corp-card--grid .corp-card__image{position:relative;width:100%;height:140px;overflow:hidden;background:#f3f4f6}.corp-card--grid .corp-card__actions{display:flex;gap:.375rem;padding:.625rem;border-top:1px solid #e5e7eb}.corp-card--row{display:grid;grid-template-columns:170px 1fr auto;gap:0}.corp-card--row .corp-card__image{position:relative;width:170px;height:110px;overflow:hidden;background:#f3f4f6}.corp-card--row .corp-card__body{padding:.5rem .75rem}.corp-card--row .corp-card__actions{border-left:1px solid #e5e7eb;padding:.5rem;flex-direction:column;min-width:100px;justify-content:center;gap:.25rem}.corp-card__image img{width:100%;height:100%;object-fit:cover}.corp-card__status{position:absolute;top:.375rem;right:.375rem;padding:.2rem .5rem;border-radius:5px;font-size:.675rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.corp-card__status.active{background:#10b981e6;color:#fff}.corp-card__status.inactive{background:#6b7280d9;color:#fff}.corp-card__body{padding:.625rem .75rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.corp-card__title{margin:0;font-size:.8125rem;font-weight:600;color:#111827;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.corp-card__desc{margin:0;font-size:.75rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.corp-card__meta{display:flex;flex-direction:column;gap:.25rem;margin-top:auto}.corp-card__type{padding:.15rem .4rem;background:#f3f4f6;color:#6b7280;border-radius:4px;font-size:.675rem;font-weight:500;width:fit-content}.corp-card__metrics{display:flex;gap:.375rem;align-items:center;flex-wrap:wrap}.corp-card__metric{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:4px;font-size:.675rem;font-weight:500}.corp-card__metric--priority{background:#fef3c7;color:#92400e}.corp-card__metric--duration{background:#dbeafe;color:#1e40af}.corp-card__loc--global{padding:.15rem .4rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.675rem;font-weight:500;width:fit-content}.corp-card__locations{display:flex;flex-direction:column;gap:.25rem}.corp-card__loc-item{display:flex;align-items:flex-start;gap:.3rem;padding:.25rem .375rem;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.corp-card__loc-icon{font-size:.75rem;line-height:1;flex-shrink:0}.corp-card__loc-name{font-size:.7rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.corp-card__loc-radius{font-size:.65rem;color:#6b7280}.corp-card__actions{display:flex;gap:.375rem;flex-wrap:wrap}.corp-card__actions button{flex:1;min-width:fit-content;font-size:.75rem;padding:.3rem .5rem}.corp-card .btn-edit{color:#2563eb;border-color:#2563eb}.corp-card .btn-edit:hover{background:#dbeafe}.corp-card .btn-activate{color:#059669;border-color:#059669}.corp-card .btn-activate:hover{background:#d1fae5}.corp-card .btn-deactivate{color:#dc2626;border-color:#dc2626}.corp-card .btn-deactivate:hover{background:#fee2e2}.corp-card .btn-delete{flex:0 0 auto;min-width:36px;padding:.3rem}.corp-card .btn-delete:hover{background:#fee2e2;color:#dc2626}.global-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:.75rem}.global-grid__empty{text-align:center;padding:2rem 1rem;color:#9ca3af}.global-grid__empty-icon{display:block;font-size:2rem;margin-bottom:.375rem;opacity:.5}.global-grid__empty p{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#6b7280}.global-grid__empty small{color:#9ca3af;font-size:.75rem}@media(max-width:640px){.global-grid{grid-template-columns:1fr}}.ads-map-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#f9fafb}.ads-map-container{width:100%;height:100%}.ads-map-marker{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000040;transition:transform .2s,box-shadow .2s;overflow:visible;border:2px solid white}.ads-map-marker:hover{transform:scale(1.2);box-shadow:0 4px 16px #00000059;z-index:10}.ads-map-marker-image{width:100%;height:100%;object-fit:cover;border-radius:50%;clip-path:circle(50%)}.ads-map-marker-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;border:1.5px solid white}.ads-map-marker-badge.corporate{background:#8b5cf6}.ads-map-marker-badge.community{background:#3b82f6}.ads-map-popup{display:flex;gap:.5rem;max-width:260px;padding:.375rem}.ads-map-popup-image{width:64px;height:48px;border-radius:5px;overflow:hidden;flex-shrink:0;background:#f3f4f6}.ads-map-popup-image img{width:100%;height:100%;object-fit:cover}.ads-map-popup-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.ads-map-popup-content h3{margin:0;font-size:.8rem;font-weight:600;color:#111827;line-height:1.3}.ads-map-popup-content p{margin:0;font-size:.7rem;color:#6b7280;line-height:1.3}.ads-map-popup-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.25rem;width:fit-content}.ads-map-popup-badge.corporate{background:#ede9fe;color:#6d28d9}.ads-map-popup-badge.community{background:#dbeafe;color:#1e40af}.ads-map-popup-inactive{display:inline-block;padding:.15rem .5rem;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.25rem;width:fit-content}.ads-map-legend{position:absolute;bottom:.5rem;left:.5rem;background:#fff;padding:.5rem .75rem;border-radius:6px;box-shadow:0 2px 6px #0000001f;display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;z-index:1}.ads-map-legend-item{display:flex;align-items:center;gap:.5rem}.ads-map-legend-icon{font-size:1rem;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000001a}.ads-map-legend-icon.corporate{background:#ede9fe}.ads-map-legend-icon.community{background:#dbeafe}.ads-map-legend-info{margin-top:.25rem;padding-top:.5rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.8rem}.ads-map-error,.ads-map-empty{display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.ads-map-error-content,.ads-map-empty-content{text-align:center;padding:2rem}.ads-map-error-content p,.ads-map-empty-content p{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#6b7280}.ads-map-error-content small,.ads-map-empty-content small{color:#9ca3af;font-size:.875rem}.ads-map-empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.mapboxgl-popup-content{padding:.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026}.mapboxgl-popup-close-button{font-size:1.25rem;padding:.25rem .5rem;color:#6b7280}.mapboxgl-popup-close-button:hover{background:#f3f4f6;color:#111827}.mapboxgl-popup-tip{border-top-color:#fff!important}@media(max-width:640px){.ads-map-legend{font-size:.75rem;padding:.5rem .75rem;bottom:.5rem;left:.5rem}.ads-map-legend-icon{font-size:1rem;width:24px;height:24px}.ads-map-popup{max-width:240px}.ads-map-popup-image{width:60px;height:45px}}.city-panel{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.city-panel__search{display:flex;gap:.5rem;align-items:flex-start;max-width:360px}.city-panel__search>div:first-child{flex:1}.city-panel__clear{margin-top:.2rem;padding:.35rem .6rem!important;font-size:.75rem!important;white-space:nowrap;flex-shrink:0}.city-panel__empty{text-align:center;padding:2rem 1rem;color:#9ca3af;font-size:.875rem}.city-panel__empty span{display:block;font-size:2rem;margin-bottom:.375rem;opacity:.5}.city-panel__empty p{margin:0;font-weight:500}.city-panel__content{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.city-panel__map{position:sticky;top:.75rem;align-self:start;border-radius:10px;overflow:hidden}.city-panel__list{display:flex;flex-direction:column;gap:.5rem}@media(max-width:900px){.city-panel__content{grid-template-columns:1fr}.city-panel__map{position:relative;top:0}}.corp-mgr{background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.corp-mgr__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#fff}.corp-mgr__title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.corp-mgr__subtitle{margin:.125rem 0 0;font-size:.75rem;color:#6b7280}.corp-mgr__tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;background:#fff;padding:0 1rem}.corp-mgr__tabs button{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:-2px;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.corp-mgr__tabs button:hover{color:#111827}.corp-mgr__tabs button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.corp-mgr__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .35rem;background:#e5e7eb;color:#6b7280;border-radius:9px;font-size:.675rem;font-weight:600}.corp-mgr__tabs button.active .corp-mgr__count{background:#ede9fe;color:#7c3aed}.corp-mgr__loading{text-align:center;padding:2rem;color:#6b7280;font-size:.8125rem}.corp-mgr__more{display:flex;justify-content:center;padding:1rem}.corp-mgr__more button{font-size:.8125rem}@media(max-width:640px){.corp-mgr__header{flex-direction:column;align-items:stretch}}.comm-val{background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden}.comm-val__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb}.comm-val__title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.comm-val__subtitle{margin:.125rem 0 0;font-size:.75rem;color:#6b7280}.comm-val__search{position:relative;display:flex;align-items:center}.comm-val__search-icon{position:absolute;left:.6rem;pointer-events:none;font-size:.8rem}.comm-val__search input{padding:.375rem .625rem .375rem 2rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;min-width:200px;transition:border-color .15s}.comm-val__search input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf61a}.comm-val__map{padding:.75rem 1rem}.comm-val__table-wrap{overflow-x:auto}.comm-val__table{width:100%;border-collapse:collapse;font-size:.8125rem}.comm-val__table thead tr{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.comm-val__table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.675rem;letter-spacing:.05em}.comm-val__table td{padding:.625rem .75rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.comm-val__table tbody tr{transition:background .1s}.comm-val__table tbody tr:hover{background:#f9fafb}.comm-val__thumb{width:60px;height:42px;border-radius:6px;overflow:hidden;background:#f3f4f6;cursor:pointer;transition:transform .15s}.comm-val__thumb:hover{transform:scale(1.05)}.comm-val__thumb img{width:100%;height:100%;object-fit:cover}.comm-val__title-cell{max-width:220px}.comm-val__title-cell strong{display:block;font-size:.8125rem;color:#111827;margin-bottom:.125rem}.comm-val__title-cell p{margin:0;font-size:.75rem;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.comm-val__title-cell a{font-size:.7rem;color:#6366f1;text-decoration:none;display:inline-flex;align-items:center;gap:.15rem}.comm-val__title-cell a:hover{text-decoration:underline}.comm-val__type-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;background:#f3f4f6;color:#6b7280;text-transform:capitalize}.comm-val__contact{font-size:.75rem;color:#374151}.comm-val__owner{font-family:Courier New,monospace;font-size:.7rem;padding:.15rem .35rem;background:#f3f4f6;border-radius:3px;color:#6b7280}.comm-val__date{font-size:.75rem;color:#6b7280;white-space:nowrap}.comm-val__actions{display:flex;gap:.3rem;align-items:center}.comm-val__actions .btn-view,.comm-val__actions .btn-approve,.comm-val__actions .btn-reject{padding:.25rem .5rem;font-size:.75rem}.comm-val__empty{text-align:center;padding:2rem 1rem}.comm-val__empty-inner{display:flex;flex-direction:column;align-items:center;gap:.375rem}.comm-val__empty-inner span{font-size:2rem}.comm-val__empty-inner strong{font-size:1rem;color:#111827}.comm-val__empty-inner p{margin:0;font-size:.8125rem;color:#6b7280}.comm-val__pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background:#fff}.comm-val__page-info{font-size:.8125rem;color:#6b7280}.comm-val__img-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.comm-val__img-modal-inner{position:relative;max-width:85vw;max-height:85vh;background:#fff;border-radius:10px;padding:.75rem}.comm-val__img-modal-inner img{max-width:100%;max-height:78vh;border-radius:6px;display:block}.comm-val__img-modal-close{position:absolute;top:.625rem;right:.625rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;z-index:1}.comm-val__img-modal-close:hover{background:#000}@media(max-width:768px){.comm-val__header{flex-direction:column}.comm-val__search input{min-width:100%}.comm-val__actions{flex-direction:column;width:100%}}.ads-tabs{width:100%;background:var(--background-primary, #ffffff);border-radius:10px;overflow:hidden}.ads-tabs__nav{display:flex;gap:0;padding:0 1rem;border-bottom:2px solid #e5e7eb;background:#fff}.ads-tabs__nav button{position:relative;padding:.575rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.8575rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.375rem;margin-bottom:-2px;white-space:nowrap}.ads-tabs__nav button:hover{color:#111827;background:#f9fafb}.ads-tabs__nav button.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.ads-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .35rem;background:#ef4444;color:#fff;border-radius:9px;font-size:.675rem;font-weight:700}.ads-tabs__nav button.active .ads-tabs__badge{background:#8b5cf6}.ads-tabs__content{padding:.75rem}@media(max-width:640px){.ads-tabs__nav{padding:0 .5rem}.ads-tabs__nav button{padding:.5rem .75rem;font-size:.8rem}.ads-tabs__content{padding:.5rem}}.admin-dashboard{padding:2rem;min-height:80vh;max-width:1400px;margin:0 auto;background:linear-gradient(to bottom,#f8f9fa,#fff)}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;margin-bottom:1.5rem;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:1rem;align-items:flex-start;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:2rem;line-height:1;opacity:.9}.stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-number{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-detail{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.stat-validation .stat-number{color:#f59e0b}.stat-reports .stat-number{color:#ef4444}.stat-totals .stat-number{color:#10b981}.admin-tabs{display:flex;flex-direction:row;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e9ecef}.admin-tabs button{padding:.875rem 1.5rem;border:none;background:transparent;cursor:pointer;border-radius:8px 8px 0 0;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;gap:.625rem;position:relative}.admin-tabs button:hover{background:var(--background-secondary);color:var(--text-primary)}.admin-tabs button.active{background:#fff;color:var(--primary);box-shadow:0 -2px 8px #007bff1a}.admin-tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary)}.tab-icon{font-size:1.25rem}.tab-label{font-weight:500}.tab-badge{background:var(--primary);color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:999px;font-weight:600;min-width:20px;text-align:center}.table-container{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.table-header{background:#fff;grid-template-columns:unset;padding:1rem;border-bottom:2px solid #f1f3f5}.table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.table-title h2{font-size:1.5rem;margin:0;color:#2c3e50}.results-count{background:#e7f3ff;color:#007bff;padding:.35rem .75rem;border-radius:20px;font-size:.9rem;font-weight:600}.table-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-wrapper{position:relative;flex:1;min-width:250px;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#6c757d}.admin-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;transition:all .2s ease}.admin-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filter-wrapper{display:flex;align-items:center;gap:.5rem}.filter-wrapper label{font-weight:500;color:#495057;font-size:.9rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:1rem .75rem;text-align:left;border-bottom:1px solid #f1f3f5}th{background-color:#f8f9fa;font-weight:600;color:#495057;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;position:sticky;top:0;z-index:10}tbody tr{transition:all .2s ease}tbody tr:hover{background-color:#f8f9fa}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-preview{display:flex;align-items:center}.date-cell{display:flex;flex-direction:column;gap:.15rem}.date-primary{font-weight:500;color:#2c3e50}.date-time{font-size:.8rem;color:#6c757d}.type-badge{background:#e7f3ff;color:#0056b3;padding:.3rem .65rem;border-radius:6px;font-size:.85rem;font-weight:500;text-transform:capitalize}.user-code{background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#495057}.reason-cell{display:flex;align-items:center;gap:.5rem}.reason-text{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-details{font-size:.9rem;cursor:help}.profile-name-cell{display:flex;flex-direction:column;gap:.25rem}.urgent-badge{font-size:.75rem;color:#dc3545;font-weight:600}.pet-type-badge{background:#f0f0f0;padding:.3rem .65rem;border-radius:6px;font-size:.85rem;text-transform:capitalize}.status-badge{padding:.35rem .75rem;border-radius:16px;font-size:.85rem;font-weight:600;text-transform:capitalize;display:inline-block}.status-badge.pending,.status-badge.validation{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.resolved,.status-badge.published{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.dismissed,.status-badge.hidden{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.action-buttons{display:flex;gap:.5rem}.btn-view,.btn-approve,.btn-reject,.action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.35rem}.btn-view{background-color:#e9ecef;color:#495057}.btn-view:hover{background-color:#dee2e6}.btn-approve{background-color:#28a745;color:#fff}.btn-approve:hover{background-color:#218838}.btn-approve:disabled{background-color:#94d3a2;cursor:not-allowed;opacity:.7}.btn-reject{background-color:#dc3545;color:#fff}.btn-reject:hover{background-color:#c82333}.btn-reject:disabled{background-color:#f5a5a5;cursor:not-allowed;opacity:.7}.action-btn{background-color:#007bff;color:#fff}.action-btn:hover{background-color:#0056b3}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#f8f9fa!important}.empty-state{padding:3rem 2rem;text-align:center}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6c757d}.empty-icon{font-size:3rem;opacity:.5}.empty-state-content p{margin:0;font-size:1.1rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:0 0 12px 12px;gap:1rem}.pagination-btn{padding:.65rem 1.25rem;border:2px solid #dee2e6;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;color:#495057}.pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-btn:disabled{background:#f5f5f5;color:#adb5bd;cursor:not-allowed;border-color:#dee2e6}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.page-numbers{font-size:1rem;color:#495057}.items-range{font-size:.85rem;color:#6c757d}.no-image{width:60px;height:60px;background:linear-gradient(135deg,#e9ecef,#dee2e6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#adb5bd;border-radius:8px}@media(max-width:768px){.admin-dashboard{padding:1rem}.admin-header h1{font-size:1.5rem;margin-bottom:1rem}.admin-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-icon,.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.stat-detail{font-size:.7rem}.admin-tabs{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.25rem;padding-bottom:.5rem}.admin-tabs::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.admin-tabs button{padding:.75rem 1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.tab-icon{font-size:1.1rem}.tab-label{display:none}.tab-badge{font-size:.7rem;padding:.1rem .4rem;min-width:18px}.table-container{border-radius:8px}.table-header{padding:.75rem}.table-title h2{font-size:1.25rem}.results-count{font-size:.8rem;padding:.25rem .6rem}.table-controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-wrapper{max-width:100%;min-width:unset}.admin-search-input{padding:.65rem .75rem .65rem 2.5rem;font-size:.9rem}.search-icon{left:.75rem;font-size:.9rem}.filter-wrapper{flex-wrap:wrap}.filter-wrapper label{font-size:.85rem}.table-wrapper{font-size:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:.75rem .5rem;font-size:.85rem}th{font-size:.75rem}.thumbnail,.no-image{width:50px;height:50px;font-size:1.25rem}.date-primary{font-size:.85rem}.date-time{font-size:.75rem}.type-badge,.pet-type-badge{padding:.25rem .5rem;font-size:.75rem}.user-code{font-size:.75rem;padding:.2rem .4rem}.reason-text{max-width:200px;font-size:.85rem}.status-badge{padding:.25rem .6rem;font-size:.75rem}.action-buttons{flex-direction:column;gap:.375rem}.btn-view,.btn-approve,.btn-reject,.action-btn{padding:.5rem .75rem;font-size:.85rem;width:100%;justify-content:center}.pagination{flex-direction:column;gap:1rem;padding:1rem}.pagination-btn{padding:.65rem 1rem;font-size:.9rem;width:100%}.pagination-info{width:100%}.page-numbers{font-size:.95rem}.items-range{font-size:.8rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}.empty-state-content p{font-size:1rem}}@media(max-width:576px){.admin-dashboard{padding:.75rem}.admin-header h1{font-size:1.25rem}.stat-card{padding:.875rem;gap:.75rem}.stat-icon,.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.stat-detail{font-size:.65rem}.admin-tabs button{padding:.65rem .875rem;gap:.375rem}.tab-icon{font-size:1rem}.table-title{flex-direction:column;align-items:flex-start;gap:.5rem}.table-title h2{font-size:1.1rem}th,td{padding:.65rem .375rem;font-size:.8rem}.thumbnail,.no-image{width:40px;height:40px;font-size:1rem}.action-buttons{gap:.25rem}.btn-view,.btn-approve,.btn-reject,.action-btn{padding:.45rem .65rem;font-size:.8rem}}@media(max-width:768px)and (orientation:landscape){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-header h1{font-size:1.35rem}}/*!
* Quill Editor v2.0.3
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.post-form-popup .popup-content{max-width:720px;width:90vw}.post-form{display:flex;flex-direction:column;gap:1.25rem}.post-form__errors-summary{background:#fff3f3;border:1px solid #e74c3c;border-radius:8px;padding:.75rem 1rem;color:#c0392b;font-size:.875rem}.post-form__errors-summary ul{margin:.5rem 0 0;padding-left:1.25rem}.post-form__content{display:flex;flex-direction:column;gap:1.5rem;max-height:60vh;overflow-y:auto;padding-right:.25rem}.post-form__section{display:flex;flex-direction:column;gap:.75rem}.post-form__section h3{font-size:1rem;font-weight:600;color:#2c3e50;margin:0;padding-bottom:.5rem;border-bottom:1px solid #eee}.post-form__textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:120px;transition:border-color .2s;box-sizing:border-box}.post-form__textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.post-form__textarea.has-error{border-color:#e74c3c}.post-form__editor-wrapper{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:border-color .2s}.post-form__editor-wrapper:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db26}.post-form__editor-wrapper.has-error{border-color:#e74c3c}.post-form__editor-wrapper .ql-toolbar{border:none;border-bottom:1px solid #eee;background:#fafafa}.post-form__editor-wrapper .ql-container{border:none;font-family:inherit;font-size:.9rem;min-height:180px;max-height:320px;overflow-y:auto}.post-form__editor-wrapper .ql-editor{min-height:180px;line-height:1.6}.post-form__editor-wrapper .ql-editor.ql-blank:before{font-style:normal;color:#999}.post-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.post-form__field{display:flex;flex-direction:column;gap:.25rem}.post-form__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;margin-top:.25rem}.post-form__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.post-form__hint{font-size:.8rem;color:#7f8c8d;margin:0}.post-form__image-preview{border-radius:8px;overflow:hidden;border:1px solid #eee;margin-top:.5rem}.post-form__image-preview img{width:100%;max-height:200px;object-fit:cover;display:block}.post-form__alert{background:#fff3f3;color:#c0392b;border:1px solid #e74c3c;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.post-form__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid #eee}@media(max-width:600px){.post-form__row{grid-template-columns:1fr}}.posts-mgr{display:flex;flex-direction:column;gap:1.5rem}.posts-mgr__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.posts-mgr__title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.posts-mgr__subtitle{font-size:.875rem;color:#7f8c8d;margin:.25rem 0 0}.posts-mgr__loading,.posts-mgr__empty{text-align:center;padding:3rem 1rem;color:#7f8c8d;font-size:1rem}.posts-mgr__empty p{margin-bottom:1rem}.posts-mgr__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.posts-mgr__card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.posts-mgr__card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.posts-mgr__card--draft{opacity:.85;border:2px dashed #bdc3c7}.posts-mgr__card-image{width:100%;height:180px;overflow:hidden}.posts-mgr__card-image img{width:100%;height:100%;object-fit:cover}.posts-mgr__card-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.posts-mgr__card-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.posts-mgr__card-category{font-size:.8rem;background:#f0f4f8;padding:.2rem .6rem;border-radius:20px;color:#34495e;font-weight:500}.posts-mgr__card-status{font-size:.75rem;font-weight:600}.posts-mgr__card-status.published{color:#27ae60}.posts-mgr__card-status.draft{color:#95a5a6}.posts-mgr__card-title{font-size:1.05rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.3}.posts-mgr__card-content{font-size:.85rem;color:#7f8c8d;margin:0;line-height:1.5;flex:1}.posts-mgr__card-date{font-size:.75rem;color:#bdc3c7}.posts-mgr__card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #f0f0f0}.posts-mgr__card-actions button{font-size:.8rem;padding:.35rem .75rem}.posts-mgr__more{display:flex;justify-content:center;padding:1rem 0}@media(max-width:700px){.posts-mgr__grid{grid-template-columns:1fr}.posts-mgr__header{flex-direction:column;align-items:flex-start}}.header{background:var(--pupping-gradient);box-shadow:var(--shadow-md);z-index:var(--z-sticky);position:relative}.header:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:30px;background-repeat:repeat-x;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87 26' fill='none'%3E%3Cg clip-path='url(%23clip0_35_4)'%3E%3Cellipse cx='9.03177' cy='8.43118' rx='3.89175' ry='3.42734' transform='rotate(-10.2703 9.03177 8.43118)' fill='white'/%3E%3Cellipse cx='2.21502' cy='1.42316' rx='2.21502' ry='1.42316' transform='matrix(0.969913 -0.24345 0.258642 0.965973 10.3633 1.63687)' fill='white'/%3E%3Cellipse cx='16.3514' cy='5.99423' rx='2.22386' ry='1.5' transform='rotate(-10.2703 16.3514 5.99423)' fill='white'/%3E%3Cellipse cx='2.21964' cy='1.50351' rx='2.21964' ry='1.50351' transform='matrix(0.998649 -0.0519657 0.0223498 0.99975 14.8142 8.54236)' fill='white'/%3E%3Cellipse cx='2.11316' cy='1.37312' rx='2.11316' ry='1.37312' transform='matrix(0.998987 -0.0449884 0.0137913 0.999905 12.3064 12.3167)' fill='white'/%3E%3Cellipse cx='32.1609' cy='16.0519' rx='3.93335' ry='3.47977' transform='rotate(19.732 32.1609 16.0519)' fill='white'/%3E%3Cellipse cx='38.2097' cy='12.2961' rx='1.9931' ry='1.42224' transform='rotate(15.486 38.2097 12.2961)' fill='white'/%3E%3Cellipse cx='39.1908' cy='16.9873' rx='2' ry='1.5' transform='rotate(19.732 39.1908 16.9873)' fill='white'/%3E%3Cellipse cx='37.8404' cy='20.7524' rx='2' ry='1.5' transform='rotate(27.8294 37.8404 20.7524)' fill='white'/%3E%3Cellipse cx='34.0391' cy='22.7218' rx='1.90446' ry='1.36955' transform='rotate(28.2726 34.0391 22.7218)' fill='white'/%3E%3Cellipse cx='55.5957' cy='8.89725' rx='4.0749' ry='3.33004' transform='rotate(-13.7413 55.5957 8.89725)' fill='white'/%3E%3Cellipse cx='58.767' cy='2.63724' rx='1.9931' ry='1.42224' transform='rotate(-17.9873 58.767 2.63724)' fill='white'/%3E%3Cellipse cx='62.1728' cy='6.00915' rx='2' ry='1.5' transform='rotate(-13.7413 62.1728 6.00915)' fill='white'/%3E%3Cellipse cx='63.1232' cy='9.89467' rx='2' ry='1.5' transform='rotate(-5.64389 63.1232 9.89467)' fill='white'/%3E%3Cellipse cx='61.0383' cy='13.6341' rx='1.90446' ry='1.36955' transform='rotate(-5.20063 61.0383 13.6341)' fill='white'/%3E%3Cellipse cx='75.5614' cy='16.5939' rx='4.0749' ry='3.33004' transform='rotate(12.0875 75.5614 16.5939)' fill='white'/%3E%3Cellipse cx='81.1435' cy='12.341' rx='1.9931' ry='1.42224' transform='rotate(7.84154 81.1435 12.341)' fill='white'/%3E%3Cellipse cx='82.7399' cy='16.8599' rx='2' ry='1.5' transform='rotate(12.0875 82.7399 16.8599)' fill='white'/%3E%3Cellipse cx='81.9023' cy='20.7712' rx='2' ry='1.5' transform='rotate(20.1849 81.9023 20.7712)' fill='white'/%3E%3Cellipse cx='78.3968' cy='23.2288' rx='1.90446' ry='1.36955' transform='rotate(20.6282 78.3968 23.2288)' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_35_4'%3E%3Crect width='87' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-size:87px 26px;background-position:center bottom;pointer-events:none}.header-sticky{position:sticky;top:0}.main-header-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center}.logo{width:160px;align-items:center;justify-content:center;scale:1}.logo h2{margin:0;color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm)}.logo-image{height:40px;width:auto;display:block}.logo-icon{font-size:1.2em}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-desktop{display:flex;align-items:center}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.nav-auth{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-menu{justify-content:center;display:none;align-items:center}.header-menu-desktop{display:flex;align-items:center}.header-menu-mobile{display:none;margin-left:var(--spacing-sm)}.nav-item-icon{font-size:var(--font-size-base)}.auth-button{min-height:40px;min-width:80px;padding:var(--spacing-sm) var(--spacing-lg)!important}.header .auth-button{background-color:var(--color-primary)!important;color:#fff!important;border:none!important}@media(max-width:768px){.header-container{padding:var(--spacing-lg)}.main-header-container{padding:var(--spacing-md) var(--spacing-md)}.header-menu-desktop{display:none}.header-menu-mobile{display:flex}.nav-desktop{display:none}.nav-menu{display:flex}.nav-actions{gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.auth-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-md)!important;font-size:var(--font-size-sm)}.logo{width:150px;scale:.85}.logo h2{font-size:var(--font-size-lg)}.logo-image{height:32px}.logo-icon{font-size:1em}}.user-menu{position:relative;display:inline-block}.user-menu-avatar{cursor:pointer}.user-menu-overlay{position:fixed;inset:0;background-color:transparent;z-index:998;display:none}@media(max-width:768px){.user-menu-overlay{display:block}}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:999;animation:userMenuSlideIn .15s ease-out;transform-origin:top right}@keyframes userMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-menu-header{padding:16px;border-bottom:1px solid #f3f4f6}.user-menu-info{display:flex;flex-direction:column;gap:4px}.user-menu-name{font-weight:600;font-size:16px;color:#111827;line-height:1.4}.user-menu-email{font-size:14px;color:#6b7280;line-height:1.4;word-break:break-word}.user-menu-divider{height:1px;background-color:#f3f4f6;margin:0}.user-menu-items{padding:8px}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;font-size:14px;line-height:1.4}.user-menu-item:hover{background-color:#f9fafb;color:#374151}.user-menu-item:active{background-color:#f3f4f6;transform:scale(.98)}.user-menu-item-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.user-menu-item-text{font-weight:500;color:#374151}.user-menu-item-danger{color:#ef4444}.user-menu-item-danger:hover{background-color:#fef2f2;color:#dc2626}.user-menu-item-danger .user-menu-item-text{color:inherit}@media(max-width:768px){.user-menu-dropdown{position:fixed;inset:auto 16px 16px;min-width:auto;max-width:none;border-radius:16px;animation:userMenuSlideUp .2s ease-out}@keyframes userMenuSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:20px}.user-menu-items{padding:12px}.user-menu-item{padding:16px 20px;font-size:16px}.user-menu-item-icon{font-size:18px;width:24px}}.user-menu-loading{opacity:.7;pointer-events:none}.user-menu-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-bell{position:relative;display:inline-block;cursor:pointer}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background-color:#0000000d}.notification-bell-button:active{transform:scale(.95)}.notification-bell-icon{font-size:24px;color:#6b7280;transition:color .2s ease}.notification-bell-button:hover .notification-bell-icon{color:#374151}.notification-bell-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #0003;animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-bell-overlay{position:fixed;inset:0;background-color:transparent;z-index:998;display:none}@media(max-width:768px){.notification-bell-overlay{display:block}}.notification-bell-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:90vw;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:999;animation:notificationSlideIn .2s ease-out;transform-origin:top right;max-height:600px;display:flex;flex-direction:column}@keyframes notificationSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-bell-header{padding:16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.notification-bell-title{font-weight:700;font-size:16px;color:#111827}.notification-bell-mark-all{background:none;border:none;color:var(--pupping-pink);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.notification-bell-mark-all:hover{background-color:#ec48991a}.notification-bell-mark-all:disabled{opacity:.5;cursor:not-allowed}.notification-bell-list{overflow-y:auto;max-height:480px;padding:4px}.notification-bell-list::-webkit-scrollbar{width:6px}.notification-bell-list::-webkit-scrollbar-track{background:#f9fafb}.notification-bell-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-bell-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-item-wrapper{position:relative;margin:2px 0}.notification-item-delete-bg{position:absolute;top:0;right:0;bottom:0;width:80px;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:0}.notification-item-delete-icon{font-size:24px;color:#fff}.notification-item{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative;z-index:1;touch-action:pan-y}.notification-item:hover{background-color:#f9fafb}.notification-item:active{transform:scale(.98)}.notification-item.unread{background-color:#fef3f8}.notification-item.unread:hover{background-color:#fce7f3}.notification-item-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--pupping-pink);flex-shrink:0;margin-top:6px}.notification-item.read .notification-item-indicator{background-color:transparent}.notification-item-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.notification-item-icon.email_confirmation,.notification-item-icon.welcome{background-color:#dbeafe;color:#2563eb}.notification-item-icon.password_reset,.notification-item-icon.password_changed{background-color:#fed7aa;color:#ea580c}.notification-item-icon.chat_message,.notification-item-icon.new_chat_request{background-color:#d1fae5;color:#059669}.notification-item-icon.match_notification{background-color:#fce7f3;color:#ec4899}.notification-item-icon.profile_approved{background-color:#d1fae5;color:#10b981}.notification-item-icon.profile_rejected,.notification-item-icon.system_alert{background-color:#fee2e2;color:#dc2626}.notification-item-content{flex:1;min-width:0}.notification-item-subject{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:12px;color:#6b7280}.notification-item-delete{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;color:#6b7280;flex-shrink:0}.notification-item:hover .notification-item-delete{opacity:1}.notification-item-delete:hover{background-color:#fee2e2;color:#dc2626}.notification-item-delete:active{transform:scale(.9)}.notification-item-count{color:var(--pupping-pink);font-weight:700;font-size:13px}.notification-bell-loading-more{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.notification-bell-empty{padding:48px 24px;text-align:center;color:#9ca3af}.notification-bell-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.notification-bell-empty-text{font-size:14px;font-weight:500}.notification-bell-loading{padding:32px;text-align:center;color:#9ca3af}.notification-bell-error{padding:24px;text-align:center;color:#ef4444;font-size:14px}@media(max-width:768px){.notification-item-delete{opacity:0}.notification-item-wrapper:active .notification-item-delete{opacity:1}}@media(max-width:768px){.notification-bell-dropdown{position:fixed;top:60px;right:8px;left:8px;width:auto;max-width:none}}.hero{color:#fff;padding:4rem 0;flex:1}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;min-height:500px;display:flex;align-items:center}.hero-split .hero-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.hero-centered .hero-container{text-align:center;justify-content:center;flex-direction:column}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin:0}.hero-description{font-size:1.2rem;line-height:1.6;opacity:.9;margin:0}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.hero-centered .hero-buttons{justify-content:center}.hero-image{display:flex;justify-content:center;align-items:center}.hero-illustration{font-size:8rem;text-align:center;opacity:.8}@media(max-width:768px){.hero{padding:2rem 0}.hero-split .hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-illustration{font-size:4rem}}.features{padding:4rem 0}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.features-title{font-size:2.5rem;margin-bottom:3rem;color:#333}.features-grid{display:grid;gap:2rem;max-width:100%}.feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-description{color:#666;line-height:1.6;margin:0}@media(max-width:768px){.features{padding:3rem 0}.features-title{font-size:2rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr!important}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.3rem}}.footer{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:4rem 0 2rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;align-items:start}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-section:first-child{gap:1.25rem}.footer-logo{margin:0;color:#fff;font-size:1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.footer-logo-image{height:120px;width:auto;display:block;margin-bottom:.5rem;filter:brightness(0) invert(1)}.footer-logo-link{display:inline-block;transition:opacity .2s ease}.footer-logo-link:hover{opacity:.8}.footer-logo-icon{font-size:1.5em}.footer-description{margin:0;color:#ffffffb3;line-height:1.6;font-size:.95rem;max-width:280px}.footer-section-title{margin:0 0 .5rem;color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#ffffffb3;text-decoration:none;transition:all .2s ease;font-size:.95rem;display:inline-block;position:relative}.footer-link:hover{color:#fff;transform:translate(4px)}.footer-link-button{background:none;border:none;cursor:pointer;text-align:left;padding:0;font-family:inherit;font-size:inherit;color:inherit}.footer-bottom{padding-top:2rem;text-align:center}.footer-bottom p{margin:0;color:#ffffff80;font-size:.875rem}@media(max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:2.5rem}}@media(max-width:768px){.footer{padding:3rem 0 2rem}.footer-container{padding:0 1.5rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-section:first-child{grid-column:1 / -1;text-align:center;align-items:center}.footer-logo{justify-content:center}.footer-description{max-width:100%;text-align:center}}@media(max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center;gap:2.5rem}.footer-section,.footer-links{align-items:center}.footer-link:hover{transform:none}}.location-prompt{position:fixed;bottom:24px;right:24px;width:360px;max-width:calc(100vw - 48px);background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012,0 10px 20px #0000001a,0 0 0 1px #0000000d;padding:24px;z-index:9999;animation:slideInUp .3s ease-out;display:flex;flex-direction:column;gap:16px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-prompt-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary, #666);font-size:24px;cursor:pointer;border-radius:8px;transition:all .2s ease;line-height:1;padding:0}.location-prompt-close:hover{background:var(--gray-100, #f5f5f5);color:var(--text-primary, #1a1a1a)}.location-prompt-icon{font-size:40px;text-align:center;line-height:1}.location-prompt-content{display:flex;flex-direction:column;gap:8px;text-align:center}.location-prompt-title{font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.location-prompt-description{font-size:14px;color:var(--text-secondary, #666);margin:0;line-height:1.5}.location-prompt-actions{display:flex;gap:12px;margin-top:8px}.location-prompt-actions button{color:#fff;flex:1;font-size:14px;padding:10px 16px}@media(max-width:768px){.location-prompt{bottom:16px;right:16px;width:calc(100vw - 32px);padding:20px}.location-prompt-icon{font-size:36px}.location-prompt-title{font-size:16px}.location-prompt-description{font-size:13px}}@media(max-width:480px){.location-prompt{bottom:12px;right:12px;width:calc(100vw - 24px);padding:16px}.location-prompt-actions{flex-direction:column}.location-prompt-actions button{width:100%}}@media(prefers-color-scheme:dark){.location-prompt{background:var(--bg-secondary-dark, #2a2a2a);box-shadow:0 4px 6px #0000004d,0 10px 20px #00000080,0 0 0 1px #ffffff1a}.location-prompt-title{color:var(--text-primary-dark, #f5f5f5)}.location-prompt-description,.location-prompt-close{color:var(--text-secondary-dark, #b3b3b3)}.location-prompt-close:hover{background:var(--gray-800, #3a3a3a);color:var(--text-primary-dark, #f5f5f5)}}