@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.landing-container{background:#f8f9fa;width:100%;min-height:100vh;overflow-x:hidden}.landing-nav{z-index:1000;background:#fff;height:70px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000014}.nav-content{justify-content:space-between;align-items:center;gap:40px;max-width:1400px;height:100%;margin:0 auto;padding:0 32px;display:flex}.nav-logo{flex-shrink:0}.nav-logo-text{letter-spacing:-.02em;align-items:center;gap:2px;font-size:24px;font-weight:700;display:flex}.logo-tu,.logo-servicio{color:#06f}.logo-ideal{color:#ff6b35}.logo-com{color:#06f;font-size:20px}.nav-links{flex:1;justify-content:center;align-items:center;gap:32px;display:flex}.nav-link{color:#1f2937;white-space:nowrap;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#06f}.nav-buttons{flex-shrink:0;gap:12px;display:flex}.btn-nav-secondary{color:#1f2937;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-nav-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-nav-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#06f;border:none;border-radius:8px;padding:10px 24px;font-size:.9375rem;font-weight:600;transition:all .2s}.btn-nav-primary:hover{background:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px #06f3}.hero-section{background:linear-gradient(135deg,#06f 0%,#0052cc 100%);align-items:center;min-height:100vh;padding:140px 20px 80px;display:flex;position:relative}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero-text{color:#fff}.hero-title{color:#fff;text-shadow:0 2px 8px #00000026;letter-spacing:-.02em;margin-bottom:24px;font-size:3.25rem;font-weight:700;line-height:1.15}.hero-subtitle{color:#ffffffeb;max-width:520px;margin-bottom:36px;font-size:1.125rem;font-weight:400;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.hero-image{position:relative}.hero-main-image{border:3px solid #fff3;border-radius:16px;width:100%;height:auto;transition:transform .3s;box-shadow:0 24px 48px #00000040}.hero-main-image:hover{transform:translateY(-4px);box-shadow:0 28px 56px #0000004d}.services-section{background:#fff;padding:100px 20px}.section-title{text-align:center;color:#1f2937;letter-spacing:-.01em;margin-bottom:16px;font-size:2.25rem;font-weight:700}.section-subtitle{text-align:center;color:#6b7280;max-width:600px;margin-bottom:64px;margin-left:auto;margin-right:auto;font-size:1.125rem;font-weight:400}.services-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1140px;margin:0 auto;padding:0 20px;display:grid}.service-card{text-align:center;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:36px 24px;transition:all .3s}.service-card:hover{background:#fff;border-color:#b3d1ff;transform:translateY(-6px);box-shadow:0 12px 32px #0066ff26}.service-image-wrapper{background:linear-gradient(135deg,#06f 0%,#0052cc 100%);border-radius:50%;width:140px;height:140px;margin:0 auto 24px;padding:5px;overflow:hidden;box-shadow:0 8px 24px #0066ff40}.service-image{object-fit:cover;background:#fff;border-radius:50%;width:100%;height:100%}.service-name{color:#1f2937;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.features-section{background:#f3f4f6;padding:100px 20px}.features-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1140px;margin:0 auto;padding:0 20px;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:48px 40px;transition:all .3s}.feature-card:hover{border-color:#b3d1ff;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.feature-icon{color:#fff;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 28px;display:flex;box-shadow:0 8px 24px #06f3}.feature-icon svg{width:36px;height:36px}.feature-title{color:#1f2937;letter-spacing:-.01em;margin-bottom:12px;font-size:1.25rem;font-weight:600}.feature-description{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.7}.faq-section{background:#fff;padding:100px 20px}.faq-content{max-width:900px;margin:0 auto}.faq-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;padding:32px;transition:all .3s}.faq-item:hover{border-color:#b3d1ff;box-shadow:0 8px 24px #0000000f}.faq-question{color:#1f2937;letter-spacing:-.01em;margin-bottom:12px;font-size:1.125rem;font-weight:600}.faq-answer{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.7}.cta-section{text-align:center;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);padding:100px 20px}.cta-content{max-width:700px;margin:0 auto}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.2}.cta-subtitle{color:#ffffffe6;margin-bottom:40px;font-size:1.125rem;font-weight:400;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary-hero{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:10px;padding:16px 40px;font-size:1.0625rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #ff6b354d}.btn-primary-hero:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 6px 24px #ff6b3566}.btn-secondary-hero{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffffe6;border-radius:10px;padding:14px 40px;font-size:1.0625rem;font-weight:600;transition:all .3s}.btn-secondary-hero:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.btn-primary{color:#06f;background:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover{color:#fff;background:#ff6b35;transform:translateY(-2px);box-shadow:0 6px 25px #ff6b354d}.btn-large{border-radius:12px;padding:18px 48px;font-size:1.125rem}.landing-footer{color:#ffffffa6;text-align:center;background:#111827;padding:40px 20px}.landing-footer p{margin:0;font-size:.875rem;font-weight:400}@media (max-width:968px){.nav-content{padding:0 20px}.nav-links{display:none}.nav-buttons{gap:8px}.btn-nav-secondary,.btn-nav-primary{padding:8px 16px;font-size:.875rem}.hero-section{padding-top:110px}.hero-content{text-align:center;grid-template-columns:1fr;gap:40px}.hero-text{order:1}.hero-image{order:2}.hero-title{font-size:2.25rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.section-title{font-size:2rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:24px}.features-grid{grid-template-columns:1fr;gap:24px}.cta-title{font-size:2rem}}@media (max-width:640px){.landing-nav{height:60px}.nav-logo-text{font-size:18px}.logo-com{font-size:15px}.nav-buttons{gap:6px}.btn-nav-secondary{padding:8px 12px;font-size:.8125rem}.btn-nav-primary{padding:8px 16px;font-size:.8125rem}.hero-section{min-height:auto;padding:100px 20px 48px}.hero-title{font-size:1.875rem}.hero-subtitle{margin-bottom:32px;font-size:1rem}.hero-buttons{flex-direction:column;gap:12px;width:100%}.btn-primary-hero,.btn-secondary-hero{width:100%;padding:14px 32px}.services-section,.features-section,.faq-section,.cta-section{padding:64px 20px}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.services-grid,.features-grid{grid-template-columns:1fr;gap:20px;padding:0}.service-card{padding:28px 20px}.feature-card{padding:36px 28px}.faq-item{padding:24px 20px}.faq-question{font-size:1rem}.faq-answer{font-size:.875rem}.service-image-wrapper{width:120px;height:120px}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}}@media (max-width:374px){.hero-title,.section-title,.cta-title{font-size:1.5rem}.service-image-wrapper{width:100px;height:100px}.feature-icon{width:60px;height:60px}.feature-icon svg{width:30px;height:30px}}.auth-container{background:linear-gradient(135deg,var(--color-gray-light)0%,#e8e8e8 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:450px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:var(--color-black);margin-bottom:8px;font-size:32px;font-weight:700}.auth-header p{color:var(--color-gray-medium);font-size:16px}.auth-form{flex-direction:column;gap:20px;display:flex}.btn-full{width:100%;margin-top:8px}.error-message{color:#d32f2f;border-radius:var(--radius-sm);background-color:#ffe5e5;border-left:4px solid #d32f2f;padding:12px 16px;font-size:14px}.auth-footer{text-align:center;flex-direction:column;gap:12px;margin-top:24px;display:flex}.auth-footer p{color:var(--color-gray-dark);font-size:14px}.auth-footer a{color:var(--color-primary);transition:var(--transition);font-weight:600;text-decoration:none}.auth-footer a:hover{color:#0052cc;text-decoration:underline}.back-link{color:var(--color-gray-medium);font-size:14px}.btn-google{border-radius:var(--radius-sm);color:#3c4043;cursor:pointer;width:100%;transition:var(--transition);background:#fff;border:1.5px solid #dadce0;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#c4c7cc;box-shadow:0 1px 2px #0000001a}.btn-google:disabled{opacity:.7;cursor:not-allowed}.btn-google svg{flex-shrink:0;width:20px;height:20px}.auth-divider{color:var(--color-gray-medium);align-items:center;gap:16px;margin:8px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0e0e0;flex:1;height:1px}.auth-tagline{color:var(--color-gray-dark);margin-top:-4px;font-size:15px}.auth-benefits{color:var(--color-gray-medium);margin-top:4px;font-size:13px;display:inline-block}.auth-benefits span{margin:0 4px}@media (max-width:480px){.auth-card{padding:24px}.auth-header h1{font-size:28px}}.image-upload{margin:16px 0}.image-upload-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.image-upload-label{color:#262626;font-size:14px;font-weight:600}.image-upload-count{color:#8e8e8e;font-size:12px;font-weight:500}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:12px;display:grid}.image-preview-item{aspect-ratio:1;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-remove-btn{cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.image-remove-btn svg{color:#fff;stroke-width:2.5px;width:14px;height:14px}.image-remove-btn:hover{background:#dc3545e6;transform:scale(1.1)}.image-upload-btn{cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;width:100%;padding:24px;transition:all .2s;display:block}.image-upload-btn:hover{border-color:var(--color-primary);background:#f5f8ff}.image-upload-input{display:none}.image-upload-content{flex-direction:column;align-items:center;gap:8px;display:flex}.image-upload-content svg{color:#8e8e8e;stroke-width:1.5px;width:32px;height:32px}.image-upload-btn:hover .image-upload-content svg{color:var(--color-primary)}.image-upload-content>span:first-of-type{color:#262626;font-size:14px;font-weight:600}.upload-hint{color:#8e8e8e;font-size:12px}.upload-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.image-upload-error{color:#dc3545;margin-top:8px;font-size:13px}@media (max-width:768px){.image-preview-grid{grid-template-columns:repeat(3,1fr)}.image-upload-btn{padding:20px}}.location-selector{width:100%;position:relative}.location-input-wrapper{align-items:center;display:flex;position:relative}.location-input{border-radius:var(--radius-sm);background-color:var(--color-white);border:1px solid #dbdbdb;width:100%;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.location-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}.location-input::placeholder{color:#999}.location-icon{color:#999;pointer-events:none;width:20px;height:20px;transition:transform .2s;position:absolute;right:12px}.location-icon.open{transform:rotate(180deg)}.location-dropdown{background:var(--color-white);border-radius:var(--radius-md);z-index:1000;border:1px solid #dbdbdb;max-height:320px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-list{margin:0;padding:4px;list-style:none}.location-item{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background-color .2s;display:flex}.location-item:hover{background-color:#f5f5f5}.location-item.selected{background-color:#e3f2fd}.location-item-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.location-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.location-item-name{color:var(--color-black);font-size:14px;font-weight:500}.location-item-province{color:#999;font-size:12px}.location-item-check{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.location-empty{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.location-empty svg{width:48px;height:48px}.location-empty p{margin:0;font-size:14px}.location-dropdown::-webkit-scrollbar{width:8px}.location-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.location-dropdown::-webkit-scrollbar-thumb{background:#dbdbdb;border-radius:4px}.location-dropdown::-webkit-scrollbar-thumb:hover{background:#bdbdbd}@media (max-width:768px){.location-dropdown{max-height:240px}.location-item{padding:12px}}.back-button{color:var(--color-gray-dark);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1}.back-button:hover{color:var(--color-black)}.create-modal-header{border-bottom:1px solid #dbdbdb;align-items:center;gap:12px;padding:16px 20px;display:flex}.create-modal-header .back-button{color:#fff}.header-post{color:#fff;background:linear-gradient(135deg,#00c853 0%,#00e676 100%)}.header-service{color:#fff;background:linear-gradient(135deg,#ff6d00 0%,#ff9100 100%)}.header-request{color:#fff;background:linear-gradient(135deg,#d500f9 0%,#e040fb 100%)}.header-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.icon-post,.icon-service,.icon-request{background-color:#ffffff40}.header-text{flex:1}.header-text h2{color:#fff;margin:0;font-size:18px;font-weight:700}.header-text p{opacity:.9;color:#fff;margin:2px 0 0;font-size:13px}.create-form{padding:24px}.form-section{background-color:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:16px}.section-title{color:var(--color-gray-dark);border-bottom:1px solid #e0e0e0;margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.form-group:last-child{margin-bottom:0}.optional-label{color:var(--color-gray-dark);font-size:12px;font-weight:400}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-sm);width:100%;transition:var(--transition);background-color:#fff;border:1px solid #dbdbdb;padding:12px;font-family:Inter,sans-serif;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.form-group select{cursor:pointer;background-color:var(--color-white)}.field-hint{color:var(--color-gray-dark);margin-top:4px;font-size:12px;font-style:italic}.urgency-selector{flex-wrap:wrap;gap:12px;display:flex}.urgency-option{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-width:100px;padding:16px 12px;transition:all .2s;display:flex}.urgency-option:hover{border-color:#bdbdbd;transform:translateY(-2px)}.urgency-option.active.urgency-normal{background-color:#4caf501a;border-color:#4caf50}.urgency-option.active.urgency-urgent{background-color:#ff98001a;border-color:#ff9800}.urgency-option.active.urgency-very-urgent{background-color:#f443361a;border-color:#f44336}.urgency-icon{margin-bottom:8px;font-size:24px}.urgency-label{color:#333;font-size:14px;font-weight:600}.urgency-desc{color:#666;margin-top:4px;font-size:11px}.error-message{color:#c33;border-radius:var(--radius-sm);background-color:#fee;border-left:3px solid #c33;margin-bottom:16px;padding:12px;font-size:14px}.form-actions{border-top:1px solid #dbdbdb;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:10px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#0052cc;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;background-color:#dbdbdb}.btn-post{background:linear-gradient(135deg,#00c853 0%,#00e676 100%)}.btn-post:hover:not(:disabled){background:linear-gradient(135deg,#00b248 0%,#00c853 100%)}.btn-service{background:linear-gradient(135deg,#ff6d00 0%,#ff9100 100%)}.btn-service:hover:not(:disabled){background:linear-gradient(135deg,#e65100 0%,#ff6d00 100%)}.btn-request{background:linear-gradient(135deg,#d500f9 0%,#e040fb 100%)}.btn-request:hover:not(:disabled){background:linear-gradient(135deg,#a0f 0%,#d500f9 100%)}.btn-very-urgent{background:linear-gradient(135deg,#f44336 0%,#ef5350 100%);animation:1.5s infinite pulse-urgent}@keyframes pulse-urgent{0%,to{box-shadow:0 0 #f4433680}50%{box-shadow:0 0 0 8px #f4433600}}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-light)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:767px){.create-form{padding:16px}.form-section{padding:12px}.urgency-selector{flex-direction:column}.urgency-option{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px}.urgency-icon{margin-bottom:0}.urgency-option .urgency-label,.urgency-option .urgency-desc{text-align:left}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.multi-location-selector{width:100%;position:relative}.multi-location-input-wrapper{cursor:text;background:#fff;border:1px solid #dbdbdb;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;transition:all .2s;display:flex}.multi-location-input-wrapper:hover{border-color:#a8a8a8}.multi-location-input-wrapper:focus-within{border-color:#0095f6;box-shadow:0 0 0 2px #0095f61a}.selected-locations{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.location-chip{color:#1565c0;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:1px solid #90caf9;border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;animation:.2s chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chip-icon{font-size:12px}.chip-text{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:500;overflow:hidden}.chip-remove{cursor:pointer;color:#1565c0;background:#1565c033;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;font-weight:700;line-height:1;transition:all .15s;display:flex}.chip-remove:hover{color:#fff;background:#1565c0}.multi-location-input{background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:4px 0;font-size:14px}.multi-location-input::placeholder{color:#999}.location-count{color:#666;background:#f5f5f5;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.location-count .limit-reached{color:#f44336}.multi-location-dropdown{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-height:280px;animation:.2s dropdownIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-location-list{margin:0;padding:4px;list-style:none}.multi-location-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.multi-location-item:hover{background:#f0f7ff}.multi-location-item .item-icon{color:#0095f6;flex-shrink:0;width:20px;height:20px}.multi-location-item .item-content{flex-direction:column;flex:1;gap:2px;display:flex}.multi-location-item .item-name{color:#262626;font-size:14px;font-weight:500}.multi-location-item .item-province{color:#999;font-size:12px}.multi-location-item .item-add{color:#0095f6;opacity:0;font-size:12px;font-weight:600;transition:opacity .15s}.multi-location-item:hover .item-add{opacity:1}.multi-location-empty{color:#999;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.multi-location-empty span{font-size:24px}.multi-location-empty p{margin:0;font-size:14px}.limit-message{color:#f44336;margin:4px 0 0;font-size:12px}@media (max-width:768px){.multi-location-input-wrapper{min-height:48px;padding:10px 12px}.location-chip{padding:3px 6px;font-size:12px}.chip-text{max-width:100px}.multi-location-dropdown{max-height:220px}.multi-location-item{padding:12px}}.create-modal-overlay{z-index:2000;background-color:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.create-modal-content{background-color:var(--color-white);border-radius:var(--radius-md);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.create-modal-header{border-bottom:1px solid #dbdbdb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.create-modal-header h2{color:var(--color-black);margin:0;font-size:18px;font-weight:600}.create-options{padding:8px}.create-option{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:16px;padding:16px;display:flex}.create-option:hover{background-color:var(--color-gray-light)}.create-option-icon{background-color:var(--color-gray-light);border-radius:50%;justify-content:center;align-items:center;min-width:48px;height:48px;font-size:32px;display:flex}.create-option-content{flex:1}.create-option-content h3{color:var(--color-black);margin:0 0 4px;font-size:16px;font-weight:600}.create-option-content p{color:var(--color-gray-dark);margin:0;font-size:14px}@media (max-width:767px){.create-modal-content{border-radius:var(--radius-md);max-width:100%;margin:0}.create-options{padding:4px}.create-option{padding:12px}.create-option-icon{min-width:40px;height:40px;font-size:28px}.create-option-content h3{font-size:15px}.create-option-content p{font-size:13px}}.responsive-layout{background-color:var(--color-gray-light);min-height:100vh}.top-bar{background-color:var(--color-white);z-index:100;border-bottom:1px solid #dbdbdb;height:60px;display:none;position:fixed;top:0;left:0;right:0}.top-bar-content{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 12px 0 16px;display:flex}.top-bar-logo{color:var(--color-primary);margin:0 auto 0 0;font-size:20px;font-weight:600;transition:opacity .2s}.top-bar-logo:hover{opacity:.8}.logo-highlight{color:var(--color-secondary)}.top-bar-actions{align-items:center;gap:2px;display:flex}.top-bar-btn{cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.top-bar-btn:hover{background-color:var(--color-gray-light)}.top-bar-btn:active{transform:scale(.92)}.top-bar-icon{stroke:currentColor;width:22px;height:22px;color:var(--color-text-primary)}.top-bar-btn .icon{font-size:24px}.top-bar-btn .badge{background-color:var(--color-secondary);color:var(--color-white);text-align:center;border-radius:10px;min-width:18px;padding:2px 5px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px}.sidebar{background-color:var(--color-white);z-index:50;border-right:1px solid #dbdbdb;flex-direction:column;width:280px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{margin-bottom:24px;padding:16px 12px}.sidebar-logo{color:var(--color-primary);margin:0;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--color-black);text-align:left;background:0 0;border:none;align-items:center;gap:16px;padding:12px 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;display:flex;position:relative}.sidebar-item:hover{background-color:var(--color-gray-light)}.sidebar-item.active{font-weight:600}.sidebar-item.active:before{content:"";background-color:var(--color-primary);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.sidebar-icon svg{stroke:currentColor;width:24px;height:24px;color:var(--color-text-primary)}.sidebar-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.sidebar-text{flex:1}.sidebar-badge{background-color:var(--color-secondary);color:var(--color-white);text-align:center;border-radius:10px;min-width:20px;padding:2px 8px;font-size:12px;font-weight:600}.main-content{min-height:100vh;margin-left:280px;padding:24px}.bottom-bar{background-color:var(--color-white);z-index:100;border-top:1px solid #dbdbdb;height:60px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-bar-item{cursor:pointer;color:var(--color-gray-dark);transition:var(--transition);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-family:Inter,sans-serif;display:flex}.bottom-bar-item.active{color:var(--color-primary)}.bottom-bar-icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:flex}.bottom-bar-icon svg{stroke:currentColor;width:24px;height:24px;color:inherit}.bottom-bar-avatar{object-fit:cover;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.bottom-bar-item.active .bottom-bar-avatar{border-color:var(--color-primary)}.bottom-bar-label{font-size:11px;font-weight:500}@media (max-width:1024px){.sidebar{width:80px;padding:24px 8px}.sidebar-header{padding:12px 8px}.sidebar-logo{text-align:center;font-size:20px}.sidebar-text,.sidebar-badge{display:none}.sidebar-item{justify-content:center;padding:12px}.main-content{margin-left:80px}}@media (max-width:767px){.top-bar,.bottom-bar{display:flex}.sidebar{display:none}.main-content{min-height:100vh;margin-left:0;padding:68px 0}}@media (max-width:374px){.top-bar-logo{font-size:16px}.top-bar-actions{gap:0}.top-bar-btn{padding:8px}.top-bar-icon{width:20px;height:20px}.bottom-bar-label{font-size:10px}.bottom-bar-icon{font-size:20px}}.report-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 8px 32px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.report-modal-header h2{color:#111827;margin:0;font-size:20px;font-weight:600}.report-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;transition:all .2s;display:flex}.report-modal-close:hover:not(:disabled){color:#111827;background-color:#f3f4f6}.report-modal-close:disabled{opacity:.5;cursor:not-allowed}.report-modal-body{padding:24px}.report-modal-description{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.report-reasons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.report-reason-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;gap:12px;padding:14px;transition:all .2s;display:flex}.report-reason-option:hover{background-color:#f9fafb;border-color:#9ca3af}.report-reason-option input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color,#ff6b35);flex-shrink:0;margin-top:2px}.report-reason-option input[type=radio]:disabled{cursor:not-allowed}.report-reason-content{flex-direction:column;flex:1;gap:4px;display:flex}.report-reason-label{color:#111827;font-size:15px;font-weight:500}.report-reason-description{color:#6b7280;font-size:13px;line-height:1.4}.report-reason-option:has(input:checked){border-color:var(--primary-color,#ff6b35);background-color:#fff7ed}.report-reason-option:has(input:checked) .report-reason-label{color:var(--primary-color,#ff6b35)}.report-additional-info{flex-direction:column;gap:8px;display:flex}.report-additional-info label{color:#111827;font-size:14px;font-weight:500}.report-additional-info textarea{color:#111827;resize:vertical;border:2px solid #e5e7eb;border-radius:8px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.report-additional-info textarea:focus{border-color:var(--primary-color,#ff6b35);outline:none}.report-additional-info textarea:disabled{cursor:not-allowed;background-color:#f3f4f6}.character-count{color:#9ca3af;text-align:right;font-size:12px}.report-modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px 24px;display:flex}.report-modal-footer button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s}.btn-cancel{color:#374151;background-color:#f3f4f6}.btn-cancel:hover:not(:disabled){background-color:#e5e7eb}.btn-submit{background-color:var(--primary-color,#ff6b35);color:#fff}.btn-submit:hover:not(:disabled){background-color:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.btn-submit:disabled{cursor:not-allowed;box-shadow:none;background-color:#d1d5db;transform:none}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.report-modal{border-radius:16px 16px 0 0;max-height:95vh;margin-top:auto}.report-modal-header{padding:20px 20px 12px}.report-modal-header h2{font-size:18px}.report-modal-body{padding:20px}.report-reason-option{padding:12px}.report-reason-label{font-size:14px}.report-reason-description{font-size:12px}.report-modal-footer{padding:12px 20px 20px}.report-modal-footer button{padding:10px 20px;font-size:14px}}.verified-badge{cursor:pointer;color:#1da1f2;justify-content:center;align-items:center;display:inline-flex;position:relative}.verified-badge__icon{display:block}.verified-badge--small .verified-badge__icon{width:14px;height:14px}.verified-badge--medium .verified-badge__icon{width:18px;height:18px}.verified-badge--large .verified-badge__icon{width:24px;height:24px}.verified-badge__tooltip{z-index:1000;pointer-events:none;animation:.2s fadeIn;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.verified-badge__tooltip-content{text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:280px;padding:16px;box-shadow:0 4px 20px #00000026}.verified-badge__tooltip-content:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.verified-badge__tooltip-content:before{content:"";border:9px solid #0000;border-top-color:#e0e0e0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.verified-badge__tooltip-content strong{color:#1da1f2;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.verified-badge__tooltip-content p{color:#666;margin:0;font-size:13px;line-height:1.5}@media (max-width:480px){.verified-badge__tooltip{left:auto;right:-10px;transform:none}.verified-badge__tooltip-content{width:250px}.verified-badge__tooltip-content:after,.verified-badge__tooltip-content:before{left:auto;right:20px;transform:none}}.image-carousel{-webkit-user-select:none;user-select:none;width:100%;margin-bottom:8px;position:relative}.carousel-container{background-color:#fafafa;width:100%;position:relative;overflow:hidden}.carousel-track{will-change:transform;transition:transform .3s ease-out;display:flex}.carousel-slide{flex:0 0 100%;width:100%;position:relative}.carousel-slide img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;width:100%;max-height:400px;display:block}.image-carousel.single-image .carousel-container img{aspect-ratio:auto;object-fit:contain;background-color:#f0f0f0;max-height:350px}.carousel-arrow{cursor:pointer;color:#262626;z-index:10;opacity:0;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;font-weight:300;transition:opacity .2s,transform .2s,background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.image-carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background-color:#fff;transform:translateY(-50%)scale(1.1)}.carousel-arrow:active{transform:translateY(-50%)scale(.95)}.carousel-arrow-left{left:12px}.carousel-arrow-right{right:12px}.carousel-counter{color:#fff;z-index:10;background-color:#000000b3;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.carousel-indicators{justify-content:center;gap:6px;padding:12px 0 4px;display:flex}.carousel-dot{cursor:pointer;background-color:#c4c4c4;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.carousel-dot:hover{background-color:#8e8e8e}.carousel-dot.active{background-color:#0095f6;transform:scale(1.2)}.fullscreen-image-modal{z-index:9999;cursor:pointer;background-color:#000000f2;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.fullscreen-image-container{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.fullscreen-image-modal img{object-fit:contain;cursor:default;border-radius:4px;max-width:90vw;max-height:90vh}.close-fullscreen{color:#fff;cursor:pointer;z-index:10;background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background-color .2s;display:flex;position:absolute;top:20px;right:20px}.close-fullscreen:hover{background-color:#fff3}.fullscreen-arrow{cursor:pointer;color:#fff;z-index:10;background-color:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;font-weight:300;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fullscreen-arrow:hover{background-color:#ffffff40;transform:translateY(-50%)scale(1.05)}.fullscreen-arrow-left{left:20px}.fullscreen-arrow-right{right:20px}.fullscreen-indicators{gap:8px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.fullscreen-dot{cursor:pointer;background-color:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.fullscreen-dot:hover{background-color:#fff9}.fullscreen-dot.active{background-color:#fff;transform:scale(1.3)}.fullscreen-counter{color:#ffffffb3;font-size:14px;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:767px){.carousel-slide img{max-height:300px}.image-carousel.single-image .carousel-container img{max-height:280px}.carousel-arrow{opacity:.8;width:28px;height:28px;font-size:20px}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.carousel-counter{padding:3px 8px;font-size:11px;top:8px;right:8px}.carousel-indicators{padding:8px 0 2px}.carousel-dot{width:5px;height:5px}.fullscreen-arrow{width:40px;height:40px;font-size:28px}.fullscreen-arrow-left{left:10px}.fullscreen-arrow-right{right:10px}.close-fullscreen{top:10px;right:10px}.fullscreen-indicators{bottom:50px}.fullscreen-counter{bottom:15px}}.carousel-slide img{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.carousel-slide img[src]{background:0 0;animation:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.message-contact-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.message-contact-btn:hover{background:#5341c9;transform:translateY(-1px);box-shadow:0 2px 8px #673ab740}.message-contact-btn:active{transform:translateY(0)}.message-contact-btn svg{flex-shrink:0;width:16px;height:16px}.whatsapp-contact-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.whatsapp-contact-btn svg{flex-shrink:0;width:16px;height:16px}.whatsapp-contact-btn-icon{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;text-decoration:none;transition:all .2s;display:flex}.whatsapp-contact-btn-icon:hover{background:#1ebe57;transform:scale(1.05);box-shadow:0 2px 12px #25d3664d}.whatsapp-contact-btn-icon:active{transform:scale(.98)}.whatsapp-contact-btn-icon svg{flex-shrink:0;width:20px;height:20px}@media (max-width:767px){.contact-buttons{gap:8px;margin-top:10px}.message-contact-btn,.whatsapp-contact-btn{border-radius:5px;gap:4px;min-width:120px;padding:8px 12px;font-size:12px}.message-contact-btn svg,.whatsapp-contact-btn svg{width:14px;height:14px}.whatsapp-contact-btn-icon{width:38px;height:38px}.whatsapp-contact-btn-icon svg{width:18px;height:18px}.contact-buttons:has(.message-contact-btn):has(.whatsapp-contact-btn-icon) .message-contact-btn{flex:1}:is(.contact-buttons:has(.message-contact-btn):has(.whatsapp-contact-btn) .message-contact-btn,.contact-buttons:has(.message-contact-btn):has(.whatsapp-contact-btn) .whatsapp-contact-btn){min-width:unset;flex:calc(50% - 4px)}}@media (max-width:374px){.message-contact-btn,.whatsapp-contact-btn{padding:7px 10px;font-size:11px}.message-contact-btn svg,.whatsapp-contact-btn svg{width:12px;height:12px}}.message-contact-btn:focus-visible,.whatsapp-contact-btn:focus-visible,.whatsapp-contact-btn-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.message-contact-btn:disabled,.whatsapp-contact-btn:disabled,.whatsapp-contact-btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.post-card{background:#fff;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.post-card.post-type-post{border-left:4px solid #00c853}.post-card.post-type-service{border-left:4px solid #ff6d00}.post-card.post-type-request{border-left:4px solid #d500f9}.post-card.post-type-request.urgent{border-left:4px solid #f44336;box-shadow:0 2px 12px #f4433626}.post-header{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.post-user-info{align-items:center;gap:12px;display:flex}.post-user-photo{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-user-photo-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.post-user-details{flex-direction:column;display:flex}.post-user-name{color:#262626;font-size:14px;font-weight:600}.post-time{color:#8e8e8e;font-size:12px}.post-menu-wrapper{position:relative}.post-options-btn{cursor:pointer;color:#262626;background:0 0;border:none;padding:8px;transition:opacity .2s}.post-options-btn svg{width:20px;height:20px}.post-options-btn:hover{opacity:.6}.post-menu-dropdown{z-index:1000;background:#fff;border:1px solid #dbdbdb;border-radius:8px;min-width:200px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.menu-option{text-align:left;color:#262626;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.menu-option:hover{background:#fafafa}.menu-option svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.menu-option.danger{color:#ed4956}.menu-option.danger:hover{background:#fff5f5}.menu-overlay{z-index:999;background:0 0;position:fixed;inset:0}.post-content{padding:0 16px 12px}.post-description{color:#262626;white-space:pre-wrap;word-wrap:break-word;margin:0 0 8px;font-size:14px;line-height:1.5}.post-details{border-top:1px solid #efefef;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.post-location{color:#8e8e8e;align-items:center;gap:4px;margin-top:8px;font-size:12px;display:flex}.post-location svg{width:14px;height:14px}.service-content{padding:0 16px 16px}.service-title,.request-title{color:#262626;margin:0 0 8px;font-size:16px;font-weight:700}.service-details,.request-details{border-top:1px solid #efefef;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.service-detail{color:#262626;align-items:center;gap:8px;font-size:13px;display:flex}.service-detail svg{color:#8e8e8e;flex-shrink:0;width:16px;height:16px}.whatsapp-contact-btn{color:#fff;background:#25d366;border-radius:8px;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.whatsapp-contact-btn svg{color:#fff;flex-shrink:0;width:20px;height:20px}.whatsapp-contact-btn:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:0 2px 8px #25d3664d}.whatsapp-contact-btn:active{transform:translateY(0)}.request-content{padding:0 16px 16px}.request-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.urgency-badge{text-transform:uppercase;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.urgency-normal{color:#1976d2;background:#e3f2fd}.urgency-urgent{color:#f57c00;background:#fff3e0}.urgency-very_urgent{color:#d32f2f;background:#ffebee}.post-actions{border-top:1px solid #efefef;align-items:center;gap:16px;padding:8px 16px;display:flex}.post-action-btn{cursor:pointer;color:#262626;background:0 0;border:none;align-items:center;gap:6px;padding:8px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.post-action-btn.liked{color:#ed4956}.post-action-btn.liked svg{fill:#ed4956;stroke:#ed4956}.post-action-btn svg{stroke-width:2px;width:20px;height:20px}.post-type-indicator{margin-left:auto}.type-label{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.type-label.type-post{color:#2e7d32;background:#e8f5e9}.type-label.type-service{color:#e65100;background:#fff3e0}.type-label.type-request{color:#7b1fa2;background:#f3e5f5}.post-action-btn:hover{opacity:.6}.post-action-btn:active svg{transform:scale(.9)}.comment-input-container{background:#fafafa;border-top:1px solid #efefef;gap:8px;padding:12px 16px;display:flex}.comment-input{border:1px solid #dbdbdb;border-radius:20px;outline:none;flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px}.comment-input:focus{border-color:#262626}.comment-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.comment-submit-btn:hover:not(:disabled){opacity:.9}.comment-submit-btn:active:not(:disabled){transform:scale(.98)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{border-top:1px solid #efefef;max-height:400px;padding:12px 16px;overflow-y:auto}.comments-loading,.no-comments{text-align:center;color:#8e8e8e;padding:20px;font-size:14px}.comment-item{border-bottom:1px solid #efefef;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex;position:relative}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-user-photo img,.comment-user-placeholder{object-fit:cover;border-radius:50%;width:32px;height:32px}.comment-user-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.comment-content{flex:1;min-width:0}.comment-user-name{color:#262626;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.comment-user-name.clickable{cursor:pointer;transition:color .2s}.comment-user-name.clickable:hover{color:var(--color-primary);text-decoration:underline}.comment-text{color:#262626;word-wrap:break-word;margin:0;font-size:14px}.comment-delete-btn{cursor:pointer;color:#8e8e8e;opacity:0;background:0 0;border:none;margin-left:8px;padding:4px;transition:all .2s}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:#ed4956;transform:scale(1.1)}.comment-delete-btn svg{stroke:currentColor;width:16px;height:16px}.post-user-info:hover .post-user-name{text-decoration:underline}@media (max-width:768px){.post-card{border-radius:8px;margin-bottom:12px;box-shadow:0 1px 2px #00000014}.post-header{padding:10px 12px}.post-content{padding:12px}.service-details,.request-details{flex-direction:column;gap:8px}.service-detail{font-size:13px}.comments-list{max-height:300px;padding:10px 12px}.comment-item{gap:10px;margin-bottom:10px;padding-bottom:10px}}@media (max-width:374px){.post-card{margin-bottom:8px}.post-header,.post-content{padding:8px 10px}.post-user-photo,.post-user-photo-placeholder{width:36px;height:36px;font-size:14px}.service-detail{font-size:12px}}.skeleton-card{pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-circle{border-radius:50%}.skeleton-text{border-radius:4px;height:12px}.skeleton-image{border-radius:0}.skeleton-card .post-options-btn,.skeleton-card .post-action-btn{pointer-events:none;cursor:default}.feed-content{max-width:935px;margin:0 auto;padding:24px 16px}.welcome-section{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:20px;padding:16px 24px}.welcome-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.welcome-icon svg{color:#fff;stroke-width:2px;width:24px;height:24px}.welcome-section h2{color:var(--color-black);margin:0 0 6px;font-size:22px;font-weight:600}.welcome-section p{color:var(--color-gray-dark);margin:0;font-size:14px}.posts-container{min-height:400px}.posts-list{flex-direction:column;gap:16px;display:flex}.loading-state,.error-state{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:64px 24px;display:flex}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.loading-state p,.error-state p{color:var(--color-gray-dark);font-size:16px}.retry-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .2s}.retry-btn:hover{opacity:.9}.retry-btn:active{transform:scale(.98)}.empty-icon{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.empty-icon svg{color:#8e8e8e;width:40px;height:40px}.empty-state p{color:var(--color-gray-dark);margin:0 0 8px;font-size:16px;line-height:1.5}.empty-state .hint{color:var(--color-primary);margin-top:16px;font-size:14px;font-weight:500}@media (max-width:767px){.feed-content{padding:12px 0}.welcome-section{border-radius:8px;margin-bottom:14px;margin-left:12px;margin-right:12px;padding:14px 16px}.welcome-icon{width:40px;height:40px;margin-bottom:10px}.welcome-icon svg{width:20px;height:20px}.welcome-section h2{margin-bottom:4px;font-size:18px}.welcome-section p{font-size:13px}.posts-container{min-height:auto}.posts-list{gap:12px;padding:0 12px}.empty-state{padding:40px 16px}.empty-icon{width:56px;height:56px;margin-bottom:16px}.empty-icon svg{width:28px;height:28px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media (max-width:374px){.feed-content{padding:8px 0}.welcome-section{margin-left:8px;margin-right:8px;padding:12px}.welcome-icon{width:36px;height:36px;margin-bottom:8px}.welcome-icon svg{width:18px;height:18px}.welcome-section h2{margin-bottom:3px;font-size:16px}.welcome-section p{font-size:12px}.posts-list{gap:8px;padding:0 8px}}.load-more-trigger{justify-content:center;align-items:center;min-height:50px;margin:16px 0;display:flex}.loading-more{width:100%}.end-of-feed{text-align:center;color:var(--color-gray-dark);opacity:.7;padding:32px 16px;font-size:14px}.end-of-feed p{margin:0}.phone-input-group{flex-direction:column;gap:6px;display:flex}.phone-input-group label{color:var(--color-black);font-size:14px;font-weight:600}.phone-input-container{gap:8px;display:flex}.country-code-select{min-width:110px;color:var(--color-black);cursor:pointer;background:#fff;border:1px solid #dbdbdb;border-radius:8px;padding:12px 8px;font-family:inherit;font-size:14px;transition:border-color .2s}.country-code-select:focus{border-color:var(--color-primary);outline:none}.phone-number-input{color:var(--color-black);border:1px solid #dbdbdb;border-radius:8px;flex:1;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.phone-number-input:focus{border-color:var(--color-primary);outline:none}.phone-number-input::placeholder{color:#999}@media (max-width:480px){.country-code-select{min-width:90px;font-size:13px}.phone-number-input{font-size:13px}}.provide-services-container{background:linear-gradient(135deg,#f5f7fa 0%,#fff 100%);border:2px solid #e1e8ed;border-radius:16px;margin:20px 0;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.provide-services-container:hover{border-color:#0084ff;box-shadow:0 4px 12px #0000001a}.provide-services-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.provide-services-info{flex:1}.provide-services-title{color:#1a1a1a;align-items:center;gap:10px;margin:0 0 8px;font-size:18px;font-weight:700;display:flex}.provide-services-title svg{color:#0084ff;width:24px;height:24px}.provide-services-description{color:#657786;margin:0 0 8px;padding-left:34px;font-size:14px;line-height:1.5}.provide-services-note{color:#0084ff;background:#e8f5ff;border-left:3px solid #0084ff;border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:13px;line-height:1.4}.toggle-switch{cursor:pointer;background-color:#cfd9de;border:none;border-radius:16px;flex-shrink:0;width:60px;height:32px;padding:0;transition:background-color .3s;position:relative}.toggle-switch:hover:not(:disabled){background-color:#b8c5cc}.toggle-switch.enabled{background-color:#0084ff}.toggle-switch.enabled:hover:not(:disabled){background-color:#006fd6}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch.loading{cursor:wait}.toggle-slider{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-switch.enabled .toggle-slider{transform:translate(28px)}.loading-icon{width:16px;height:16px;animation:1s linear infinite spin}.provide-services-details{background-color:#f9fbfc;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.detail-item{color:#4a5568;align-items:center;gap:10px;font-size:14px;display:flex}.detail-item svg{color:#10b981;flex-shrink:0;width:20px;height:20px}.provide-services-tip{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.provide-services-tip svg{color:#f59e0b;flex-shrink:0;width:20px;height:20px;margin-top:2px}.provide-services-tip p{color:#856404;margin:0;font-size:13px;line-height:1.5}.provide-services-tip strong{color:#664d03;font-weight:600}@media (max-width:768px){.provide-services-container{padding:20px}.provide-services-header{flex-direction:column;align-items:flex-start}.toggle-switch{align-self:flex-end}.provide-services-title{font-size:16px}.provide-services-description{margin-top:8px;padding-left:0;font-size:13px}.provide-services-details{gap:10px;padding:12px}.detail-item{font-size:13px}.provide-services-tip{padding:12px}.provide-services-tip p{font-size:12px}}.toggle-switch:focus-visible{outline-offset:2px;outline:2px solid #0084ff}@media (prefers-color-scheme:dark){.provide-services-container{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-color:#444}.provide-services-title{color:#e1e8ed}.provide-services-description{color:#8899a6}.provide-services-details{background-color:#1a1a1a}.detail-item{color:#e1e8ed}.provide-services-tip{background-color:#3a3a1a;border-left-color:#ffc107}.provide-services-tip p{color:#f5d56e}.provide-services-tip strong{color:#ffc107}}.edit-profile-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:0;overflow-y:auto}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #dbdbdb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.modal-close-btn:hover{background:var(--color-gray-light)}.modal-close-btn svg{width:24px;height:24px;stroke:var(--color-black)}.edit-profile-form{flex-direction:column;gap:32px;padding:24px;display:flex}.form-section{flex-direction:column;gap:16px;display:flex}.form-section h3{color:var(--color-black);border-bottom:1px solid #efefef;margin:0 0 8px;padding-bottom:8px;font-size:16px;font-weight:600}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-black);font-size:14px;font-weight:600}.form-group input,.form-group textarea,.form-group select{color:var(--color-black);border:1px solid #dbdbdb;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);outline:none}.form-group input:disabled{background:var(--color-gray-light);cursor:not-allowed;color:var(--color-gray-dark)}.form-hint{color:var(--color-gray-dark);font-size:12px;line-height:1.4}.char-count{color:var(--color-gray-dark);text-align:right;font-size:12px}.form-actions{border-top:1px solid #efefef;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color-gray-light)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}input[type=date]{cursor:pointer;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.8);border-radius:4px;margin-right:2px}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.photo-section{flex-direction:column;align-items:center;gap:20px;display:flex}.profile-photo-editor{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:300px;display:flex}.photo-preview{border:3px solid #dbdbdb;border-radius:50%;width:150px;height:150px;transition:border-color .3s;position:relative;overflow:hidden}.photo-preview:hover{border-color:var(--color-primary)}.photo-preview img{object-fit:cover;width:100%;height:100%}.upload-overlay-modal{color:#fff;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.upload-progress-modal{background-color:#ffffff4d;border-radius:2px;width:80%;height:4px;overflow:hidden}.upload-progress-bar-modal{background-color:#fff;height:100%;transition:width .3s}.btn-upload-photo{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-upload-photo:hover:not(:disabled){background-color:#0052cc;transform:translateY(-2px);box-shadow:0 4px 12px #0062ff4d}.btn-upload-photo:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-upload-photo svg{width:16px;height:16px}.photo-hint{color:var(--color-gray-dark);text-align:center;max-width:280px;font-size:12px;line-height:1.5}.category-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.category-select:hover{border-color:var(--color-primary)}.category-select option{padding:8px}@media (max-width:768px){.edit-profile-modal{border-radius:0;max-width:100%;max-height:100vh}.modal-header{padding:16px 20px}.edit-profile-form{padding:20px}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%}}.star-rating{align-items:center;gap:6px;display:inline-flex}.star-rating__stars{gap:2px;display:flex}.star-rating .star{color:#e0e0e0;transition:color .15s,transform .15s;position:relative}.star-rating .star svg{display:block}.star-rating .star.filled{color:#ffb800}.star-rating .star.half{color:#e0e0e0}.star-rating .star.half .half-star{color:#ffb800;width:50%;position:absolute;top:0;left:0;overflow:hidden}.star-rating .star.interactive{cursor:pointer}.star-rating .star.interactive:hover{color:#ffb800;transform:scale(1.15)}.star-rating--small .star svg{width:14px;height:14px}.star-rating--medium .star svg{width:20px;height:20px}.star-rating--large .star svg{width:28px;height:28px}.star-rating__value{color:#333;font-weight:600}.star-rating--small .star-rating__value{font-size:12px}.star-rating--medium .star-rating__value{font-size:14px}.star-rating--large .star-rating__value{font-size:18px}.star-rating__count{color:#666;font-size:13px}.star-rating--small .star-rating__count{font-size:11px}.star-rating--large .star-rating__count{font-size:15px}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.star-rating .star.interactive.filled{animation:.2s starPop}.review-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:16px;transition:box-shadow .2s}.review-card:hover{box-shadow:0 2px 8px #00000014}.review-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.review-card__author{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.review-card__author:hover .review-card__author-name{color:#06f}.review-card__avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.review-card__author-info{flex-direction:column;gap:2px;display:flex}.review-card__author-name{color:#333;font-size:14px;font-weight:600;transition:color .15s}.review-card__date{color:#888;font-size:12px}.review-card__delete{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .15s}.review-card__delete:hover{color:#dc2626;background:#fee2e2}.review-card__delete svg{width:18px;height:18px}.review-card__rating{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.review-card__service-type{color:#666;background:#f0f0f0;border-radius:4px;padding:3px 8px;font-size:12px}.review-card__verified{color:#16a34a;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.review-card__verified svg{width:14px;height:14px}.review-card__comment{margin-bottom:12px}.review-card__comment p{color:#333;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.review-card__show-more{color:#06f;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:13px;font-weight:500}.review-card__show-more:hover{text-decoration:underline}.review-card__footer{border-top:1px solid #f0f0f0;align-items:center;gap:12px;padding-top:12px;display:flex}.review-card__helpful{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:inline-flex}.review-card__helpful:hover:not(:disabled),.review-card__helpful.active{color:#06f;background:#f0f7ff;border-color:#06f}.review-card__helpful:disabled{opacity:.5;cursor:not-allowed}.review-card__helpful svg{width:16px;height:16px}@media (max-width:480px){.review-card{padding:14px}.review-card__avatar{width:38px;height:38px}.review-card__author-name{font-size:13px}.review-card__rating{gap:8px}}.write-review-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.write-review-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}.write-review-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.write-review-header h2{color:#333;margin:0;font-size:20px;font-weight:600}.write-review-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .15s}.write-review-close:hover{color:#333;background:#f0f0f0}.write-review-close svg{width:24px;height:24px}.write-review-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 24px;display:flex}.write-review-loading .spinner{border:3px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.write-review-loading p{color:#666;margin:0}.write-review-message{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.write-review-icon{font-size:48px}.write-review-message h3{color:#333;margin:0;font-size:18px}.write-review-message p{color:#666;margin:0;font-size:14px}.write-review-message .btn-secondary{margin-top:16px}.write-review-modal form{padding:24px}.write-review-target{background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.write-review-target span{color:#666;font-size:14px}.write-review-target strong{color:#333;font-size:15px}.write-review-notice{background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.write-review-notice svg{color:#ea580c;flex-shrink:0;width:20px;height:20px;margin-top:2px}.write-review-notice p{color:#9a3412;margin:0;font-size:13px;line-height:1.5}.write-review-field{margin-bottom:20px}.write-review-field label{color:#333;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.char-count{color:#888;font-size:12px;font-weight:400}.rating-selector{align-items:center;gap:16px;display:flex}.rating-text{color:#666;font-size:14px;font-style:italic}.write-review-field select,.write-review-field textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.write-review-field select:focus,.write-review-field textarea:focus{border-color:#06f;outline:none;box-shadow:0 0 0 3px #0066ff1a}.write-review-field textarea{resize:vertical;min-height:120px;line-height:1.5}.write-review-field textarea::placeholder{color:#999}.write-review-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.write-review-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary{color:#666;background:#fff;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-primary{color:#fff;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0052cc 0%,#003d99 100%);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary .spinner-small{border-color:#fff #ffffff4d #ffffff4d}@media (max-width:480px){.write-review-overlay{align-items:flex-end;padding:0}.write-review-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.write-review-header{padding:16px 20px}.write-review-modal form{padding:20px}.write-review-actions{flex-direction:column-reverse}.write-review-actions button{justify-content:center;width:100%}}.verification-modal{width:95%;max-width:500px;max-height:90vh;overflow-y:auto}.verification-loading{flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.verification-pending{text-align:center;padding:20px}.pending-icon{margin-bottom:16px;font-size:48px}.verification-pending h3{color:var(--color-text);margin-bottom:12px;font-size:20px}.verification-pending p{color:var(--color-text-light);margin-bottom:12px}.pending-note{color:var(--color-primary);font-size:13px;font-weight:500}.verification-info{padding:20px}.info-icon{text-align:center;margin-bottom:16px;font-size:48px;display:block}.verification-info h3{text-align:center;color:var(--color-text);margin-bottom:12px;font-size:20px}.verification-info>p{text-align:center;color:var(--color-text-light);margin-bottom:20px;line-height:1.5}.benefits-list,.requirements-list{background:var(--color-gray-lighter);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.benefits-list h4,.requirements-list h4{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:600}.benefits-list ul,.requirements-list ul{margin:0;padding:0;list-style:none}.benefits-list li,.requirements-list li{color:var(--color-text-light);padding:6px 0;font-size:14px}.privacy-note{border-radius:var(--radius-md);background:#e8f4fd;border:1px solid #b3d7f5;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px;display:flex}.privacy-note svg{color:#1a73e8;flex-shrink:0;width:20px;height:20px}.privacy-note span{color:#1a73e8;font-size:13px;line-height:1.4}.verification-info .btn-primary{width:100%}.verification-upload{padding:20px}.verification-upload h3{color:var(--color-text);margin-bottom:20px;font-size:20px}.verification-upload .form-group{margin-bottom:20px}.verification-upload label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.verification-upload select{border:1px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);width:100%;padding:12px;font-size:14px}.upload-area{margin-bottom:20px}.upload-placeholder{border:2px dashed var(--color-gray-light);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:40px 20px;transition:all .2s}.upload-placeholder:hover{border-color:var(--color-primary);background:var(--color-gray-lighter)}.upload-placeholder svg{width:48px;height:48px;color:var(--color-text-light);margin-bottom:12px}.upload-placeholder p{color:var(--color-text);margin-bottom:4px;font-size:16px;font-weight:500}.upload-placeholder span{color:var(--color-text-light);font-size:13px}.preview-container{flex-wrap:wrap;gap:12px;display:flex}.preview-item{aspect-ratio:3/2;border-radius:var(--radius-md);border:1px solid var(--color-gray-light);width:calc(50% - 6px);position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-item .remove-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;top:8px;right:8px}.preview-label{color:#fff;text-align:center;background:#0009;padding:4px 8px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.add-more{aspect-ratio:3/2;border:2px dashed var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:calc(50% - 6px);transition:all .2s;display:flex}.add-more:hover{border-color:var(--color-primary);background:var(--color-gray-lighter)}.add-more span{color:var(--color-text-light);font-size:14px}.upload-tips{border-radius:var(--radius-md);background:#fffbeb;border:1px solid #fcd34d;margin-bottom:20px;padding:12px}.upload-tips h4{color:#92400e;margin-bottom:8px;font-size:14px}.upload-tips ul{margin:0;padding:0;list-style:none}.upload-tips li{color:#92400e;padding:3px 0;font-size:13px}.verification-confirm{padding:20px}.verification-confirm h3{color:var(--color-text);margin-bottom:20px;font-size:20px}.confirm-summary{background:var(--color-gray-lighter);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.summary-item{border-bottom:1px solid var(--color-gray-light);justify-content:space-between;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item .label{color:var(--color-text-light);font-size:14px}.summary-item .value{color:var(--color-text);font-size:14px;font-weight:500}.confirm-previews{gap:12px;margin-bottom:20px;display:flex}.confirm-previews img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-gray-light);width:calc(50% - 6px)}.terms-check{background:var(--color-gray-lighter);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.terms-check p{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500}.terms-check ul{margin:0;padding-left:20px;list-style:outside}.terms-check li{color:var(--color-text-light);padding:4px 0;font-size:13px}.verification-success{text-align:center;padding:40px 20px}.success-icon{margin-bottom:16px;font-size:64px}.verification-success h3{color:var(--color-text);margin-bottom:12px;font-size:20px}.verification-success p{color:var(--color-text-light);margin-bottom:12px}.success-note{color:var(--color-primary);font-size:13px;font-weight:500}.verification-modal .modal-actions{gap:12px;margin-top:20px;display:flex}.verification-modal .modal-actions button{border-radius:var(--radius-md);cursor:pointer;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.verification-modal .btn-secondary{background:var(--color-gray-lighter);color:var(--color-text);border:1px solid var(--color-gray-light)}.verification-modal .btn-secondary:hover{background:var(--color-gray-light)}.verification-modal .btn-primary{background:var(--color-primary);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;display:flex}.verification-modal .btn-primary:hover{background:var(--color-primary-dark)}.verification-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#dc2626;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:12px;font-size:14px}@media (max-width:480px){.verification-modal{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-height:95vh;margin-top:auto}.preview-item,.add-more,.confirm-previews img{width:100%}.preview-container,.confirm-previews{flex-direction:column}.verification-modal .modal-actions{flex-direction:column-reverse}}.verification-messages-section{background:var(--color-gray-lighter);border-radius:var(--radius-md);text-align:left;margin:20px 0;padding:16px}.verification-messages-section h4{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:600}.no-messages{color:var(--color-text-light);text-align:center;padding:12px;font-size:13px;font-style:italic}.messages-thread{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;max-height:200px;margin-bottom:16px;padding:8px;overflow-y:auto}.message-bubble{border-radius:12px;max-width:85%;margin-bottom:8px;padding:10px 12px}.message-bubble:last-child{margin-bottom:0}.message-bubble.from-team{background:#e3f2fd;border:1px solid #bbdefb;margin-right:auto}.message-bubble.from-user{background:#e8f5e9;border:1px solid #c8e6c9;margin-left:auto}.sender-name{font-size:12px;font-weight:600}.message-bubble.from-team .sender-name{color:#1565c0}.message-bubble.from-user .sender-name{color:#2e7d32}.message-time{color:var(--color-text-light);font-size:11px}.message-content{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.4}.message-input-area{margin-top:12px}.message-input-area textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:60px;max-height:120px;padding:10px;font-family:inherit;font-size:13px;transition:border-color .2s}.message-input-area textarea:focus{border-color:var(--color-primary);outline:none}.message-input-area textarea:disabled{background:var(--color-gray-lighter);cursor:not-allowed}.message-input-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.char-count{color:var(--color-text-light);font-size:11px}.btn-send-message{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s}.btn-send-message:hover:not(:disabled){background:var(--color-primary-dark)}.btn-send-message:disabled{background:var(--color-gray);cursor:not-allowed}.profile-container{background-color:var(--color-white);max-width:975px;min-height:calc(100vh - 48px);margin:0 auto}.profile-loading,.profile-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.profile-header{border-bottom:1px solid #dbdbdb;gap:48px;padding:32px 24px;display:flex;overflow:hidden}.profile-photo-section{flex-direction:column;align-items:center;gap:16px;display:flex}.profile-photo-wrapper{width:150px;height:150px;position:relative}.profile-photo{object-fit:cover;border:3px solid #dbdbdb;border-radius:50%;width:100%;height:100%}.upload-overlay{color:var(--color-white);background-color:#0009;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.upload-progress{background-color:#ffffff4d;border-radius:2px;width:80%;height:4px;margin-bottom:8px;overflow:hidden}.upload-progress-bar{background-color:var(--color-white);height:100%;transition:width .3s}.photo-upload-btn{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.photo-upload-btn:hover{box-shadow:var(--shadow-md);background-color:#0052cc;transform:translateY(-2px)}.photo-upload-btn .icon{font-size:16px}.profile-info-section{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex;overflow:hidden}.profile-top-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-username{color:var(--color-black);white-space:nowrap;text-overflow:ellipsis;max-width:250px;margin:0;font-size:28px;font-weight:300;overflow:hidden}.profile-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-edit-profile{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background-color:#0000;border:1px solid #dbdbdb;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-edit-profile svg{width:18px;height:18px}.btn-edit-profile:hover{background-color:var(--color-gray-light)}.btn-follow{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;min-width:140px;padding:8px 24px;font-size:14px;font-weight:600;position:relative;overflow:hidden}.btn-follow:hover{background-color:#0052cc}.btn-follow.following{color:var(--color-black);background-color:#0000;border:1px solid #dbdbdb}.btn-follow.following:hover{color:#0000;background-color:#ffebee;border-color:#ef5350}.btn-follow.following:hover:after{content:"Dejar de seguir";color:#ef5350;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-follow:disabled{opacity:.6;cursor:not-allowed}.btn-contact{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--color-black);background-color:#0000;border:1px solid #dbdbdb;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-contact svg{width:18px;height:18px}.btn-contact:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-message{border-color:var(--color-primary);color:var(--color-primary)}.btn-message:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-message svg{stroke:currentColor}.btn-whatsapp{color:#25d366;border-color:#25d366}.btn-whatsapp:hover{color:var(--color-white);background-color:#25d366}.btn-whatsapp svg{fill:currentColor}.btn-phone{color:#4caf50;border-color:#4caf50}.btn-phone:hover{color:var(--color-white);background-color:#4caf50}.btn-phone svg{stroke:currentColor}.profile-menu-wrapper{position:relative}.btn-profile-menu{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:1px solid #dbdbdb;justify-content:center;align-items:center;padding:4px;display:flex}.btn-profile-menu:hover{background-color:var(--color-gray-light)}.btn-profile-menu svg{width:20px;height:20px}.profile-menu-dropdown{z-index:1000;background:#fff;border:1px solid #dbdbdb;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.profile-menu-dropdown .menu-option{text-align:left;color:#262626;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.profile-menu-dropdown .menu-option:hover{background:#fafafa}.profile-menu-dropdown .menu-option svg{stroke:currentColor;width:18px;height:18px}.profile-stats{gap:40px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-link{cursor:pointer;text-decoration:none;transition:opacity .2s}.stat-link:hover{opacity:.7}.profile-bio{flex-direction:column;gap:8px;max-width:100%;display:flex;overflow:hidden}.profile-name{color:var(--color-black);margin:0;font-size:16px;font-weight:600}.bio-text{color:var(--color-black);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.5}.profile-location,.profile-service-locations{color:var(--color-gray-dark);align-items:flex-start;gap:6px;margin-top:4px;font-size:14px;display:flex}.profile-location svg,.profile-service-locations svg{color:var(--color-gray-medium);flex-shrink:0;margin-top:2px}.profile-service-locations span{line-height:1.4}.availability-badge{border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.availability-badge svg{flex-shrink:0}.availability-badge.available{color:#2e7d32;background:#e8f5e9;border:1px solid #81c784}.availability-badge.unavailable{color:#e65100;background:#fff3e0;border:1px solid #ffb74d}.profile-tabs{border-bottom:1px solid #dbdbdb;justify-content:center;width:100%;display:flex}.tab{cursor:pointer;letter-spacing:.8px;max-width:180px;color:var(--color-gray-dark);transition:var(--transition);background:0 0;border:none;border-top:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 12px;font-size:11px;font-weight:600;display:flex}.tab:hover{color:var(--color-black)}.tab.active{color:var(--color-black);border-top-color:var(--color-black)}.tab svg{flex-shrink:0}@media (max-width:767px){.profile-tabs{justify-content:stretch}.tab{letter-spacing:.5px;border-top:none;border-bottom:2px solid #0000;flex:1;gap:4px;max-width:none;padding:12px 8px;font-size:10px}.tab.active{border-top-color:#0000;border-bottom-color:var(--color-black)}.tab svg{width:18px;height:18px}}.profile-content{min-height:400px;padding:0}.posts-section{padding:16px}.posts-list{flex-direction:column;gap:16px;max-width:700px;margin:0 auto;display:flex}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.loading-state p{color:var(--color-gray-dark);font-size:14px}.services-section{flex-direction:column;gap:24px;max-width:700px;margin:0 auto;padding:24px;display:flex}.services-list{width:100%}.section-title{color:var(--color-black);margin:0 0 16px;font-size:18px;font-weight:600}.service-description{background:var(--color-gray-light);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;border-radius:8px;padding:16px;line-height:1.6}.empty-state-small{text-align:center;color:var(--color-gray-dark);padding:32px 16px}.empty-state-small p{margin-bottom:16px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.empty-state p{color:var(--color-gray-dark);margin:0 0 24px;font-size:14px}.posts-placeholder{text-align:center;color:var(--color-gray-dark);grid-column:1/-1;padding:48px}.info-section{max-width:600px;margin:0 auto}.info-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid #dbdbdb;overflow:hidden}.info-row{border-bottom:1px solid #dbdbdb;justify-content:space-between;align-items:flex-start;padding:16px 24px;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-gray-dark);min-width:150px;font-size:14px;font-weight:600}.info-value{color:var(--color-black);text-align:right;word-break:break-word;font-size:14px}.modal-overlay{z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-white);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid #dbdbdb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h2{color:var(--color-black);margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--color-gray-dark);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1}.modal-close:hover{color:var(--color-black)}.edit-form{padding:24px}.form-group{margin-bottom:24px;position:relative}.form-group label{color:var(--color-black);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{border-radius:var(--radius-sm);width:100%;transition:var(--transition);border:1px solid #dbdbdb;padding:12px;font-family:Inter,sans-serif;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.char-count{color:var(--color-gray-dark);font-size:12px;position:absolute;bottom:-20px;right:0}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:10px 24px;font-size:14px;font-weight:600}.btn-secondary{color:var(--color-black);background-color:#0000;border:1px solid #dbdbdb}.btn-secondary:hover{background-color:var(--color-gray-light)}@media (max-width:1024px){.profile-header{gap:32px;padding:24px 16px}.profile-username{font-size:24px}.profile-stats{gap:24px}}@media (max-width:767px){.profile-header{flex-direction:column;align-items:center;gap:24px;padding:24px 16px}.profile-photo-wrapper{width:120px;height:120px}.profile-info-section{width:100%}.profile-top-row{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.profile-username{font-size:20px}.profile-actions{flex-wrap:wrap;gap:8px;width:100%}.btn-edit-profile,.btn-follow,.btn-contact{flex:auto;justify-content:center;min-width:calc(50% - 4px);padding:8px 12px;font-size:13px}.btn-contact svg{width:16px;height:16px}.btn-message{order:1}.btn-whatsapp{order:2}.btn-phone{order:3}.btn-edit-profile{flex:auto;justify-content:center;min-width:calc(50% - 4px);padding:8px 12px;font-size:13px}.btn-follow{order:0;width:100%}.profile-stats{justify-content:space-around;gap:16px;width:100%}.stat{flex:1}.stat-value{font-size:16px}.stat-label{font-size:12px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:2px}.profile-content{padding:16px 0}.empty-state{padding:48px 24px}.empty-icon{font-size:48px}.empty-state h3{font-size:20px}.info-section{padding:0 16px}.info-row{flex-direction:column;gap:8px}.info-label{min-width:auto}.info-value{text-align:left}.modal-content{border-radius:var(--radius-md);max-width:100%;margin:0}.edit-form{padding:16px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (max-width:374px){.profile-photo-wrapper{width:100px;height:100px}.profile-username{font-size:18px}.photo-upload-btn{padding:6px 12px;font-size:12px}.btn-contact{padding:6px 10px;font-size:12px}.btn-contact svg{width:14px;height:14px}.profile-actions{gap:6px}}.reviews-section{padding:16px 0}.rating-summary-card{background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #0000000d}.rating-main{border-bottom:1px solid var(--color-gray-light);flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.rating-number{color:var(--color-text);font-size:48px;font-weight:700;line-height:1}.rating-count{color:var(--color-text-light);font-size:14px}.rating-distribution{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.rating-bar-row{align-items:center;gap:12px;display:flex}.rating-bar-label{width:40px;color:var(--color-text-light);text-align:right;font-size:14px}.rating-bar{background:var(--color-gray-light);border-radius:4px;flex:1;height:8px;overflow:hidden}.rating-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;height:100%;transition:width .3s}.rating-bar-count{width:30px;color:var(--color-text-light);text-align:left;font-size:14px}.write-review-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-weight:600;display:flex}.reviews-list{flex-direction:column;gap:16px;display:flex}@media (max-width:768px){.rating-summary-card{border-radius:var(--radius-md);margin:0 -8px 20px;padding:16px}.rating-number{font-size:36px}.rating-bar-label{width:35px;font-size:12px}.rating-bar-count{width:25px;font-size:12px}}.verification-promo-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8f4fd 0%,#d1e8fa 100%);border:1px solid #b3d7f5;gap:16px;margin-bottom:16px;padding:20px;display:flex}.verification-promo-icon{background:linear-gradient(135deg,#1a73e8 0%,#1557b0 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.verification-promo-icon svg{color:#fff;width:24px;height:24px}.verification-promo-content{flex:1}.verification-promo-content h3{color:#1a73e8;margin:0 0 8px;font-size:16px;font-weight:600}.verification-promo-content p{color:#1557b0;margin:0 0 12px;font-size:14px;line-height:1.4}.verification-status{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.verification-status.pending{color:#92400e;background:#fef3c7}.btn-verify{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#1a73e8 0%,#1557b0 100%);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-verify:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}@media (max-width:480px){.verification-promo-card{text-align:center;flex-direction:column}.verification-promo-icon{margin:0 auto}.btn-verify{justify-content:center;width:100%}}.search-result-card{background:var(--color-white);border-radius:var(--radius-md);cursor:pointer;border:1px solid #dbdbdb;gap:16px;padding:16px;transition:all .2s;display:flex}.search-result-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0066ff1a}.result-image-wrapper{flex-shrink:0;width:120px;height:120px;position:relative}.result-image{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.result-type-badge{background-color:var(--color-primary);color:var(--color-white);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.result-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.result-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-title{color:var(--color-black);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.result-location{color:#999;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.result-location svg{width:14px;height:14px}.result-subtitle{color:#999;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.result-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.result-footer{align-items:center;gap:8px;margin-top:auto;display:flex}.result-category{color:#666;background-color:#f5f5f5;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}@media (max-width:768px){.search-result-card{gap:12px;padding:12px}.result-image-wrapper{width:80px;height:80px}.result-type-badge{padding:3px 6px;font-size:10px}.result-title{font-size:14px}.result-subtitle,.result-description{font-size:13px}.result-header{flex-direction:column;align-items:flex-start;gap:4px}}.search-result-card.provider-card{background:linear-gradient(135deg,#fff9f5 0%,#fff 100%);border-left:3px solid #ff6d00}.search-result-card.provider-card:hover{border-color:#ff6d00;box-shadow:0 4px 12px #ff6d0026}.result-bio-secondary{color:#999;border-left:2px solid #e0e0e0;margin:0;padding-left:8px;font-size:12px;font-style:italic;line-height:1.4}.result-provider-badge{color:#fff;background:linear-gradient(135deg,#ff6d00 0%,#ff9800 100%);border-radius:12px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.result-provider-badge span:first-child{font-size:12px}.provider-card .result-description{color:#333;background:#ff6d000d;border-left:2px solid #ff6d00;border-radius:6px;padding:8px 10px;font-weight:500}@media (max-width:768px){.result-provider-badge{padding:3px 8px;font-size:10px}.result-bio-secondary{font-size:11px}.provider-card .result-description{padding:6px 8px}}.search-container{max-width:900px;margin:0 auto;padding:20px 20px 80px}.search-header-section{z-index:100;background-color:#fff;border-bottom:1px solid #e5e5e5;margin:-24px -20px 24px;padding:24px 20px 16px;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.search-header{text-align:center;margin-bottom:20px}.search-header h1{color:#262626;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.search-bar-mobile{align-items:center;gap:10px;display:flex}.search-bar-mobile .search-box-wrapper{flex:1}.search-bar-mobile .custom-searchbox{margin-bottom:0}.filter-toggle-btn{cursor:pointer;color:#262626;white-space:nowrap;background:#f5f5f5;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:none}.filter-toggle-btn svg{stroke:#262626;flex-shrink:0;width:18px;height:18px}.filter-toggle-btn:hover{background:#e8e8e8}.filter-toggle-btn:active{transform:scale(.96)}.filter-toggle-btn[aria-expanded=true]{color:#fff;background:#0095f6}.filter-toggle-btn[aria-expanded=true] svg{stroke:#fff}.filter-badge{display:none}.custom-searchbox{margin-bottom:20px;position:relative}.custom-searchbox .ais-SearchBox{width:100%}.custom-searchbox .ais-SearchBox-form{background:#fff;border:2px solid #e5e5e5;border-radius:12px;align-items:center;padding:0 16px;transition:all .3s;display:flex;position:relative}.custom-searchbox .ais-SearchBox-form:focus-within{border-color:#0095f6;box-shadow:0 0 0 3px #0095f61a}.custom-searchbox .ais-SearchBox-input{background:0 0;border:none;outline:none;width:100%;padding:16px 40px 16px 12px;font-size:16px}.custom-searchbox .ais-SearchBox-submit{cursor:pointer;color:#8e8e8e;background:0 0;border:none;padding:8px;transition:color .2s;position:absolute;right:50px}.custom-searchbox .ais-SearchBox-submit:hover{color:#0095f6}.custom-searchbox .ais-SearchBox-reset{cursor:pointer;color:#8e8e8e;background:0 0;border:none;padding:8px;transition:color .2s;position:absolute;right:12px}.custom-searchbox .ais-SearchBox-reset:hover{color:#ed4956}.custom-searchbox .ais-SearchBox-submitIcon,.custom-searchbox .ais-SearchBox-resetIcon{width:20px;height:20px}.content-type-filter{justify-content:center;gap:12px;margin-bottom:24px;padding:8px 0;display:flex;overflow-x:auto}.type-chip{color:#262626;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e0e0e0;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 4px #0000000d}.type-chip:hover{background:#f8f9fa;border-color:#0095f6;transform:translateY(-2px);box-shadow:0 4px 8px #0095f626}.type-chip.active{color:#fff;background:linear-gradient(135deg,#0095f6 0%,#00d4ff 100%);border-color:#0095f6;box-shadow:0 4px 12px #0095f64d}.chip-icon{font-size:18px;line-height:1}.chip-label{font-weight:600}.search-results-container{max-width:100%;margin:0 auto}.custom-hits{width:100%}.custom-hits .ais-Hits-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.custom-hits .ais-Hits-item{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden}.ais-Hits--empty{text-align:center;color:#8e8e8e;padding:60px 20px}.ais-Hits--empty:before{content:"🔍";margin-bottom:16px;font-size:48px;display:block}@media (max-width:768px){.search-container{padding:12px}.search-header-section{margin:-12px -12px 12px;padding:10px 12px 8px}.search-header.desktop-only{display:none}.filter-toggle-btn{display:flex}.custom-searchbox .ais-SearchBox-form{border-width:1px;border-radius:10px;padding:0 10px}.custom-searchbox .ais-SearchBox-input{padding:12px 36px 12px 8px;font-size:15px}.custom-searchbox .ais-SearchBox-submit{padding:6px;right:36px}.custom-searchbox .ais-SearchBox-reset{padding:6px;right:6px}.custom-searchbox .ais-SearchBox-submitIcon,.custom-searchbox .ais-SearchBox-resetIcon{width:18px;height:18px}.content-type-filter{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:12px;margin-bottom:0;padding:0;animation:.2s slideDown;display:none}.content-type-filter.show{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.type-chip{border-width:1.5px;border-radius:25px;padding:10px 16px;font-size:14px}.chip-icon{font-size:15px}.custom-hits .ais-Hits-list{gap:12px}.category-filter-section{margin-top:12px}.category-dropdown{max-height:250px;position:relative}}.category-filter-section{margin-top:16px;position:relative}.category-toggle-btn{cursor:pointer;color:#262626;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:25px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-toggle-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.category-toggle-btn.has-filter{color:#fff;background:linear-gradient(135deg,#00c853 0%,#00e676 100%);border-color:#00c853}.category-toggle-btn .chevron{width:16px;height:16px;transition:transform .2s}.category-toggle-btn .chevron.open{transform:rotate(180deg)}.category-dropdown{z-index:200;background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:320px;max-height:300px;animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-option{cursor:pointer;color:#262626;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.category-option:hover{background:#f5f5f5}.category-option.active{color:#0095f6;background:#e3f2fd;font-weight:600}.category-option .cat-icon{text-align:center;width:24px;font-size:18px}.active-filter-indicator{color:#2e7d32;background:#e8f5e9;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;display:flex}.active-filter-indicator strong{color:#1b5e20}.clear-filter-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px 8px;font-size:14px;transition:all .15s}.clear-filter-btn:hover{color:#c62828;background:#0000001a}.filter-toggle-btn.active{color:#fff;background:#0095f6}.filter-toggle-btn.active svg{stroke:#fff}.filter-toggle-btn.has-filters{color:#fff;background:#0095f6}.filter-toggle-btn.has-filters svg{stroke:#fff}.filter-badge{color:#fff;background:#ff3b30;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.location-filter-section{margin-top:12px;position:relative}.location-toggle-btn{cursor:pointer;color:#262626;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:25px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.location-toggle-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.location-toggle-btn.has-filter{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#42a5f5 100%);border-color:#2196f3}.location-toggle-btn .chevron{width:16px;height:16px;transition:transform .2s}.location-toggle-btn .chevron.open{transform:rotate(180deg)}.location-dropdown{z-index:200;background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:320px;max-height:300px;animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.location-option{cursor:pointer;color:#262626;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.location-option:hover{background:#f5f5f5}.location-option.active{color:#0095f6;background:#e3f2fd;font-weight:600}.location-option .loc-icon{text-align:center;width:24px;font-size:18px}.active-filters-container{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.active-filters-container .active-filter-indicator{margin-top:0;padding:6px 10px;font-size:12px}.clear-all-filters-btn{cursor:pointer;color:#c62828;background:#ffebee;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.clear-all-filters-btn:hover{background:#ffcdd2}@media (min-width:768px){.category-filter-section,.location-filter-section{margin-right:12px;display:inline-block}.filter-badge{display:inline-flex}}@media (max-width:767px){.location-filter-section{margin-top:10px}.location-dropdown{max-width:100%}.filter-badge{display:inline-flex}}.conversation-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.conversation-item:hover{background-color:#f8f9fa}.conversation-item.active{background-color:#e3f2fd}.conversation-item.unread{background-color:#f5f9ff}.conversation-avatar{flex-shrink:0;width:56px;height:56px;position:relative}.conversation-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.conversation-online-badge{background-color:#06f;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.conversation-info{flex:1;min-width:0}.conversation-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.conversation-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.conversation-time{color:#666;flex-shrink:0;font-size:12px}.conversation-preview{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-last-message{color:#666;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:14px;overflow:hidden}.conversation-item.unread .conversation-last-message{color:#1a1a1a;font-weight:600}.conversation-unread-badge{color:#fff;background-color:#06f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:flex}@media (max-width:768px){.conversation-avatar{width:48px;height:48px}.conversation-name{font-size:15px}.conversation-last-message{font-size:13px}}.conversation-list{background:#fff;flex-direction:column;height:100%;display:flex}.conversation-list-header{border-bottom:1px solid #e0e0e0;padding:20px}.conversation-list-header h2{color:#1a1a1a;margin:0;font-size:22px;font-weight:600}.conversation-search{border-bottom:1px solid #e0e0e0;padding:12px 16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:#666;width:20px;height:20px;position:absolute;left:12px}.search-input-wrapper input{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 40px;font-size:15px}.clear-search{cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;right:8px}.clear-search svg{color:#666;width:18px;height:18px}.conversation-list-loading,.conversation-list-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.conversation-list-loading .spinner{border:3px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.conversation-list-empty svg{color:#bdbdbd;opacity:.6;width:64px;height:64px}.conversation-list-empty h3{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.conversation-list-empty p{color:#666;text-align:center;max-width:280px;margin:0;font-size:14px}.conversations-scroll{flex:1;overflow-y:auto}@media (max-width:768px){.conversation-list-header{padding:16px}.conversation-search{padding:10px 12px}}.message-bubble-wrapper{align-items:flex-end;gap:8px;margin-bottom:4px;padding:2px 0;display:flex}.message-bubble-wrapper.own{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:32px;height:32px}.message-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.message-avatar-placeholder{flex-shrink:0;width:32px}.message-bubble{word-wrap:break-word;border-radius:12px;max-width:70%;padding:8px 12px}.message-bubble.own{color:#fff;background-color:#06f;border-bottom-right-radius:4px}.message-bubble.other{color:#1a1a1a;background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-text{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.4}.message-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.message-bubble.own .message-time{color:#fff}.message-bubble.other .message-time{color:#666}.message-status{align-items:center;display:flex}.message-status svg{color:#fff;opacity:.7;width:16px;height:16px}@media (max-width:768px){.message-bubble{max-width:80%}.message-text{font-size:14px}}.message-input-container{flex-direction:column;gap:6px;display:flex}.message-input-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:24px;align-items:flex-end;gap:12px;padding:8px 8px 8px 16px;transition:border-color .2s;display:flex}.message-input-wrapper:focus-within{border-color:#06f}.message-input-wrapper textarea{resize:none;border:none;outline:none;flex:1;min-height:24px;max-height:120px;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.send-button{color:#666;cursor:pointer;background:#e0e0e0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button.active{color:#fff;background:#06f}.send-button.active:hover{background:#0052cc;transform:scale(1.05)}.send-button svg{width:20px;height:20px}.button-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.message-input-hint{color:#666;text-align:center;opacity:.7;font-size:12px}@media (max-width:768px){.message-input-hint{display:none}.message-input-wrapper textarea{font-size:14px}}.chat-window{background:#fff;flex-direction:column;height:100%;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-header-left{align-items:center;gap:12px;display:flex}.back-button-mobile{cursor:pointer;color:#06f;background:0 0;border:none;padding:8px;display:none}.back-button-mobile svg{width:24px;height:24px}.chat-header-user{align-items:center;gap:12px;display:flex}.chat-header-user img{object-fit:cover;border-radius:50%;width:40px;height:40px}.chat-header-info h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.chat-header-info span{color:#666;font-size:13px}.chat-header-actions{gap:8px;display:flex}.icon-button{cursor:pointer;color:#666;background:0 0;border:none;padding:8px;transition:all .2s}.icon-button:hover{color:#06f;background:#f0f7ff;border-radius:50%}.icon-button svg{width:24px;height:24px}.chat-messages{background-color:#f0f2f5;flex:1;padding:20px;overflow-y:auto}.chat-loading,.chat-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.chat-loading .spinner{border:3px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.chat-empty svg{color:#bdbdbd;opacity:.6;width:64px;height:64px}.chat-empty p{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.chat-empty span{color:#666;font-size:14px}.message-group{margin-bottom:16px}.message-date-divider{justify-content:center;align-items:center;margin:16px 0;display:flex}.message-date-divider span{color:#666;background:#fff;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000001a}.chat-input-area{background:#fff;border-top:1px solid #e0e0e0;padding:16px 20px}@media (max-width:768px){.back-button-mobile{display:block}.chat-header{padding:10px 16px}.chat-messages{padding:16px 12px}.chat-input-area{padding:12px}}.messages-container{background-color:#f8f9fa;width:100%;height:calc(100vh - 60px);display:flex;overflow:hidden}.messages-container.desktop{flex-direction:row}.messages-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:380px;min-width:320px;max-width:420px;height:100%;display:flex}.messages-main{background-color:#f0f2f5;flex-direction:column;flex:1;height:100%;display:flex}.messages-container.mobile{flex-direction:column;width:100%}.no-conversation-selected{text-align:center;background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.no-conversation-selected svg{color:#bdbdbd;opacity:.6;width:80px;height:80px}.no-conversation-selected h3{color:#1a1a1a;margin:0;font-size:20px;font-weight:600}.no-conversation-selected p{color:#666;max-width:320px;margin:0;font-size:15px}.messages-loading{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.loading-spinner{border:4px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.messages-loading p{color:#666;margin:0;font-size:16px}@media (max-width:1024px){.messages-sidebar{width:320px;min-width:280px}}@media (max-width:768px){.messages-container{height:calc(100vh - 56px)}.messages-sidebar,.messages-main{border-right:none;width:100%}.no-conversation-selected svg{width:64px;height:64px}.no-conversation-selected h3{font-size:18px}.no-conversation-selected p{font-size:14px}}.notification-item{cursor:pointer;border-bottom:1px solid #efefef;align-items:flex-start;gap:12px;padding:16px 20px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background-color:#fafafa}.notification-item.unread{background-color:#f0f8ff}.notification-item.unread:hover{background-color:#e6f3ff}.notification-avatar{flex-shrink:0;width:48px;height:48px;position:relative}.notification-avatar img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px}.notification-icon{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0000001a}.notification-icon svg{width:14px;height:14px}.like-icon{color:#fff;background-color:#ed4956}.comment-icon,.follow-icon{color:#fff;background-color:#0095f6}.message-icon{color:#fff;background-color:#25d366}.request-match-icon{color:#fff;background:linear-gradient(135deg,#ff6d00,#ff8f00)}.notification-item.system-notification{background:linear-gradient(135deg,#0066ff0d,#ff6d000d);border-left:3px solid #ff6d00}.notification-item.system-notification.unread{background:linear-gradient(135deg,#0066ff1a,#ff6d001a)}.notification-item.system-notification:hover{background:linear-gradient(135deg,#0066ff14,#ff6d0014)}.notification-content{flex:1;min-width:0}.notification-message{color:#262626;word-wrap:break-word;margin-bottom:4px;font-size:14px;line-height:1.5}.notification-username{color:#262626;font-weight:600}.notification-time{color:#8e8e8e;font-size:12px}.notification-badge{background-color:#0095f6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.notification-delete-btn{cursor:pointer;opacity:0;color:#8e8e8e;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{color:#262626;background-color:#efefef}.notification-delete-btn svg{width:16px;height:16px}@media (max-width:768px){.notification-item{padding:12px 16px}.notification-avatar,.notification-avatar img{width:40px;height:40px}.notification-icon{width:20px;height:20px}.notification-icon svg{width:12px;height:12px}.notification-message{font-size:13px}.notification-delete-btn{opacity:1;right:16px}.notification-badge{right:16px}}.notifications-container{max-width:935px;margin:0 auto;padding:20px 20px 80px}.notifications-header{background:#fff;border:1px solid #dbdbdb;border-radius:8px;margin-bottom:20px;padding:20px}.notifications-header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notifications-header h2{color:#262626;margin:0;font-size:24px;font-weight:600}.notifications-actions{gap:12px;display:flex}.btn-mark-all-read,.btn-delete-read{cursor:pointer;color:#262626;background:#fff;border:1px solid #dbdbdb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-mark-all-read:hover{color:#fff;background:#0095f6;border-color:#0095f6}.btn-delete-read:hover{color:#fff;background:#ed4956;border-color:#ed4956}.notifications-filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-btn{color:#262626;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbdbdb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.filter-btn svg{width:16px;height:16px}.filter-btn:hover{background:#fafafa}.filter-btn.active{color:#fff;background:#0095f6;border-color:#0095f6}.notifications-content{background:#fff;border:1px solid #dbdbdb;border-radius:8px;min-height:400px;overflow:hidden}.notifications-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.notifications-loading p{color:#8e8e8e;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 20px;display:flex}.empty-icon{color:#8e8e8e;opacity:.5;width:80px;height:80px;margin:0 auto 20px}.empty-icon svg{width:100%;height:100%}.empty-state h3{color:#262626;margin:0 0 8px;font-size:20px;font-weight:600}.empty-state p{color:#8e8e8e;max-width:300px;margin:0;font-size:14px}@media (max-width:768px){.notifications-container{padding:12px}.notifications-header{padding:16px}.notifications-header-top{flex-direction:column;align-items:flex-start;gap:12px}.notifications-header h2{font-size:20px}.notifications-actions{flex-direction:column;width:100%}.btn-mark-all-read,.btn-delete-read{width:100%}.notifications-filters{flex-wrap:nowrap;overflow-x:auto}.filter-btn{padding:6px 12px;font-size:13px}.notifications-content{min-height:300px}.empty-icon{width:60px;height:60px}.empty-state{padding:40px 20px}.empty-state h3{font-size:18px}}.post-detail-page{background-color:#f8f9fa;width:100%;max-width:100%;min-height:100vh}.post-detail-header{z-index:100;background-color:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.back-button{color:#06f;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.back-button:hover{background-color:#f0f7ff}.back-button:active{transform:scale(.98)}.back-button svg{stroke-width:2.5px;width:20px;height:20px}.post-detail-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.post-detail-content{width:100%;max-width:680px;margin:0 auto;padding:20px}.post-detail-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.post-detail-loading .spinner{border:4px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.post-detail-loading p{color:#666;margin:0;font-size:15px}.post-detail-error{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex;box-shadow:0 2px 8px #00000014}.post-detail-error svg{color:#ff6b6b;opacity:.8}.post-detail-error h2{color:#1a1a1a;margin:0;font-size:20px;font-weight:600}.post-detail-error p{color:#666;max-width:320px;margin:0;font-size:15px}.error-button{color:#fff;cursor:pointer;background-color:#06f;border:none;border-radius:8px;margin-top:8px;padding:10px 24px;font-size:15px;font-weight:500;transition:all .2s}.error-button:hover{background-color:#0052cc;transform:translateY(-1px);box-shadow:0 4px 12px #0066ff40}.error-button:active{transform:translateY(0)}.post-detail-card{width:100%;animation:.3s ease-out fadeIn}.post-detail-card .post-card{margin-bottom:0;box-shadow:0 2px 8px #00000014}@media (max-width:768px){.post-detail-header{padding:10px 16px}.back-button span{display:none}.back-button{justify-content:center;min-width:40px;padding:8px}.post-detail-title{font-size:16px}.post-detail-content{padding:16px 12px}.post-detail-loading,.post-detail-error{padding:40px 20px}.post-detail-error h2{font-size:18px}.post-detail-error p{font-size:14px}}@media (min-width:769px) and (max-width:1024px){.post-detail-content{max-width:620px}}@media (min-width:1025px){.post-detail-content{padding:24px 20px}.post-detail-header{padding:14px 24px}}@media (prefers-reduced-motion:reduce){.post-detail-loading .spinner{opacity:.5;border-top-color:#06f;animation:none}.post-detail-card{animation:none}.back-button,.error-button{transition:none}}@media (prefers-color-scheme:dark){.post-detail-page{background-color:#0f0f0f}.post-detail-header{background-color:#1a1a1a;border-bottom-color:#2a2a2a}.post-detail-title{color:#fff}.back-button{color:#4d9fff}.back-button:hover{background-color:#1f2937}.post-detail-loading p{color:#a0a0a0}.post-detail-error{background-color:#1a1a1a;border:1px solid #2a2a2a}.post-detail-error h2{color:#fff}.post-detail-error p{color:#a0a0a0}.post-detail-loading .spinner{border-color:#4d9fff #2a2a2a #2a2a2a}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.user-list-card{padding:12px}.user-list-card__avatar{width:40px;height:40px}.user-list-card__name,.user-list-card__bio{font-size:13px}.user-list-card__button{padding:6px 12px;font-size:13px}}@media (max-width:480px){.user-list-card__bio{display:none}}.follow-lists{background-color:#fafafa;max-width:600px;min-height:100vh;margin:0 auto;padding:20px}.follow-lists__header{background:#fff;border-radius:8px;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 1px 3px #0000001a}.follow-lists__back{color:#262626;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:16px;transition:background-color .2s}.follow-lists__back:hover{background-color:#f0f0f0}.follow-lists__title{color:#262626;margin:0;font-size:20px;font-weight:600}.follow-lists__tabs{background:#fff;border-radius:8px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.follow-lists__tab{text-align:center;color:#8e8e8e;cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:15px;font-weight:500;text-decoration:none;transition:all .2s}.follow-lists__tab:hover{background-color:#fafafa}.follow-lists__tab.active{color:#262626;border-bottom-color:#0095f6}.follow-lists__search{margin-bottom:20px}.follow-lists__search-input{background:#fff;border:1px solid #dbdbdb;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:border-color .2s}.follow-lists__search-input:focus{border-color:#0095f6}.follow-lists__content{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.follow-lists__list{flex-direction:column;display:flex}.follow-lists__empty{text-align:center;padding:60px 20px}.follow-lists__empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.follow-lists__empty-text{color:#262626;margin-bottom:10px;font-size:18px;font-weight:600}.follow-lists__empty-subtitle{color:#8e8e8e;font-size:14px}.user-list-card{border-bottom:1px solid #efefef;align-items:center;padding:15px;transition:background-color .2s;display:flex}.user-list-card:last-child{border-bottom:none}.user-list-card:hover{background-color:#fafafa}.user-list-card.loading{pointer-events:none}.user-list-card__link{color:inherit;flex:1;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.user-list-card__avatar{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.user-list-card__avatar img{object-fit:cover;width:100%;height:100%}.user-list-card__avatar-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}.user-list-card__info{flex:1;min-width:0}.user-list-card__name{color:#262626;align-items:center;gap:5px;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.user-list-card__verified{color:#0095f6;font-size:14px}.user-list-card__bio{color:#8e8e8e;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;overflow:hidden}.user-list-card__location{color:#8e8e8e;font-size:12px}.user-list-card__button{cursor:pointer;color:#fff;background-color:#0095f6;border:none;border-radius:8px;flex-shrink:0;padding:7px 16px;font-size:14px;font-weight:600;transition:all .2s}.user-list-card__button:hover{background-color:#0081d8}.user-list-card__button.following{color:#262626;background-color:#efefef;border:1px solid #dbdbdb}.user-list-card__button.following:hover{background-color:#dbdbdb}.user-list-card__button:disabled{opacity:.5;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading}.user-list-card__avatar.skeleton{border-radius:50%}.skeleton-text{width:150px;height:16px;margin-bottom:8px}.skeleton-text.small{width:100px;height:14px}@media (max-width:768px){.follow-lists{padding:10px}.follow-lists__header{border-radius:0;margin-bottom:10px;padding:12px}.follow-lists__title{font-size:18px}.follow-lists__tabs{border-radius:0;margin-bottom:10px}.follow-lists__tab{padding:12px;font-size:14px}.follow-lists__search{margin-bottom:10px;padding:0 10px}.follow-lists__content{border-radius:0}.user-list-card{padding:12px}.user-list-card__avatar{width:40px;height:40px}.user-list-card__name,.user-list-card__bio{font-size:13px}.user-list-card__button{padding:6px 12px;font-size:13px}}@media (max-width:480px){.follow-lists{padding:0}.follow-lists__empty{padding:40px 15px}.follow-lists__empty-icon{font-size:48px}.user-list-card__bio{display:none}}.admin-panel{background-color:#f5f5f5;min-height:100vh}.admin-header{color:#fff;z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:20px;position:sticky;top:0}.admin-header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.admin-title{align-items:center;gap:12px;display:flex}.admin-title h1{margin:0;font-size:24px;font-weight:700}.admin-badge{text-transform:uppercase;background:linear-gradient(135deg,#f39c12 0%,#e74c3c 100%);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.admin-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.admin-back-btn:hover{background:#fff3}.admin-tabs{background:#fff;border-bottom:1px solid #e0e0e0;gap:0;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto}.admin-tab{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-tab:hover{color:#333;background:#f5f5f5}.admin-tab.active{color:#06f;border-bottom-color:#06f}.tab-badge{color:#fff;background:#e74c3c;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.admin-content{max-width:1200px;margin:0 auto;padding:24px 20px}.admin-loading,.admin-denied,.admin-loading-content{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.admin-denied{background:#f5f5f5;min-height:100vh}.admin-denied h1{margin:0;font-size:48px}.admin-denied p{color:#666;font-size:18px}.admin-denied button{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:8px;padding:12px 24px;font-weight:600}.spinner{border:3px solid #e0e0e0;border-top-color:#06f;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.admin-error{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.admin-error button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:18px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.stat-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-card.warning{border-left:4px solid #f39c12}.stat-card.danger{border-left:4px solid #e74c3c}.stat-icon{font-size:40px;line-height:1}.stat-info{flex-direction:column;display:flex}.stat-value{color:#1a1a2e;font-size:32px;font-weight:700}.stat-label{color:#666;font-size:14px}.reports-list{flex-direction:column;gap:16px;display:flex}.report-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.report-card.pending{border-left:4px solid #f39c12}.report-card.resolved{opacity:.7;border-left:4px solid #27ae60}.report-card.dismissed{opacity:.6;border-left:4px solid #95a5a6}.report-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.report-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.report-status.pending{color:#856404;background:#fef3cd}.report-status.resolved{color:#155724;background:#d4edda}.report-status.dismissed{color:#383d41;background:#e2e3e5}.report-date{color:#666;font-size:12px}.report-target{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.report-target-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.report-target-avatar{object-fit:cover;border:2px solid #ddd;border-radius:50%;width:48px;height:48px}.report-target-info{flex-direction:column;flex:1;gap:2px;display:flex}.report-target-name{color:#333;font-size:15px;font-weight:600}.report-target-type{color:#666;font-size:12px}.btn-view-profile{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:background .2s}.btn-view-profile:hover{background:#2980b9}.report-target-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-top:12px;padding:12px}.report-content-title{color:#333;margin:0 0 8px;font-size:14px}.report-content-text{color:#555;word-break:break-word;margin:0 0 8px;font-size:14px;line-height:1.5}.report-content-category{color:#666;margin:0 0 8px;font-size:13px}.report-content-images{margin-top:8px}.report-content-images strong{color:#333;margin-bottom:8px;font-size:13px;display:block}.report-images-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-image-thumb{object-fit:cover;cursor:pointer;border:1px solid #ddd;border-radius:8px;width:80px;height:80px;transition:transform .2s,box-shadow .2s}.report-image-thumb:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.report-images-more{color:#666;background:#e0e0e0;border-radius:4px;padding:4px 8px;font-size:12px}.report-reason-badge{color:#856404;background:#fff3cd;border-radius:20px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.report-description{color:#555;background:#f8f9fa;border-left:3px solid #f39c12;border-radius:6px;margin:8px 0;padding:10px;font-size:14px}.report-reporter{color:#666;margin:8px 0 0;font-size:13px}.report-body p{color:#333;margin:8px 0;font-size:14px}.report-actions{border-top:1px solid #eee;gap:10px;margin-top:16px;padding-top:16px;display:flex}.btn-resolve{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-dismiss{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-delete{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.users-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000d}.users-table th{text-align:left;color:#333;background:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:16px;font-weight:600}.users-table td{border-bottom:1px solid #eee;padding:16px}.users-table tr:hover{background:#f8f9fa}.users-table tr.banned{background:#fee2e2}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.user-name{align-items:center;gap:6px;font-weight:600;display:flex}.verified-badge-small{color:#1da1f2;font-size:14px}.btn-verify{color:#1da1f2;cursor:pointer;background:#fff;border:2px solid #1da1f2;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.btn-verify:hover{background:#e8f5fd}.btn-verify.verified{color:#fff;background:#1da1f2}.btn-verify.verified:hover{background:#0c85d0}.btn-verify:disabled{opacity:.5;cursor:not-allowed}.status-badge.active{color:#155724;background:#d4edda}.status-badge.banned{color:#dc2626;background:#fee2e2}.btn-ban{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500}.btn-unban{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500}.banned-list{flex-direction:column;gap:16px;display:flex}.banned-card{background:#fff;border-left:4px solid #e74c3c;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.banned-info h3{margin:0 0 4px;font-size:16px}.banned-email{color:#666;margin:0 0 8px;font-size:14px}.banned-reason{margin:4px 0;font-size:14px}.banned-date{color:#999;margin:0;font-size:12px}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:64px;display:block}.empty-state p{color:#666;font-size:16px}@media (max-width:768px){.admin-header-content{text-align:center;flex-direction:column;gap:12px}.admin-title h1{font-size:20px}.admin-tabs{padding:0 10px}.admin-tab{padding:12px 16px;font-size:13px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{text-align:center;flex-direction:column;padding:16px}.stat-value{font-size:24px}.users-table{display:block;overflow-x:auto}.report-actions{flex-wrap:wrap}.banned-card{flex-direction:column;align-items:flex-start;gap:16px}}.notifications-admin{grid-template-columns:1fr 1fr;gap:24px;display:grid}.notification-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.notification-form-card h2{color:#333;margin:0 0 20px;font-size:20px}.notif-success{color:#155724;background:#d4edda;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-weight:500}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-weight:600;display:block}.notif-type-buttons{flex-wrap:wrap;gap:8px;display:flex}.notif-type-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.notif-type-btn:hover{border-color:#999}.notif-type-btn.active.info{color:#117a8b;background:#e7f5f8;border-color:#17a2b8}.notif-type-btn.active.warning{color:#856404;background:#fff8e1;border-color:#ffc107}.notif-type-btn.active.update{color:#1e7e34;background:#e8f5e9;border-color:#28a745}.notif-type-btn.active.promotion{color:#c2185b;background:#fce4ec;border-color:#e91e63}.audience-buttons{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.audience-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.audience-btn:hover{border-color:#999}.audience-btn.active{color:#06f;background:#e6f0ff;border-color:#06f}.audience-count{color:#666;font-size:13px}.audience-count strong{color:#06f;font-weight:700}.form-group input,.form-group textarea{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#06f;outline:none}.form-group textarea{resize:vertical;min-height:100px}.char-count{text-align:right;color:#999;margin-top:4px;font-size:12px;display:block}.notification-preview{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.notification-preview h4{color:#666;margin:0 0 12px;font-size:14px}.preview-notification{background:#fff;border-left:4px solid #17a2b8;border-radius:8px;gap:12px;padding:16px;display:flex;box-shadow:0 2px 4px #0000001a}.preview-notification.warning{border-left-color:#ffc107}.preview-notification.update{border-left-color:#28a745}.preview-notification.promotion{border-left-color:#e91e63}.preview-icon{font-size:24px}.preview-content strong{color:#333;margin-bottom:4px;display:block}.preview-content p{color:#666;margin:0;font-size:14px}.send-notification-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f 0%,#0052cc 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.send-notification-btn:hover:not(:disabled){background:linear-gradient(135deg,#0052cc 0%,#004099 100%);transform:translateY(-1px)}.send-notification-btn:disabled{cursor:not-allowed;background:#ccc}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.notifications-history{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.notifications-history h3{color:#333;margin:0 0 20px;font-size:18px}.history-list{flex-direction:column;gap:16px;max-height:600px;display:flex;overflow-y:auto}.history-item{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;padding:16px}.history-item.warning{border-left-color:#ffc107}.history-item.update{border-left-color:#28a745}.history-item.promotion{border-left-color:#e91e63}.history-header{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.history-type{color:#117a8b;background:#e7f5f8;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.history-type.warning{color:#856404;background:#fff8e1}.history-type.update{color:#1e7e34;background:#e8f5e9}.history-type.promotion{color:#c2185b;background:#fce4ec}.history-status{color:#666;background:#e0e0e0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.history-status.completed{color:#155724;background:#d4edda}.history-status.sending{color:#856404;background:#fff3cd}.history-status.failed{color:#721c24;background:#f8d7da}.history-date{color:#999;margin-left:auto;font-size:12px}.history-item h4{color:#333;margin:0 0 4px;font-size:15px}.history-item p{color:#666;margin:0 0 12px;font-size:14px}.history-footer{color:#999;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}@media (max-width:1024px){.notifications-admin{grid-template-columns:1fr}}@media (max-width:480px){.notif-type-buttons,.audience-buttons{flex-direction:column}.notif-type-btn,.audience-btn{text-align:center;width:100%}.history-header{flex-direction:column;align-items:flex-start}.history-date{margin-left:0}}.verifications-section{flex-direction:column;gap:20px;display:flex}.verification-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.verification-stats-grid .stat-card.success{border-left:4px solid #22c55e}.verification-filter{border-radius:var(--radius-lg);border:1px solid var(--color-gray-light);background:#fff;align-items:center;gap:12px;padding:16px;display:flex}.verification-filter label{color:var(--color-text);font-size:14px;font-weight:500}.verification-filter select{border:1px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;min-width:180px;padding:10px 16px;font-size:14px}.verification-requests-list{flex-direction:column;gap:12px;display:flex}@media (max-width:1024px){.verification-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.verification-stats-grid{grid-template-columns:1fr}.verification-filter{flex-direction:column;align-items:stretch}.verification-filter select{min-width:100%}}.verification-card{background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);margin-bottom:12px;transition:all .2s;overflow:hidden;box-shadow:0 2px 4px #0000000d}.verification-card:hover{box-shadow:0 4px 12px #0000001a}.verification-card.pending{border-left:4px solid #f59e0b}.verification-card.approved{border-left:4px solid #22c55e}.verification-card.rejected{border-left:4px solid #ef4444}.verification-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.verification-header:hover{background:var(--color-gray-lighter)}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--color-gray-light);border-radius:50%;width:48px;height:48px}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--color-text);font-size:15px;font-weight:600;text-decoration:none}.user-name:hover{color:var(--color-primary);text-decoration:underline}.user-username{color:var(--color-text-light);font-size:13px}.user-email{color:var(--color-text-lighter);font-size:12px}.request-meta{align-items:center;gap:12px;display:flex}.status-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.approved{color:#166534;background:#dcfce7}.status-badge.rejected{color:#991b1b;background:#fee2e2}.document-type{color:var(--color-text-light);background:var(--color-gray-lighter);border-radius:var(--radius-sm);padding:4px 8px;font-size:13px}.time-ago{color:var(--color-text-lighter);font-size:12px}.expand-icon{color:var(--color-text-light);margin-left:8px;font-size:12px}.verification-body{border-top:1px solid var(--color-gray-light);background:var(--color-gray-lighter);padding:16px}.documents-section{margin-bottom:20px}.documents-section h4{color:var(--color-text);margin-bottom:12px;font-size:14px;font-weight:600}.documents-grid{flex-wrap:wrap;gap:12px;display:flex}.document-thumbnail{border-radius:var(--radius-md);border:2px solid var(--color-gray-light);cursor:pointer;width:200px;height:140px;transition:all .2s;position:relative;overflow:hidden}.document-thumbnail:hover{border-color:var(--color-primary);transform:scale(1.02)}.document-thumbnail img{object-fit:cover;width:100%;height:100%}.document-label{color:#fff;text-align:center;background:#000000b3;padding:4px 8px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.zoom-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.document-thumbnail:hover .zoom-overlay{opacity:1}.zoom-overlay svg{color:#fff;width:32px;height:32px}.request-details{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.detail-row{border-bottom:1px solid var(--color-gray-light);justify-content:space-between;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-light);font-size:13px}.detail-value{color:var(--color-text);text-align:right;word-break:break-all;max-width:60%;font-size:13px;font-weight:500}.rejection-reason .detail-value{color:#dc2626}.admin-notes-section{margin-bottom:16px}.admin-notes-section label{color:var(--color-text);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.admin-notes-section textarea{border:1px solid var(--color-gray-light);border-radius:var(--radius-md);resize:vertical;width:100%;padding:10px;font-family:inherit;font-size:14px}.verification-actions{justify-content:flex-end;gap:12px;display:flex}.btn-approve,.btn-reject{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-approve{color:#fff;background:#22c55e}.btn-approve:hover{background:#16a34a}.btn-reject{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.btn-reject:hover{background:#fecaca}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.image-viewer-modal{z-index:2000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-viewer-modal img{object-fit:contain;border-radius:var(--radius-md);max-width:90%;max-height:90%}.close-viewer{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.close-viewer:hover{background:#ffffff4d}.reject-modal{width:95%;max-width:450px}.reject-modal h3{color:var(--color-text);margin-bottom:8px;font-size:18px}.reject-modal>p{color:var(--color-text-light);margin-bottom:16px;font-size:14px}.reject-modal .form-group{margin-bottom:16px}.reject-modal label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.reject-modal select,.reject-modal textarea{border:1px solid var(--color-gray-light);border-radius:var(--radius-md);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.reject-modal .modal-actions{gap:12px;margin-top:20px;display:flex}.reject-modal .btn-secondary{background:var(--color-gray-lighter);color:var(--color-text);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);cursor:pointer;flex:1;padding:10px 16px;font-size:14px;font-weight:500}.reject-modal .btn-reject{flex:2}@media (max-width:768px){.verification-header{flex-direction:column;align-items:flex-start;gap:12px}.request-meta{flex-wrap:wrap;gap:8px}.document-thumbnail{width:calc(50% - 6px);height:100px}.verification-actions{flex-direction:column}.verification-actions button{width:100%}.detail-value{max-width:50%}}@media (max-width:480px){.document-thumbnail{width:100%;height:150px}}.unread-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 8px;font-size:12px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.messages-quick-section{margin-bottom:16px}.btn-messages{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-messages:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-messages .new-badge{color:#fff;background:#ef4444;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:600}.message-modal{flex-direction:column;width:95%;max-width:550px;max-height:80vh;display:flex}.message-modal-header{border-bottom:1px solid var(--color-gray-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.message-modal-header h3{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.message-modal-header .close-btn{background:var(--color-gray-lighter);cursor:pointer;width:32px;height:32px;color:var(--color-text-light);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.message-modal-header .close-btn:hover{background:var(--color-gray-light);color:var(--color-text)}.messages-container{background:#f8f9fa;flex:1;min-height:200px;max-height:400px;padding:16px 20px;overflow-y:auto}.no-messages{text-align:center;height:100%;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-messages span{margin-bottom:12px;font-size:48px}.no-messages p{font-size:14px}.messages-list{flex-direction:column;gap:12px;display:flex}.message-bubble{border-radius:12px;max-width:85%;padding:10px 14px}.message-bubble.admin{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.user{border:1px solid var(--color-gray-light);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.message-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.sender-name{opacity:.9;font-size:12px;font-weight:600}.message-bubble.user .sender-name{color:var(--color-primary)}.message-time{opacity:.7;font-size:11px}.message-content{word-wrap:break-word;margin:0;font-size:14px;line-height:1.4}.message-input-section{border-top:1px solid var(--color-gray-light);background:#fff;padding:16px 20px}.message-input-section textarea{border:1px solid var(--color-gray-light);border-radius:var(--radius-md);resize:none;width:100%;margin-bottom:12px;padding:12px;font-family:inherit;font-size:14px}.message-input-section textarea:focus{border-color:var(--color-primary);outline:none}.btn-send{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-send:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.message-modal{max-height:90vh}.messages-container{max-height:300px}.message-bubble{max-width:90%}}:root{--color-primary:#06f;--color-secondary:#ff6b35;--color-white:#fff;--color-gray-light:#f5f5f5;--color-gray-medium:#9e9e9e;--color-gray-dark:#424242;--color-black:#1a1a1a;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 20px #00000026;--transition:all .3s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-light);color:var(--color-black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);text-align:center;border:none;padding:12px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#0052cc;transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{box-shadow:var(--shadow-md);background-color:#e55a2b;transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.input{border-radius:var(--radius-sm);width:100%;transition:var(--transition);border:2px solid #e0e0e0;padding:12px 16px;font-family:Inter,sans-serif;font-size:16px}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.fade-in{animation:.5s fadeIn}