.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);text-decoration:none;border:var(--border-width-thin) solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal)}.ds-button:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ds-button.ds-button--disabled{cursor:not-allowed;opacity:.6}.ds-button--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:2rem}.ds-button--md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:2.5rem}.ds-button--lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:3rem}.ds-button--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.ds-button--primary:hover:not(.ds-button--disabled){background-color:var(--color-interactive-hover);border-color:var(--color-interactive-hover);transform:translateY(-1px)}.ds-button--primary:active:not(.ds-button--disabled){background-color:var(--color-interactive-active);border-color:var(--color-interactive-active);transform:translateY(0)}.ds-button--secondary{background-color:var(--color-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.ds-button--secondary:hover:not(.ds-button--disabled){background-color:var(--color-accent);border-color:var(--color-primary);transform:translateY(-1px)}.ds-button--secondary:active:not(.ds-button--disabled){background-color:var(--color-muted);transform:translateY(0)}.ds-button--outline{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-primary)}.ds-button--outline:hover:not(.ds-button--disabled){background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.ds-button--outline:active:not(.ds-button--disabled){background-color:var(--color-interactive-active);transform:translateY(0)}.ds-button--ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.ds-button--ghost:hover:not(.ds-button--disabled){background-color:var(--color-accent);transform:translateY(-1px)}.ds-button--ghost:active:not(.ds-button--disabled){background-color:var(--color-muted);transform:translateY(0)}.ds-button--loading{position:relative}.ds-button__spinner{display:inline-flex;align-items:center;justify-content:center}.ds-button__spinner-icon{width:1rem;height:1rem;animation:ds-button-spin 1s linear infinite}.ds-button__spinner-circle{animation:ds-button-dash 1.5s ease-in-out infinite}.ds-button__content--loading{opacity:.7}@keyframes ds-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ds-button-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 768px){.ds-button--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:2.5rem}}@media (prefers-contrast: high){.ds-button--outline,.ds-button--ghost,.ds-button--secondary{border-color:var(--color-primary)}}@media (prefers-reduced-motion: reduce){.ds-button{transition:none}.ds-button:hover:not(.ds-button--disabled){transform:none}.ds-button:active:not(.ds-button--disabled){transform:none}.ds-button__spinner-icon,.ds-button__spinner-circle{animation:none}}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em;border-radius:var(--border-radius-sm);border:var(--border-width-thin) solid transparent;white-space:nowrap}.ds-badge--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);line-height:1}.ds-badge--md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);line-height:1}.ds-badge--default{background-color:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-border)}.ds-badge--agency{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.ds-badge--verified{background-color:var(--color-secondary);color:var(--color-text-primary);border-color:var(--color-primary)}.ds-badge--premium{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);position:relative}.ds-badge--premium:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--color-primary),var(--color-interactive-hover));border-radius:var(--border-radius-sm);z-index:-1}.ds-badge--new{background-color:var(--color-secondary);color:var(--color-text-primary);border-color:var(--color-primary);animation:ds-badge-pulse 2s ease-in-out infinite}@keyframes ds-badge-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-contrast: high){.ds-badge--default,.ds-badge--verified,.ds-badge--new{border-color:var(--color-primary);border-width:var(--border-width-medium)}}@media (prefers-reduced-motion: reduce){.ds-badge--new{animation:none}}.ds-card{display:block;background-color:var(--color-secondary);border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--color-border);transition:all var(--transition-normal);text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;text-align:left;cursor:default}.ds-card--padding-none{padding:0}.ds-card--padding-sm{padding:var(--spacing-md)}.ds-card--padding-md{padding:var(--spacing-lg)}.ds-card--padding-lg{padding:var(--spacing-xl)}.ds-card--default{box-shadow:var(--shadow-sm)}.ds-card--elevated{box-shadow:var(--shadow-md)}.ds-card--outlined{box-shadow:none;border-color:var(--color-primary);border-width:var(--border-width-medium)}.ds-card--minimal{box-shadow:none;border:none;background-color:transparent}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ds-card--interactive:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ds-card--interactive:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.ds-card--outlined.ds-card--interactive:hover{border-color:var(--color-interactive-hover);background-color:var(--color-accent)}.ds-card--minimal.ds-card--interactive:hover{background-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ds-card--minimal.ds-card--interactive:active{background-color:var(--color-muted);transform:translateY(0);box-shadow:none}@media (prefers-contrast: high){.ds-card--default,.ds-card--elevated{border-color:var(--color-primary);border-width:var(--border-width-medium)}.ds-card--minimal{border:var(--border-width-thin) solid var(--color-border)}}@media (prefers-reduced-motion: reduce){.ds-card{transition:none}.ds-card--interactive:hover,.ds-card--interactive:active,.ds-card--minimal.ds-card--interactive:hover{transform:none}}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ds-input-label{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.ds-input-required{color:var(--color-text-primary);margin-left:var(--spacing-xs)}.ds-input{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-secondary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);width:100%;transition:all var(--transition-normal);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ds-input::placeholder{color:var(--color-text-muted)}.ds-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) #0000001a}.ds-input:hover:not(:focus):not(:disabled){border-color:var(--color-interactive-hover)}.ds-input:disabled{background-color:var(--color-muted);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.ds-input--minimal{background-color:transparent;border:none;border-bottom:var(--border-width-thin) solid var(--color-border);border-radius:0;padding:var(--spacing-sm) 0}.ds-input--minimal:focus{border-bottom-color:var(--color-primary);box-shadow:0 1px 0 0 var(--color-primary)}.ds-input--minimal:hover:not(:focus):not(:disabled){border-bottom-color:var(--color-interactive-hover)}.ds-input--error{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) #0000001a}.ds-input--error:focus{border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) #0003}.ds-input--minimal.ds-input--error{border-bottom-color:var(--color-primary);box-shadow:0 1px 0 0 var(--color-primary)}.ds-input-helper{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.ds-input-helper--error{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}@media (prefers-contrast: high){.ds-input{border-color:var(--color-primary);border-width:var(--border-width-medium)}.ds-input:focus{box-shadow:0 0 0 var(--focus-ring-width) var(--color-primary)}.ds-input--minimal{border-bottom-width:var(--border-width-medium)}}@media (prefers-reduced-motion: reduce){.ds-input{transition:none}}@media (max-width: 768px){.ds-input{font-size:var(--font-size-base);padding:var(--spacing-md)}}.ds-form{display:flex;flex-direction:column;width:100%}.ds-form--spacing-sm{gap:var(--spacing-md)}.ds-form--spacing-md{gap:var(--spacing-lg)}.ds-form--spacing-lg{gap:var(--spacing-xl)}.ds-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border)}.ds-form-actions--left{justify-content:flex-start}.ds-form-actions--center{justify-content:center}.ds-form-actions--right{justify-content:flex-end}.ds-form-actions--space-between{justify-content:space-between}@media (max-width: 768px){.ds-form-actions{flex-direction:column;align-items:stretch}.ds-form-actions--space-between{flex-direction:column-reverse;gap:var(--spacing-sm)}}@media (prefers-contrast: high){.ds-form-actions{border-top-color:var(--color-primary);border-top-width:var(--border-width-medium)}}.ds-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh;background-color:var(--color-secondary);color:var(--color-text-primary);overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.ds-banner--with-background{color:var(--color-text-inverse)}.ds-banner__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity var(--transition-normal);z-index:1}.ds-banner--with-background .ds-banner__overlay{opacity:1}.ds-banner__container{position:relative;z-index:2;width:100%;max-width:var(--max-width-4xl);margin:0 auto;padding:var(--spacing-xl)}.ds-banner__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl);max-width:var(--max-width-3xl);margin:0 auto}.ds-banner__headline{font-family:var(--font-family-primary);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;letter-spacing:-.025em}.ds-banner__description{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);margin:0;opacity:.9;max-width:var(--max-width-2xl)}.ds-banner__actions{display:flex;gap:var(--spacing-lg);align-items:center;justify-content:center;flex-wrap:wrap}.ds-banner__cta-link{color:inherit;text-decoration:none;display:block;width:100%;height:100%}@media (max-width: 1024px){.ds-banner{min-height:50vh}.ds-banner__headline{font-size:var(--font-size-4xl)}.ds-banner__description{font-size:var(--font-size-lg)}.ds-banner__container{padding:var(--spacing-lg)}}@media (max-width: 768px){.ds-banner{min-height:40vh}.ds-banner__headline{font-size:var(--font-size-3xl)}.ds-banner__description{font-size:var(--font-size-base)}.ds-banner__actions{flex-direction:column;width:100%;gap:var(--spacing-md)}.ds-banner__actions .ds-button{width:100%;max-width:300px}.ds-banner__container{padding:var(--spacing-md)}.ds-banner__content{gap:var(--spacing-lg)}}@media (max-width: 480px){.ds-banner{min-height:35vh}.ds-banner__headline{font-size:var(--font-size-2xl)}.ds-banner__description{font-size:var(--font-size-sm)}.ds-banner__container{padding:var(--spacing-sm)}}@media (prefers-contrast: high){.ds-banner{border:var(--border-width-medium) solid var(--color-primary)}.ds-banner__overlay{background:#0009}}@media (prefers-reduced-motion: reduce){.ds-banner__overlay{transition:none}}@media print{.ds-banner{min-height:auto;background:none!important;color:var(--color-text-primary)!important}.ds-banner__overlay,.ds-banner__actions{display:none}}.ds-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-accent);border:var(--border-width-thin) solid var(--color-border);overflow:hidden;flex-shrink:0;transition:var(--transition-fast)}.ds-avatar--rectangular{border-radius:var(--border-radius-md)}.ds-avatar--circular{border-radius:var(--border-radius-full)}.ds-avatar--rectangular.ds-avatar--xs{width:3rem;height:4rem;font-size:var(--font-size-lg)}.ds-avatar--rectangular.ds-avatar--sm{width:4rem;height:5.25rem;font-size:var(--font-size-xl)}.ds-avatar--rectangular.ds-avatar--md{width:5rem;height:6.625rem;font-size:var(--font-size-2xl)}.ds-avatar--rectangular.ds-avatar--lg{width:6rem;height:8rem;font-size:var(--font-size-3xl)}.ds-avatar--rectangular.ds-avatar--xl{width:8rem;height:10.625rem;font-size:var(--font-size-4xl)}.ds-avatar--circular.ds-avatar--xs{width:3rem;height:3rem;font-size:var(--font-size-lg)}.ds-avatar--circular.ds-avatar--sm{width:4rem;height:4rem;font-size:var(--font-size-xl)}.ds-avatar--circular.ds-avatar--md{width:5rem;height:5rem;font-size:var(--font-size-2xl)}.ds-avatar--circular.ds-avatar--lg{width:6rem;height:6rem;font-size:var(--font-size-3xl)}.ds-avatar--circular.ds-avatar--xl{width:8rem;height:8rem;font-size:var(--font-size-4xl)}.ds-avatar__image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.ds-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;position:absolute;top:0;left:0}.ds-avatar__initials{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:0;text-align:center;margin:0;padding:0}.ds-avatar__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}.ds-avatar:hover{border-color:var(--color-interactive);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ds-avatar:focus-within{outline:var(--focus-ring-width) solid var(--color-interactive);outline-offset:var(--focus-ring-offset)}@media (prefers-contrast: high){.ds-avatar{border-width:var(--border-width-medium);border-color:var(--color-text-primary)}.ds-avatar__placeholder{background-color:var(--color-secondary)}.ds-avatar__initials{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}}@media (prefers-reduced-motion: reduce){.ds-avatar{transition:none}.ds-avatar:hover{transform:none}}.ds-avatar--loading .ds-avatar__placeholder{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-surface) 50%,var(--color-accent) 100%);background-size:200% 100%;animation:ds-avatar-loading 1.5s ease-in-out infinite}@keyframes ds-avatar-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-avatar--error .ds-avatar__placeholder{background-color:var(--color-muted)}.ds-avatar--error .ds-avatar__initials{color:var(--color-text-muted)}@media (max-width: 640px){.ds-avatar--rectangular.ds-avatar--xs{width:3.5rem;height:4.625rem}.ds-avatar--rectangular.ds-avatar--sm{width:4.5rem;height:6rem}.ds-avatar--circular.ds-avatar--xs{width:3.5rem;height:3.5rem}.ds-avatar--circular.ds-avatar--sm{width:4.5rem;height:4.5rem}}@media print{.ds-avatar{border:var(--border-width-thin) solid var(--color-text-primary);background-color:transparent}.ds-avatar__placeholder{background-color:transparent;border:var(--border-width-thin) solid var(--color-text-primary)}.ds-avatar__initials{color:var(--color-text-primary)}}.agency-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-700);white-space:nowrap}.agency-badge.sm{padding:.125rem .375rem;font-size:var(--font-size-2xs);gap:.125rem}.agency-badge.lg{padding:.375rem .75rem;font-size:var(--font-size-sm);gap:.375rem}.agency-badge-icon{font-size:.875em}.agency-badge-text{font-weight:var(--font-weight-semibold)}.agency-badge-name{color:var(--color-gray-600);font-weight:var(--font-weight-normal)}.agency-badge.compact .agency-badge-name{display:none}.agency-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all .2s ease;cursor:pointer}.agency-card:hover{border-color:var(--color-primary-300);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.agency-card.sm{padding:var(--spacing-3)}.agency-card.lg{padding:var(--spacing-6)}.agency-card-header{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.agency-logo{width:60px;height:60px;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center}.agency-card.sm .agency-logo{width:48px;height:48px}.agency-card.lg .agency-logo{width:80px;height:80px}.agency-logo img{width:100%;height:100%;object-fit:cover}.agency-logo-placeholder{font-size:var(--font-size-2xl);color:var(--color-gray-400)}.agency-basic-info{flex:1;min-width:0}.agency-name{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}.agency-name-link{color:var(--color-gray-900);text-decoration:none;transition:color .2s ease}.agency-name-link:hover{color:var(--color-primary-600)}.agency-meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.helper-count{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.established-year{font-size:var(--font-size-xs);color:var(--color-gray-500)}.agency-description{margin-bottom:var(--spacing-3)}.agency-description p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agency-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.detail-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0;text-transform:uppercase;letter-spacing:.05em}.specialization-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.service-area-list{font-size:var(--font-size-sm);color:var(--color-gray-700)}.more-areas{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.credential-list{display:flex;flex-direction:column;gap:var(--spacing-1)}.credential-item{font-size:var(--font-size-sm);color:var(--color-green-700);display:flex;align-items:center;gap:var(--spacing-1)}.more-credentials{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.agency-card-actions{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.contact-buttons{display:flex;gap:var(--spacing-2)}.contact-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease}.btn-icon{font-size:var(--font-size-sm)}.view-agency-btn{display:block;text-align:center;padding:var(--spacing-2);background:var(--color-gray-50);color:var(--color-gray-700);text-decoration:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.view-agency-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}@media (max-width: 640px){.agency-card-header{flex-direction:column;align-items:center;text-align:center}.agency-meta{justify-content:center}.contact-buttons{flex-direction:column}}.agency-contact-info{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-4)}.agency-contact-info.sm{padding:var(--spacing-3)}.agency-contact-info.lg{padding:var(--spacing-6)}.agency-contact-header{margin-bottom:var(--spacing-3)}.agency-contact-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.agency-contact-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.agency-contact-methods{display:flex;flex-direction:column;gap:var(--spacing-2)}.contact-method{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-sm);text-decoration:none;color:inherit;transition:all .2s ease}.contact-method:hover{background:var(--color-gray-100);border-color:var(--color-primary-300);transform:translateY(-1px)}.contact-method.whatsapp:hover{background:#e8f5e8;border-color:#25d366}.contact-method.phone:hover{background:#e8f4fd;border-color:#0ea5e9}.contact-method.email:hover{background:#fef3e8;border-color:#f59e0b}.contact-icon{font-size:var(--font-size-xl);flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;flex:1}.contact-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.05em}.contact-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);word-break:break-all}@media (max-width: 640px){.agency-contact-methods{gap:var(--spacing-1)}.contact-method{padding:var(--spacing-2);gap:var(--spacing-2)}.contact-icon{font-size:var(--font-size-lg)}}.agency-helper-list{width:100%}.helper-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.no-helpers{text-align:center;padding:var(--spacing-8);background:var(--color-gray-50);border-radius:var(--border-radius-lg)}.no-helpers h3{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);color:var(--color-gray-700)}.no-helpers p{margin:0;color:var(--color-gray-600)}.helper-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-2)}.helper-list-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.helper-count-badge{background:var(--color-primary-100);color:var(--color-primary-700);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.helper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.helper-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .2s ease}.helper-card:hover{border-color:var(--color-primary-300);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.helper-photo{position:relative;width:100%;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.helper-photo img{width:100%;height:100%;object-fit:cover}.helper-badges{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:flex;gap:var(--spacing-1)}.helper-info{padding:var(--spacing-4)}.helper-name{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2}.helper-basic-details{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600)}.helper-basic-details span{position:relative}.helper-basic-details span:not(:last-child):after{content:"•";position:absolute;right:calc(-1 * var(--spacing-1));color:var(--color-gray-400)}.helper-experience{margin-bottom:var(--spacing-2)}.experience-years{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600)}.helper-specializations{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.specialization-tag{background:var(--color-primary-50);color:var(--color-primary-700);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.more-specializations{background:var(--color-gray-100);color:var(--color-gray-600);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.helper-languages{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.language-skill{font-size:var(--font-size-xs);color:var(--color-gray-600)}.helper-availability{margin-bottom:var(--spacing-2)}.availability-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:.125rem .375rem;border-radius:var(--border-radius-sm)}.availability-status.available{background:var(--color-green-100);color:var(--color-green-700)}.availability-status.future{background:var(--color-yellow-100);color:var(--color-yellow-700)}.helper-actions{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.agency-contact-buttons{display:flex;gap:var(--spacing-2)}.contact-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease}.whatsapp-btn{background:#25d366;color:#fff;border:1px solid #25d366}.whatsapp-btn:hover{background:#128c7e;border-color:#128c7e}.phone-btn{background:var(--color-blue-500);color:#fff;border:1px solid var(--color-blue-500)}.phone-btn:hover{background:var(--color-blue-600);border-color:var(--color-blue-600)}.helper-list-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.helper-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-3)}.helper-list-header{flex-direction:column;align-items:flex-start}.agency-contact-buttons{flex-direction:column}}@media (max-width: 640px){.helper-grid{grid-template-columns:1fr}.helper-photo{height:160px}}.agency-profile{width:100%;max-width:1200px;margin:0 auto}.agency-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top:3px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-3)}.agency-profile-header{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-6)}.agency-cover-image{width:100%;height:200px;overflow:hidden}.agency-cover-image img{width:100%;height:100%;object-fit:cover}.agency-header-content{padding:var(--spacing-6);display:grid;grid-template-columns:1fr auto;gap:var(--spacing-6);align-items:start}.agency-basic-info{display:flex;gap:var(--spacing-4);align-items:flex-start}.agency-logo-section{flex-shrink:0}.agency-logo{width:100px;height:100px;border-radius:var(--border-radius-lg);object-fit:cover;border:2px solid var(--color-gray-200)}.agency-logo-placeholder{width:100px;height:100px;border-radius:var(--border-radius-lg);background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);color:var(--color-gray-400);border:2px solid var(--color-gray-200)}.agency-info{flex:1;min-width:0}.agency-title-section{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap}.agency-name{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2}.agency-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-600)}.agency-meta span{position:relative;font-weight:var(--font-weight-medium)}.agency-meta span:not(:last-child):after{content:"•";position:absolute;right:calc(-1 * var(--spacing-1) - 2px);color:var(--color-gray-400)}.agency-rating{display:flex;align-items:center;gap:var(--spacing-2)}.rating-stars{display:flex;gap:.125rem}.star{font-size:var(--font-size-sm);opacity:.3}.star.filled{opacity:1}.rating-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.agency-contact-section{min-width:300px}.agency-profile-nav{display:flex;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-6)}.nav-tab{flex:1;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease;border-right:1px solid var(--color-gray-200)}.nav-tab:last-child{border-right:none}.nav-tab:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.nav-tab.active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.agency-profile-content{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-6)}.agency-section{margin-bottom:var(--spacing-6)}.agency-section:last-child{margin-bottom:0}.section-title{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.agency-description p{margin:0;font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-700)}.specialization-grid,.service-area-grid,.credentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3)}.specialization-item,.service-area-item,.credential-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--border-radius-md)}.specialization-icon,.area-icon,.credential-icon{font-size:var(--font-size-lg);flex-shrink:0}.specialization-icon{color:var(--color-green-600)}.area-icon{color:var(--color-blue-600)}.credential-icon{color:var(--color-yellow-600)}.specialization-text,.area-text,.credential-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4)}.testimonial-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.client-info{flex:1}.client-name{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.testimonial-rating{display:flex;gap:.125rem}.testimonial-date{font-size:var(--font-size-xs);color:var(--color-gray-500);flex-shrink:0}.testimonial-content p{margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-gray-700);font-style:italic}@media (max-width: 1024px){.agency-header-content{grid-template-columns:1fr;gap:var(--spacing-4)}.agency-contact-section{min-width:auto}}@media (max-width: 768px){.agency-profile-header{margin-bottom:var(--spacing-4)}.agency-header-content{padding:var(--spacing-4)}.agency-basic-info{flex-direction:column;align-items:center;text-align:center}.agency-title-section,.agency-meta{justify-content:center}.agency-profile-nav{flex-direction:column}.nav-tab{border-right:none;border-bottom:1px solid var(--color-gray-200)}.nav-tab:last-child{border-bottom:none}.agency-profile-content{padding:var(--spacing-4)}.specialization-grid,.service-area-grid,.credentials-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 640px){.agency-cover-image{height:150px}.agency-logo,.agency-logo-placeholder{width:80px;height:80px}.agency-name{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-lg)}}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.whatsapp-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.whatsapp-button:active{transform:translateY(0)}.whatsapp-button.sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);gap:var(--spacing-1)}.whatsapp-button.lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);gap:var(--spacing-3)}.whatsapp-button.primary{background:#25d366;color:#fff;border-color:#25d366}.whatsapp-button.primary:hover{background:#128c7e;border-color:#128c7e;color:#fff}.whatsapp-button.secondary{background:var(--color-gray-100);color:#25d366;border-color:var(--color-gray-300)}.whatsapp-button.secondary:hover{background:var(--color-gray-200);border-color:#25d366;color:#128c7e}.whatsapp-button.outline{background:transparent;color:#25d366;border-color:#25d366}.whatsapp-button.outline:hover{background:#25d366;color:#fff}.whatsapp-icon{font-size:1em;flex-shrink:0}.whatsapp-text{white-space:nowrap}@media (max-width: 640px){.whatsapp-button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.whatsapp-button.lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}}.phone-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.phone-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.phone-button:active{transform:translateY(0)}.phone-button.sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);gap:var(--spacing-1)}.phone-button.lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);gap:var(--spacing-3)}.phone-button.primary{background:var(--color-blue-500);color:#fff;border-color:var(--color-blue-500)}.phone-button.primary:hover{background:var(--color-blue-600);border-color:var(--color-blue-600);color:#fff}.phone-button.secondary{background:var(--color-gray-100);color:var(--color-blue-600);border-color:var(--color-gray-300)}.phone-button.secondary:hover{background:var(--color-gray-200);border-color:var(--color-blue-500);color:var(--color-blue-700)}.phone-button.outline{background:transparent;color:var(--color-blue-600);border-color:var(--color-blue-500)}.phone-button.outline:hover{background:var(--color-blue-500);color:#fff}.phone-icon{font-size:1em;flex-shrink:0}.phone-text{white-space:nowrap}@media (max-width: 640px){.phone-button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.phone-button.lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}}.agency-contact-actions{display:flex;flex-direction:column;gap:var(--spacing-3);width:100%}.agency-contact-actions .agency-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.view-agency-link{font-size:var(--font-size-sm);color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease}.view-agency-link:hover{color:var(--color-primary-700);text-decoration:underline}.agency-contact-buttons{display:flex;gap:var(--spacing-2);width:100%}.agency-contact-buttons>*{flex:1}@media (max-width: 640px){.agency-contact-buttons{flex-direction:column}.agency-contact-buttons>*{flex:none}}.helper-actions{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:stretch;max-width:280px}.helper-actions .contact-btn{width:100%;padding:.625rem 1rem;justify-content:center}.helper-actions .bookmark-button{width:100%}.helper-actions .agency-contact-actions+.bookmark-button{margin-top:var(--spacing-2)}:root{--color-primary: #000000;--color-secondary: #FFFFFF;--color-white: #FFFFFF;--color-black: #000000;--color-accent: #7C3AED;--color-accent-light: #8B5CF6;--color-accent-dark: #6B21A8;--color-accent-hover: #6B21A8;--color-border: #E5E5E5;--color-surface: #FAFAFA;--color-muted: #F8F8F8;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-blue-50: #EFF6FF;--color-blue-100: #DBEAFE;--color-blue-200: #BFDBFE;--color-blue-300: #93C5FD;--color-blue-400: #60A5FA;--color-blue-500: #3B82F6;--color-blue-600: #2563EB;--color-blue-700: #1D4ED8;--color-blue-800: #1E40AF;--color-blue-900: #1E3A8A;--color-green-50: #F0FDF4;--color-green-100: #DCFCE7;--color-green-200: #BBF7D0;--color-green-300: #86EFAC;--color-green-400: #4ADE80;--color-green-500: #22C55E;--color-green-600: #16A34A;--color-green-700: #15803D;--color-green-800: #166534;--color-green-900: #14532D;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-inverse: #FFFFFF;--color-interactive: #7C3AED;--color-interactive-hover: #6B21A8;--color-interactive-active: #581C87;--color-interactive-disabled: #CCCCCC;--color-success: #000000;--color-error: #000000;--color-warning: #000000;--color-info: #000000;--color-purple-50: #FAF5FF;--color-purple-100: #F3E8FF;--color-purple-200: #E9D5FF;--color-purple-300: #D8B4FE;--color-purple-400: #C084FC;--color-purple-500: #A855F7;--color-purple-600: #9333EA;--color-purple-700: #7C3AED;--color-purple-800: #6B21A8;--color-purple-900: #581C87;--color-primary-50: #FAF5FF;--color-primary-100: #F3E8FF;--color-primary-200: #E9D5FF;--color-primary-300: #D8B4FE;--color-primary-400: #C084FC;--color-primary-500: #A855F7;--color-primary-600: #9333EA;--color-primary-700: #7C3AED;--color-primary-800: #6B21A8;--color-primary-900: #581C87;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", 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-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--max-width-xs: 20rem;--max-width-sm: 24rem;--max-width-md: 28rem;--max-width-lg: 32rem;--max-width-xl: 36rem;--max-width-2xl: 42rem;--max-width-3xl: 48rem;--max-width-4xl: 56rem;--max-width-5xl: 64rem;--max-width-6xl: 72rem;--max-width-7xl: 80rem;--max-width-full: 100%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-primary);--focus-ring-opacity: .5}@media (min-width: 640px){:root{--screen-sm: true}}@media (min-width: 768px){:root{--screen-md: true}}@media (min-width: 1024px){:root{--screen-lg: true}}@media (min-width: 1280px){:root{--screen-xl: true}}@media (min-width: 1536px){:root{--screen-2xl: true}}@media (prefers-contrast: high){:root{--color-border: #000000;--color-text-secondary: #000000;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}.font-inter{font-family:var(--font-family-primary)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.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)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-accent)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-surface{background-color:var(--color-surface)}.bg-muted{background-color:var(--color-muted)}.text-purple{color:var(--color-accent)}.text-purple-light{color:var(--color-accent-light)}.text-purple-dark{color:var(--color-accent-dark)}.bg-purple{background-color:var(--color-accent)}.bg-purple-light{background-color:var(--color-accent-light)}.bg-purple-dark{background-color:var(--color-accent-dark)}.bg-purple-hover{background-color:var(--color-accent-hover)}.bg-purple-gradient{background:linear-gradient(135deg,var(--color-purple-600),var(--color-purple-700))}.bg-purple-gradient-light{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600))}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.focus-ring:focus{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);opacity:var(--focus-ring-opacity)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-surface)}.app-header{background-color:var(--color-accent);border-bottom:var(--border-width) solid var(--color-accent-dark);padding:var(--spacing-lg) 0}.header-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;color:var(--color-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.language-selector{position:relative}.language-select{padding:.5rem;border:1px solid var(--color-purple-300);border-radius:4px;background-color:transparent;color:var(--color-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.language-select:focus{outline:none;border-color:var(--color-purple-200);box-shadow:0 0 0 2px #7c3aed40;background-color:var(--color-purple-300);color:var(--color-accent)}.language-select:hover{background-color:var(--color-purple-300);color:var(--color-accent)}.home-page{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.home-page h2{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-bold)}.home-page p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.search-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.search-btn{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;min-width:200px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.helper-search{background-color:var(--color-text-primary);color:var(--color-surface);border-color:var(--color-text-primary)}.helper-search:hover{background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translateY(-2px)}.job-search{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.job-search:hover{background-color:var(--color-background);border-color:var(--color-text-primary);transform:translateY(-2px)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-content h1{font-size:1.2rem}.home-page h2{font-size:2rem}.search-buttons{flex-direction:column;align-items:center}.search-btn{width:100%;max-width:300px}}.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}.auth-page{min-height:100vh;background:var(--color-surface);display:flex;flex-direction:column}.auth-page-header{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:var(--border-width) solid var(--color-border)}.auth-page-nav{display:flex;justify-content:space-between;align-items:center}.auth-page-logo{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.auth-language-selector{background:var(--color-surface);border:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.auth-page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-4xl)}.auth-container{background:var(--color-surface);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);overflow:hidden;width:100%;max-width:400px}.auth-page-info{color:var(--color-text-primary);max-width:400px}.auth-page-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.auth-page-info p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.auth-form{width:100%}.auth-form-header{background:var(--color-background);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg);text-align:center;border-bottom:var(--border-width) solid var(--color-border)}.auth-form-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.auth-form-content{padding:var(--spacing-2xl)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group input{width:100%;padding:var(--spacing-md);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-surface)}.form-group input:focus{outline:none;border-color:var(--color-text-primary);box-shadow:0 0 0 3px #0000001a}.form-group input.error{border-color:var(--color-error, #dc2626)}.field-error{display:block;margin-top:.25rem;font-size:.875rem;color:#dc2626}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.auth-submit-btn{width:100%;background:var(--color-text-primary);color:var(--color-surface);border:var(--border-width) solid var(--color-text-primary);padding:var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-lg)}.auth-submit-btn:hover:not(:disabled){background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;margin-bottom:1rem}.forgot-password-link{color:var(--color-accent);text-decoration:none;font-size:.875rem}.forgot-password-link:hover{text-decoration:underline}.auth-switch{text-align:center;font-size:.875rem;color:#6b7280}.auth-switch-link{color:var(--color-accent);text-decoration:none;font-weight:500}.auth-switch-link:hover{text-decoration:underline}.user-type-selection{display:flex;flex-direction:column;gap:.75rem}.user-type-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s}.user-type-option:hover{border-color:var(--color-accent);background:var(--color-purple-50)}.user-type-option.selected{border-color:var(--color-accent);background:var(--color-purple-100)}.user-type-option input[type=radio]{margin:0;width:auto}.user-type-content{display:flex;flex-direction:column;gap:.25rem}.user-type-title{font-weight:600;color:#1f2937}.user-type-description{font-size:.875rem;color:#6b7280}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner{color:var(--color-accent);font-size:1rem}.app-logo{text-decoration:none;color:var(--color-secondary)}.app-logo h1{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-secondary)}.app-nav{display:flex;gap:var(--spacing-2xl)}.nav-link{text-decoration:none;color:var(--color-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius)}.nav-link:hover{color:var(--color-secondary);background-color:var(--color-accent-hover)}.header-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.auth-buttons{display:flex;gap:var(--spacing-sm)}.login-btn,.register-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:var(--border-width) solid transparent}.login-btn{color:var(--color-secondary);border-color:var(--color-purple-300);background:transparent}.login-btn:hover{background:var(--color-purple-300);color:var(--color-accent);border-color:var(--color-purple-300)}.register-btn{color:var(--color-accent);background:var(--color-secondary);border-color:var(--color-secondary)}.register-btn:hover{background:var(--color-purple-100);border-color:var(--color-purple-100)}.user-menu{display:flex;align-items:center;gap:1rem}.user-greeting{color:var(--color-secondary);font-weight:500}.logout-btn{padding:.5rem 1rem;border:1px solid var(--color-purple-300);background:transparent;color:var(--color-secondary);border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--color-purple-300);color:var(--color-accent)}.hero-section{max-width:600px;margin:0 auto;padding:4rem 0}.hero-section h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.hero-section p{font-size:1.25rem;color:#64748b;margin-bottom:2rem}.search-btn{padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .2s;border:2px solid transparent}.helper-search{background:var(--color-accent);color:#fff}.helper-search:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.job-search{background:#fff;color:var(--color-accent);border-color:var(--color-accent)}.job-search:hover{background:#eff6ff;transform:translateY(-2px)}.catalog-section{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg)}.catalog-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl);border-bottom:var(--border-width) solid var(--color-border)}.catalog-tab{padding:var(--spacing-lg) var(--spacing-2xl);border:none;background:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.catalog-tab:hover{color:var(--color-text-primary)}.catalog-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-text-primary)}.catalog-content{min-height:400px}.catalog-loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.catalog-footer{text-align:center}.view-all-btn{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-surface);color:var(--color-text-primary);text-decoration:none;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.view-all-btn:hover{background:var(--color-background);border-color:var(--color-text-primary);transform:translateY(-1px)}.empty-catalog{text-align:center;padding:3rem;color:#64748b;font-size:1.125rem}.helper-card{background:var(--color-surface);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);overflow:hidden;transition:all var(--transition-fast)}.helper-card:hover{border-color:var(--color-text-primary);transform:translateY(-2px)}.helper-card-link{display:block;text-decoration:none;color:inherit}.helper-card-image{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.helper-card-image img{width:100%;height:100%;object-fit:cover}.helper-card-content{padding:var(--spacing-xl)}.helper-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.helper-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.helper-age{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.helper-details{margin-bottom:var(--spacing-lg)}.helper-details p{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm)}.detail-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--spacing-sm)}.detail-value{color:var(--color-text-primary)}.helper-specializations{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.specialization-badge{background:var(--color-background);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:var(--border-width) solid var(--color-border)}.helper-availability{margin-bottom:var(--spacing-lg)}.availability-status{background:var(--color-background);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:var(--border-width) solid var(--color-border)}.helper-card-footer{border-top:var(--border-width) solid var(--color-border);padding-top:var(--spacing-lg)}.last-updated{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.helper-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.agency-badge{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.agency-contact-info{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.agency-contact-buttons{display:flex;gap:.5rem;margin-top:.5rem}.contact-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.whatsapp-btn{background:#25d366;color:#fff}.whatsapp-btn:hover{background:#128c7e;color:#fff}.phone-btn{background:var(--color-accent);color:#fff}.phone-btn:hover{background:var(--color-accent-hover);color:#fff}.job-card{background:var(--color-surface);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);overflow:hidden;transition:all var(--transition-fast)}.job-card:hover{border-color:var(--color-text-primary);transform:translateY(-2px)}.job-card-link{display:block;text-decoration:none;color:inherit}.job-card-header{background:var(--color-background);padding:var(--spacing-xl);border-bottom:var(--border-width) solid var(--color-border)}.job-location-status{display:flex;justify-content:space-between;align-items:center}.job-location{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.status-badge{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#f0fdf4;color:#16a34a}.status-badge.urgent{background:#fef2f2;color:#dc2626}.job-card-content{padding:1.5rem}.job-details{margin-bottom:1rem}.job-details p{margin:.5rem 0;font-size:.875rem}.job-requirements{margin-bottom:1rem}.requirements-label{display:block;font-weight:500;color:#64748b;margin-bottom:.5rem;font-size:.875rem}.requirements-list{display:flex;flex-wrap:wrap;gap:.5rem}.requirement-badge{background:#fef3c7;color:#d97706;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.job-card-footer{border-top:1px solid #f1f5f9;padding-top:1rem}.posted-date{color:#64748b;font-size:.75rem}@media (max-width: 768px){.auth-page-content{flex-direction:column;gap:2rem}.app-nav{order:3;width:100%;justify-content:center}.header-actions{order:2}.catalog-grid{grid-template-columns:1fr}.catalog-tabs{flex-direction:column}.catalog-tab{padding:.75rem 1rem}.helper-card-header,.job-location-status{flex-direction:column;align-items:flex-start;gap:.5rem}}.search-page{max-width:1400px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 4rem);display:flex;flex-direction:column}.search-page-header{margin-bottom:2rem}.search-page-title h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.search-results-count{color:#64748b;font-size:1rem}.search-page-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;flex:1;align-items:start;min-height:0}.search-filters-sidebar{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;height:fit-content;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.search-filters-sidebar::-webkit-scrollbar{width:6px}.search-filters-sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.search-filters-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.search-filters-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-filters-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.search-filters-sidebar.scrolled:before{opacity:1}.search-filters-sidebar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.search-filters-sidebar.has-more-content:after{opacity:1}.search-filters{width:100%}.helper-type-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.helper-type-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:0;text-align:center}.helper-type-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.helper-type-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.helper-type-btn.active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.filters-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.clear-filters-btn{background:none;border:1px solid #dc2626;color:#dc2626;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#fef2f2}.filter-section{margin-bottom:2rem}.filter-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.filter-group{margin-bottom:1.5rem}.filter-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.range-inputs{display:flex;align-items:center;gap:.5rem}.range-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.range-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8b5cf61a}.range-separator{color:#6b7280;font-weight:500}.checkbox-group{max-height:200px;overflow-y:auto}.checkbox-group.scrollable{max-height:150px}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;cursor:pointer;font-size:.875rem}.checkbox-item input[type=checkbox]{margin:0;width:auto}.checkbox-label{color:#374151}.checkbox-item:hover .checkbox-label{color:#1e293b}.advanced-filters{border-top:1px solid #e5e7eb;padding-top:1.5rem}.advanced-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.toggle-advanced-btn{background:none;border:1px solid var(--color-accent);color:var(--color-accent);padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.toggle-advanced-btn:hover{background:#eff6ff}.advanced-filters-content{margin-top:1rem}.language-skills-selector{display:flex;flex-direction:column;gap:.75rem}.language-skill-item{border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem}.language-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.language-name{font-weight:500;color:#374151;font-size:.875rem}.remove-language-btn{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.language-level-select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.language-level-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8b5cf61a}.auth-prompt{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;text-align:center}.auth-prompt h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.auth-prompt p{color:#64748b;font-size:.875rem;margin-bottom:1rem}.login-prompt-btn{display:inline-block;background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;font-weight:500;font-size:.875rem;transition:background-color .2s}.login-prompt-btn:hover{background:var(--color-accent-hover)}.search-results-main{min-height:600px;max-height:calc(100vh - 4rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.search-results-main::-webkit-scrollbar{width:8px}.search-results-main::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.search-results-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.search-results-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-results-main:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.search-results-main.scrolled:before{opacity:1}.search-filters-sidebar,.search-results-main{position:relative}.search-filters-sidebar{border:1px solid transparent;transition:border-color .3s ease}.search-filters-sidebar:hover{border-color:#e2e8f0}.search-results-main{border-radius:.75rem;background:#fff;box-shadow:0 1px 3px #0000001a}.scroll-hint{position:absolute;bottom:1rem;right:1rem;background:#3b82f6e6;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:20}.search-filters-sidebar:hover .scroll-hint,.search-results-main:hover .scroll-hint{opacity:1;transform:translateY(0)}.search-filters-sidebar.scrolled .scroll-hint,.search-results-main.scrolled .scroll-hint{display:none}.search-results{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.search-results-header{background:#f8fafc;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.results-info .results-count{color:#64748b;font-size:.875rem;margin:0}.results-controls{display:flex;align-items:center;gap:1rem}.sort-label{color:#64748b;font-size:.875rem;font-weight:500}.sort-buttons{display:flex;gap:.25rem}.sort-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.sort-btn:hover{background:#f9fafb;border-color:#9ca3af}.sort-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sort-arrow{font-size:.75rem}.search-results-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.search-results-loading{padding:4rem;display:flex;justify-content:center;align-items:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:#64748b;font-size:1rem;margin:0}.search-results-empty{padding:4rem 2rem}.empty-state{text-align:center;max-width:400px;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.empty-state p{color:#64748b;margin-bottom:1.5rem}.empty-suggestions{text-align:left;background:#f8fafc;border-radius:.5rem;padding:1.5rem}.empty-suggestions h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.empty-suggestions ul{list-style:none;padding:0;margin:0}.empty-suggestions li{color:#64748b;font-size:.875rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.empty-suggestions li:before{content:"•";color:var(--color-accent);position:absolute;left:0}.search-pagination{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.pagination-info p{color:#64748b;font-size:.875rem;margin:0}.pagination-controls{display:flex;gap:.25rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:40px}.pagination-btn:hover:not(.active){background:#f9fafb;border-color:#9ca3af}.pagination-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:.5rem .25rem;color:#9ca3af;font-size:.875rem}.pagination-prev,.pagination-next{font-weight:500}@media (min-width: 1025px){@media (min-width: 1400px){.search-page-content{grid-template-columns:350px 1fr;gap:2.5rem}.search-filters-sidebar,.search-results-main{max-height:calc(100vh - 3rem)}}@media (min-width: 1800px){.search-page-content{grid-template-columns:400px 1fr;gap:3rem}}.search-filters-sidebar:focus-within,.search-results-main:focus-within{outline:2px solid var(--color-accent);outline-offset:-2px}.search-filters-sidebar,.search-results-main{scroll-behavior:smooth}.search-filters-sidebar[tabindex]:focus,.search-results-main[tabindex]:focus{outline:2px solid var(--color-accent);outline-offset:2px}}@media (max-width: 1024px){.search-page-content{grid-template-columns:1fr;gap:1rem}.search-filters-sidebar{position:static;order:1;max-height:none;overflow-y:visible}.search-results-main{order:2;max-height:none;overflow-y:visible}.search-results-header{flex-direction:column;align-items:flex-start;gap:1rem}.results-controls{width:100%;justify-content:flex-end}.search-filters-sidebar:before,.search-filters-sidebar:after,.search-results-main:before{display:none}}@media (max-width: 768px){.search-page{padding:1rem}.search-filters-sidebar{position:static;order:1;margin-bottom:1.5rem;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.search-filters{width:100%}.filters-header{margin-bottom:1rem;padding-bottom:.75rem}.filters-header h2{font-size:1.125rem;margin:0}.clear-filters-btn{padding:.375rem .75rem;font-size:.8rem}.filter-section{margin-bottom:1.5rem;border-radius:.5rem;overflow:hidden;transition:all .3s ease}.filter-section h3{font-size:.95rem;margin-bottom:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;min-height:44px;transition:background-color .2s ease;-webkit-tap-highlight-color:rgba(59,130,246,.1)}.filter-section h3:hover{background:#f1f5f9}.filter-section h3:active{background:#e2e8f0}.filter-section h3:after{content:"▼";font-size:.75rem;color:#6b7280;transition:transform .3s ease;transform-origin:center}.filter-section.collapsed h3:after{transform:rotate(-90deg)}.filter-section .filter-content{padding:.75rem;transition:max-height .3s ease,opacity .3s ease;overflow:hidden}.filter-section.collapsed .filter-content{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.filter-section:not(.collapsed) .filter-content{max-height:1000px;opacity:1}.filter-group{margin-bottom:1rem}.filter-label{font-size:.8rem;margin-bottom:.375rem}.helper-type-buttons{gap:.375rem;flex-wrap:wrap}.helper-type-btn{padding:.75rem 1rem;font-size:.8rem;min-height:44px;flex:1;min-width:0;text-align:center;border-radius:.375rem;transition:all .2s ease;position:relative;-webkit-tap-highlight-color:rgba(59,130,246,.2)}.helper-type-btn:active{transform:scale(.98);background-color:#f3f4f6}.helper-type-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;position:relative}.helper-type-btn.active:active{background:var(--color-accent-hover);transform:scale(.98)}.helper-type-btn.active:before{content:"✓";position:absolute;top:.25rem;right:.25rem;font-size:.75rem;font-weight:700}.priority-filter{order:-1;background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0;margin-bottom:1rem}.priority-filter .filter-label{font-weight:600;color:#1e293b;margin-bottom:.75rem}.range-inputs{flex-direction:row;align-items:center;gap:.5rem}.range-input{padding:.625rem .5rem;font-size:.875rem;min-height:44px}.range-separator{text-align:center;padding:0;font-weight:500;color:#6b7280}.checkbox-group{max-height:150px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.checkbox-item{font-size:.8rem;min-height:44px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease;border-radius:.25rem;margin:0 -.5rem;padding:.5rem}.checkbox-item:hover{background-color:#f8fafc}.checkbox-item:active{background-color:#f1f5f9}.checkbox-item input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-accent)}.checkbox-label{margin-left:.5rem;flex:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.advanced-filters-header{margin-bottom:.75rem}.toggle-advanced-btn{padding:.5rem 1rem;font-size:.8rem;min-height:44px}.advanced-filters-content{margin-top:.75rem}.language-skill-item{padding:.75rem;margin-bottom:.5rem}.language-skill-header{margin-bottom:.5rem}.language-name{font-size:.8rem}.language-level-select{padding:.625rem .5rem;font-size:.8rem;min-height:44px}.auth-prompt{padding:1rem;border-radius:.5rem}.auth-prompt h3{font-size:.95rem;margin-bottom:.5rem}.auth-prompt p{font-size:.8rem;margin-bottom:.75rem}.login-prompt-btn{padding:.625rem 1rem;font-size:.8rem;min-height:44px}.search-results-grid{grid-template-columns:1fr;padding:1rem}.search-pagination{flex-direction:column;gap:1rem;align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.sort-buttons{flex-direction:column;width:100%}.sort-btn{justify-content:center;min-height:44px}}.helper-list-page{max-width:1400px;margin:0 auto;padding:2rem 1rem}.page-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.page-controls{display:flex;align-items:center;gap:1rem}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{color:#64748b;font-weight:500;font-size:.875rem}.sort-controls select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem}.page-content{display:grid;grid-template-columns:300px 1fr;gap:2rem}.page-sidebar{position:sticky;top:2rem;height:fit-content}.page-main{min-height:600px}.helper-detail-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-breadcrumb{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-link{color:var(--color-accent);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#64748b;font-weight:500}.page-loading,.page-error,.page-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.page-error h2,.page-not-found h2{color:#dc2626;margin-bottom:1rem}.error-actions{display:flex;gap:1rem;margin-top:1.5rem}.retry-btn,.back-btn{padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;font-weight:500;transition:all .2s}.retry-btn{background:var(--color-accent);color:#fff;border:none;cursor:pointer}.retry-btn:hover{background:var(--color-accent-hover)}.back-btn{background:#fff;color:#64748b;border:1px solid #d1d5db}.back-btn:hover{background:#f9fafb}.helper-detail-view{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.helper-detail-header{background:#f8fafc;padding:2rem;border-bottom:1px solid #e2e8f0}.helper-basic-info{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.helper-photo-section{display:flex;flex-direction:column;gap:1rem}.main-photo{position:relative;width:100%;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.main-photo img{width:100%;height:100%;object-fit:cover}.view-gallery-btn{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer}.photo-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.thumbnail{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.25rem;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.thumbnail.active{border-color:var(--color-accent)}.more-photos{display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;font-size:.875rem;font-weight:500;border-radius:.25rem;cursor:pointer;aspect-ratio:1}.helper-info{display:flex;flex-direction:column;gap:1.5rem}.helper-name{font-size:2rem;font-weight:700;color:#1e293b;margin:0}.helper-key-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.helper-key-details p{margin:0;font-size:.875rem;color:#64748b}.helper-key-details strong{color:#374151}.guest-prompt{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;padding:1.5rem;text-align:center}.login-prompt{color:#92400e;font-weight:500;margin-bottom:1rem}.auth-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.register-prompt{color:#78716c;font-size:.875rem;margin:0}.helper-actions{display:flex;gap:1rem}.contact-btn,.bookmark-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.bookmark-btn.secondary{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent)}.bookmark-btn.secondary:hover{background:#eff6ff}.helper-detail-section{padding:2rem;border-bottom:1px solid #e5e7eb}.helper-detail-section:last-child{border-bottom:none}.helper-detail-section h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.helper-detail-section h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}.helper-detail-section h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;font-weight:500;color:#64748b}.detail-value{font-size:.875rem;color:#1e293b}.certificates-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.certificates-list li{background:var(--color-purple-100);color:var(--color-accent);padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.language-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:.5rem}.language-name{font-weight:500;color:#374151}.language-level{background:var(--color-accent);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.experience-summary{display:flex;flex-direction:column;gap:1.5rem}.total-experience h3{color:#059669;background:#f0fdf4;padding:1rem;border-radius:.5rem;text-align:center;margin:0}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.region-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.375rem}.region-name{font-weight:500;color:#374151}.region-years{color:#059669;font-weight:600}.preferences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.preference-category{background:#f8fafc;padding:1.5rem;border-radius:.5rem}.preference-category h4{color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.preference-category ul{list-style:none;padding:0;margin:0}.preference-category li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb;font-size:.875rem}.preference-category li:last-child{border-bottom:none}.home-visit-section{background:#fef3c7;padding:1rem;border-radius:.5rem;margin-top:1rem}.work-experiences{display:flex;flex-direction:column;gap:2rem}.work-experience-item{background:#f8fafc;border-radius:.75rem;padding:2rem;border:1px solid #e2e8f0}.work-experience-item h3{color:var(--color-accent);margin-bottom:1.5rem}.experience-overview{margin-bottom:2rem}.experience-basic{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.experience-basic p{margin:.5rem 0;font-size:.875rem}.experience-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.care-responsibilities,.household-duties,.living-arrangement,.reason-leaving{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb}.living-arrangement ul{list-style:none;padding:0;margin:0}.living-arrangement li{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem}.admin-section{background:#fef2f2;border-left:4px solid #dc2626}.admin-section h2{color:#dc2626}.admin-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.admin-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.375rem;border:2px solid #dc2626}.verification-status,.internal-notes,.activity-history{background:#fff;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #fecaca}.activity-history ul{list-style:none;padding:0;margin:0}.activity-history li{padding:.5rem 0;border-bottom:1px solid #f3f4f6;font-size:.875rem}.activity-history li:last-child{border-bottom:none}.image-gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.gallery-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:1rem}.gallery-close{position:absolute;top:1rem;right:1rem;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1001}.gallery-main{display:flex;align-items:center;justify-content:center;max-height:70vh}.gallery-main img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.gallery-thumbnails{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;max-width:600px}.gallery-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:.25rem;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.gallery-thumbnail.active{border-color:var(--color-accent)}@media (max-width: 1024px){.page-content{grid-template-columns:1fr;gap:1rem}.page-sidebar{position:static;order:2}.page-main{order:1}.helper-basic-info{grid-template-columns:1fr;gap:1.5rem}.helper-photo-section{max-width:300px;margin:0 auto}}@media (max-width: 768px){.helper-list-page,.helper-detail-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.helper-key-details{grid-template-columns:1fr}.auth-buttons{flex-direction:column;width:100%}.helper-actions{flex-direction:column}.language-grid,.preferences-grid,.experience-basic,.experience-details,.region-grid{grid-template-columns:1fr}.gallery-content{max-width:95vw;max-height:95vh}.gallery-thumbnails{max-width:100%}}.job-list-page{max-width:1400px;margin:0 auto;padding:2rem 1rem}.job-list-view{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.job-list-view.loading,.job-list-view.empty{display:flex;justify-content:center;align-items:center;min-height:400px}.job-list-header{background:#f8fafc;padding:1.5rem;border-bottom:1px solid #e2e8f0}.job-list-header .results-count{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.job-list-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.job-list-footer{padding:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.load-more-btn{background:var(--color-accent);color:#fff;border:none;padding:.75rem 2rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background:var(--color-accent-hover)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.job-detail-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.job-detail-page .page-content{display:block!important;max-width:1200px;margin:0 auto;padding:0;width:100%;box-sizing:border-box}.job-detail-page .job-detail-view{width:100%;max-width:none;box-sizing:border-box}.job-detail-page.loading,.job-detail-page.error{display:flex;justify-content:center;align-items:center;min-height:400px}.page-navigation{margin-bottom:2rem}.page-navigation .back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#64748b;text-decoration:none;border:1px solid #d1d5db;border-radius:.375rem;font-weight:500;transition:all .2s}.page-navigation .back-btn:hover{background:#f9fafb;color:#374151}.job-detail-view{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.job-detail-view section{padding:2rem;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box;overflow-x:auto}.job-detail-view section:last-child{border-bottom:none}.job-detail-view h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.job-detail-view h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.job-detail-view h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 1rem}.job-overview{background:#f8fafc}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.job-title{flex:1;margin-right:1rem}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.filled{background:#e5e7eb;color:#374151}.job-meta{display:flex;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#64748b}.job-description p{color:#374151;line-height:1.6;margin:0}.household-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;font-weight:500;color:#64748b}.info-value{font-size:.875rem;color:#1e293b;font-weight:500}.household-members,.household-pets{margin-bottom:1.5rem}.members-list,.pets-list{display:flex;flex-direction:column;gap:.75rem}.household-member,.pet-info{background:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0}.member-info,.pet-details{font-size:.875rem;color:#374151;margin-bottom:.5rem}.special-needs{font-size:.875rem;color:#dc2626;font-style:italic}.requirements-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.requirement-item{display:flex;flex-direction:column;gap:.5rem}.requirement-label{font-size:.875rem;font-weight:500;color:#64748b}.requirement-value{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge,.care-badge,.cuisine-badge{background:var(--color-purple-100);color:var(--color-accent);padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.care-badge{background:#f0fdf4;color:#16a34a}.cuisine-badge{background:#fef3c7;color:#d97706}.compensation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.compensation-item{display:flex;flex-direction:column;gap:.5rem}.compensation-label{font-size:.875rem;font-weight:500;color:#64748b}.compensation-value{font-size:.875rem;color:#1e293b;font-weight:500}.compensation-value.salary{font-size:1.25rem;font-weight:700;color:#059669}.compensation-item.benefits{grid-column:1 / -1}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.benefits-list li{background:#f0fdf4;color:#16a34a;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.job-contact{background:#f8fafc}.contact-info{text-align:center}.contact-note{color:#64748b;margin-bottom:1.5rem}.contact-actions{display:flex;gap:1rem;justify-content:center}.contact-btn{padding:.75rem 2rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none;display:inline-block;text-align:center}.contact-btn.primary{background:var(--color-accent);color:#fff}.contact-btn.primary:hover{background:var(--color-accent-hover)}.contact-btn.secondary{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent)}.contact-btn.secondary:hover{background:var(--color-purple-100)}.auth-prompt{background:#fef3c7;border:1px solid #f59e0b}.auth-prompt-content{text-align:center}.auth-prompt-content h3{color:#92400e;margin-bottom:.5rem}.auth-prompt-content p{color:#78716c;margin-bottom:1.5rem}.auth-prompt-actions{display:flex;gap:1rem;justify-content:center}.auth-btn{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s}.auth-btn.login{background:var(--color-accent);color:#fff}.auth-btn.login:hover{background:var(--color-accent-hover)}.auth-btn.register{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent)}.auth-btn.register:hover{background:#eff6ff}@media (max-width: 1024px){.job-list-page .page-content{grid-template-columns:1fr;gap:1rem}.job-list-page .page-sidebar{position:static;order:2}.job-list-page .page-main{order:1}}@media (max-width: 1024px) and (min-width: 769px){.job-detail-page{padding:1.5rem 1rem}.job-detail-page .page-content{max-width:100%;padding:0 .5rem}}@media (min-width: 1200px){.job-detail-page .page-content{max-width:1200px;width:100%;padding:0 2rem}}@media (max-width: 768px){.job-detail-page{padding:1rem .5rem}.job-detail-page .page-content{padding:0 1rem;max-width:100%}.job-detail-view section{padding:1.5rem 1rem}}@media (max-width: 768px){.job-list-page,.job-detail-page{padding:1rem}.job-list-grid{grid-template-columns:1fr;padding:1rem}.job-header{flex-direction:column;align-items:flex-start;gap:1rem}.job-meta{flex-direction:column;gap:.5rem}.household-info{grid-template-columns:1fr}.requirements-grid{gap:1rem}.compensation-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column;align-items:center}.contact-btn{width:100%;max-width:300px}.auth-prompt-actions{flex-direction:column;align-items:center}.auth-btn{width:100%;max-width:200px;text-align:center}}.job-list-page .page-header{display:block}.job-list-page .page-header .header-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.job-list-page .page-header .header-text{flex:1}.job-list-page .page-header .header-actions{flex-shrink:0}.job-list-page .create-job-btn{background:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;text-decoration:none;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;white-space:nowrap}.job-list-page .create-job-btn:hover{background:var(--color-accent-hover)}.job-detail-view .job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1.5rem}.job-detail-view .job-title-section{flex:1}.job-detail-view .job-header-actions{flex-shrink:0}.job-detail-view .job-actions{display:flex;gap:.75rem;align-items:center}.job-detail-view .visitor-actions{flex-direction:column;align-items:stretch;min-width:160px}.job-detail-view .visitor-actions .contact-btn{width:100%;justify-content:center}.job-detail-view .edit-btn{background:#2196f3;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.875rem;transition:background-color .2s}.job-detail-view .edit-btn:hover{background:#1976d2}.job-detail-view .status-controls{display:flex;align-items:center;gap:.5rem}.job-detail-view .status-controls label{font-size:.875rem;color:#666}.job-detail-view .status-select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.error-banner{background:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-banner .close-btn{background:none;border:none;color:#c62828;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.loading-state,.error-state{text-align:center;padding:3rem}.loading-state p,.error-state p{color:#666;margin-bottom:1rem}.error-state .back-btn{background:#2196f3;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}.error-state .back-btn:hover{background:#1976d2}@media (max-width: 768px){.job-posting-form{padding:1rem;margin:1rem}.form-row{grid-template-columns:1fr}.step-indicator{flex-wrap:wrap;gap:1rem}.step{flex:none;min-width:120px}.step:not(:last-child):after{display:none}.checkbox-group{grid-template-columns:1fr}.member-inputs,.pet-inputs{flex-direction:column}.household-member,.pet-entry{flex-direction:column;align-items:stretch}.job-list-page .page-header .header-content{flex-direction:column;gap:1rem;align-items:stretch}.job-list-page .page-header .header-actions{display:flex;justify-content:center}.job-list-page .create-job-btn{width:100%;justify-content:center;max-width:300px}.job-detail-view .job-header{flex-direction:column;gap:1rem}.job-detail-view .job-header-actions{width:100%}.job-detail-view .job-actions{justify-content:space-between;width:100%}.job-detail-view .visitor-actions{flex-direction:row}.job-detail-view .visitor-actions .contact-btn{flex:1}}.bookmark-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-size:1.2rem;color:#666}.bookmark-button:hover{background-color:#0000000d;transform:scale(1.1)}.bookmark-button.bookmarked{color:#e74c3c}.bookmark-button.guest{color:#999}.bookmark-button:disabled{opacity:.6;cursor:not-allowed}.bookmark-icon{font-size:1.2em}.bookmark-text{font-size:.8em;font-weight:500}.bookmark-button.secondary{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:.375rem;padding:.625rem 1rem;font-size:.875rem}.bookmark-button.secondary:hover{background:var(--color-purple-100);transform:none}.bookmark-button.secondary .bookmark-icon,.bookmark-button.secondary .bookmark-text{font-size:1em}.helper-card,.job-card{position:relative}.helper-card-bookmark,.job-card-bookmark{position:absolute;top:.5rem;right:.5rem;z-index:10;background-color:#ffffffe6;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-bookmark-btn{padding:.4rem;font-size:1rem}.bookmarks-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.bookmarks-header{text-align:center;margin-bottom:2rem}.bookmarks-header h1{font-size:2rem;color:#333;margin-bottom:.5rem}.bookmarks-header p{color:#666;font-size:1.1rem}.bookmarks-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #eee}.bookmark-tab{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.bookmark-tab:hover{color:#333;background-color:#00000005}.bookmark-tab.active{color:#007bff;border-bottom-color:#007bff}.bookmarks-content{min-height:400px}.bookmarks-loading,.bookmarks-error{text-align:center;padding:3rem;color:#666}.retry-btn{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.retry-btn:hover{background-color:#0056b3}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.bookmark-card{transition:transform .2s ease}.bookmark-card:hover{transform:translateY(-2px)}.empty-bookmarks{text-align:center;padding:4rem 2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-content h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.empty-content p{color:#666;margin-bottom:2rem;font-size:1.1rem}.browse-btn{display:inline-block;background-color:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;transition:background-color .2s ease}.browse-btn:hover{background-color:#0056b3}.bookmarks-auth-required{display:flex;justify-content:center;align-items:center;min-height:60vh}.auth-required-content{text-align:center;background-color:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px}.auth-required-content h2{color:#333;margin-bottom:1rem;font-size:1.8rem}.auth-required-content p{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.auth-actions{display:flex;gap:1rem;justify-content:center}.login-btn,.register-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s ease}.login-btn{background-color:#007bff;color:#fff}.login-btn:hover{background-color:#0056b3}.register-btn{background-color:#28a745;color:#fff}.register-btn:hover{background-color:#1e7e34}@media (max-width: 768px){.bookmarks-tabs{flex-direction:column;align-items:center}.bookmark-tab{width:100%;text-align:center}.bookmarks-grid{grid-template-columns:1fr}.auth-actions{flex-direction:column;align-items:center}.login-btn,.register-btn{width:200px;text-align:center}}.conversation-list-page{max-width:800px;margin:0 auto;padding:20px}.conversations-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.empty-conversations{text-align:center;padding:60px 20px}.empty-conversations h3{color:#666;margin-bottom:10px}.empty-conversations p{color:#888;margin-bottom:20px}.browse-btn{display:inline-block;padding:12px 24px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;transition:background-color .2s}.browse-btn:hover{background:#0056b3}.conversations-list{display:flex;flex-direction:column}.conversation-item{display:flex;align-items:center;padding:16px 20px;text-decoration:none;color:inherit;border-bottom:1px solid #eee;transition:background-color .2s}.conversation-item:hover{background-color:#f8f9fa}.conversation-item:last-child{border-bottom:none}.conversation-avatar{margin-right:16px;display:flex;align-items:center;justify-content:center}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.conversation-content{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.participant-name{font-weight:600;margin:0;color:#333}.last-message-time{font-size:12px;color:#666}.conversation-preview{display:flex;justify-content:space-between;align-items:center}.last-message{margin:0;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-badge{background:#007bff;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700;margin-left:8px}.conversation-detail-page{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.conversation-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#fff}.back-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;margin-right:16px;padding:8px;border-radius:4px;transition:background-color .2s}.back-btn:hover{background:#f8f9fa}.conversation-info h1{margin:0;font-size:18px;font-weight:600}.typing-indicator{font-size:12px;color:#666;font-style:italic}.messages-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.messages-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;max-width:70%}.own-message{align-self:flex-end;align-items:flex-end}.other-message{align-self:flex-start;align-items:flex-start}.message-content{background:#f1f3f4;padding:12px 16px;border-radius:18px;word-wrap:break-word}.own-message .message-content{background:#007bff;color:#fff}.message-content p{margin:0;line-height:1.4}.message-link{color:inherit;text-decoration:underline;word-break:break-word}.message-job-preview{margin-top:8px;padding:10px 12px;border-radius:12px;border:1px solid #e0e0e0;background:#fff;font-size:13px}.message-job-preview-loading,.message-job-preview-error{color:#666}.job-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.job-preview-label{font-weight:600;color:#333}.job-preview-status{font-size:11px;padding:2px 8px;border-radius:12px;background:#f1f3f4;color:#555;text-transform:uppercase;letter-spacing:.02em}.job-preview-status.active{background:#e6f4ea;color:#1e7e34}.job-preview-status.inactive{background:#f8f9fa;color:#6c757d}.job-preview-status.filled{background:#f8d7da;color:#b02a37}.job-preview-title{font-weight:600;margin-bottom:6px;color:#1a1a1a}.job-preview-link{color:#007bff;font-weight:600;text-decoration:none}.job-preview-link:hover{text-decoration:underline}.own-message .message-job-preview{border-color:#cfe2ff;color:#1a1a1a}.own-message .job-preview-link{color:#0056b3}.media-message img,.media-message video{max-width:200px;border-radius:8px;margin-bottom:8px}.message-image{cursor:pointer}.message-video,.message-audio{width:100%}.message-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;color:#666}.message-status{color:#007bff}.message-status.read{color:#28a745}.message-input-container{border-top:1px solid #eee;background:#fff;padding:16px 20px}.selected-file-preview{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:14px}.file-name{color:#666}.remove-file-btn{background:none;border:none;color:#666;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.message-input-form{display:flex;align-items:flex-end;gap:12px}.attach-btn,.send-btn{background:#007bff;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-shrink:0}.attach-btn:hover,.send-btn:hover{background:#0056b3}.attach-btn:disabled,.send-btn:disabled{background:#ccc;cursor:not-allowed}.message-input{flex:1;border:1px solid #ddd;border-radius:20px;padding:10px 16px;resize:none;font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;min-height:40px}.message-input:focus{outline:none;border-color:#007bff}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-message{color:#dc3545;margin-bottom:16px}.retry-btn{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background:#0056b3}@media (max-width: 768px){.conversation-detail-page{height:calc(100vh - 60px);border-radius:0;margin:0}.message{max-width:85%}.messages-list{padding:16px}.conversation-header,.message-input-container{padding:12px 16px}}.notification-bell{position:relative;display:inline-block}.notification-bell-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;position:relative}.notification-bell-button:hover{background-color:#0000001a}.notification-bell-icon{font-size:20px}.notification-badge{position:absolute;top:0;right:0;background-color:#f44;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center;line-height:1.2}.notification-dropdown{position:absolute;top:100%;right:0;width:350px;max-height:400px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.notification-header h3{margin:0;font-size:16px;font-weight:600}.unread-count{font-size:12px;color:#666}.notification-list{max-height:300px;overflow-y:auto}.notification-loading,.notification-error,.notification-empty{padding:20px;text-align:center;color:#666}.notification-error{color:#dc3545}.notification-empty{padding:30px 20px}.empty-icon{font-size:32px;display:block;margin-bottom:10px}.notification-item{display:flex;align-items:flex-start;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f0f8ff}.notification-icon{font-size:18px;margin-right:12px;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;margin-bottom:4px;line-height:1.3}.notification-body{font-size:13px;color:#666;margin-bottom:4px;line-height:1.3}.notification-time{font-size:11px;color:#999}.unread-indicator{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:8px;height:8px;background-color:#007bff;border-radius:50%}.notification-footer{padding:10px 15px;border-top:1px solid #e0e0e0;background-color:#f8f9fa;text-align:center}.view-all-link{color:#007bff;text-decoration:none;font-size:14px;font-weight:500}.view-all-link:hover{text-decoration:underline}.retry-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;margin-left:8px;text-decoration:underline}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}.loading-spinner.small{width:12px;height:12px;border-width:1px}.notifications-page{max-width:800px;margin:0 auto;padding:20px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.notifications-header h1{margin:0;color:#333}.preferences-button{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.preferences-button:hover{background-color:#f8f9fa}.notification-preferences{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px}.notification-preferences h3{margin:0 0 20px;color:#333}.preference-section{margin-bottom:20px}.preference-section:last-child{margin-bottom:0}.preference-section h4{margin:0 0 12px;color:#555;font-size:16px}.preference-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 0}.preference-item label{display:flex;align-items:center;cursor:pointer;flex:1}.preference-item input[type=checkbox]{margin-right:8px}.permission-button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.permission-button:hover{background-color:#0056b3}.notifications-content{background:#fff}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#666}.error-state{color:#dc3545;flex-direction:column;gap:10px}.error-icon{font-size:24px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state .empty-icon{font-size:48px;display:block;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#333}.empty-state p{margin:0;line-height:1.5}.notifications-list{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.notification-card{display:flex;align-items:flex-start;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;position:relative}.notification-card:last-child{border-bottom:none}.notification-card:hover{background-color:#f8f9fa}.notification-card.unread{background-color:#f0f8ff;border-left:4px solid #007bff}.notification-card .notification-icon{font-size:20px;margin-right:16px;flex-shrink:0;margin-top:4px}.notification-card .notification-content{flex:1;min-width:0}.notification-card .notification-title{font-weight:600;font-size:15px;margin-bottom:6px;line-height:1.4}.notification-card .notification-body{font-size:14px;color:#666;margin-bottom:8px;line-height:1.4}.notification-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#999}.notification-type{background-color:#e9ecef;padding:2px 6px;border-radius:3px;font-size:11px;text-transform:uppercase;font-weight:500}.notification-card .unread-indicator{position:absolute;top:20px;right:16px;width:10px;height:10px;background-color:#007bff;border-radius:50%}.load-more-section{padding:20px;text-align:center;border-top:1px solid #e0e0e0}.load-more-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.load-more-button:hover:not(:disabled){background-color:#0056b3}.load-more-button:disabled{background-color:#6c757d;cursor:not-allowed}.auth-required{text-align:center;padding:60px 20px}.auth-required h2{margin-bottom:16px;color:#333}.auth-required p{margin-bottom:24px;color:#666;line-height:1.5}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.header-notification-bell{margin-right:15px}.header-actions{display:flex;align-items:center;gap:10px}.header-language-selector{margin-right:10px}.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;z-index:1000;max-width:400px;margin:0 auto}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-install-icon{font-size:24px;flex-shrink:0}.pwa-install-text{flex:1}.pwa-install-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.pwa-install-text p{margin:0;font-size:14px;color:#666}.pwa-install-actions{display:flex;gap:8px;flex-shrink:0}.pwa-install-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.pwa-install-btn.primary{background-color:#2563eb;color:#fff}.pwa-install-btn.primary:hover{background-color:#1d4ed8}.pwa-install-btn.secondary{background-color:#f3f4f6;color:#374151}.pwa-install-btn.secondary:hover{background-color:#e5e7eb}.pwa-update-notification{position:fixed;top:20px;left:20px;right:20px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;z-index:1001;max-width:400px;margin:0 auto}.pwa-update-content{display:flex;align-items:center;gap:12px}.pwa-update-icon{font-size:20px;flex-shrink:0}.pwa-update-text{flex:1}.pwa-update-text h3{margin:0 0 4px;font-size:14px;font-weight:600;color:#92400e}.pwa-update-text p{margin:0;font-size:12px;color:#b45309}.pwa-update-actions{display:flex;gap:8px;flex-shrink:0}.pwa-update-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.pwa-update-btn.primary{background-color:#f59e0b;color:#fff}.pwa-update-btn.primary:hover{background-color:#d97706}.pwa-update-btn.secondary{background-color:transparent;color:#92400e}.pwa-update-btn.secondary:hover{background-color:#92400e1a}.offline-fallback{position:fixed;top:0;left:0;right:0;background:#fee2e2;border-bottom:1px solid #fca5a5;padding:8px 16px;z-index:999;text-align:center}.offline-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#991b1b}.offline-icon{font-size:16px}.offline-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f9fafb}.offline-page-content{text-align:center;max-width:500px}.offline-page-content .offline-icon{font-size:64px;margin-bottom:20px}.offline-page-content h1{font-size:32px;color:#374151;margin-bottom:16px}.offline-page-content p{font-size:18px;color:#6b7280;margin-bottom:32px}.offline-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.retry-btn,.back-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn{background-color:#2563eb;color:#fff}.retry-btn:hover{background-color:#1d4ed8}.back-btn{background-color:#f3f4f6;color:#374151}.back-btn:hover{background-color:#e5e7eb}.offline-tips{text-align:left;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.offline-tips h3{margin-bottom:12px;color:#374151}.offline-tips ul{list-style-type:disc;padding-left:20px}.offline-tips li{margin-bottom:8px;color:#6b7280}.connection-indicator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.indicator-dot{width:8px;height:8px;border-radius:50%}.connection-indicator.online .indicator-dot{background-color:#10b981}.connection-indicator.offline .indicator-dot{background-color:#ef4444}@media (max-width: 768px){.pwa-install-prompt{left:10px;right:10px;bottom:10px}.pwa-install-content{flex-direction:column;text-align:center}.pwa-install-actions{width:100%;justify-content:center}.pwa-update-notification{left:10px;right:10px;top:10px}.offline-actions{flex-direction:column;align-items:center}.retry-btn,.back-btn{width:200px}}.profile-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.profile-loading,.profile-error{text-align:center;padding:3rem 1rem}.profile-error h2{color:var(--color-text-primary);margin-bottom:1rem}.profile-error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.profile-empty{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.empty-content h1{font-size:1.75rem;color:var(--color-text-primary);margin-bottom:.5rem}.empty-content>p{color:var(--color-text-secondary);margin-bottom:2rem}.profile-actions{background:#f8fafc;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.profile-actions h3{font-size:1.25rem;color:var(--color-text-primary);margin-bottom:.5rem}.profile-actions p{color:var(--color-text-secondary);margin-bottom:1rem}.employer-actions{display:flex;gap:1rem;flex-wrap:wrap}.create-profile-btn,.create-job-btn,.browse-helpers-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .2s}.create-profile-btn,.create-job-btn{background:var(--color-accent);color:#fff}.create-profile-btn:hover,.create-job-btn:hover{background:var(--color-accent-hover)}.browse-helpers-btn{background:#fff;color:var(--color-accent);border:1px solid var(--color-accent)}.browse-helpers-btn:hover{background:#f3f0ff}.account-info{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1rem}.account-info h3{font-size:1.125rem;color:var(--color-text-primary);margin-bottom:1rem}.account-details p{color:var(--color-text-secondary);margin-bottom:.5rem}.account-details strong{color:var(--color-text-primary)}@media (max-width: 640px){.employer-actions{flex-direction:column}.create-job-btn,.browse-helpers-btn{text-align:center}}.helper-profile-form{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-header{margin-bottom:2rem;text-align:center}.form-header h1{color:#333;margin-bottom:1rem}.form-progress{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.progress-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.progress-step.completed{color:#28a745}.progress-step.active{background-color:var(--color-accent);color:#fff}.progress-step.pending{color:#6c757d}.step-number{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;border:2px solid currentColor}.progress-step.completed .step-number{background-color:#28a745;border-color:#28a745;color:#fff}.progress-step.active .step-number{background-color:#fff;color:var(--color-accent)}.step-label{font-size:.8rem;text-align:center}.form-content{margin-bottom:2rem}.form-section{margin-bottom:2rem;padding:1.5rem;border:1px solid #e9ecef;border-radius:8px}.form-section h2{color:#333;margin-bottom:1rem;font-size:1.5rem}.form-section h3{color:#495057;margin-bottom:1rem;font-size:1.2rem}.form-section h4{color:#6c757d;margin-bottom:.75rem;font-size:1rem}.form-description{margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;color:#495057}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:#333}.form-group label.required:after{content:" *";color:#dc3545}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #8b5cf640}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.form-error{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem}.language-grid{display:grid;gap:2rem}.language-section{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.language-header h3{color:var(--color-accent);margin-bottom:.5rem}.language-description{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.level-options{display:grid;gap:.5rem}.level-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .2s ease}.level-option:hover{background-color:#f8f9fa}.level-option input[type=radio]{margin-top:.25rem}.level-content{flex:1}.level-label{font-weight:500;color:#333;margin-bottom:.25rem}.level-description{color:#6c757d;font-size:.9rem}.language-tips{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tip-card{background:#fff;padding:1rem;border-radius:4px;border:1px solid #e9ecef}.tip-card h4{color:var(--color-accent);margin-bottom:.5rem}.tip-card ul{margin:0;padding-left:1.25rem}.tip-card li{margin-bottom:.25rem;color:#495057;font-size:.9rem}.assessment-guide{margin-top:2rem;padding:1.5rem;background-color:#e7f3ff;border-radius:8px}.guide-content{margin-top:1rem}.guide-section{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:4px}.guide-section h4{color:var(--color-accent);margin-bottom:.5rem}.preference-grid{display:grid;gap:1.5rem}.preference-item{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.preference-label{display:block;margin-bottom:1rem}.preference-title{font-weight:500;color:#333;display:block;margin-bottom:.5rem}.preference-description{color:#6c757d;font-size:.9rem;display:block}.preference-options{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:1px solid #e9ecef;border-radius:4px;transition:all .2s ease}.radio-option:hover{background-color:#f8f9fa}.radio-option input[type=radio]{margin:0}.image-upload-area{border:2px dashed #ced4da;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.image-upload-area:hover,.image-upload-area.drag-over{border-color:var(--color-accent);background-color:#f8f9fa}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem}.upload-content h3{color:#333;margin:0}.upload-content p{color:#6c757d;margin:0}.image-guidelines{list-style:none;padding:0}.image-guidelines li{padding:.25rem 0;color:#495057}.image-guidelines li:before{content:"✓ ";color:#28a745;font-weight:700}.image-preview-section{margin-top:2rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0}.image-preview-item{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.image-container{position:relative;aspect-ratio:1;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover}.profile-badge{position:absolute;top:.5rem;left:.5rem;background-color:var(--color-accent);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.image-overlay{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease}.image-preview-item:hover .image-overlay{opacity:1}.image-controls{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.visibility-control{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.visibility-select{padding:.25rem;border:1px solid #ced4da;border-radius:4px;font-size:.8rem}.add-more-btn{margin-top:1rem}.image-limit-message{color:#6c757d;font-size:.9rem;text-align:center;margin-top:1rem}.visibility-explanation{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.visibility-option{background:#fff;padding:1rem;border-radius:4px;border:1px solid #e9ecef}.visibility-option h4{color:var(--color-accent);margin-bottom:.5rem}.experiences-list{display:flex;flex-direction:column;gap:2rem}.experience-item{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.experience-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.experience-header h3{margin:0;color:#333;font-size:1.1rem}.experience-period{color:#6c757d;font-weight:400;font-size:.9rem}.experience-actions{display:flex;gap:.5rem}.experience-details{padding:1.5rem}.no-experiences{text-align:center;padding:3rem 2rem;color:#6c757d}.no-experiences p{margin-bottom:1.5rem;font-size:1.1rem}.care-type-section{margin-bottom:2rem;padding:1rem;border:1px solid #e9ecef;border-radius:4px}.care-type-section h5{color:#495057;margin-bottom:1rem;font-size:1rem}.care-item{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px}.duties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.duty-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer}.duty-checkbox input[type=checkbox]{margin:0}.cooking-section{margin-top:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:4px}.cuisine-selection{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px}.cuisine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:.5rem}.cuisine-checkbox{display:flex;align-items:center;gap:.5rem;padding:.25rem;cursor:pointer;font-size:.9rem}.arrangement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.arrangement-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer}.family-subsection{margin-bottom:2rem;padding:1rem;border:1px solid #e9ecef;border-radius:4px}.family-member{margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px}.form-navigation{border-top:1px solid #e9ecef;padding-top:2rem}.nav-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-review{padding:2rem}.review-sections{display:grid;gap:2rem;margin-top:2rem}.review-section{padding:1.5rem;border:1px solid #e9ecef;border-radius:8px}.review-section h3{color:var(--color-accent);margin-bottom:1rem;font-size:1.2rem}.review-section p{margin-bottom:.5rem;color:#495057}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-outline{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-outline:hover:not(:disabled){background-color:var(--color-accent);color:#fff}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6c757d}.loading-spinner{width:2rem;height:2rem;border:3px solid #f3f3f3;border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-status{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;margin-top:1rem}.error-container{text-align:center;padding:3rem 2rem;color:#6c757d}.error-container h1{color:#dc3545;margin-bottom:1rem}.error-container p{margin-bottom:2rem;font-size:1.1rem}@media (max-width: 768px){.helper-profile-form{margin:1rem;padding:1rem}.form-row{grid-template-columns:1fr}.form-progress{flex-direction:column;gap:.5rem}.progress-step{flex-direction:row;gap:.5rem}.step-number{margin-bottom:0}.experience-header{flex-direction:column;gap:1rem;align-items:flex-start}.nav-buttons,.preference-options{flex-direction:column}.visibility-options,.tips-grid{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.helper-profile-form{margin:.5rem;padding:.5rem}.form-section{padding:1rem}.duties-grid,.cuisine-grid,.arrangement-grid{grid-template-columns:1fr}}.job-posting-form{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.job-posting-form .form-header{margin-bottom:2rem}.job-posting-form .form-header h2{margin-bottom:1rem;color:#333}.step-indicator{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background:#e0e0e0;z-index:0}.step.completed:not(:last-child):after{background:#4caf50}.step-number{width:30px;height:30px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.step.active .step-number{background:#2196f3;color:#fff}.step.completed .step-number{background:#4caf50;color:#fff}.step-title{font-size:.875rem;color:#666;text-align:center}.step.active .step-title{color:#2196f3;font-weight:500}.form-step{margin-bottom:2rem}.form-step h3{margin-bottom:1.5rem;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.error-message{color:#f44336;font-size:.875rem;margin-top:.25rem;display:block}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{width:auto;margin-right:.5rem}.household-member,.pet-entry{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem}.member-inputs,.pet-inputs{display:flex;gap:.5rem;flex:1}.member-inputs input,.member-inputs select,.pet-inputs input,.pet-inputs select{flex:1}.add-btn,.remove-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.add-btn{background:#4caf50;color:#fff}.add-btn:hover{background:#45a049}.remove-btn{background:#f44336;color:#fff}.remove-btn:hover{background:#da190b}.benefits-list{margin-bottom:1rem}.benefit-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f5f5f5;border-radius:4px;margin-bottom:.25rem}.add-benefit{display:flex;gap:.5rem}.add-benefit input{flex:1}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #e0e0e0;margin-top:2rem}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.cancel-btn{background:#666;color:#fff}.cancel-btn:hover{background:#555}.prev-btn,.next-btn{background:#2196f3;color:#fff}.prev-btn:hover,.next-btn:hover{background:#1976d2}.submit-btn{background:#4caf50;color:#fff}.submit-btn:hover:not(:disabled){background:#45a049}.submit-btn:disabled{background:#ccc;cursor:not-allowed}