@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap";body{font-family:Montserrat,sans-serif;margin:0}.layout{font-family:Montserrat,sans-serif;display:flex;flex-direction:column;min-height:100vh;margin:0}.layout__main{flex:1;background-color:#fff;padding:clamp(20px,4vh,40px) clamp(12px,3vw,20px)}.header{background-color:#3a3a3a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #729582;position:relative;gap:8px}.header--login{justify-content:flex-start}.header--admin{padding:12px 24px;gap:0}.header__logo-link{display:flex;align-items:center;flex-shrink:0}.header__logo{height:clamp(24px,5vw,32px);object-fit:contain}.header__logo--login{height:28px}.header__logo--admin{height:32px}.header__title{color:#fff;font-size:clamp(14px,3.5vw,20px);font-weight:600;margin:0;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 140px)}.header__title--admin{font-size:20px;color:#d32f2f}.footer{background-color:#3a3a3a;padding:16px 24px;text-align:center;border-top:2px solid #729582}.footer__link{color:#fff;text-decoration:none;font-size:16px;font-weight:400}.footer__link:hover{text-decoration:underline}.app__status{font-family:system-ui;padding:2rem;max-width:500px;margin:80px auto;text-align:center}.app__status--error{color:red}.app__hero{width:100%;height:clamp(150px,30vh,300px);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #729582}.app__hero-img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.app__login-main{flex:1;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(20px,5vh,40px) 16px;gap:clamp(16px,4vh,32px)}.app__login-title{color:#3a3a3a;font-size:clamp(20px,5vw,28px);font-weight:600;margin:0;text-align:center;padding:0 16px}.app__login-btn{padding:clamp(12px,2vh,16px) clamp(24px,6vw,32px);font-size:clamp(16px,3.5vw,18px);background:#729582;color:#fff;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 8px #00000026;font-family:Montserrat,sans-serif;font-weight:600;transition:all .3s ease}.app__login-btn:hover{background-color:#5f7d6e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-page__main{flex:1;background-color:#fff;padding:40px 20px}.admin-page__status{padding:2rem}.admin-page__status--error{color:red}.admin-page__container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin-left:auto;margin-right:auto}.admin-page__tabs{display:flex;gap:16px;margin-bottom:32px}.admin-page__tab{padding:8px 24px;font-size:1rem;border-radius:6px;border:1px solid #ccc;background:#fafafa;color:#333;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif}.admin-page__tab--active{border:2px solid #729582;background:#e8f5e9}.admin-page__sync{margin:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.admin-page__member-count{color:#729582;font-weight:700;margin-bottom:8px;font-family:Montserrat,sans-serif}.admin-page__sync-btn{padding:12px 24px;font-size:1rem;margin-right:12px;background:#729582;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #7295824d;font-family:Montserrat,sans-serif}.admin-page__sync-status--ok{color:#729582;font-weight:700;font-family:Montserrat,sans-serif}.admin-page__sync-status--error{color:red;font-weight:700;font-family:Montserrat,sans-serif}.admin-page__route-wrapper{width:100%}.search-members{max-width:1200px;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;width:100%}.search-members--loading{max-width:1200px;margin:0 auto;padding:0;text-align:center}.search-members__loading-text{margin-top:40px}.search-members__input-wrapper{margin-bottom:clamp(16px,4vh,32px);width:100%;max-width:500px;padding:0 clamp(12px,3vw,20px);position:relative}.search-members__input{width:100%;padding:clamp(10px,2vh,12px);font-size:16px;border-radius:6px;border:2px solid #729582;font-family:Montserrat,sans-serif;outline:none;box-sizing:border-box}.search-members__input--has-query{padding-right:40px}.search-members__clear-btn{position:absolute;right:clamp(20px,4vw,28px);top:50%;transform:translateY(-50%);background:none;border:none;color:#729582;font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;font-weight:700}.search-members__error{color:red;margin-bottom:20px;padding:0 clamp(12px,3vw,20px)}.search-members__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,calc(50% - 8px)),1fr));gap:clamp(4px,1vw,8px);margin-bottom:clamp(16px,4vh,32px);width:100%;max-width:1200px;padding:0 clamp(12px,3vw,20px);box-sizing:border-box}.search-members__card{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;cursor:pointer}.search-members__thumb{width:100%;aspect-ratio:1;max-width:150px;object-fit:cover;border-radius:4px;box-shadow:0 3px 10px #72958266;transition:transform .2s,box-shadow .2s}.search-members__thumb:hover{transform:scale(1.05);box-shadow:0 5px 15px #72958299}.search-members__initials{width:100%;aspect-ratio:1;max-width:150px;background-color:#ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:clamp(32px,8vw,48px);font-weight:600;color:#888;box-shadow:0 3px 10px #72958266;transition:transform .2s,box-shadow .2s}.search-members__initials:hover{transform:scale(1.05);box-shadow:0 5px 15px #72958299}.search-members__name{margin-top:clamp(4px,1vh,8px);font-size:clamp(12px,2.5vw,14px);text-align:center;font-weight:500}.search-members__sentinel{height:1px}.search-members__empty{text-align:center;color:#666;padding:40px clamp(12px,3vw,20px)}.member-detail{max-width:800px;margin:0 auto;padding:0 clamp(12px,3vw,20px);text-align:left}.member-detail--loading,.member-detail--error{max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.member-detail__loading-text{margin-top:40px}.member-detail__error-text{color:red;margin-top:20px}.member-detail__back-btn{background:none;border:none;color:#729582;cursor:pointer;font-size:clamp(14px,3vw,16px);font-family:Montserrat,sans-serif;font-weight:600}.member-detail__back-btn--error{margin-bottom:24px;font-size:16px}.member-detail__top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(16px,3vh,24px)}.member-detail__nav{display:flex;gap:12px;align-items:center}.member-detail__nav-btn{padding:8px 16px;font-size:1.2rem;background:#729582;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 2px 4px #0000001a;transition:all .2s}.member-detail__nav-btn--disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.member-detail__nav-counter{font-size:.9rem;color:#666;font-weight:500}.member-detail__content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,16px)}.member-detail__name{margin:0;font-family:Montserrat,sans-serif;font-size:clamp(20px,4vw,24px)}.member-detail__photo-wrapper{width:100%}.member-detail__photo{max-width:100%;width:100%;height:auto;border-radius:6px;box-shadow:0 4px 15px #72958266}.member-detail__no-photo{padding:32px;background:#f5f5f5;border-radius:12px;color:#666;text-align:center;width:100%}.member-detail__family-photo-wrapper{width:100%;margin-top:32px}.member-detail__family-section{margin-top:clamp(12px,2vh,16px);padding:clamp(12px,2vh,16px);background:#f9f9f9;border-radius:8px;border:1px solid #729582}.member-detail__family-title{font-weight:600;margin-bottom:clamp(8px,1.5vh,12px);color:#333;font-family:Montserrat,sans-serif;font-size:clamp(14px,3vw,16px)}.member-detail__family-list{list-style:none;padding:0;margin:0}.member-detail__family-item{margin-bottom:8px}.member-detail__family-link{color:#729582;text-decoration:none;font-size:clamp(15px,3.2vw,17px);font-family:Montserrat,sans-serif;font-weight:600}.member-detail__family-link:hover{text-decoration:underline}.photo-detail{font-family:Montserrat,sans-serif}.photo-detail__loading{font-family:Montserrat,sans-serif;padding:20px}.photo-detail__top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.photo-detail__title{color:#3a3a3a;margin:0}.photo-detail__nav{display:flex;gap:12px;align-items:center}.photo-detail__nav-btn{padding:8px 16px;font-size:1.2rem;background:#729582;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 2px 4px #0000001a;transition:all .2s}.photo-detail__nav-btn--disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.photo-detail__nav-counter{font-size:.9rem;color:#666;font-weight:500}.photo-detail__message{padding:12px;border-radius:6px;margin-bottom:16px}.photo-detail__message--error{background:#ffebee;color:#c62828}.photo-detail__message--success{background:#e8f5e9;color:#2e7d32;font-family:Montserrat,sans-serif;font-weight:500}.photo-detail__image-row{display:flex;gap:16px;align-items:flex-start}.photo-detail__image{max-width:400px;border-radius:8px;box-shadow:0 4px 12px #72958266}.photo-detail__delete-btn{padding:8px 16px;font-size:.9rem;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;box-shadow:0 2px 4px #0000001a}.photo-detail__assigned{margin-top:1rem}.photo-detail__remove-btn{margin-left:8px}.photo-detail__search{margin-top:2rem}.photo-detail__search-label{font-family:Montserrat,sans-serif}.photo-detail__search-input{margin-left:8px;padding:8px;font-size:16px;border:2px solid #729582;border-radius:6px;font-family:Montserrat,sans-serif;outline:none}.photo-detail__search-hint{font-size:.85rem;color:#666;margin-top:.5rem}.photo-detail__results{margin-top:1rem}.photo-detail__results-list{list-style:none;padding:0}.photo-detail__result-item{padding:8px 12px;margin:4px 0;cursor:pointer;border-radius:4px;background-color:#f5f5f5;color:#000;transition:all .2s;-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif;font-weight:400}.photo-detail__result-item:hover{background-color:#e0e0e0}.photo-detail__result-item--selected{background-color:#729582;color:#fff;font-weight:600}.photo-detail__result-item--selected:hover{background-color:#729582}.photo-detail__result-badge{font-size:.75em;opacity:.6;margin-left:6px}.photo-detail__result-badge--family{margin-left:4px}.photo-detail__assign-btn{margin-top:1rem;padding:12px 24px;font-size:1rem;background:#729582;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif;box-shadow:0 2px 6px #7295824d}.photo-overview{font-family:Montserrat,sans-serif;position:relative}.photo-overview__toolbar{position:sticky;top:0;z-index:100;background-color:#729582;color:#fff;padding:12px 20px;margin-bottom:16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000026;flex-wrap:wrap;gap:12px}.photo-overview__toolbar-count{font-weight:600;font-size:1rem}.photo-overview__toolbar-actions{display:flex;gap:12px;flex-wrap:wrap}.photo-overview__deselect-btn{padding:8px 16px;font-size:.9rem;border-radius:6px;border:2px solid white;background:transparent;color:#fff;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif}.photo-overview__deselect-btn--disabled{cursor:not-allowed}.photo-overview__batch-delete-btn{padding:8px 16px;font-size:.9rem;border-radius:6px;border:none;background:#d32f2f;color:#fff;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif}.photo-overview__batch-delete-btn--disabled{cursor:not-allowed;opacity:.6}.photo-overview__title{color:#3a3a3a;margin-bottom:16px}.photo-overview__filters{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap}.photo-overview__filter-label{font-weight:500;cursor:pointer}.photo-overview__filter-checkbox{accent-color:#729582;margin-right:8px}.photo-overview__grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.photo-overview__card{position:relative;border:2px solid #ccc;padding:.5rem;border-radius:8px;box-shadow:0 2px 6px #72958233;background-color:#fff;transition:all .2s ease}.photo-overview__card--selected{border:3px solid #729582;box-shadow:0 4px 12px #72958280;background-color:#f0f8f4}.photo-overview__card-checkbox{position:absolute;top:8px;left:8px;width:20px;height:20px;cursor:pointer;accent-color:#729582;z-index:10}.photo-overview__card-image{width:120px;height:120px;object-fit:cover;cursor:pointer;border-radius:4px}.photo-overview__card-label{margin-top:.5rem;font-size:.9em;font-family:Montserrat,sans-serif;font-weight:500;max-width:120px}.photo-upload{font-family:Montserrat,sans-serif}.photo-upload__title{color:#3a3a3a;margin-bottom:16px}.photo-upload__type-selector{margin-bottom:1rem}.photo-upload__type-label{margin-right:8px;font-weight:500}.photo-upload__dropzone{border:2px dashed #ccc;padding:2rem;border-radius:8px;background:#fafafa;text-align:center;font-family:Montserrat,sans-serif}.photo-upload__dropzone--active{border:2px solid #729582;background:#e8f5e9}.photo-upload__file-input{display:none}.photo-upload__file-label{display:block;margin-top:1rem;cursor:pointer;color:#729582;font-weight:600;font-family:Montserrat,sans-serif;text-decoration:none}.photo-upload__file-label:hover{text-decoration:underline}.photo-upload__file-list{margin-top:1rem}.photo-upload__upload-btn{margin-top:1rem;padding:12px 24px;font-size:1rem;background:#729582;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-family:Montserrat,sans-serif;box-shadow:0 2px 6px #7295824d}.photo-upload__result{margin-top:1rem;font-weight:600;font-family:Montserrat,sans-serif}.photo-upload__result--success{color:#729582}.photo-upload__result--error{color:red}.user-menu{z-index:1100;flex-shrink:0}.user-menu__trigger{width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);cursor:pointer;box-shadow:0 2px 8px #00000014;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu__profile-img{border-radius:50%;border:2px solid #729582;background:#eee;object-fit:cover}.user-menu__profile-initials{border-radius:50%;border:2px solid #729582;background:#ddd;display:flex;align-items:center;justify-content:center;font-weight:600;color:#888}.user-menu__overlay{position:absolute;top:clamp(44px,10vw,56px);right:0;background:#fff;padding:12px 0 8px;border-radius:10px;box-shadow:0 4px 16px #00000024;min-width:clamp(160px,40vw,180px);text-align:left;z-index:1200;display:flex;flex-direction:column;align-items:stretch}.user-menu__user-info{display:flex;align-items:center;padding:0 16px 8px}.user-menu__user-avatar{margin-right:10px}.user-menu__user-name{font-weight:500}.user-menu__divider{margin:0 0 8px;border:none;border-top:1px solid #eee}.user-menu__action-btn{padding:8px 16px;font-size:15px;background:none;color:#d32f2f;border:none;border-radius:6px;cursor:pointer;text-align:left;font-weight:500;transition:background .2s}.user-menu__action-btn:hover{background:#f8d7da}