*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2e7d32;--primary-light: #4caf50;--danger: #d32f2f;--bg: #f5f5f5;--card: #ffffff;--text: #212121;--text-light: #757575;--border: #e0e0e0;--radius: 8px;--content-max: 720px;--bottom-nav-h: 56px}html{-webkit-tap-highlight-color:rgba(46,125,50,.15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.app{min-height:100vh}.header{background:var(--primary);color:#fff;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:10px}.header-title{font-size:1.1rem;font-weight:600;margin:0;min-width:0;line-height:1.25}.header-brand-icon{flex-shrink:0;opacity:.95}.user-info{display:flex;align-items:center;gap:8px;font-size:.85rem}.btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 12px;border-radius:var(--radius);cursor:pointer;min-height:44px;min-width:44px}.btn-logout-text{font-size:.85rem}.nav{display:flex;background:var(--card);border-bottom:1px solid var(--border);overflow-x:auto}.nav-item{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;color:var(--text-light);font-size:.9rem;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s ease,border-bottom-color .15s ease,background-color .15s ease}.nav-item-icon{flex-shrink:0;opacity:.85;transition:opacity .15s ease,color .15s ease}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-item.active .nav-item-icon{opacity:1;color:var(--primary)}.nav--bottom{display:none}.content{padding:16px;max-width:var(--content-max);margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px;flex-wrap:wrap}.page-header h2{font-size:1.3rem}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);text-decoration:none;font-size:.9rem;border:none;cursor:pointer;text-align:center}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.quick-actions .btn-with-icon{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius);cursor:pointer}.btn-cancel{background:none;border:1px solid var(--border);padding:10px 20px;border-radius:var(--radius);cursor:pointer}.btn-small{padding:8px 14px;font-size:.85rem;background:var(--border);border:none;border-radius:var(--radius);cursor:pointer;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.stat-card,.session-card,.event-card,.member-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.stat-card{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.8rem;color:var(--text-light)}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions h3{margin-bottom:4px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.member-info{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.unit-badge{font-size:.75rem;background:var(--primary-light);color:#fff;padding:2px 8px;border-radius:12px;margin-left:8px}.member-age{color:var(--text-light);font-size:.85rem}.filters{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.filters input,.filters select{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;min-height:48px}.filter-check{display:flex;align-items:center;gap:8px;font-size:.9rem}form{display:flex;flex-direction:column;gap:8px}form label{font-weight:600;font-size:.85rem;margin-top:8px}form input,form select,form textarea{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;min-height:48px}form textarea{min-height:6rem}.form-actions{display:flex;justify-content:space-between;margin-top:16px;gap:8px}.error{background:#ffebee;color:var(--danger);padding:10px;border-radius:var(--radius)}.attendance-config{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.attendance-config input,.attendance-config select{font-size:16px;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius)}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.attendance-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.attendance-count{font-weight:700}.attendance-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;min-height:56px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;cursor:pointer;transition:background .15s}button.attendance-row{width:100%;font:inherit;color:inherit;background:var(--card);text-align:left}.attendance-row.present{background:#e8f5e9;border-color:var(--primary-light)}.attendance-row.absent{background:#fff}.attendance-status{display:flex;align-items:center;justify-content:center}.attendance-icon--present{color:var(--primary)}.attendance-icon--absent{color:var(--text-light)}.status-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem}.status-pill--active{color:var(--primary)}.status-pill--inactive{color:var(--text-light)}.table-status{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.table-status--ok{color:var(--primary)}.table-status--no{color:var(--danger)}.session-card,.event-card{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.session-card{cursor:default}.event-card{text-decoration:none;color:var(--text)}.event-card.past{opacity:.6}.session-type{font-size:.8rem;color:var(--text-light);margin-left:8px}.session-type--with-icon{display:inline-flex;align-items:center;gap:6px;margin-left:0;margin-top:4px}.session-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.session-summary{font-weight:700;color:var(--primary)}.member-info-grid{display:grid;gap:8px;margin-bottom:24px}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th,.attendance-table td{padding:8px;text-align:left;border-bottom:1px solid var(--border)}.attendance-table th{font-size:.85rem;color:var(--text-light)}.event-info-grid{display:grid;gap:8px;margin-bottom:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:var(--card);padding:32px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 2px 8px #0000001a;text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.login-brand-icon{color:var(--primary)}.login-card h1{font-size:1.5rem;margin-bottom:0}.login-card p{color:var(--text-light);margin-bottom:24px}.login-card form{text-align:left}.login-card button[type=submit]{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;margin-top:8px}.empty{color:var(--text-light);text-align:center;padding:24px}.loading{text-align:center;padding:48px}.events-page h3{margin:16px 0 8px}.attendance-cards-mobile{display:none;list-style:none;padding:0;margin:0;gap:10px;flex-direction:column}.attendance-history-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:grid;gap:6px}.attendance-history-card__date{font-weight:700;font-size:1rem}.attendance-history-card__type{font-size:.9rem;color:var(--text-light)}.attendance-history-card__status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;margin-top:4px}.attendance-history-card__status.is-present{color:var(--primary)}.attendance-history-card__status.is-absent{color:var(--danger)}.toast{position:fixed;z-index:10060;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:420px;margin:0 auto;padding:14px 16px;border-radius:var(--radius);font-size:.95rem;font-weight:500;box-shadow:0 4px 20px #00000026;animation:toast-in .22s ease-out}@media (min-width: 768px){.toast{bottom:24px;left:50%;right:auto;margin:0;transform:translate(-50%)}}.toast--error{background:#ffebee;color:#b71c1c;border:1px solid #ffcdd2}.toast--success{background:#e8f5e9;color:#1b5e20;border:1px solid #c8e6c9}@keyframes toast-in{0%{opacity:0}to{opacity:1}}@media (max-width: 767px){.header{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px}.header-brand{min-width:0;flex:1;gap:8px}.header-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info{flex-shrink:0;gap:6px}.user-info-name{max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav--top{display:none}.nav--bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;justify-content:space-around;align-items:stretch;padding:0;padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014;overflow-x:auto}.nav--bottom .nav-item--bottom{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;min-width:0;min-height:calc(var(--bottom-nav-h) + 4px);border-bottom:none;border-top:3px solid transparent;font-size:.68rem;color:var(--text-light)}.nav--bottom .nav-item--bottom .nav-item-icon{opacity:1}.nav--bottom .nav-item--bottom.active{color:var(--primary);border-top-color:var(--primary);background:#2e7d3212;border-bottom-color:transparent}.nav--bottom .nav-item--bottom.active .nav-item-icon{color:var(--primary)}.nav-item-label{display:block;line-height:1.15;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%}.content{padding:14px 16px;padding-bottom:calc(var(--bottom-nav-h) + 28px + env(safe-area-inset-bottom));max-width:none}.btn{min-height:48px;padding:12px 18px}.btn-danger,.btn-cancel{min-height:48px}.page-header .btn,.page-header .btn-primary,.page-header .btn-secondary{flex:1 1 auto;min-width:0}.attendance-toolbar{position:sticky;top:0;z-index:50;margin:-14px -16px 14px;padding:12px 16px;background:#f5f5f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-wrap:nowrap}.attendance-toolbar .attendance-count{flex-shrink:0;font-size:.9rem}.attendance-toolbar-actions{justify-content:flex-end}.attendance-form-page{padding-bottom:24px}.attendance-form-page .form-actions{position:sticky;bottom:calc(var(--bottom-nav-h) + 12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent);padding-top:16px;margin-top:8px;z-index:40}.attendance-table--desktop{display:none}.attendance-cards-mobile{display:flex}.stats-grid{gap:10px}.stat-number{font-size:1.65rem}.login-card input{font-size:16px;min-height:48px}.login-card button[type=submit]{min-height:48px;font-size:16px}.toast{bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.attendance-cards-mobile{display:none!important}.attendance-table--desktop{display:table}}body.offline .app{padding-top:52px}body.offline .login-page{padding-top:56px}.connectivity-bar{position:fixed;top:0;left:0;right:0;z-index:10048;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#5d4037;color:#fff;font-size:.85rem;line-height:1.35;display:flex;align-items:flex-start;gap:10px;box-shadow:0 2px 8px #0000001f}.pwa-install-banner{position:fixed;z-index:10042;box-sizing:border-box}.pwa-install-banner__inner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px #0000001f}.pwa-install-banner__icon{flex-shrink:0;color:var(--primary);margin-top:2px}.pwa-install-banner__text{flex:1;min-width:0}.pwa-install-banner__text strong{display:block;font-size:.95rem;margin-bottom:4px}.pwa-install-banner__hint{margin:0;font-size:.82rem;color:var(--text-light);line-height:1.4}.pwa-install-banner__never{display:block;margin-top:10px;padding:0;border:none;background:none;color:var(--primary);font-size:.8rem;font-weight:600;text-decoration:underline;cursor:pointer;text-align:left}.pwa-install-banner__never:hover{color:var(--primary-light)}.pwa-install-banner__actions{display:flex;flex-shrink:0;align-items:flex-start;gap:6px}.pwa-install-banner__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;min-height:44px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.pwa-install-banner__ios{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--primary);background:#2e7d321a;border-radius:var(--radius)}.pwa-install-banner__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--text-light);cursor:pointer;border-radius:var(--radius)}.pwa-install-banner__close:hover{background:var(--bg)}.pwa-install-banner--auth{bottom:max(20px,env(safe-area-inset-bottom));left:12px;right:12px}.pwa-install-banner--main{left:10px;right:10px}@media (max-width: 767px){.pwa-install-banner--main{bottom:calc(var(--bottom-nav-h) + 12px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.pwa-install-banner--main{bottom:24px;right:24px;left:auto;width:min(400px,calc(100vw - 48px))}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.member-photo-field{margin-top:4px;margin-bottom:8px}.member-photo-field__label{display:block;font-weight:600;font-size:.85rem;margin-bottom:8px}.member-photo-field__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.member-photo-preview{flex-shrink:0;width:96px;height:96px;padding:0;border:2px solid var(--border);border-radius:50%;background:var(--bg);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-photo-preview:disabled{cursor:default;opacity:.85}.member-photo-preview__img{width:100%;height:100%;object-fit:cover}.member-photo-preview__placeholder{color:var(--text-light);display:flex;align-items:center;justify-content:center}.member-photo-actions{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.member-photo-actions__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%}.member-photo-actions__btn--ghost{background:transparent;border:1px solid var(--danger);color:var(--danger)}.member-photo-field__hint{font-size:.8rem;color:var(--text-light);margin:8px 0 0;line-height:1.35}.member-row__lead{display:flex;align-items:center;gap:12px;min-width:0}.member-thumb{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.member-thumb__img{width:100%;height:100%;object-fit:cover}.member-thumb__placeholder{color:var(--text-light)}.member-detail__title-block{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.member-detail__title-block h2{margin:0;min-width:0}.member-detail__avatar{flex-shrink:0;width:56px;height:56px;padding:0;border:2px solid var(--border);border-radius:50%;background:var(--bg);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-detail__avatar:disabled{cursor:default;opacity:.9}.member-detail__avatar-img{width:100%;height:100%;object-fit:cover}.member-detail__avatar-placeholder{color:var(--text-light)}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0)}.photo-lightbox__close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:48px;height:48px;border:none;border-radius:var(--radius);background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-lightbox__close:hover{background:#ffffff38}.photo-lightbox__img{max-width:100%;max-height:min(90vh,100%);object-fit:contain;border-radius:4px}@keyframes loginSuccessLogo{0%{opacity:0;transform:scale(.88)}55%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.login-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:var(--bg)}.login-success-logo{width:96px;height:96px;border-radius:20px;object-fit:cover;box-shadow:0 8px 32px #0000001f;animation:loginSuccessLogo .75s cubic-bezier(.34,1.02,.68,1) forwards}.login-success-msg{color:var(--text-light);font-size:.95rem}@media (prefers-reduced-motion: reduce){.login-success-logo{animation:none;opacity:1;transform:none}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .24s ease-out forwards}@media (prefers-reduced-motion: reduce){.page-transition{animation:none}}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;background:var(--bg)}.auth-loading__logo{width:72px;height:72px;border-radius:16px;object-fit:cover;animation:authLoadingPulse 1.2s ease-in-out infinite}@keyframes authLoadingPulse{0%,to{opacity:.65}50%{opacity:1}}.auth-loading__spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:authSpin .75s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.auth-loading__logo{animation:none;opacity:1}.auth-loading__spinner{animation:none;border-top-color:var(--border);opacity:.65}}.member-score-card{background:linear-gradient(135deg,var(--card) 0%,rgba(46,125,50,.06) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px}.member-score-card__title{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin:0 0 12px;color:var(--primary)}.member-score-card__total{font-size:1.25rem;margin-bottom:12px}.member-score-card__rules{list-style:disc;padding-left:1.25rem;margin:0 0 12px;font-size:.9rem;color:var(--text-light)}.member-score-card__tx{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:.9rem}.member-score-card__tx li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.member-score-card__tx .is-plus{color:var(--primary);font-weight:700;min-width:2.5rem}.member-score-card__tx .is-minus{color:var(--danger);font-weight:700;min-width:2.5rem}.member-score-card__tx-note{color:var(--text-light);font-size:.85rem}.member-score-card__muted{color:var(--text-light);margin:0;font-size:.9rem}.member-form__gamification-opt{margin-top:8px}.scoreboard-page__icon{vertical-align:-4px;margin-right:6px;color:var(--primary)}.scoreboard-page .page-header h2{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.scoreboard-page__intro{font-size:.9rem;color:var(--text-light);line-height:1.45;margin-bottom:12px}.scoreboard-page__filters{margin-bottom:16px}.scoreboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.scoreboard-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.scoreboard-rank{font-weight:700;font-size:1.1rem;color:var(--primary);min-width:2rem;text-align:center}.scoreboard-row__main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.scoreboard-name{font-weight:600;color:var(--text);text-decoration:none}.scoreboard-name:hover{text-decoration:underline}.scoreboard-points{color:var(--primary);font-size:1rem}.login-privacy-link{text-align:center;margin:0 0 12px;font-size:.9rem}.login-privacy-link a{color:var(--primary)}.user-info-privacy{display:flex;align-items:center;color:var(--text-muted);padding:6px;border-radius:8px}.user-info-privacy:hover{color:var(--primary);background:var(--surface-2)}.app-footer{padding:10px 16px 88px;text-align:center;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border)}.app-footer a{color:var(--primary)}.app-footer__sep{margin:0 6px}.consent-screen{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.consent-screen__card{max-width:440px;width:100%;padding:24px;background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.consent-screen__lead{margin:12px 0 20px;line-height:1.5}.consent-screen__form{display:flex;flex-direction:column;gap:14px}.consent-screen__check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.4}.consent-screen__check input{margin-top:4px}.privacy-page{min-height:100vh;background:var(--bg);color:var(--text)}.privacy-page__header{padding:16px 20px;border-bottom:1px solid var(--border)}.privacy-page__brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text);text-decoration:none}.privacy-page__article{max-width:720px;margin:0 auto;padding:28px 20px 48px;line-height:1.6}.privacy-page__article h1{margin-top:0}.privacy-page__article h2{margin-top:1.5rem;font-size:1.1rem}.privacy-page__meta{color:var(--text-muted);font-size:.9rem}.privacy-page__link{color:var(--primary)}.privacy-page__back{margin-top:2rem}.card-block{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.card-block h3{margin-top:0}.privacy-data-page .consent-list{list-style:none;padding:0;margin:12px 0 16px}.privacy-data-page .consent-list li{padding:8px 0;border-bottom:1px solid var(--border)}.privacy-data-page .text-ok{color:var(--success, #15803d)}.privacy-data-page .text-muted,.muted{color:var(--text-muted);font-size:.92rem}.success-banner{padding:12px 16px;background:color-mix(in srgb,var(--success, #15803d) 12%,transparent);border-radius:8px;margin-bottom:12px;color:var(--text)}.staff-page .guardian-form{display:flex;flex-direction:column;gap:14px;max-width:520px}.staff-page .guardian-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.staff-page .guardian-members__list{max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px}.staff-page .guardian-members__row{display:flex;gap:10px;align-items:center;padding:6px 4px}