@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{--color-primary: #FF6B35;--color-primary-light: #FF8F5E;--color-primary-dark: #E5561F;--color-secondary: #00C9A7;--color-secondary-light:#33D9BC;--color-secondary-dark: #00A88C;--color-bg: #F9F7F4;--color-surface: #FFFFFF;--color-border: #E8E4DF;--color-text: #2D2926;--color-text-muted: #6B6560;--color-danger: #E8334A;--color-success: #00C9A7;--color-warning: #FFB830;--color-child-1: #FF6B35;--color-child-2: #7C5CBF;--color-child-3: #00B4D8;--color-child-4: #FFB830;--header-height: 56px;--nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--font-body: "Nunito", system-ui, sans-serif;--font-size-base: 15px;--line-height-base: 1.6;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-extrabold:800;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-nav: 0 -1px 0 var(--color-border)}[data-theme=dark]{--color-bg: #18171A;--color-surface: #242228;--color-border: #38353D;--color-text: #F0EDF5;--color-text-muted: #9992A6;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-nav: 0 -1px 0 var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center}#root{width:100%;max-width:430px;position:relative;background:var(--color-bg);overflow-x:hidden}.app-shell{display:flex;flex-direction:column;height:100%;min-height:100dvh}.app-header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.app-header__title{font-size:18px;font-weight:var(--font-weight-extrabold);color:var(--color-primary);letter-spacing:-.3px}.header-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-main{flex:1;overflow-y:auto;padding-top:var(--header-height);padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom))}.nav-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-surface);box-shadow:var(--shadow-nav);display:flex;align-items:stretch;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;color:var(--color-text-muted);text-decoration:none;font-size:10px;font-weight:var(--font-weight-medium);transition:color .15s ease}.nav-item:active{opacity:.7}.nav-item--active{color:var(--color-primary)}.nav-label{line-height:1}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);font-family:var(--font-body);display:flex;align-items:center;justify-content:center;line-height:1}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 20px;background:var(--color-bg)}.login-card{width:100%;max-width:380px;background:var(--color-surface);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:var(--shadow-card)}.login-title{font-size:26px;font-weight:var(--font-weight-extrabold);color:var(--color-primary);text-align:center;letter-spacing:-.5px;margin-bottom:6px}.login-subtitle{text-align:center;color:var(--color-text-muted);font-size:14px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text)}.form-input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);outline:none;transition:border-color .15s ease}.form-input:focus{border-color:var(--color-primary)}.form-error{color:var(--color-danger);font-size:13px;font-weight:var(--font-weight-medium);padding:8px 12px;background:#e8334a14;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:var(--font-weight-bold);cursor:pointer;transition:opacity .15s ease}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:not(:disabled):active{background:var(--color-primary-dark)}.btn--full{width:100%}.screen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:32px 20px;gap:8px;color:var(--color-text-muted)}.screen-placeholder h2{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;font-size:15px;color:var(--color-text-muted)}.dashboard{padding:16px 16px 80px}.dashboard__loading,.dashboard__empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-size:15px;text-align:center;padding:24px}.dashboard__list{list-style:none;display:flex;flex-direction:column;gap:16px}.child-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-top:4px solid var(--card-accent, var(--color-primary));overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.child-card:active{transform:scale(.98);box-shadow:0 1px 4px #00000014}.child-card__header{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}.child-card__add-btn{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--card-accent, var(--color-primary));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.child-card__add-btn:focus-visible{outline:2px solid var(--card-accent, var(--color-primary));outline-offset:2px}.child-card__add-btn:active{opacity:.75}.child-card__avatar{width:44px;height:44px;border-radius:var(--radius-full);flex-shrink:0}.child-card__avatar--img{object-fit:cover}.child-card__avatar--circle{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--font-weight-extrabold);color:#fff}.child-card__name{font-size:17px;font-weight:var(--font-weight-extrabold);color:var(--color-text);letter-spacing:-.2px}.child-card__balances{display:flex;flex-direction:column;gap:0;padding:4px 16px 14px}.child-card__balance-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--color-border)}.child-card__balance-icon{color:var(--card-accent, var(--color-primary));flex-shrink:0}.child-card__balance-label{flex:1;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.child-card__balance-amount{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 16px);right:50%;transform:translate(calc(215px - 50%));width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #ff6b3566;z-index:90;transition:transform .12s ease,box-shadow .12s ease}.fab:active{transform:translate(calc(215px - 50%)) scale(.93);box-shadow:0 2px 8px #ff6b354d}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.sheet-backdrop--open{opacity:1;pointer-events:auto}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:430px;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:201;transition:transform .3s cubic-bezier(.32,.72,0,1);padding-bottom:var(--safe-area-bottom);max-height:90dvh;display:flex;flex-direction:column}.sheet--open{transform:translate(-50%) translateY(0)}.sheet__handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-border);margin:10px auto 0;flex-shrink:0}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0}.sheet__title{font-size:17px;font-weight:var(--font-weight-extrabold);color:var(--color-text)}.sheet__close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.sheet__body{padding:8px 16px 24px;overflow-y:auto;flex:1}.sheet__placeholder{color:var(--color-text-muted);font-size:14px;text-align:center;padding:32px 0}.transaction-form{display:flex;flex-direction:column;gap:16px}.transaction-form__segmented{display:flex;gap:6px}.transaction-form__category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-card{min-height:84px;padding:12px 8px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:12px;font-weight:var(--font-weight-bold);text-align:center;cursor:pointer}.category-card--selected{border-color:var(--color-primary);background:#ff6b351a;color:var(--color-primary-dark)}.transaction-form__submit{width:100%}.transaction-form__delete{border:none;background:transparent;color:var(--color-danger);font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-bold);padding:4px 0 0;cursor:pointer}.transaction-form__delete:disabled{opacity:.6}.child-detail{padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 80px)}.child-detail__header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.child-detail__back{width:36px;height:36px;border:none;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.child-detail__identity{display:flex;align-items:center;gap:10px}.child-detail__name{font-size:20px;font-weight:var(--font-weight-extrabold);color:var(--color-text);letter-spacing:-.3px}.detail-avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0}.detail-avatar--img{object-fit:cover}.detail-avatar--circle{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-weight-extrabold);color:#fff}.child-detail__balances{display:flex;gap:0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.child-detail__balance-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-right:1px solid var(--color-border)}.child-detail__balance-item:last-child{border-right:none}.child-detail__balance-icon{flex-shrink:0}.child-detail__balance-label{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.child-detail__balance-amount{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.child-detail__range-selector{display:flex;gap:6px;padding:12px 16px 0}.range-btn{flex:1;height:34px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.range-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.child-detail__chart{padding:12px 0 4px;background:var(--color-surface);margin:12px 16px 0;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:visible}.child-detail__chart-empty{text-align:center;color:var(--color-text-muted);font-size:13px;padding:20px 16px;margin:12px 16px 0;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.chart-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-family:var(--font-body);font-size:13px;box-shadow:var(--shadow-card)}.chart-tooltip__date{font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:4px}.chart-tooltip__row{display:flex;align-items:center;gap:6px;padding:1px 0}.chart-tooltip__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.chart-tooltip__name{flex:1;color:var(--color-text-muted)}.chart-tooltip__val{font-weight:var(--font-weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.child-detail__bucket-tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.child-detail__bucket-tabs::-webkit-scrollbar{display:none}.bucket-tab{flex-shrink:0;height:32px;padding:0 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.bucket-tab--active{background:var(--tab-accent, var(--color-primary));border-color:var(--tab-accent, var(--color-primary));color:#fff;font-weight:var(--font-weight-bold)}.child-detail__txn-section{margin-top:12px;padding:0 16px}.txn-list{display:flex;flex-direction:column;gap:0}.txn-list__group{margin-bottom:8px}.txn-list__date-header{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 0 4px}.txn-list__rows{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.txn-list__empty{display:flex;align-items:center;justify-content:center;min-height:80px;color:var(--color-text-muted);font-size:14px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.txn-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;font-family:var(--font-body);color:var(--color-text);text-align:left;-webkit-tap-highlight-color:transparent;transition:background .1s ease}.txn-row:last-child{border-bottom:none}.txn-row:active{background:var(--color-bg)}.txn-row__icon-wrap{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.txn-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.txn-row__label{font-size:14px;font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-row__note{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.txn-row__amount{font-size:14px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.txn-row__amount--add{color:var(--color-success)}.txn-row__amount--ded{color:var(--color-danger)}.txn-row__date{font-size:11px;color:var(--color-text-muted)}.txn-row__badge{font-size:10px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--radius-full);letter-spacing:.2px}.txn-row__badge--spending{background:#ff6b351f;color:var(--color-child-1)}.txn-row__badge--savings{background:#7c5cbf1f;color:var(--color-child-2)}.txn-row__badge--tithing{background:#00b4d81f;color:var(--color-child-3)}.txn-row--transfer .txn-row__transfer-route{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.txn-row__transfer-arrow{font-size:11px;color:var(--color-text-muted)}.txn-row__amount--transfer{color:var(--color-text-muted);font-size:14px;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}:root{--notif-icon-green: #00C9A7;--notif-icon-blue: #3B82F6;--notif-icon-red: #E8334A;--notif-icon-teal: #00B4D8;--notif-icon-gray: #6B6560}.notif-screen{padding:16px 16px 24px}.notif-screen__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.notif-screen__title{font-size:20px;font-weight:var(--font-weight-extrabold);color:var(--color-text)}.btn--outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary);font-size:13px;font-weight:var(--font-weight-bold);padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;transition:background .15s,color .15s}.btn--outline:not(:disabled):active{background:var(--color-primary);color:#fff}.btn--outline:disabled{opacity:.5;cursor:not-allowed}.notif-screen__mark-read{flex-shrink:0}.notif-screen__loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 0;color:var(--color-text-muted);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.notif-screen__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;text-align:center}.notif-screen__empty-icon{color:var(--color-success);display:block}.notif-screen__empty-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text)}.notif-screen__empty-sub{font-size:14px;color:var(--color-text-muted)}.notif-list{list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card)}.notif-list__item{border-bottom:1px solid var(--color-border)}.notif-list__item:last-child{border-bottom:none}.notif-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ff6b350a}.notif-row__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border)}.notif-row__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.notif-row__description{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.4}.notif-row__child-chip{display:inline-flex;align-items:center;align-self:flex-start;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-secondary-dark);background:#00c9a71f;border-radius:var(--radius-full);padding:2px 8px}.notif-row__time{font-size:12px;color:var(--color-text-muted)}.settings-screen{padding:16px 16px 32px;display:flex;flex-direction:column;gap:0}.settings-screen__title{font-size:22px;font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:20px}.settings-section{margin-bottom:20px}.settings-section__heading{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;padding-left:4px}.settings-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.settings-card--list{display:flex;flex-direction:column;gap:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.settings-row__label{font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-text);flex:1}.settings-row__control{display:flex;align-items:center;gap:8px}.settings-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 28px 6px 10px;font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6560' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:120px}.settings-select:focus{outline:none;border-color:var(--color-primary)}.settings-saving-spin{color:var(--color-text-muted)}.settings-date-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-body);font-size:14px;color:var(--color-text);background:var(--color-bg);width:100%}.settings-date-input:focus{outline:none;border-color:var(--color-primary)}.settings-loading{display:flex;justify-content:center;padding:24px;color:var(--color-text-muted)}.settings-empty{padding:16px;color:var(--color-text-muted);font-size:14px;text-align:center}.settings-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 16px;background:none;border:none;border-top:1px dashed var(--color-border);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.settings-add-btn:active{opacity:.7}.settings-toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-area-bottom) + 12px);left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;border-radius:var(--radius-full);padding:10px 20px;font-size:14px;font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:8px;z-index:1000;white-space:nowrap;box-shadow:0 4px 16px #0003}.btn--danger{background:var(--color-danger);color:#fff;font-weight:var(--font-weight-bold)}.btn--danger:not(:disabled):active{background:#c42339}.csc{padding:12px 16px;border-bottom:1px solid var(--color-border)}.csc:last-of-type{border-bottom:none}.csc__header{display:flex;align-items:center;gap:12px}.csc__avatar-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.csc__avatar-btn:disabled{cursor:default}.csc__avatar{flex-shrink:0}.csc__avatar--img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover}.csc__avatar--circle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--font-weight-bold);color:#fff}.csc__avatar-edit-hint{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);font-size:9px;font-weight:var(--font-weight-bold);background:#0000008c;color:#fff;border-radius:4px;padding:1px 4px;white-space:nowrap;pointer-events:none}.csc__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.csc__name{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csc__meta{font-size:12px;color:var(--color-text-muted)}.csc__name-input{border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);padding:5px 8px;font-family:var(--font-body);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-text);width:100%}.csc__name-input:focus{outline:none}.csc__edit-fields{display:flex;gap:8px;flex-wrap:wrap}.csc__field-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);display:flex;flex-direction:column;gap:2px;flex:1;min-width:80px}.csc__field-input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 6px;font-family:var(--font-body);font-size:13px;color:var(--color-text);background:var(--color-bg);width:100%}.csc__field-input:focus{outline:none;border-color:var(--color-primary)}.csc__actions{display:flex;gap:4px;flex-shrink:0}.csc__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.csc__action-btn:active{background:var(--color-border)}.csc__action-btn--save{color:var(--color-primary)}.csc__action-btn--danger{color:var(--color-danger)}.csc__action-btn:disabled{opacity:.4;cursor:not-allowed}.csc__error{margin-top:6px;font-size:12px;color:var(--color-danger)}.add-child-form{padding:12px 16px 16px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.add-child-form__avatar-row{display:flex;align-items:center;gap:12px}.add-child-form__avatar-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px}.add-child-form__avatar-hint{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.add-child-form__fields{display:flex;gap:8px}.add-child-form__actions{display:flex;gap:8px;justify-content:flex-end}.profile-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.profile-avatar-btn{position:relative;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.profile-avatar-btn:disabled{cursor:default}.profile-avatar--img{width:52px;height:52px;border-radius:var(--radius-full);object-fit:cover}.profile-avatar--circle{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:var(--font-weight-bold);color:#fff}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-display-name{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text)}.profile-username{font-size:12px;color:var(--color-text-muted)}.export-form{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.export-form__row{display:flex;align-items:center;gap:10px}.export-form__label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text);width:48px;flex-shrink:0}.export-form__download-btn{margin-top:4px;align-self:flex-start}.theme-toggle{position:relative;width:48px;height:28px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;padding:0;transition:background .2s ease;flex-shrink:0}.theme-toggle--on{background:var(--color-primary)}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease;pointer-events:none}.theme-toggle--on .theme-toggle__thumb{transform:translate(20px)}.pw-change-form{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.avatar-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:flex-end;justify-content:center}.avatar-picker{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:430px;padding:12px 20px calc(24px + var(--safe-area-bottom));display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto}.avatar-picker--confirm{padding-bottom:28px}.avatar-picker__handle{width:36px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto 4px}.avatar-picker__title{font-size:18px;font-weight:var(--font-weight-extrabold);color:var(--color-text);text-align:center}.avatar-picker__confirm-text{font-size:14px;color:var(--color-text-muted);text-align:center;line-height:1.5}.avatar-picker__tabs{display:flex;border-radius:var(--radius-sm);background:var(--color-bg);padding:3px;gap:3px}.avatar-picker__tab{flex:1;padding:7px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:none;font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.avatar-picker__tab--active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-card)}.avatar-picker__upload{display:flex;flex-direction:column;align-items:center}.avatar-picker__drop-zone{width:140px;height:140px;border-radius:var(--radius-full);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:var(--color-bg)}.avatar-picker__drop-zone:active{border-color:var(--color-primary)}.avatar-picker__preview{width:100%;height:100%;object-fit:cover}.avatar-picker__drop-hint{font-size:13px;color:var(--color-text-muted);text-align:center;padding:0 12px}.avatar-picker__icon-tab{display:flex;flex-direction:column;gap:10px}.avatar-picker__section-label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.avatar-picker__icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-picker__icon-btn{aspect-ratio:1;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:border-color .15s,background .15s,color .15s}.avatar-picker__icon-btn--selected{border-color:transparent}.avatar-picker__color-swatches{display:flex;gap:10px;flex-wrap:wrap}.avatar-picker__swatch{width:34px;height:34px;border-radius:var(--radius-full);border:2.5px solid transparent;cursor:pointer;transition:transform .15s}.avatar-picker__swatch--selected{border-color:var(--color-text);transform:scale(1.15)}.avatar-picker__icon-preview{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto}.avatar-picker__actions{display:flex;gap:10px}.avatar-picker__actions .btn{flex:1}