.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}.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}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left: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;isolation:isolate}.modal-content{background:#fff;border-radius:var(--modal-radius);box-shadow:0 4px 20px #00000026;width:min(100%,1000px);max-height:calc(100vh - 40px);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:var(--control-radius);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}@media (max-width: 640px){.modal-overlay{padding:15px}.modal-content{max-height:calc(100vh - 30px)}.modal-header{padding:16px 20px}.modal-body{padding:20px}}.global-notice-modal{max-width:560px}.global-notice-modal__content{display:flex;flex-direction:column;gap:24px}.global-notice-modal__content p{margin:0;color:#374151;font-size:1rem;line-height:1.6}.global-notice-modal__actions{display:flex;justify-content:flex-end}@media (max-width: 640px){.global-notice-modal__actions{justify-content:stretch}.global-notice-modal__actions .btn{width:100%}}.collection-state{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem 2rem;color:#4b5563}.collection-state--error{color:#b42318}.resource-collection{display:grid;gap:1.5rem}.resource-collection--list{grid-template-columns:1fr}.favor-card{display:flex;flex-direction:column;height:100%}.favor-card__media{background:#e5e7eb}.favor-card__media-link{display:block}.favor-card__favor-image{display:block;width:100%;aspect-ratio:1;object-fit:cover}.favor-card__profile-image{width:100%!important;display:block}.favor-card__profile-image .profile-image,.favor-card__profile-image .profile-image-placeholder{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:0!important}.favor-card__body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.favor-card__title{margin-bottom:.35rem;font-size:1.1rem}.favor-card__title-link{color:inherit;text-decoration:none}.favor-card__title-link:hover,.favor-card__title-link:focus-visible{text-decoration:underline}.favor-card--offer .card-eyebrow{color:var(--color-favor-offer-text)}.favor-card .card-eyebrow{font-size:.8rem}.favor-card__group{margin-bottom:0;font-weight:600}.favor-card__group--muted{color:#98a2b3;font-weight:400}.favor-card__description{margin-bottom:.75rem;font-size:.95rem;white-space:pre-wrap}.favor-card__keywords{display:flex;flex-wrap:wrap;gap:.5rem}.favor-card__keyword{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:var(--color-favor-need-surface);color:var(--color-favor-need-text);font-size:.8rem;font-weight:600;text-decoration:none}.favor-card__keyword:hover,.favor-card__keyword:focus-visible{text-decoration:underline}.favor-card--offer .favor-card__keyword{background:var(--color-favor-offer-surface);color:var(--color-favor-offer-text)}.favor-list-item{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-radius:18px;background:#fff;box-shadow:0 10px 30px #0f172a14}.favor-list-item__content{min-width:0;flex:1 1 18rem}.favor-list-item__eyebrow{margin:0 0 .35rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.favor-list-item--offer .favor-list-item__eyebrow{color:var(--color-favor-offer-text)}.favor-list-item--need .favor-list-item__eyebrow{color:var(--color-favor-need-text)}.favor-list-item__title{margin:0 0 .6rem;font-size:1.15rem}.favor-list-item__title-link{color:inherit;text-decoration:none}.favor-list-item__title-link:hover,.favor-list-item__title-link:focus-visible{text-decoration:underline}.favor-list-item__description{margin:0;color:#334155;line-height:1.6;white-space:pre-wrap}.favor-list-item__keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.favor-list-item__keyword{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:var(--color-favor-need-surface);color:var(--color-favor-need-text);font-size:.9rem;font-weight:600;text-decoration:none}.favor-list-item__keyword:hover,.favor-list-item__keyword:focus-visible{text-decoration:underline}.favor-list-item--offer .favor-list-item__keyword{background:var(--color-favor-offer-surface);color:var(--color-favor-offer-text)}.favor-list-item__actions{display:flex;flex:0 0 auto;align-items:center}.favor-list-item__actions a{font-weight:600}@media (max-width: 640px){.favor-list-item{padding:1rem 1.1rem}.favor-list-item__actions{width:100%}}.favors-collection--card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.favors-collection--list{gap:1rem}@media (max-width: 768px){.favors-collection--card{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.expandable-content__panel{transition:grid-template-rows var(--height-reveal-duration) var(--height-reveal-easing),opacity calc(var(--height-reveal-duration) * .75) ease,transform var(--height-reveal-duration) var(--height-reveal-easing);transform-origin:top}.expandable-content--collapsed .expandable-content__panel--collapsed,.expandable-content--expanded .expandable-content__panel--expanded{opacity:1;transform:scaleY(1)}.expandable-content--collapsed .expandable-content__panel--expanded,.expandable-content--expanded .expandable-content__panel--collapsed{opacity:0;transform:scaleY(.98)}.expandable-content--collapsed .expandable-content__panel--expanded .height-reveal__inner,.expandable-content--expanded .expandable-content__panel--collapsed .height-reveal__inner{visibility:hidden}.expandable-content__static{min-height:0}.expandable-content__toggle{margin-top:.5rem;padding:0;border:none;background:none;color:var(--expandable-toggle-color, #ec7535);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.expandable-content__toggle:hover{color:var(--expandable-toggle-hover-color, #dd5712)}@media (prefers-reduced-motion: reduce){.expandable-content__panel,.expandable-content__toggle{transition:none}}.meeting-highlight .meeting-card{box-shadow:none;border-radius:0}.meeting-card__description{min-height:0;white-space:pre-line;line-height:1.6}.meeting-card__description-html,.meeting-card__description-html>*:last-child{margin-bottom:0}.meeting-card__schedule{color:#111827;font-weight:700}.meeting-card__body{min-height:0;max-height:80dvh;overflow-y:auto}.meeting-card__description-preview{margin:0;color:#4b5563;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}@media (max-width: 768px){.meeting-card__body{max-height:80dvh}.meeting-highlight .meeting-card__image{margin:0 0 1rem;border-radius:10px;overflow:hidden}}.meetings-collection--list{gap:1rem}.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}}.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}.site-shell{background:#f5f1eb;border-top:1px solid #eadfd1;border-bottom:1px solid #eadfd1}.site-shell-container{max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.site-shell-primary{display:flex;align-items:center;gap:1rem;min-width:0}.main-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.main-nav__link{color:#5a4a3f;text-decoration:none;font-size:.95rem;font-weight:700;padding:.6rem .85rem;border-radius:999px;transition:background-color .2s ease,color .2s ease}.main-nav__link:hover{background:#ec753524;color:#b64f18}.main-nav__link--active{background:#ec7535;color:#fff}.hamburger-button{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;border:1px solid #d8c8b7;border-radius:10px;background:#fff;cursor:pointer}.hamburger-button__line{display:block;width:18px;height:2px;margin:0 auto;background:#5a4a3f;border-radius:999px}.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}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;row-gap:.5rem}.breadcrumb a{color:#ec7535;text-decoration:none;font-weight:600}.breadcrumb a:hover{text-decoration:underline}.separator{margin:0 8px;color:#6b7280}.current{color:#1f2937;font-weight:700}.user-menu{position:relative;display:inline-block;margin-left:auto}.auth-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.auth-actions__link{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;text-decoration:none;font-size:.95rem;font-weight:700;transition:background-color .2s ease,color .2s ease,transform .2s ease}.auth-actions__link:hover{transform:translateY(-1px)}.auth-actions__link--secondary{color:#7c3b18;background:#fff4ec}.auth-actions__link--secondary:hover{background:#ffe7d7}.auth-actions__link--primary{color:#fff;background:#ec7535}.auth-actions__link--primary:hover{background:#d9621f}.user-menu-button{padding:0;border:2px solid transparent;border-radius:999px;background:transparent;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden}.user-menu-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.user-menu-button:active{transform:translateY(0)}.user-menu-button:focus-visible{outline:none;border-color:#ec7535;box-shadow:0 0 0 3px #ec753533}.user-menu-button__avatar{width:100%;height:100%}.user-menu-button__avatar .profile-image,.user-menu-button__avatar .profile-image-placeholder{display:block}.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}.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){.header-container{flex-direction:column;gap:1rem;text-align:center}.logo-svg{height:50px}.partner-logo{height:35px}.site-shell-container{position:relative}.hamburger-button{display:inline-flex}.main-nav{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0f172a1f;z-index:1000}.main-nav--open{display:flex}.main-nav__link{border-radius:10px}.breadcrumb-container{padding:0 1rem}.breadcrumb-nav{width:100%;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.1rem}.user-menu{margin-left:0}.auth-actions{gap:.5rem}.auth-actions__link{padding:.55rem .85rem;font-size:.9rem}.gear-button{width:36px;height:36px;font-size:14px}.footer-container{gap:1.5rem}.footer-links{gap:1rem;flex-direction:column}.footer-social{gap:1rem}.footer-social a{width:36px;height:36px}}@media (max-width: 480px){.header-container{padding:0 .5rem}.logo-svg{height:40px}.partner-logo{height:30px}.site-shell-container{gap:.75rem}.auth-actions{width:100%;justify-content:flex-end}.auth-actions__link{flex:1 1 0;max-width:140px}}.collection-controls{display:grid;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.collection-controls__search{display:flex;align-items:end;gap:1rem}.collection-controls__field{display:grid;gap:.45rem;flex:1}.collection-controls__label{color:#344054;font-size:.95rem;font-weight:600}.collection-controls__input{width:100%;min-height:3rem;padding:.8rem 1rem;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#101828;font:inherit;transition:border-color .16s ease,box-shadow .16s ease}.collection-controls__input:focus{outline:none;border-color:#98a2b3;box-shadow:0 0 0 4px #98a2b32e}.collection-controls__input:disabled{background:#f8fafc;color:#98a2b3;cursor:not-allowed}.collection-controls__button{min-height:3rem}.collection-controls__extras{display:grid;gap:.75rem}@media (max-width: 768px){.collection-controls__search{flex-direction:column;align-items:stretch}.collection-controls__button{width:100%}}.collection-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.collection-pagination__button{border:1px solid #d0d5dd;background:#fff;color:#1f2937;border-radius:999px;padding:.75rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.collection-pagination__button:hover:not(:disabled),.collection-pagination__button:focus-visible:not(:disabled){background:#f8fafc;border-color:#98a2b3;outline:none}.collection-pagination__button:disabled{cursor:not-allowed;opacity:.45}.collection-pagination__summary{display:grid;gap:.25rem;justify-items:center;text-align:center;color:#344054;font-weight:600}.collection-pagination__status{color:#667085;font-size:.95rem;font-weight:400}.collection-pagination__status--error{color:#b42318}@media (max-width: 768px){.collection-pagination{flex-direction:column}.collection-pagination__button{width:100%}}.group-card{display:flex;flex-direction:column;height:100%}.group-card__media{background:#e5e7eb;aspect-ratio:1}.group-card__media-link{display:block;width:100%;height:100%}.group-card__image{display:block;width:100%;height:100%;object-fit:cover}.group-card__placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#f4efe7,#e7f1eb);color:#48604d;font-size:2rem;font-weight:700}.group-card__body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.group-card .card-eyebrow{font-size:.8rem}.group-card__title{margin-bottom:.45rem;font-size:1.1rem}.group-card__title-link{color:inherit;text-decoration:none}.group-card__title-link:hover,.group-card__title-link:focus-visible{text-decoration:underline}.group-card__website{margin-bottom:.75rem;color:#4b5563;font-size:.95rem;line-height:1.5;word-break:break-word}.group-card__website a{color:inherit;text-decoration:none}.group-card__website a:hover,.group-card__website a:focus-visible{text-decoration:underline}.group-card__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.group-card__actions a{color:#ec7535;font-weight:700;text-decoration:none}.group-card__actions a:hover,.group-card__actions a:focus-visible{text-decoration:underline}.groups-collection--card{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.groups-collection--list{gap:1rem}@media (max-width: 768px){.groups-collection--card{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.groups-page__header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:2rem}.groups-page__header h1{margin:0 0 .75rem;color:#1f2937;font-size:2.25rem}.groups-page__header p{margin:0;color:#4b5563;line-height:1.7;font-size:1rem}@media (max-width: 768px){.groups-page__header{padding:1.5rem}.groups-page__header h1{font-size:1.9rem}}.favors-page__header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:1.25rem}.favors-page__header h1{margin:0 0 .75rem;color:#1f2937;font-size:2.25rem}.favors-page__header p{margin:0;color:#4b5563;line-height:1.7;font-size:1rem}.favors-page__filters{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.favors-page__filter{border:0;border-radius:999px;padding:.7rem 1rem;background:#fff;color:#374151;box-shadow:0 4px 6px #0000000d;cursor:pointer;font:inherit;font-weight:600}.favors-page__filter--active{background:#ec7535;color:#fff}.favors-page__filter--offer.favors-page__filter--active{background:var(--color-favor-offer-surface);color:var(--color-favor-offer-text)}.favors-page__filter--need.favors-page__filter--active{background:var(--color-favor-need-surface);color:var(--color-favor-need-text)}@media (max-width: 768px){.favors-page__header{padding:1.5rem}.favors-page__header h1{font-size:1.9rem}}.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__card *,.matchmaker-form__card *:before,.matchmaker-form__card *:after{box-sizing:border-box}.matchmaker-form__card{width:100%;overflow:hidden;line-height:1.6;color:#333}.matchmaker-form__body{padding-top:1.75rem}.matchmaker-form__header{margin-bottom:1.5rem}.matchmaker-form__header .card-title{margin-bottom:0}.matchmaker-form-content{padding:0}.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-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{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:12px 20px;background:#ec7535;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:20px}.submit-button--primary{min-width:14rem;padding:18px 30px;font-size:18px}.submit-button--secondary{min-width:0;padding:10px 16px;font-size:15px}.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__body{padding-top:1.25rem}.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-profile-image{display:inline-block}.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}.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%}}.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__group-fields{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(min(200px,100%),1fr));gap:2rem;width:min(100%,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 .group-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}.group-name{font-size:.85rem;color:#666;font-weight:400;margin:0;line-height:1.2;text-align:center;padding:0 1rem .5rem}.group-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}.group-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}.group-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}.group-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__content{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}}.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}}.user-card{display:flex;flex-direction:column;height:100%}.user-card__media{background:#e5e7eb}.user-card__media-link{display:block}.user-card__image{width:100%!important;display:block}.user-card__image .profile-image,.user-card__image .profile-image-placeholder{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:0!important}.user-card__body{display:flex;flex:1;flex-direction:column}.user-card__name{font-size:1.3rem}.user-card__name-link{color:inherit;text-decoration:none}.user-card__name-link:hover,.user-card__name-link:focus-visible{text-decoration:underline}.user-card__group{margin-bottom:0;font-weight:600}.user-card__group--muted{color:#98a2b3;font-weight:400}.users-collection--portrait{padding:2rem 0;max-width:1200px;margin:0 auto}.users-collection--portrait h2{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;text-align:center}.users-collection__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}.users-collection__portrait-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 1rem}.users-collection__portrait-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}.users-collection__portrait-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.users-collection__portrait-image{width:100%!important;height:auto!important;margin-bottom:1rem;display:block}.users-collection__portrait-image .profile-image{width:100%!important;height:auto!important;border-radius:0!important;object-fit:cover}.users-collection__portrait-image .profile-image-placeholder{width:100%!important;height:auto!important;border-radius:0!important;aspect-ratio:1}.users-collection__portrait-name{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem;line-height:1.3}@media (max-width: 768px){.users-collection--portrait{padding:1.5rem 0}.users-collection--portrait h2{font-size:1.75rem}.users-collection__intro{font-size:1rem;margin-bottom:1.5rem}.users-collection__portrait-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;padding:0 .5rem}.users-collection__portrait-card{padding:0 0 1rem}.users-collection__portrait-name{font-size:1rem}}@media (max-width: 480px){.users-collection__portrait-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.users-collection__portrait-card{padding:0 0 .75rem}.users-collection__portrait-name{font-size:.9rem}}.meetings-page__header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:2rem}.meetings-page__header h1{margin:0 0 .75rem;color:#1f2937;font-size:2.25rem}.meetings-page__header p{margin:0;color:#4b5563;line-height:1.7;font-size:1rem}@media (max-width: 768px){.meetings-page__header{padding:1.5rem}.meetings-page__header h1{font-size:1.9rem}}.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__actions{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.thanks-page__actions p{margin:0;color:#666}.thanks-page__load-more{background:#1f6f5f;color:#fff;border:none;padding:.85rem 1.5rem;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease}.thanks-page__load-more:hover{background:#185748}.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}.thanks-page__actions{margin-top:1.5rem;padding:0 .5rem}}.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}}.user-detail-page{min-height:100vh;background:#f8fafc}.user-detail-page__content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.user-detail-page__section{margin-top:2rem}.user-detail-page__section-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:1.5rem}.user-detail-page__section-header h2{margin:0 0 .75rem;color:#1f2937}.user-detail-page__section-header p,.user-detail-page__state-link{margin:0;color:#4b5563;line-height:1.7}.user-detail-page__state-link{margin-top:.75rem}.user-detail-page__favor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.user-detail-page__favor-card{height:100%}.user-detail-page__favor-copy{margin-bottom:0}@media (max-width: 768px){.user-detail-page__content{padding:1rem}.user-detail-page__section-header{padding:1.5rem}}.users-page__header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;margin-bottom:2rem}.users-page__header h1{margin:0 0 .75rem;color:#1f2937;font-size:2.25rem}.users-page__header p{margin:0;color:#4b5563;line-height:1.7;font-size:1rem}.users-page__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width: 768px){.users-page__header{padding:1.5rem}.users-page__header h1{font-size:1.9rem}}@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;margin:0}*{font-family:inherit}:root{--color-orange-dark: #DD5712;--color-orange-medium: #EC7535;--color-orange-light: #F29E72;--color-purple-dark: #331544;--color-purple-medium: #58307D;--color-purple-light: #956BAC;--color-gray: #4a4a4a;--color-black: #000000;--color-white: #ffffff;--color-favor-offer-text: #15803d;--color-favor-offer-surface: #ecfdf3;--color-favor-need-text: #b45309;--color-favor-need-surface: #fff2e8;--color-primary: var(--color-orange-medium);--color-primary-hover: var(--color-orange-dark);--color-secondary: var(--color-purple-medium);--color-accent: var(--color-purple-dark);--color-button-primary: var(--color-orange-medium);--color-button-primary-hover: var(--color-orange-dark);--color-link: var(--color-orange-medium);--color-footer-bg: var(--color-purple-dark)}:root{--surface-radius: 12px;--card-radius: var(--surface-radius);--modal-radius: 8px;--control-radius: 6px}.height-reveal{--height-reveal-duration: .3s;--height-reveal-easing: ease-in-out;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--height-reveal-duration) var(--height-reveal-easing)}.height-reveal--open{grid-template-rows:1fr}.height-reveal__inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion: reduce){.height-reveal{transition:none}}.card-shell{background:#fff;border-radius:var(--card-radius);box-shadow:0 4px 6px #0000000d}.page-shell__content>.card-shell+.card-shell{margin-top:2rem}.card-shell--clip{overflow:hidden}.card-layout--split{display:flex;align-items:stretch}.card-layout__body{flex:1;min-width:0}.card-body{padding:1.5rem 2rem 2rem}.card-body--compact{padding:1.5rem}.card-eyebrow{margin:0 0 .5rem;color:#ec7535;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card-title{margin:0 0 .75rem;color:#1f2937;font-size:1.55rem}.card-meta,.card-copy{margin:0 0 .75rem;color:#4b5563;line-height:1.6}.card-actions{margin-top:1rem}.card-actions a{color:#ec7535;font-weight:700;text-decoration:none}.card-actions a:hover{text-decoration:underline}.card-richtext p,.card-richtext ul,.card-richtext ol{margin:0 0 .75rem}.card-richtext p:last-child,.card-richtext ul:last-child,.card-richtext ol:last-child{margin-bottom:0}.card-richtext a{color:#ec7535;text-decoration:underline}.card-richtext br{display:block;content:"";margin-bottom:.35rem}.card-media{background:#e5e7eb}.card-media--panel{--card-media-panel-width: 33%;flex:0 0 var(--card-media-panel-width);width:var(--card-media-panel-width)}.card-media--wide{aspect-ratio:16 / 9}.card-media--square{aspect-ratio:1}.card-media img{display:block;width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.card-layout--stack-mobile{display:block}.card-layout--stack-mobile>.card-media--panel{width:100%;aspect-ratio:16 / 9;flex-basis:auto}.card-body{padding:1.25rem 1.25rem 1.5rem}.card-body--compact{padding:1.25rem}}.page-shell{min-height:100vh;background:#f8fafc}.page-shell__content{max-width:1100px;margin:0 auto;padding:2rem 1rem}.page-shell__panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.page-shell__panel>:first-child{margin-top:0}.page-shell__panel>:last-child{margin-bottom:0}.page-shell__panel h1{margin:0 0 .75rem;color:#1f2937;font-size:2.25rem}.page-shell__panel p{margin:0 0 1rem;color:#4b5563;line-height:1.7;font-size:1rem}.page-shell__section{margin-top:2rem}.page-shell__section-title{margin:0 0 1rem;color:#1f2937;font-size:1.55rem}.page-shell__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}.page-shell__actions a{display:inline-flex;align-items:center;gap:.5rem;color:#ec7535;font-weight:700;text-decoration:none}.page-shell__actions a:hover{text-decoration:underline}@media (max-width: 768px){.page-shell__content{padding:1rem}.page-shell__panel{padding:1.5rem}.page-shell__panel h1{font-size:1.9rem}}