.container{max-width:800px;margin:0 auto;padding:2rem}.container h1{color:#333;margin-bottom:1rem}.container p{color:#666;margin-bottom:2rem;font-size:1.1rem}.api-section{background:#f5f5f5;border-radius:8px;padding:1.5rem;margin:2rem 0;border-left:4px solid #007acc}.api-section h2{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.2rem}.api-section pre{background:#fff;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem;border:1px solid #ddd}.links{margin-top:2rem;text-align:center}.links a{color:#007acc;text-decoration:none;font-weight:500;margin:0 .5rem}.links a:hover{text-decoration:underline}.links span{color:#ccc}.current-image-preview,.new-image-preview{margin:1rem 0;text-align:center}.current-image,.new-image{max-width:150px;max-height:150px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000001a}.current-image-label,.new-image-label{margin:.5rem 0 0;font-size:12px;color:#6b7280;font-weight:500}.remove-image-btn{background:#ef4444;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.remove-image-btn:hover{background:#dc2626;transform:translateY(-1px)}.remove-image-btn:active{transform:translateY(0)}@media (max-width: 768px){.current-image,.new-image{max-width:120px;max-height:120px}}@media (max-width: 480px){.current-image,.new-image{max-width:100px;max-height:100px}}.matchmaker-form *,.matchmaker-form *:before,.matchmaker-form *:after{box-sizing:border-box}.matchmaker-form{max-width:800px;margin:0 auto;padding:0;line-height:1.6;color:#333}.form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.form-header{background:#ec7535;color:#fff;padding:2rem;text-align:center}.form-header h1{margin:0 0 1rem;font-size:1.8rem;font-weight:700;color:#fff}.welcome-message{margin:1rem 0 0;font-size:1.1rem;opacity:.9}.matchmaker-form-content{padding:30px}.form-section{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.form-section h2{margin:0 0 15px;font-size:1.4em;color:#1e3a8a;font-weight:700}.offer-section{border-bottom:none}.offer-section h2{color:#059669}.need-section{border-bottom:none}.need-section h2{color:#dc2626}.form-textarea{width:100%;min-height:120px;padding:15px;border:2px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:16px;line-height:1.5;resize:vertical;transition:border-color .2s ease;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.form-textarea::placeholder{color:#6b7280;font-style:italic}.auth-section{background:#f8fafc;padding:25px;border-radius:6px;margin-top:20px}.auth-mode-toggle{display:flex;gap:20px;margin-bottom:20px}.radio-option{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#1e3a8a}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:5px;font-weight:500;color:#374151}.form-input{width:100%;padding:12px 15px;border:2px solid #d1d5db;border-radius:6px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.checkbox-field{margin:20px 0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;line-height:1.5}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:0;transform:translateY(.25em);accent-color:#1e3a8a;flex-shrink:0}.checkbox-label a{color:#1e3a8a;text-decoration:underline}.forgot-password{text-align:right;margin-top:10px}.forgot-password a{color:#1e3a8a;text-decoration:underline;font-size:14px}.error-message,.success-message{padding:15px;border-radius:6px;margin:20px 0;font-weight:500}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.submit-button{width:100%;padding:18px 30px;background:#ec7535;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:20px}.submit-button:hover:not(:disabled){background:#dd5712;transform:translateY(-1px);box-shadow:0 4px 12px #ec75354d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.matchmaker-form{padding:0;margin:0 1rem}.form-header{padding:1.5rem}.form-header h1{font-size:1.6rem}.matchmaker-form-content{padding:1.5rem}.auth-mode-toggle{flex-direction:column;gap:10px}.form-textarea{min-height:100px}}.form-textarea:focus,.form-input:focus,.submit-button:focus{outline:2px solid #EC7535;outline-offset:2px}.submit-button:disabled:after{content:" ⏳"}.image-preview{display:flex;align-items:center;margin-top:8px}.image-preview img{max-width:100px;max-height:100px;object-fit:cover;border-radius:8px;border:2px solid #E0E0E0}.remove-image-btn{background:#f44;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;margin-left:8px;transition:background-color .2s ease}.remove-image-btn:hover{background:#c33}input[type=file]{padding:8px 0;border:1px solid #E0E0E0;border-radius:4px;background:#fff}input[type=file]:focus{outline:none;border-color:#ec7535;box-shadow:0 0 0 2px #ec75351a}.dashboard-container{max-width:800px;margin:0 auto;padding:2rem}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-header h2{color:#333;margin-bottom:.5rem}.dashboard-header p{color:#666;font-size:.95rem}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:#666}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.dashboard-section{background:#f9f9f9;border-radius:12px;padding:1.5rem;border:1px solid #e5e5e5}.dashboard-section h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.offer-section{border-left:4px solid #059669;padding-left:1.5rem}.offer-section h3{color:#059669}.need-section{border-left:4px solid #dc2626;padding-left:1.5rem}.need-section h3{color:#dc2626}.empty-state{text-align:center;padding:2rem;color:#666;font-style:italic}.item-container{background:#fff;border-radius:8px;border:1px solid #ddd;overflow:hidden}.item-display{display:flex;align-items:center;padding:1rem;gap:1rem}.item-content{flex:1}.item-description{margin:0 0 .5rem;font-size:1rem;line-height:1.4;color:#333}.item-meta{font-size:.85rem;color:#666}.btn-edit{background:none;border:none;font-size:1.2rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-edit:hover{background-color:#f0f0f0}.edit-form{padding:1rem}.edit-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:1rem;box-sizing:border-box}.edit-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.edit-actions{display:flex;gap:.75rem;justify-content:flex-start}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-secondary:disabled{background-color:#ccc;cursor:not-allowed}.btn-create{background-color:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s;margin-top:1rem;font-weight:500}.btn-create:hover:not(:disabled){background-color:#218838}.btn-create:disabled{background-color:#ccc;cursor:not-allowed}.create-form{margin-top:1rem}.create-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:1rem;box-sizing:border-box}.create-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.create-actions{display:flex;gap:.75rem;justify-content:flex-start}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-content{gap:1.5rem}.dashboard-section{padding:1rem}.edit-actions,.create-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-create{width:100%}}.matchmaker-page{min-height:100vh;background:#f8fafc;margin:0;padding:0}.beursvloer-header{padding:1rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center}.header-logo a{display:block;line-height:0}.logo-svg{height:60px;width:auto;transition:opacity .3s ease}.logo-svg:hover{opacity:.8}.header-partner{text-align:right}.header-partner a{display:block;line-height:0}.partner-logo{height:40px;width:auto;transition:opacity .3s ease}.partner-logo:hover{opacity:.8}.breadcrumb{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 0}.breadcrumb-container{max-width:1200px;margin:0 auto;padding:0 1rem;font-size:14px;color:#6b7280;display:flex;justify-content:space-between;align-items:center}.breadcrumb-nav{display:flex;align-items:center}.breadcrumb a{color:#ec7535;text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.separator{margin:0 8px;color:#6b7280}.current{color:#6b7280;font-weight:500}.user-menu{position:relative;display:inline-block}.gear-button{background:#ec7535;color:#fff;border:none;padding:.5rem;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.gear-button:hover{background:#dd5712;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.gear-button:active{transform:translateY(0)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;min-width:150px;margin-top:4px}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s ease;border-radius:0}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item:active{background:#e5e7eb}.main-content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.intro-section{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;text-align:center}.intro-section h1{font-size:2.5rem;color:#2d3748;margin:0 0 1.5rem;font-weight:700}.intro-text{font-size:15px;font-weight:600;line-height:1.7;color:#4a5568;margin:0 0 1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.info-text{font-size:15px;font-weight:600;line-height:1.7;color:#4a5568;margin:0 0 1.5rem}.matchmaker-page .matchmaker-form{margin:0 auto;padding:0;max-width:800px}.matchmaker-page .form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.matchmaker-page .form-header{background:#ec7535;color:#fff;padding:2rem;text-align:center}.matchmaker-page .form-header h1{color:#fff;margin:0;font-size:1.8rem}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem;text-align:center}.logo-svg{height:50px}.partner-logo{height:35px}.intro-section{padding:1.5rem;margin:1rem}.intro-section h1{font-size:2rem}.main-content{padding:1rem}.breadcrumb-container{padding:0 1rem;flex-direction:column;gap:.75rem;align-items:flex-start}.breadcrumb-nav{width:100%}.user-menu{align-self:flex-end}.gear-button{width:36px;height:36px;font-size:14px}}@media (max-width: 480px){.header-container{padding:0 .5rem}.logo-svg{height:40px}.partner-logo{height:30px}.intro-section h1{font-size:1.7rem}.intro-text{font-size:1rem}.intro-section{padding:1rem}}.beursvloer-footer{background:#331544;color:#fff;padding:3rem 0;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center;display:flex;flex-direction:column;gap:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}.footer-social{display:flex;justify-content:center;gap:1.5rem}.footer-social a{color:#fff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s ease}.footer-social a:hover{background:#ffffff1a;transform:translateY(-2px)}.footer-social svg{width:24px;height:24px}@media (max-width: 768px){.footer-container{gap:1.5rem}.footer-links{gap:1rem;flex-direction:column}.footer-social{gap:1rem}.footer-social a{width:36px;height:36px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;flex-shrink:0;flex-grow:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:12px;min-width:70px;max-width:100px}.btn-large{padding:12px 24px;font-size:14px;min-width:auto;max-width:none;width:fit-content}.btn-primary{background:#2196f3;color:#fff;box-shadow:0 2px 8px #2196f34d}.btn-primary:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2196f34d}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-danger{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #dc26264d}.btn-primary[style*=background-color]{color:#fff!important;box-shadow:0 2px 8px #0003}.btn-primary[style*=background-color]:hover:not(:disabled){color:#fff!important;opacity:.9;box-shadow:0 4px 12px #0000004d}.btn-primary[style*=background-color]:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0003}.btn-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.btn-text{flex-shrink:0}@media (max-width: 640px){.btn-small{padding:5px 10px;font-size:11px;min-width:60px;max-width:90px}.btn-large{padding:8px 16px;font-size:13px;min-width:auto;max-width:none;width:fit-content}}.toast-container{position:fixed;top:20px;right:20px;z-index:1100;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-left:4px solid;animation:slideIn .3s ease-out;max-width:100%}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-content{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.toast-icon{font-size:16px;flex-shrink:0;margin-top:1px}.toast-message{font-size:14px;line-height:1.4;color:#374151;word-wrap:break-word}.toast-close{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;color:#9ca3af;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{background-color:#f3f4f6;color:#6b7280}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast{padding:12px}.toast-message{font-size:13px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;width:100vw;height:100vh;overflow-y:auto;padding:20px;box-sizing:border-box}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);width:100%;max-width:1000px;display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0;font-family:var(--font-family);font-size:inherit;line-height:inherit;color:inherit}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;font-family:inherit}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px;overflow-y:auto;flex:1;font-family:inherit}.modal-overlay{isolation:isolate}@media (max-width: 1024px){.modal-overlay{padding:20px}.modal-content{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}}@media (max-width: 640px){.modal-overlay{padding:15px}.modal-content{max-width:calc(100vw - 30px);max-height:calc(100vh - 30px)}.modal-header{padding:16px 20px}.modal-body{padding:20px}}.user-edit-form{display:flex;flex-direction:column;gap:20px}.user-edit-form .form-field{display:flex;flex-direction:column;gap:8px}.user-edit-form .form-field label{font-weight:500;color:#374151;font-size:14px}.user-edit-form .form-input,.user-edit-form .form-textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.user-edit-form .form-input:focus,.user-edit-form .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.user-edit-form .form-textarea{resize:vertical;min-height:80px}.user-edit-form .form-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb}.user-edit-form .form-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827}.user-edit-form .checkbox-field{flex-direction:row;align-items:center;gap:8px}.user-edit-form .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.user-edit-form .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.user-edit-form .animated-height-container{max-height:0;overflow:hidden;transition:max-height .3s ease}.user-edit-form .animated-height-container.expanded{max-height:1000px}.user-edit-form .animated-height-content{padding-top:16px;display:flex;flex-direction:column;gap:16px}.user-edit-form .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;font-size:14px}.user-edit-form .modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;flex-wrap:nowrap;flex-direction:row}@media (max-width: 640px){.user-edit-form .modal-actions{gap:8px}}.active-users{margin:3rem 0;padding:0 1rem;position:relative}.active-users h2{color:var(--magenta);font-size:2rem;margin-bottom:1rem;text-align:center}.section-intro{text-align:center;color:#666;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.current-user-header{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:flex-start;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.current-user-actions,.current-user-description{display:flex;align-items:center}.current-user-description .section-intro{text-align:left;margin-bottom:0;margin-left:0;margin-right:0}.match-me-button{display:flex;align-items:center;gap:.5rem;background:var(--pin-color-primary-blue);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2196f34d}.match-me-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f366}.match-me-button:active{transform:translateY(0);box-shadow:0 2px 8px #2196f34d}.match-me-button svg{flex-shrink:0}.match-me-button[style*=background-color]{color:#fff!important;box-shadow:0 2px 8px #0003}.match-me-button[style*=background-color]:hover{color:#fff!important;opacity:.9;box-shadow:0 4px 12px #0000004d}.match-me-button[style*=background-color] svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.loading,.error,.no-data{text-align:center;padding:2rem;color:#666}.error{color:#d32f2f}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0}.flip-card{background-color:transparent;width:100%;height:310px;perspective:1000px;cursor:pointer;--flip-duration: .6s;--logo-fade-delay: calc(var(--flip-duration) * .3)}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform var(--flip-duration) ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card.flipped .organisation-logo-overlay{opacity:0;visibility:hidden;transition:opacity 0s var(--logo-fade-delay),visibility 0s var(--logo-fade-delay)}.flip-card.debug-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;transition:box-shadow .2s ease}.flip-card:hover .flip-card-front,.flip-card:hover .flip-card-back{box-shadow:0 4px 16px #00000026}.flip-card.current-user .flip-card-front,.flip-card.current-user .flip-card-back{background:#e3f2fd;border:2px solid var(--pin-color-primary-blue)}.flip-card-front{overflow:hidden}.flip-card-front-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.flip-card-back{transform:rotateY(180deg);justify-content:flex-start;align-items:stretch;padding:0}.user-card-profile-image{width:100%!important;height:auto!important;margin-bottom:.5rem;display:block}.user-card-profile-image .profile-image{width:100%!important;height:auto!important;border-radius:0!important;object-fit:cover}.user-card-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:0!important;aspect-ratio:1}.user-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem;line-height:1.3;text-align:center;padding:0 1rem}.organisation-name{font-size:.85rem;color:#666;font-weight:400;margin:0;line-height:1.2;text-align:center;padding:0 1rem .5rem}.organisation-logo-overlay{position:absolute;top:.5rem;right:.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1;visibility:visible;transition:opacity 0s var(--logo-fade-delay),visibility 0s var(--logo-fade-delay)}.card-back-content{width:auto;height:100%;overflow-y:auto;display:flex;flex-direction:column;padding:1.5rem}.flipped-by{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;gap:.35rem;flex-wrap:wrap;max-width:120px}.flipped-by-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0000004d;cursor:help}.pin-button{position:absolute;top:1rem;right:1rem;z-index:10;background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease}.pin-button:hover{color:#333;transform:scale(1.1)}.admin-menu{position:absolute;top:3rem;right:1rem;z-index:10}.admin-menu-trigger{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-menu-trigger:hover{background:#fff;border-color:#ccc;color:#333;transform:scale(1.05)}.admin-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:20}.admin-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.9rem;color:#333;transition:background-color .2s ease}.admin-menu-item:hover{background:#f5f5f5}.admin-menu-item.delete-item{color:#d32f2f}.admin-menu-item.delete-item:hover{background:#ffebee;color:#b71c1c}.organisation-badge{background:var(--green);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.user-offers,.user-needs{margin-bottom:1rem;flex:1}.user-offers:last-child,.user-needs:last-child{margin-bottom:0}.user-offers h4,.user-needs h4{color:#555;font-size:.9rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.offers-content,.needs-content{padding:0;margin:0}.offer-item,.need-item{margin-bottom:.75rem;padding:0}.offer-item:last-child,.need-item:last-child{margin-bottom:0}.offer-item p,.need-item p{margin:0 0 .25rem;color:#333;line-height:1.4;font-size:.85rem}.keywords{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.keyword{background:#f5f5f5;color:#666;padding:.15rem .4rem;border-radius:8px;font-size:.75rem;border:1px solid #e0e0e0}@media (max-width: 768px){.active-users{padding:0 .5rem}.current-user-header{grid-template-columns:1fr;gap:1rem;text-align:center;order:1}.current-user-description{order:1}.current-user-actions{order:2}.current-user-description .section-intro{text-align:center}.match-me-button{padding:.6rem 1.2rem;font-size:.9rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;padding:0}.flip-card{height:260px}.active-users h2{font-size:1.75rem}.user-name{font-size:1rem}.organisation-name{font-size:.8rem}.user-name-back{font-size:1.1rem}.user-offers h4,.user-needs h4{font-size:.85rem}.user-offers p,.user-needs p{font-size:.8rem}.pin-button,.admin-menu-trigger{width:28px;height:28px}.admin-menu-dropdown{min-width:160px}.admin-menu-item{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.current-user-header{gap:.75rem}.match-me-button{padding:.5rem 1rem;font-size:.85rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.flip-card{height:230px}.user-name{font-size:.9rem}.organisation-name{font-size:.75rem}.user-name-back{font-size:1rem}.card-back-content{padding:1rem}.user-offers,.user-needs{margin-bottom:.75rem}.offer-item,.need-item{margin-bottom:.5rem}}.matches-section{padding:0;margin-top:.5rem}.matches-section h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#333}.match-item{margin-bottom:1rem}.match-item:last-child{margin-bottom:0}.match-item .animated-height-content>div{padding:.75rem;border-radius:6px;border:1px solid rgba(0,0,0,.05)}.match-description{margin:0;font-size:.8rem;line-height:1.4;color:#555;font-style:italic}:root{--pin-color-gray: #999999;--pin-color-primary-blue: #2196f3;--pin-color-red: #FF6B6B;--pin-color-teal: #4ECDC4;--pin-color-yellow: #FFD93D;--pin-color-green: #6BCB77;--pin-color-purple: #A78BFA;--pin-color-orange: #FB923C;--pin-color-pink: #EC4899;--pin-color-hot-pink: #F472B6;--pin-color-emerald: #34D399}.lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.animated-line{transition:stroke-dashoffset .8s ease-in-out}path[class*=line-of-user-][class*=pin-color-primary-blue]{color:var(--pin-color-primary-blue)}path[class*=line-of-user-][class*=pin-color-red]{color:var(--pin-color-red)}path[class*=line-of-user-][class*=pin-color-teal]{color:var(--pin-color-teal)}path[class*=line-of-user-][class*=pin-color-yellow]{color:var(--pin-color-yellow)}path[class*=line-of-user-][class*=pin-color-green]{color:var(--pin-color-green)}path[class*=line-of-user-][class*=pin-color-purple]{color:var(--pin-color-purple)}path[class*=line-of-user-][class*=pin-color-orange]{color:var(--pin-color-orange)}path[class*=line-of-user-][class*=pin-color-pink]{color:var(--pin-color-pink)}path[class*=line-of-user-][class*=pin-color-hot-pink]{color:var(--pin-color-hot-pink)}path[class*=line-of-user-][class*=pin-color-emerald]{color:var(--pin-color-emerald)}path[class*=line-of-user-][class*=pin-color-gray]{color:var(--pin-color-gray)}.pin-button.pin-color-gray{color:var(--pin-color-gray)!important}.pin-button.pin-color-primary-blue{color:var(--pin-color-primary-blue)!important}.pin-button.pin-color-red{color:var(--pin-color-red)!important}.pin-button.pin-color-teal{color:var(--pin-color-teal)!important}.pin-button.pin-color-yellow{color:var(--pin-color-yellow)!important}.pin-button.pin-color-green{color:var(--pin-color-green)!important}.pin-button.pin-color-purple{color:var(--pin-color-purple)!important}.pin-button.pin-color-orange{color:var(--pin-color-orange)!important}.pin-button.pin-color-pink{color:var(--pin-color-pink)!important}.pin-button.pin-color-hot-pink{color:var(--pin-color-hot-pink)!important}.pin-button.pin-color-emerald{color:var(--pin-color-emerald)!important}.match-background.pin-color-primary-blue{background-color:color-mix(in srgb,var(--pin-color-primary-blue) 20%,transparent)!important}.match-background.pin-color-red{background-color:color-mix(in srgb,var(--pin-color-red) 20%,transparent)!important}.match-background.pin-color-teal{background-color:color-mix(in srgb,var(--pin-color-teal) 20%,transparent)!important}.match-background.pin-color-yellow{background-color:color-mix(in srgb,var(--pin-color-yellow) 20%,transparent)!important}.match-background.pin-color-green{background-color:color-mix(in srgb,var(--pin-color-green) 20%,transparent)!important}.match-background.pin-color-purple{background-color:color-mix(in srgb,var(--pin-color-purple) 20%,transparent)!important}.match-background.pin-color-orange{background-color:color-mix(in srgb,var(--pin-color-orange) 20%,transparent)!important}.match-background.pin-color-pink{background-color:color-mix(in srgb,var(--pin-color-pink) 20%,transparent)!important}.match-background.pin-color-hot-pink{background-color:color-mix(in srgb,var(--pin-color-hot-pink) 20%,transparent)!important}.match-background.pin-color-emerald{background-color:color-mix(in srgb,var(--pin-color-emerald) 20%,transparent)!important}@media (max-width: 768px){.matches-section h5{font-size:.8rem}.match-description{font-size:.75rem}}.all-users-section{padding:2rem 0;max-width:1200px;margin:0 auto}.all-users-section h2{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;text-align:center}.all-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;padding:0 1rem}.all-user-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.all-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.all-user-profile-image{width:100%!important;height:auto!important;margin-bottom:1rem;display:block}.all-user-profile-image .profile-image{width:100%!important;height:auto!important;border-radius:0!important;object-fit:cover}.all-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:0!important;aspect-ratio:1}.all-user-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;line-height:1.3}.organisation-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;margin-top:.5rem}.loading,.error,.no-data{text-align:center;padding:3rem 1rem;font-size:1.1rem;color:#666}.no-data{background:#f5f5f5;border-radius:8px;margin:0 1rem}@media (max-width: 768px){.all-users-section{padding:1.5rem 0}.all-users-section h2{font-size:1.75rem}.section-intro{font-size:1rem;margin-bottom:1.5rem}.all-users-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;padding:0 .5rem}.all-user-card{padding:0 0 1rem}.all-user-profile-image{width:100%!important;height:auto!important}.all-user-profile-image .profile-image,.all-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:0!important}.all-user-name{font-size:1rem}}@media (max-width: 480px){.all-users-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.all-user-card{padding:0 0 .75rem}.all-user-profile-image{width:100%!important;height:auto!important}.all-user-profile-image .profile-image,.all-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:0!important}.all-user-name{font-size:.9rem}}.passive-users{padding:2rem 0;max-width:1200px;margin:0 auto}.passive-users h3{color:var(--magenta);font-size:1.5rem;margin-bottom:1rem;text-align:center}.section-intro{font-size:1.1rem;color:#666;text-align:center;margin-bottom:2rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.loading,.error{text-align:center;padding:3rem 1rem;font-size:1.1rem;color:#666}.error{color:#d32f2f;background:#ffebee;border-radius:8px;margin:0 1rem}.passive-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,.5fr));gap:1rem;padding:0 1rem}.passive-user-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 .75rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;position:relative}.passive-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.passive-user-profile-image{width:100%!important;height:auto!important;margin-bottom:1rem;display:block}.passive-user-profile-image .profile-image{width:100%!important;height:auto!important;border-radius:8px 8px 0 0!important;object-fit:cover}.passive-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:8px 8px 0 0!important;aspect-ratio:1}.passive-user-card .passive-user-name{font-size:.75rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem;line-height:1.1}.passive-user-menu{position:absolute;top:8px;right:8px;opacity:.6;transition:opacity .2s}.passive-user-card:hover .passive-user-menu{opacity:1}.passive-user-menu .admin-menu-trigger{background:#ffffffe6;border:1px solid #e0e0e0;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.passive-user-menu .admin-menu-trigger:hover{background:#fff;border-color:#ccc;color:#333;transform:scale(1.05)}.passive-user-menu .admin-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:20}.passive-user-menu .admin-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.8rem;color:#333;transition:background-color .2s ease}.passive-user-menu .admin-menu-item:hover{background:#f5f5f5}.passive-user-menu .admin-menu-item.delete-item{color:#d32f2f}.passive-user-menu .admin-menu-item.delete-item:hover{background:#ffebee;color:#b71c1c}.loading:after{content:"";display:inline-block;width:1rem;height:1rem;margin-left:.5rem;border:2px solid #f3f3f3;border-top:2px solid var(--magenta);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.passive-users{padding:1.5rem 0}.passive-users h3{font-size:1.25rem}.section-intro{font-size:1rem;margin-bottom:1.5rem}.passive-users-grid{grid-template-columns:repeat(auto-fill,minmax(80px,.5fr));gap:1rem;padding:0 .5rem}.passive-user-card{padding:0 0 .5rem}.passive-user-profile-image{width:100%!important;height:auto!important}.passive-user-profile-image .profile-image,.passive-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:8px 8px 0 0!important}.passive-user-card .passive-user-name{font-size:.7rem}}@media (max-width: 480px){.passive-users-grid{grid-template-columns:repeat(auto-fill,minmax(70px,.5fr));gap:.75rem}.passive-user-card{padding:0 0 .5rem}.passive-user-profile-image{width:100%!important;height:auto!important}.passive-user-profile-image .profile-image,.passive-user-profile-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:8px 8px 0 0!important}.passive-user-card .passive-user-name{font-size:.65rem}}.animated-height-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out}.animated-height-container.expanded{grid-template-rows:1fr}.animated-height-content{overflow:hidden}.settings-page{min-height:100vh;background:#f8fafc}.settings-container{max-width:600px;margin:0 auto;padding:2rem 1rem}.settings-header{background:#fff;padding:2rem;border-radius:12px 12px 0 0;box-shadow:0 4px 6px #0000000d;margin-bottom:0;display:flex;align-items:center;gap:1rem}.back-button{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.back-button:active{transform:translateY(0)}.settings-header h1{color:#2d3748;margin:0;font-size:1.8rem;font-weight:700}.settings-form{background:#fff;padding:2rem;border-radius:0 0 12px 12px;box-shadow:0 4px 6px #0000000d}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:14px}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#ec7535;box-shadow:0 0 0 3px #ec75351a}.form-input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.field-note{display:block;margin-top:.25rem;font-size:12px;color:#6b7280;font-style:italic}.checkbox-field{margin-bottom:1rem}.checkbox-label{display:flex!important;align-items:flex-start;gap:.5rem;cursor:pointer;font-weight:500!important;margin-bottom:0!important;line-height:1.4}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer;margin-top:.1rem;flex-shrink:0}.loading-message{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;text-align:center}.loading-message p{color:#6b7280;font-size:16px;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:14px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:1rem;border-radius:6px;margin-bottom:1rem;font-size:14px}.delete-account-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.delete-account-header{margin-bottom:1rem}.delete-account-header h3{color:#dc2626;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.delete-account-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.4}@media (max-width: 768px){.settings-container{padding:1rem}.settings-header{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.settings-header h1{font-size:1.5rem}.settings-form{padding:1.5rem}}@media (max-width: 480px){.settings-container{padding:.5rem}.settings-header,.settings-form{padding:1rem}.back-button{font-size:13px;padding:.4rem .8rem}.settings-header h1{font-size:1.3rem}}.thanks-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.thanks-page__header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.thanks-page__header h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.thanks-page__header p{font-size:1.1rem;line-height:1.6;opacity:.95;max-width:800px;margin:0 auto}.thanks-page__content{margin-top:2rem}.thanks-page__users{display:grid;gap:2rem}.thanks-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.thanks-page__spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thanks-page__loading p{color:#666;font-size:1.1rem;margin:0}.thanks-page__error{text-align:center;padding:4rem 2rem;background:#f8d7da;color:#721c24;border-radius:8px;border:1px solid #f5c6cb}.thanks-page__error p{margin:0 0 1rem;font-size:1.1rem;font-weight:500}.thanks-page__retry{background:#dc3545;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease}.thanks-page__retry:hover{background:#c82333}.thanks-page__empty{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}@media (max-width: 768px){.thanks-page{padding:1rem .5rem}.thanks-page__header{padding:1.5rem 1rem;margin-bottom:2rem}.thanks-page__header h1{font-size:2rem}.thanks-page__header p{font-size:1rem}.thanks-page__users{gap:1.5rem}.thanks-page__loading,.thanks-page__error,.thanks-page__empty{padding:2rem 1rem}}.comment-form{margin:1rem 0}.comment-form__container{display:flex;align-items:center;gap:.5rem;max-width:100%;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.comment-form__heart-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.comment-form__heart{transition:all .2s ease;color:#8e9196}.comment-form__heart--active{color:#ea384c;transform:scale(1.1)}.comment-form__thanks-text{font-size:.9rem;color:#ea384c;font-weight:500;margin-right:.25rem}.comment-form__input-container{display:flex;align-items:center;flex:1;gap:.5rem}.comment-form__input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:.9rem;background:#fff;transition:border-color .2s ease}.comment-form__input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.comment-form__input:disabled{background-color:#f8f9fa;cursor:not-allowed}.comment-form__input--gratitude{border-color:#ea384c}.comment-form__send-button{background:none;color:#007bff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:40px;height:40px}.comment-form__send-button:hover:not(:disabled){background:#007bff1a;color:#0056b3}.comment-form__send-button:disabled{color:#6c757d;cursor:not-allowed}.comment-form__send-icon{color:inherit}@media (max-width: 768px){.comment-form__container{padding:.75rem;flex-wrap:wrap}.comment-form__input-container{min-width:0;flex:1}.comment-form__send-button{min-width:36px;height:36px}}.comment-item{margin-bottom:1rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .2s ease}.comment-item:hover{border-color:silver;background:#f5f5f5}.comment-item--reply{background:#f8f9fa;border-left:3px solid #007bff}.comment-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.comment-item__author{display:flex;align-items:center;gap:.5rem}.comment-item__author-avatar{flex-shrink:0}.comment-item__author-avatar--heart{box-shadow:0 0 0 2px #ea384c;overflow:hidden;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.29 1.51 4.04 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center;mask-size:120% 120%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.29 1.51 4.04 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:120% 120%}.comment-item__author-avatar--heart img{border-radius:0!important}.comment-item__author-name{font-weight:600;color:#333}.comment-item__gratitude{color:#dc3545;font-weight:600;font-size:.9em}.comment-item__meta{display:flex;align-items:center;gap:.5rem;font-size:.85em;color:#666}.comment-item__date{white-space:nowrap}.comment-item__actions{display:flex;gap:.5rem}.comment-item__action{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:.85em;padding:0;transition:color .2s ease}.comment-item__action:hover{color:#0056b3;text-decoration:none}.comment-item__action--danger{color:#dc3545}.comment-item__action--danger:hover{color:#c82333}.comment-item__content{margin-bottom:.75rem}.comment-item__text{margin:0;line-height:1.5;color:#333}.comment-item__edit{display:flex;flex-direction:column;gap:.5rem}.comment-item__edit-textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.9em;resize:vertical;min-height:60px}.comment-item__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment-item__edit-save,.comment-item__edit-cancel{padding:.25rem .75rem;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85em;transition:all .2s ease}.comment-item__edit-save{background:#007bff;color:#fff;border-color:#007bff}.comment-item__edit-save:hover{background:#0056b3;border-color:#0056b3}.comment-item__edit-cancel{background:#fff;color:#666}.comment-item__edit-cancel:hover{background:#f8f9fa;color:#333}.comment-item__footer{display:flex;gap:1rem;align-items:center;font-size:.85em}.comment-item__reply,.comment-item__show-replies,.comment-item__show-more{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s ease}.comment-item__reply:hover,.comment-item__show-replies:hover,.comment-item__show-more:hover{color:#0056b3;text-decoration:none}.comment-item__reply-form{margin-top:1rem;padding:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.comment-item__replies{margin-top:1rem;padding-left:1rem;border-left:2px solid #e0e0e0}.comment-item__show-more{margin-top:.5rem;font-style:italic;color:#666}.comment-item__show-more:hover{color:#333}@media (max-width: 768px){.comment-item{padding:.5rem}.comment-item__header{flex-direction:column;gap:.5rem}.comment-item__meta{flex-direction:column;align-items:flex-start;gap:.25rem}.comment-item__replies{padding-left:.5rem}}.user-thanks-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.user-thanks-card:hover{box-shadow:0 4px 8px #00000026}.user-thanks-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.user-thanks-card__avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-thanks-card__avatar-img{width:100%;height:100%;object-fit:cover}.user-thanks-card__avatar-placeholder{width:100%;height:100%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.user-thanks-card__info{flex:1}.user-thanks-card__name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#333}.user-thanks-card__comment-counts{display:flex;gap:1rem;flex-wrap:wrap}.user-thanks-card__count{font-size:.9em;color:#666;background:#f8f9fa;padding:.25rem .5rem;border-radius:12px;font-weight:500}.user-thanks-card__count--total{background:#e3f2fd;color:#1976d2}.user-thanks-card__content{display:flex;flex-direction:column;gap:1.5rem}.user-thanks-card__offers,.user-thanks-card__needs{margin-bottom:1rem}.user-thanks-card__offers h4,.user-thanks-card__needs h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#333}.offers-content,.needs-content{display:flex;flex-direction:column;gap:.75rem}.offer-item,.need-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.offer-item p,.need-item p{margin:0 0 .5rem;line-height:1.5;color:#333}.keywords{display:flex;flex-wrap:wrap;gap:.5rem}.keyword{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:12px;font-size:.8em;font-weight:500}.user-thanks-card__section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.user-thanks-card__section-title:before{content:"";width:4px;height:20px;background:#007bff;border-radius:2px}.user-thanks-card__comments{background:#fafafa;padding:1rem;border-radius:8px;border:1px solid #f0f0f0}.user-thanks-card__comments-list{margin-bottom:1rem}.user-thanks-card__no-comments{text-align:center;color:#666;font-style:italic;padding:2rem;background:#fff;border-radius:6px;border:1px dashed #ccc}.user-thanks-card__show-all{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease;width:100%}.user-thanks-card__show-all:hover:not(:disabled){background:#0056b3}.user-thanks-card__show-all:disabled{background:#6c757d;cursor:not-allowed}.user-thanks-card__error{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;border:1px solid #f5c6cb;margin-bottom:1rem;text-align:center;font-weight:500}.user-thanks-card__comment-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}@media (max-width: 768px){.user-thanks-card{padding:1rem;margin-bottom:1.5rem}.user-thanks-card__header{flex-direction:column;text-align:center;gap:.75rem}.user-thanks-card__avatar{width:80px;height:80px}.user-thanks-card__comment-counts{justify-content:center}.user-thanks-card__content{gap:1rem}.user-thanks-card__section{padding:.75rem}}@tailwind base;@tailwind components;@tailwind utilities;:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:#333}*{font-family:inherit}