:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f4f6f9;--bg-surface:#fff;--bg-surface-2:#f8f9fc;--border:#e2e8f0;--border-dark:#cbd5e1;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#4a7fc1;--accent-hover:#3668a8;--accent-light:#ebf2fc;--success:#16a34a;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fee2e2;--warning:#d97706;--warning-light:#fef3c7;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000012;--shadow:0 2px 8px #00000017;--shadow-lg:0 8px 32px #0000002e;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}body{background:var(--bg-page);min-height:100vh}.role-bar{color:#f1f5f9;z-index:50;background:#1e293b;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex;position:sticky;top:0}.role-bar__label{color:#94a3b8;white-space:nowrap}.role-bar__select{color:#f1f5f9;border-radius:var(--radius-sm);cursor:pointer;background:#334155;border:1px solid #475569;padding:4px 8px;font-size:13px}.user-app{max-width:820px;margin:0 auto;padding-bottom:48px}.user-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:20px 20px 0}.user-header__name{color:var(--text-primary);margin-bottom:0;padding-bottom:14px;font-size:22px;font-weight:700}.tab-nav-wrap{background:var(--bg-surface);border-bottom:2px solid var(--border);position:relative}.tab-nav-wrap__hint{pointer-events:none;width:48px;color:var(--text-secondary);align-items:center;font-size:22px;font-weight:700;display:flex;position:absolute;top:0;bottom:2px}.tab-nav-wrap__hint--right{background:linear-gradient(to right, transparent, var(--bg-surface) 55%);justify-content:flex-end;padding-right:8px;right:0}.tab-nav-wrap__hint--left{background:linear-gradient(to left, transparent, var(--bg-surface) 55%);justify-content:flex-start;padding-left:8px;left:0}.tab-nav{scrollbar-width:none;-ms-overflow-style:none;gap:2px;padding:0 20px;display:flex;overflow:auto hidden}.tab-nav::-webkit-scrollbar{display:none}.tab-nav__btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-nav__btn:hover{color:#1e293b}.tab-nav__btn--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{padding:20px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-dark)}.btn--secondary:hover:not(:disabled){background:var(--border)}.btn--full{width:100%}.summary-tab{flex-direction:column;gap:16px;display:flex}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:18px 20px;display:flex}.summary-card--accent{border-top:3px solid var(--accent)}.summary-card__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:700}.summary-card__value{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1.2}.summary-card__value--main{color:var(--accent);font-size:32px}.summary-card__value--success{color:var(--success)}.summary-card__value--warning{color:var(--warning)}.summary-card__freq{color:var(--text-secondary);font-size:14px;font-weight:400}.summary-card__sub{color:var(--text-muted);margin-top:2px;font-size:12px}.transactions-tab{flex-direction:column;gap:14px;display:flex}.transactions-tab__toolbar{justify-content:flex-end;gap:8px;display:flex}.transactions-tab__filters{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:12px;padding:14px 16px;display:flex}.filter-group{flex-direction:column;flex:1;gap:5px;min-width:140px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:700}.filter-select,.filter-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-surface);padding:7px 10px;font-family:inherit;font-size:13px}.filter-select:focus,.filter-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%;font-size:14px}.transactions-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--bg-surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:700}.transactions-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tbody tr:hover td{background:var(--bg-surface-2)}.td-date{white-space:nowrap;color:var(--text-secondary);font-size:13px}.type-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.type-badge--deposit{background:var(--success-light);color:var(--success)}.type-badge--withdrawal{background:var(--danger-light);color:var(--danger)}.td-amount{white-space:nowrap;font-size:14px;font-weight:700}.td-balance{white-space:nowrap;color:var(--text-secondary);font-size:14px;font-weight:600}.td-amount--deposit{color:var(--success)}.td-amount--withdrawal{color:var(--danger)}.td-notes{color:var(--text-secondary);max-width:220px;font-size:13px}.td-center{text-align:center;color:var(--text-secondary);font-size:13px}.col-tithing{white-space:nowrap}.td-actions{white-space:nowrap;text-align:center;width:1%}.txn-menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:2px 7px;font-size:18px;line-height:1;transition:background .15s,color .15s}.txn-menu-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.btn-action{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;margin-right:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600}.btn-action--edit{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.btn-action--delete{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px 20px;font-size:14px}.results-count{color:var(--text-muted);text-align:right;font-size:12px}.transactions-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.pagination-controls{align-items:center;gap:10px;display:flex}.pagination-info{color:var(--text-secondary);white-space:nowrap;font-size:13px}.wizard-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=540px){.wizard-overlay{align-items:center;padding:20px}}.wizard-modal{background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:92vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}@media (width>=540px){.wizard-modal{border-radius:var(--radius-lg)}}.wizard-header{border-bottom:1px solid var(--border);background:var(--bg-surface);z-index:1;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex;position:sticky;top:0}.wizard-title{font-size:17px;font-weight:700}.wizard-close{background:var(--bg-surface-2);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .15s;display:flex}.wizard-close:hover{background:var(--border);color:var(--text-primary)}.wizard-progress{justify-content:center;gap:6px;padding:14px 20px 0;display:flex}.wizard-progress__dot{background:var(--border-dark);border-radius:50%;width:8px;height:8px;transition:all .2s}.wizard-progress__dot--active{background:var(--accent);border-radius:4px;width:22px}.wizard-progress__dot--done{background:var(--accent);opacity:.35}.wizard-body{flex:1;padding:24px 20px}.wizard-screen__prompt{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.wizard-screen__hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.wizard-screen__info{color:var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin-top:12px;padding:10px 14px;font-size:13px}.wizard-screen__warning{color:var(--warning);background:var(--warning-light);border-radius:var(--radius-sm);margin-top:10px;padding:8px 12px;font-size:13px}.optional{color:var(--text-muted);font-size:12px;font-weight:400}.category-options{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.category-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-surface-2);cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:110px;padding:20px 12px 16px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.category-btn:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.category-btn--selected{border-color:var(--accent);background:var(--accent-light)}.category-btn__icon{font-size:30px;line-height:1}.category-btn__label{color:var(--text-primary);font-size:14px;font-weight:700}.category-btn__desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.amount-input-wrapper{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;margin-top:12px;transition:border-color .15s;display:flex;overflow:hidden}.amount-input-wrapper:focus-within{border-color:var(--accent)}.amount-input-prefix{background:var(--bg-surface-2);color:var(--text-secondary);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:20px;font-weight:600}.amount-input{color:var(--text-primary);background:0 0;border:none;width:100%;padding:10px 14px;font-family:inherit;font-size:26px;font-weight:700}.amount-input:focus{outline:none}.yesno-options{gap:12px;margin-top:12px;display:flex}.yesno-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-surface-2);cursor:pointer;color:var(--text-primary);flex:1;padding:18px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .15s,background .15s}.yesno-btn:hover{border-color:var(--accent)}.yesno-btn--yes.yesno-btn--selected{background:var(--success-light);color:var(--success);border-color:var(--success)}.yesno-btn--no.yesno-btn--selected{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.notes-input{border:2px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;color:var(--text-primary);background:var(--bg-surface);margin-top:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.notes-input:focus{border-color:var(--accent);outline:none}.summary-rows{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;margin-top:8px;display:flex;overflow:hidden}.summary-row{background:var(--bg-surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 16px;display:flex}.summary-row:nth-child(2n){background:var(--bg-surface-2)}.summary-row--total{border-top:2px solid var(--border);background:var(--bg-surface-2)!important}.summary-row__label{color:var(--text-secondary);flex-shrink:0;font-size:13px}.summary-row__value{text-align:right;font-size:14px;font-weight:700}.summary-row__value--deposit{color:var(--success)}.summary-row__value--withdrawal{color:var(--danger)}.summary-row__value--success{color:var(--success)}.summary-row__value--warning{color:var(--warning)}.summary-row__value--notes{color:var(--text-secondary);font-size:13px;font-weight:400}.wizard-footer{border-top:1px solid var(--border);background:var(--bg-surface);align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;bottom:0}.wizard-footer__spacer{flex:1}.coming-soon{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;display:flex}@media (width<=600px){.tab-content{padding:14px}.summary-cards{grid-template-columns:1fr}.summary-card__value--main{font-size:28px}.transactions-tab__filters{flex-direction:column;gap:10px}.filter-group{min-width:unset}.transactions-table th,.transactions-table td{padding:9px 10px}.col-tithing{display:none}.td-notes{max-width:120px}.category-options{flex-direction:column}.category-btn{text-align:left;min-width:unset;flex-direction:row;gap:12px;padding:14px 16px}.category-btn__icon{font-size:24px}.category-btn__desc{display:none}}.admin-app{max-width:1000px;margin:0 auto;padding-bottom:48px}.admin-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:20px 20px 14px}.admin-header__title{color:var(--text-primary);font-size:22px;font-weight:700}.admin-summary-tab{flex-direction:column;gap:16px;display:flex}.admin-summary-tab__header{justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:15px;font-weight:700}.admin-kid-tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.admin-kid-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.admin-kid-tile__avatar{background:var(--accent-light);width:42px;height:42px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.admin-kid-tile__info{flex:1;min-width:0}.admin-kid-tile__name-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-kid-tile__name{color:var(--text-primary);margin-bottom:0;font-size:16px;font-weight:700}.admin-kid-tile__name--link{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:16px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.admin-kid-tile__name--link:hover,.admin-kid-tile__name--link:focus-visible{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);outline:none}.kid-detail-view__back-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:12px 20px}.admin-kid-tile__stats{flex-direction:column;gap:6px;display:flex}.admin-kid-stat{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-kid-stat__label{color:var(--text-secondary);font-size:12px}.admin-kid-stat__value{color:var(--text-primary);text-align:right;font-size:13px;font-weight:700}.admin-kid-stat__value--main{color:var(--accent);font-size:15px}.admin-kid-stat__value--success{color:var(--success)}.admin-kid-stat__value--warning{color:var(--warning)}.admin-kid-stat__value--muted{color:var(--text-secondary);font-weight:400}.family-members-layout{align-items:flex-start;gap:20px;display:flex}.kid-list-column{flex-direction:column;flex-shrink:0;gap:6px;width:220px;display:flex}.kid-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.kid-list__item{border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;width:100%;transition:background .12s;display:flex;position:relative}.kid-list__item:last-child{border-bottom:none}.kid-list__item:hover{background:var(--bg-surface-2)}.kid-list__item--active{background:var(--accent-light)}.kid-list__item--draggable{cursor:grab;-webkit-user-select:none;user-select:none;gap:10px;padding:10px 12px}.kid-list__item--draggable:active{cursor:grabbing}.kid-list__drag-handle{color:var(--text-secondary);flex-shrink:0;font-size:18px;line-height:1}.kid-list__select-area{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-family:inherit;display:flex}.kid-list__select-area--admin{cursor:default}.kid-list__edit-icon{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;padding:4px 10px;font-size:14px;line-height:1}.kid-list__edit-icon:hover:not(:disabled){color:var(--text-primary)}.member-menu{position:relative}.member-menu__trigger{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1}.member-menu__trigger:hover{background:var(--bg-surface-2);color:var(--text-primary)}.member-menu__backdrop{z-index:10;position:fixed;inset:0}.member-menu__dropdown{z-index:11;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:140px;overflow:hidden}.member-menu__item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:14px;display:block}.member-menu__item:hover{background:var(--bg-surface-2)}.member-menu__item--danger{color:#dc2626}.member-menu__item--danger:hover{background:#fef2f2}.kid-list__delete-footer{padding:0 12px 10px}.kid-list__add-footer{padding:10px 12px}.kid-list__avatar{background:var(--accent-light);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.kid-list__avatar--admin{background:var(--bg-surface-2);color:var(--text-secondary)}.kid-list__avatar--pending{color:#92400e;background:#fef3c7}.kid-list__pending-badge{color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600;display:inline-block}.kid-list__item--active .kid-list__avatar{background:var(--accent);color:#fff}.kid-list__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.kid-list__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.kid-list__role,.kid-list__sub{color:var(--text-secondary);font-size:11px}.kid-list__unsaved-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn--xs{padding:3px 8px;font-size:11px;line-height:1.4}.kid-settings-panel{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.unsaved-inline-banner{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.unsaved-inline-banner__text{color:var(--text-primary);flex:1;min-width:200px;font-size:13px}.unsaved-inline-banner__actions{flex-wrap:wrap;gap:8px;display:flex}.settings-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.settings-form__header{border-bottom:1px solid var(--border);background:var(--bg-surface-2);border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.settings-form__title{color:var(--text-primary);font-size:16px;font-weight:700}.kid-selector-mobile,.kid-add-member-mobile{display:none}.unsaved-badge{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.add-txn-wages-block{flex-direction:column;gap:2px;padding-bottom:4px;display:flex}.wizard-wages-block{flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:300px;margin:0 auto;display:flex}.wizard-wages-label{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.wizard-wages-or{text-align:center;color:var(--text-secondary);letter-spacing:.06em;padding:6px 0;font-size:22px;font-weight:800;line-height:1}.wizard-wages-preview{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.wizard-wages-preview strong{color:var(--success,#16a34a);font-weight:700}.add-txn-or-divider{text-align:center;color:var(--text-secondary);letter-spacing:.06em;padding:10px 0;font-size:20px;font-weight:800;line-height:1}.add-txn-wage-preview{color:var(--text-secondary);text-align:center;margin:6px 0 2px;font-size:13px}.add-txn-wage-preview strong{color:var(--success,#16a34a);font-weight:700}.add-txn-wage-hint{color:var(--text-tertiary,var(--text-secondary));text-align:center;margin:4px 0 2px;font-size:12px}.form-field{border-bottom:1px solid var(--border);padding:16px 20px}.form-field:last-of-type{border-bottom:none}.form-label{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.form-hint{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:280px;color:var(--text-primary);background:var(--bg-surface);cursor:pointer;padding:8px 10px;font-family:inherit;font-size:14px}.form-select:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.toggle-switch{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{background:var(--border-dark);border-radius:999px;width:44px;height:24px;transition:background .2s;display:block;position:relative}.toggle-switch__track:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-switch__track{background:var(--accent)}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-switch__track{outline:2px solid var(--accent);outline-offset:2px}.allowance-sub-fields{background:var(--bg-surface-2);border-top:1px solid var(--border)}.allowance-sub-fields .form-field{border-bottom:1px solid var(--border)}.amount-input-wrapper--sm{max-width:160px}.amount-input--sm{padding:8px 10px;font-size:18px}.settings-form__footer{border-top:1px solid var(--border);background:var(--bg-surface-2);border-radius:0 0 var(--radius) var(--radius);padding:16px 20px}.settings-form__footer-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.edit-balance-section{border-top:1px solid var(--border);padding:16px 20px}.edit-balance-section__header{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.edit-balance-section__title{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.edit-balance-section__meta{color:var(--text-secondary);font-size:11px}.edit-balance-form{flex-direction:column;gap:12px;display:flex}.edit-balance-form__fields{flex-wrap:wrap;gap:12px;display:flex}.edit-balance-form__field{flex-direction:column;gap:4px;display:flex}.edit-balance-form__actions{gap:8px;display:flex}.admin-settings-tab{flex-direction:column;gap:20px;display:flex}.settings-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.settings-card__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.settings-card__label{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.settings-card__hint{color:var(--text-secondary);font-size:12px}.family-id-display{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.family-id-code{letter-spacing:.03em;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);word-break:break-all;padding:6px 10px;font-family:ui-monospace,SF Mono,Consolas,Cascadia Code,monospace;font-size:13px}.settings-more-coming{color:var(--text-muted);font-size:13px;font-style:italic}.toggle-switch{background:var(--border);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-switch--on{background:var(--accent)}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.toggle-switch__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch--on .toggle-switch__thumb{transform:translate(20px)}.chore-section{margin-top:24px}.chore-section__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chore-section__empty{color:var(--text-secondary);padding:12px 0;font-size:13px;font-style:italic}.chore-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.chore-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.chore-row:last-child{border-bottom:none}.chore-row__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.chore-row__amount{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.chore-row__template-badge{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.chore-row__menu-wrap{flex-shrink:0;position:relative}.chore-row__menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;letter-spacing:2px;background:0 0;padding:3px 8px;font-size:12px;font-weight:700;line-height:1;transition:background .15s,color .15s}.chore-row__menu-btn:hover{background:var(--bg-surface-2);color:var(--text-primary)}.chore-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:130px;overflow:hidden}.chore-menu__item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:500;transition:background .12s;display:block}.chore-menu__item:hover{background:var(--bg-surface-2)}.chore-menu__item--complete{color:var(--success);font-weight:600}.chore-menu__item--delete{color:#dc2626}.chore-form{flex-direction:column;gap:14px;display:flex}.chore-form__label{color:var(--text-primary);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.chore-form__input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-surface);box-sizing:border-box;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.chore-form__input:focus{border-color:var(--accent);outline:none}.chore-form__checkbox-row{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.chore-form__error{color:#dc2626;margin:0;font-size:13px}.chore-complete__subtitle{color:var(--text-secondary);margin:-8px 0 4px;font-size:13px}.child-name-badge{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.unsaved-nav-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.unsaved-nav-dialog{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:28px 28px 24px}.unsaved-nav-dialog__title{color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:700}.unsaved-nav-dialog__body{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.unsaved-nav-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.btn--danger{background:var(--danger);color:#fff}@media (width<=640px){.admin-kid-tiles{grid-template-columns:1fr}.family-members-layout{flex-direction:column}.kid-list-column{display:none}.kid-selector-mobile{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;padding:10px 12px;font-family:inherit;font-size:15px;display:block}.kid-add-member-mobile{display:block}.family-id-display{flex-direction:column;align-items:flex-start}.unsaved-nav-dialog__actions{flex-direction:column-reverse}.unsaved-nav-dialog__actions .btn{width:100%}}.form-field--row{flex-wrap:wrap;gap:12px;display:flex}.form-field-sub{flex-direction:column;flex-shrink:0;gap:5px;display:flex}.form-field-sub--grow{flex:1;min-width:180px}.form-select--full{width:100%;max-width:none}.biweekly-start-dialog{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:28px 28px 24px}.biweekly-start-dialog__title{color:var(--text-primary);margin-bottom:10px;font-size:17px;font-weight:700}.biweekly-start-dialog__body{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.55}.type-badge--income{background:var(--success-light);color:var(--success)}.type-badge--purchase{background:var(--danger-light);color:var(--danger)}.type-badge--tithing{color:#6d28d9;background:#ede9fe}.td-amount--income{color:var(--success)}.account-bar{color:#f1f5f9;z-index:50;background:#1e293b;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:flex;position:sticky;top:0}.account-bar__name{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.account-bar__signout{color:#f1f5f9;border-radius:var(--radius-sm);cursor:pointer;background:#334155;border:1px solid #475569;padding:4px 12px;font-family:inherit;font-size:12px;transition:background .15s}.account-bar__signout:hover{background:#475569}.auth-signin{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-signin-card{background:var(--bg-surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:48px 52px;box-shadow:0 8px 32px #00000014}@media (width<=480px){.auth-signin-card{padding:32px 24px}}.auth-signin-card__logo{margin-bottom:12px;font-size:48px;line-height:1}.auth-signin-card__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 8px;font-size:1.75rem;font-weight:800}.auth-signin-card__subtitle{color:var(--text-secondary,#64748b);margin:0 0 32px;font-size:.9375rem;line-height:1.55}.auth-signin-card__btn{background:var(--accent,#4f46e5);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 24px;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.auth-signin-card__btn:hover:not(:disabled){background:var(--accent-hover,#4338ca);transform:translateY(-1px);box-shadow:0 4px 16px #4f46e559}.auth-signin-card__btn:active:not(:disabled){transform:translateY(0)}.auth-signin-card__btn:disabled{opacity:.7;cursor:not-allowed}.auth-signin-card__btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.auth-signin-card__error{color:#991b1b;text-align:left;word-break:break-word;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:.85rem;line-height:1.5}.auth-signin-card__footer{color:var(--text-muted,#94a3b8);margin:20px 0 0;font-size:.8rem}.auth-loading{background:var(--bg-page);min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.app-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.app-loading__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app-error{justify-content:center;align-items:center;min-height:60vh;padding:24px;display:flex}.app-error__card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;max-width:440px;box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:32px 40px;display:flex}.app-error__card h2{color:var(--text-primary);font-size:20px;font-weight:700}.app-error__card p{color:var(--text-secondary);font-size:14px;line-height:1.55}.biweekly-start-options{gap:12px;margin-bottom:16px;display:flex}.biweekly-start-option{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-surface-2);cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;padding:18px 14px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.biweekly-start-option:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.biweekly-start-option__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:12px;font-weight:700}.biweekly-start-option__date{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.biweekly-start-dialog__cancel{margin-left:auto;display:block}@media (width<=480px){.biweekly-start-options,.form-field--row{flex-direction:column}}.monthly-notice{background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.monthly-notice__icon{flex-shrink:0;font-size:16px;line-height:1.4}.monthly-notice__text{color:var(--text-primary);font-size:13px;line-height:1.5}.sa-gate{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sa-gate__card{color:#f1f5f9;background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:420px;padding:40px 48px}.sa-gate__icon{margin-bottom:8px;font-size:32px}.sa-gate__title{margin:0 0 4px;font-size:1.25rem;font-weight:600}.sa-gate__hint{color:#94a3b8;margin:0 0 24px;font-size:.875rem}.sa-gate__form{flex-direction:column;gap:14px;display:flex}.sa-gate__form .sa-form-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.sa-gate__form .sa-form-input:focus{border-color:#4a7fc1;outline:none;box-shadow:0 0 0 2px #4a7fc159}.sa-gate__error{color:#f87171;background:#f871711a;border:1px solid #f871714d;border-radius:6px;padding:8px 12px;font-size:.85rem}.sa-gate__disclaimer{color:#475569;text-align:center;margin:16px 0 0;font-size:.75rem}.sa-app{background:#f4f6f9;flex-direction:column;min-height:100vh;display:flex}.sa-bootstrap-warning{color:#fef3c7;background:#7c2d12;border-bottom:2px solid #92400e;flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;font-size:.875rem;display:flex}.sa-bootstrap-warning__icon{flex-shrink:0;font-size:1.1rem}.sa-bootstrap-warning__text{flex:1;line-height:1.4}.sa-bootstrap-warning__text strong{margin-bottom:2px;font-size:.95rem;display:block}.sa-bootstrap-warning__btn{color:#7c2d12;cursor:pointer;white-space:nowrap;background:#fef3c7;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.8rem;font-weight:700;transition:background .15s}.sa-bootstrap-warning__btn:hover{background:#fde68a}.sa-topbar{color:#f1f5f9;background:#0f172a;border-bottom:1px solid #1e293b;flex-shrink:0;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.sa-topbar__brand{letter-spacing:.02em;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.sa-topbar__icon{font-size:18px}.sa-topbar__title{color:#f1f5f9}.sa-topbar__nav{gap:4px;margin-left:24px;display:flex}.sa-topbar__signout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;margin-left:auto;padding:5px 12px;font-size:.8rem;transition:background .15s,color .15s}.sa-topbar__signout:hover{color:#f1f5f9;background:#1e293b}.sa-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.875rem;transition:background .15s,color .15s}.sa-nav-btn:hover{color:#f1f5f9;background:#1e293b}.sa-nav-btn--active{color:#f1f5f9;background:#1e293b;font-weight:600}.sa-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px}.sa-page{flex-direction:column;gap:24px;display:flex}.sa-page-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sa-page-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:1.4rem;font-weight:700;display:flex}.sa-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sa-section-title{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.sa-body-text{color:#475569;margin:0;font-size:.9rem;line-height:1.6}.sa-action-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex}.sa-search-bar{align-items:center;max-width:400px;display:flex}.sa-search-bar .sa-form-input{width:100%}.sa-breadcrumb{color:#64748b;align-items:center;gap:6px;font-size:.875rem;display:flex}.sa-breadcrumb__sep{color:#cbd5e1}.sa-link{color:#4a7fc1;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.sa-link:hover{color:#3668a8}.sa-ext-link{color:#4a7fc1}.sa-form-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.sa-form-input{border:1px solid var(--border-dark);color:#1e293b;box-sizing:border-box;background:#fff;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem;display:block}.sa-form-input:focus{border-color:#4a7fc1;outline:none;box-shadow:0 0 0 2px #4a7fc133}.sa-form-input--name{font-size:1.1rem;font-weight:600}.sa-form-input--mono{letter-spacing:.01em;font-family:ui-monospace,monospace;font-size:.82rem}.sa-form-select{border:1px solid var(--border-dark);color:#1e293b;box-sizing:border-box;background:#fff;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem;display:block}.sa-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0;padding:8px 12px;font-size:.85rem}.sa-form-hint{color:#94a3b8;margin:4px 0 0;font-size:.78rem}.sa-form-row{flex-wrap:wrap;gap:12px;display:flex}.sa-form-group{flex-direction:column;min-width:140px;display:flex}.sa-form-group--grow{flex:1}.sa-form-actions{gap:8px;margin-top:4px;display:flex}.sa-inline-name-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sa-inline-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.sa-inline-form__title{color:#374151;margin:0 0 14px;font-size:.9rem;font-weight:600}.sa-purge-result{background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;margin-top:4px;padding:10px 14px;font-size:.82rem}.sa-table{width:100%}.sa-code{color:#4a7fc1;background:#eff6ff;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.8rem}.sa-code--sm{font-size:.72rem}.sa-family-name{font-weight:600}.sa-member-name{font-weight:500}.sa-family-id-badge{color:#4a7fc1;vertical-align:middle;background:#eff6ff;border-radius:4px;margin-left:10px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:400;display:inline-block}.sa-role-badge{letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.sa-role-badge--admin{color:#6d28d9;background:#f3e8ff}.sa-role-badge--user{color:#1d4ed8;background:#dbeafe}.sa-role-badge--local{color:#15803d;background:#f0fdf4}.sa-role-badge--link{color:#92400e;background:#fef3c7}.sa-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 16px;font-size:.875rem}.sa-loading{justify-content:center;padding:48px 0;display:flex}.sa-empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:.9rem}.sa-callout{border-radius:10px;padding:16px 20px;font-size:.875rem;line-height:1.6}.sa-callout p{margin:0 0 8px}.sa-callout p:last-child{margin:0}.sa-callout__title{margin-bottom:6px;font-weight:600}.sa-callout--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.sa-callout--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.sa-callout--info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.sa-status-card{border:1px solid;border-radius:10px;align-items:center;gap:16px;padding:20px 24px;display:flex}.sa-status-card--enabled{background:#fef2f2;border-color:#fecaca}.sa-status-card--disabled{background:#f0fdf4;border-color:#bbf7d0}.sa-status-card__indicator{border-radius:50%;flex-shrink:0;width:14px;height:14px}.sa-status-card--enabled .sa-status-card__indicator{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.sa-status-card--disabled .sa-status-card__indicator{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.sa-status-card__label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:2px;font-size:.75rem;font-weight:600}.sa-status-card__value{font-size:1.1rem;font-weight:700}.sa-status-card--enabled .sa-status-card__value{color:#dc2626}.sa-status-card--disabled .sa-status-card__value{color:#16a34a}.sa-instruction-list{color:#475569;margin:0;padding-left:20px;font-size:.875rem;line-height:1.8}.sa-instruction-list code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.8rem}.sa-allowance-section{border:1px solid var(--border);background:#f8f9fc;border-radius:8px;flex-direction:column;gap:12px;margin-top:4px;padding:14px 16px;display:flex}.sa-allowance-fields{flex-direction:column;gap:10px;display:flex}.sa-dialog-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-dialog{background:var(--bg-surface);border-radius:12px;width:100%;max-width:500px;padding:28px 32px;box-shadow:0 20px 60px #0000002e}.sa-dialog--wide{max-width:680px}.sa-dialog__title{color:#0f172a;margin:0 0 14px;font-size:1.1rem;font-weight:700}.add-member-wizard{flex-direction:column;gap:12px;display:flex}.add-member-wizard__option{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px;transition:border-color .15s,background .15s;display:flex}.add-member-wizard__option:hover,.add-member-wizard__option:focus-visible{border-color:var(--primary);background:var(--primary-light,#eff6ff)}.add-member-wizard__option--selected{border-color:var(--primary);background:var(--primary-light,#eff6ff);box-shadow:0 0 0 2px var(--primary);outline:none}.add-member-wizard__option-title{color:var(--text);font-size:.95rem;font-weight:600}.add-member-wizard__option-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.sa-dialog__body{color:#475569;flex-direction:column;gap:10px;margin-bottom:20px;font-size:.9rem;display:flex}.sa-dialog__body p{margin:0}.sa-dialog__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=480px){.sa-dialog__actions--invite{flex-wrap:wrap}.sa-dialog__actions--invite>:nth-child(2){flex:100%;order:-1}.sa-dialog__actions--invite>:first-child,.sa-dialog__actions--invite>:nth-child(3){flex:1}}.btn--sm{padding:5px 12px;font-size:.8rem}.btn--danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;padding:9px 20px;font-weight:600;transition:background .15s}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.td-actions{white-space:nowrap}.btn-action{cursor:pointer;border:1px solid;border-radius:5px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s}.btn-action--edit{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.btn-action--edit:hover{background:#dbeafe}.btn-action--delete{color:#dc2626;background:#fef2f2;border-color:#fecaca;margin-left:6px}.btn-action--delete:hover:not(:disabled){background:#fee2e2}.btn-action--delete:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.sa-topbar__nav{display:none}.sa-form-row{flex-direction:column}.sa-dialog{padding:20px}.sa-gate__card{padding:28px 24px}.sa-form-input,.sa-form-select{font-size:16px}input,select,textarea{font-size:16px!important}}.sa-invite-new-code{background:#f0fdf4;border:2px solid #86efac;border-radius:10px;margin:12px 0;padding:16px 20px}.sa-invite-new-code__label{color:#166534;margin:0 0 10px;font-size:.875rem;font-weight:500}.sa-invite-new-code__hint{color:#166534;margin:8px 0 0;font-size:.8rem}.sa-invite-code-display{align-items:center;gap:12px;display:flex;overflow:hidden}.sa-invite-code-value{letter-spacing:.15em;color:#0f172a;background:#fff;border:2px solid #86efac;border-radius:8px;min-width:0;padding:8px 16px;font-family:ui-monospace,monospace;font-size:1.6rem;font-weight:700;overflow:hidden}.sa-invite-code-display .btn{flex-shrink:0}.sa-invite-status{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.sa-invite-status--active{color:#166534;background:#dcfce7}.sa-invite-status--used{color:#64748b;background:#e2e8f0}.sa-invite-status--expired{color:#dc2626;background:#fef2f2}.kebab-menu{display:inline-block;position:relative}.kebab-btn{cursor:pointer;color:#64748b;letter-spacing:.06em;background:0 0;border:1px solid #e2e8f0;border-radius:5px;padding:2px 9px;font-size:1.1rem;line-height:1;transition:background .12s,border-color .12s}.kebab-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.kebab-btn:disabled{opacity:.45;cursor:not-allowed}.kebab-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:148px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.kebab-dropdown__item{cursor:pointer;color:#1e293b;text-align:left;background:0 0;border:none;width:100%;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background .1s;display:block}.kebab-dropdown__item:hover{background:#f8fafc}.kebab-dropdown__item--danger{color:#dc2626}.kebab-dropdown__item--danger:hover{background:#fef2f2}.activation-screen{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.activation-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:460px;padding:40px 48px;box-shadow:0 4px 24px #0000000f}@media (width<=540px){.activation-card{padding:28px 20px}}.activation-card__icon{margin-bottom:8px;font-size:32px}.activation-card__title{margin:0 0 4px;font-size:1.25rem;font-weight:700}.activation-card__hint{color:var(--text-muted,#64748b);margin:0 0 24px;font-size:.875rem}.activation-card__code-input{letter-spacing:.1em;text-transform:lowercase;font-family:ui-monospace,monospace;font-size:1.1rem}.activation-card__name-info{color:var(--text-secondary,#64748b);background:var(--bg-surface-2,#f1f5f9);border-radius:var(--radius-sm);border:1px solid var(--border);margin:0 0 20px;padding:8px 12px;font-size:.875rem}.role-picker{background:var(--bg,#f8fafc);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.role-picker__header{text-align:center;margin-bottom:36px}.role-picker__title{margin:0 0 8px;font-size:1.5rem;font-weight:700}.role-picker__subtitle{color:var(--text-muted,#64748b);margin:0}.role-picker__cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.role-picker__card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:200px;padding:28px 20px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.role-picker__card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 16px #6366f126}.role-picker__card-icon{font-size:36px}.role-picker__card-title{color:#1e293b;font-size:1rem;font-weight:700}.role-picker__card-desc{color:#64748b;font-size:.8rem}.role-switcher{margin-left:auto;position:relative}.role-switcher__trigger{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;transition:background .15s,border-color .15s;display:flex}.role-switcher__trigger:hover{background:#f1f5f9;border-color:#cbd5e1}.role-switcher__chevron{opacity:.7;font-size:.65rem}.role-switcher__menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001a}.role-switcher__item{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:.875rem;transition:background .1s;display:block}.role-switcher__item:hover{background:#f1f5f9}.sa-topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.sa-topbar__actions .sa-topbar__signout{margin-left:0}.sa-topbar>.sa-topbar__signout{margin-left:auto}