:root{--color-primary:#e55c3a;--color-primary-hover:#d04e2e;--color-primary-light:#fdf0ed;--color-income:#2196f3;--color-expense:#e55c3a;--color-bg-primary:#fff;--color-bg-secondary:#f9f9f8;--color-bg-tertiary:#f1f0ee;--color-text-primary:#1a1a19;--color-text-secondary:#6b6b68;--color-text-tertiary:#9b9b97;--color-text-disabled:#c4c4c0;--color-border-primary:#0006;--color-border-secondary:#0000004d;--color-border-tertiary:#00000026;--color-danger:#e55c3a;--color-danger-light:#fdf0ed;--font-sans:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:22px;--font-weight-normal:400;--font-weight-medium:500;--line-height-normal:1.5;--line-height-tight:1.2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000001a;--shadow-md:0 2px 4px #0000000f, 0 4px 8px #00000014;--shadow-lg:0 4px 8px #0000000f, 0 8px 24px #0000001a;--shadow-sheet:0 -2px 16px #00000014, 0 -1px 4px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s ease;--app-max-width:430px;--bottom-nav-h:60px;--header-h:56px}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select,textarea{font:inherit}img{max-width:100%}html,body{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary)}body{background:var(--color-bg-tertiary)}#app{max-width:var(--app-max-width);background:var(--color-bg-primary);height:100dvh;box-shadow:var(--shadow-lg);margin:0 auto;position:relative;overflow:hidden}.app-container{flex-direction:column;height:100%;display:flex}.app-container--no-nav .app-main{padding-bottom:env(safe-area-inset-bottom)}.app-main{overscroll-behavior:contain;padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.btn{gap:var(--space-2);min-height:36px;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-primary);border:.5px solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--color-bg-secondary)}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:#fff;background:var(--color-primary);border:none}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{color:var(--color-primary);background:var(--color-bg-primary);border:.5px solid var(--color-border-secondary)}.btn-danger{color:var(--color-danger);background:var(--color-bg-primary);border:1px solid var(--color-danger)}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-md);gap:0;width:36px;height:36px;padding:0}.btn-icon-round{border-radius:var(--radius-full);gap:0;width:32px;height:32px;min-height:32px;padding:0}.btn-danger-icon{width:32px;height:32px;color:var(--color-primary);border:.5px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-danger-icon:hover{background:var(--color-danger-light)}.btn-danger-icon.disabled,.btn-danger-icon:disabled{cursor:not-allowed;opacity:.4}.btn-fab{color:#fff;background:var(--color-primary);border-radius:var(--radius-full);width:52px;height:52px;box-shadow:var(--shadow-md);cursor:pointer;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.btn-fab:hover{background:var(--color-primary-hover)}.btn-fab:disabled{cursor:default;opacity:.7}.input,.select,.textarea{min-height:40px;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);outline:none}.input:disabled,.select:disabled,.textarea:disabled{color:var(--color-text-tertiary);background:var(--color-bg-secondary);cursor:not-allowed}.field{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.field input,.field select,.field textarea{min-height:40px;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);padding:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);outline:none}.field-row{gap:var(--space-3);display:flex}.field-row .field{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.sheet-enter-active,.sheet-leave-active{transition:transform var(--transition-normal)}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%)}.sheet-enter-to,.sheet-leave-from{transform:translateY(0)}.sheet-centered-enter-active,.sheet-centered-leave-active{transition:transform var(--transition-normal)}.sheet-centered-enter-from,.sheet-centered-leave-to{transform:translate(-50%,100%)}.sheet-centered-enter-to,.sheet-centered-leave-from{transform:translate(-50%)}.bottom-nav{z-index:10;width:100%;max-width:var(--app-max-width);height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-primary);border-top:1px solid var(--color-border-tertiary);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__tab{min-height:44px;font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__tab--active{color:var(--color-primary)}.bottom-nav__icon{font-size:20px}.month-summary{padding:var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);grid-template-columns:1fr 1fr 1fr;display:grid}.month-summary__item{text-align:center}.month-summary__label{margin-bottom:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.month-summary__value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.month-summary__value--income{color:var(--color-income)}.month-summary__value--expense{color:var(--color-expense)}.transaction-list{overflow-x:hidden}.transaction-list--empty{padding:48px var(--space-4);color:var(--color-text-secondary);text-align:center;overflow:visible}.transaction-list__group{margin-top:var(--space-2)}.transaction-list__day-header{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-secondary);align-items:center;display:flex}.transaction-list__day-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.transaction-list__weekday{padding:2px var(--space-2);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.transaction-list__day-total{font-weight:var(--font-weight-medium);margin-left:auto}.transaction-list__day-total--negative{color:var(--color-expense)}.transaction-item{gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.transaction-item:hover{background:var(--color-bg-secondary)}.transaction-item__left{flex:1;min-width:0}.transaction-item__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.transaction-item__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.transaction-item__amount{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);white-space:nowrap}.transaction-item__amount--income{color:var(--color-income)}.transaction-item__amount--expense{color:var(--color-expense)}.tx-detail__backdrop{z-index:25;width:100%;max-width:var(--app-max-width);background:#00000059;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.tx-detail__panel{z-index:26;width:100%;max-width:var(--app-max-width);max-height:90vh;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-sheet);position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.tx-detail__panel dt{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tx-detail__panel dd{font-size:var(--font-size-sm);margin:0}.tx-detail__header{gap:var(--space-3);margin-bottom:var(--space-2);align-items:center;display:flex}.tx-detail__title{font-weight:var(--font-weight-medium)}.tx-detail__amount{padding:var(--space-4) 0;text-align:center;border-bottom:1px solid var(--color-border-tertiary);font-size:32px;font-weight:700}.tx-detail__amount--income{color:var(--color-income)}.tx-detail__amount--expense{color:var(--color-expense)}.tx-detail__fields{padding:var(--space-4) 0;margin:0}.tx-detail__row{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;display:flex}.tx-detail__receipt{width:100%;max-height:360px;margin:var(--space-3) 0;background:var(--color-bg-secondary);border-radius:var(--radius-md);object-fit:contain;display:block}.tx-detail__btn-row{gap:var(--space-2);margin-top:var(--space-2);display:flex}.tx-detail__btn-row .btn{flex:1;min-height:44px}.add-tx{z-index:20;width:100%;max-width:var(--app-max-width);pointer-events:none;transition:background var(--transition-normal);background:0 0;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}.add-tx--open{pointer-events:auto;background:#00000059}.add-tx__panel{max-height:90vh;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-sheet);transition:transform var(--transition-normal);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.add-tx__panel--open{transform:translateY(0)}.add-tx__tabs{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.add-tx__tab{min-height:44px;font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);flex:1;padding:10px}.add-tx__tab--active{color:#fff;background:var(--color-primary)}.add-tx__amount-row{gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-tertiary);align-items:baseline;display:flex}.add-tx__currency{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.add-tx__amount-input{text-align:right;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-size:36px;font-weight:600}.add-tx__image-zone{min-height:80px;margin:var(--space-3) 0;border:1px dashed var(--color-border-tertiary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.add-tx__image-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.add-tx__preview{object-fit:contain;max-width:100%;max-height:160px}.add-tx__badge{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);background:var(--color-bg-secondary);border-radius:var(--radius-lg);position:absolute}.add-tx__badge--processing{color:var(--color-primary);background:#fff3e0}.add-tx__badge--success{color:var(--color-income);background:#e3f2fd}.add-tx__badge--error{color:var(--color-danger);background:var(--color-danger-light)}.add-tx__warning{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:#8a6d00;border-radius:var(--radius-sm);background:#fff8e1;border:1px solid #f0d98c;line-height:1.4}.add-tx__fields{gap:var(--space-3);flex-direction:column;display:flex}.add-tx__field{gap:var(--space-1);flex-direction:column;display:flex}.add-tx__field label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.add-tx__field input,.add-tx__field select{min-height:44px;font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);transition:border-color var(--transition-fast);padding:10px}.add-tx__field input:focus,.add-tx__field select:focus{border-color:var(--color-primary);outline:none}.add-tx__category-row{gap:var(--space-2);display:flex}.add-tx__category-row select{flex:1}.add-tx__actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.add-tx__actions .btn{flex:1;min-height:44px}.home{min-height:calc(100vh - var(--bottom-nav-h) - env(safe-area-inset-bottom));position:relative;overflow:hidden}.home__header{justify-content:space-between;align-items:center;gap:var(--space-2);height:var(--header-h);padding:0 var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);display:flex}.home__month-btn .home__chevron{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.home__month-btn--open .home__chevron{transform:rotate(180deg)}.home__month-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.home__chevron{color:var(--color-text-secondary)}.home__picker-overlay{z-index:100;background:#00000059;position:fixed;inset:0}.home__picker-sheet{z-index:101;max-width:var(--app-max-width);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.home__handle{width:36px;height:4px;margin:0 auto var(--space-3);background:var(--color-text-secondary);opacity:.4;border-radius:2px}.home__year-row{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.home__year-nav:disabled{opacity:.3}.home__year-label{min-width:80px;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center}.home__month-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.home__month-cell{min-height:48px;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:.5px solid var(--color-border-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.home__month-cell:hover:not(:disabled):not(.home__month-cell--selected){background:var(--color-bg-tertiary)}.home__month-cell--selected{font-weight:var(--font-weight-medium);color:#fff;background:var(--color-primary);border:none}.home__month-cell--future{color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:.5px solid var(--color-border-tertiary);cursor:default;opacity:.4}.home__error-banner{padding:10px var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger);background:var(--color-danger-light);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.home__dismiss{font-size:var(--font-size-sm);opacity:.6}.home__fab{right:max(var(--space-5), 50vw - var(--app-max-width) / 2 + var(--space-5));bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + var(--space-5));z-index:5;position:fixed}.login{min-height:100dvh;padding:max(var(--space-6), 8vh) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--color-bg-tertiary);justify-content:center;align-items:flex-start;display:flex}.login__card{gap:var(--space-4);width:100%;max-width:360px;padding:32px var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login__brand{letter-spacing:.5px;color:var(--color-primary);text-align:center;margin:0;font-size:32px;font-weight:700}.login__subtitle{margin:0 0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.login__field{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.login__field input{padding:var(--space-3);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.login__field input:focus{border-color:var(--color-primary);outline:none}.login__pw-wrap{position:relative}.login__pw-wrap input{width:100%;padding-right:56px}.login__pw-toggle{top:50%;right:var(--space-2);font-size:var(--font-size-xs);color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 10px;position:absolute;transform:translateY(-50%)}.login__error{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-danger);background:var(--color-danger-light);border-radius:var(--radius-sm);margin:0}.login__submit{min-height:44px;margin-top:var(--space-2)}.stats-view{padding:48px var(--space-4);color:var(--color-text-secondary);text-align:center}.accounts{min-height:100%}.accounts__header{height:var(--header-h);padding:0 var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.accounts__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.accounts__add-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-tertiary);display:flex}.accounts__add-row input{min-height:36px;padding:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);flex:1}.accounts__add-row input:focus{border-color:var(--color-primary);outline:none}.accounts__add-row .btn{min-height:36px;font-size:var(--font-size-sm)}.accounts__btn-save{color:var(--color-primary)}.accounts__list{margin:0;padding:0;list-style:none}.accounts__row{min-height:52px;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:10px;display:flex}.accounts__row--drag-over{background:var(--color-primary-light)}.accounts__info{cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.accounts__name{font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.accounts__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.accounts__name-input{min-width:0;padding:6px var(--space-2);font-size:var(--font-size-md);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);flex:1}.accounts__drag-handle{cursor:grab;touch-action:none}.accounts__drag-handle:active{cursor:grabbing}.categories{min-height:100%}.categories__header{height:var(--header-h);padding:0 var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);justify-content:space-between;align-items:center;display:flex}.categories__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.categories__add-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-tertiary);display:flex}.categories__add-row input{min-height:36px;padding:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);flex:1}.categories__add-row input:focus{border-color:var(--color-primary);outline:none}.categories__add-row .btn{min-height:36px;font-size:var(--font-size-sm)}.categories__btn-save{color:var(--color-primary)}.categories__list{margin:0;padding:0;list-style:none}.categories__row{min-height:52px;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:10px;display:flex}.categories__row--drag-over{background:var(--color-primary-light)}.categories__content{cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.categories__line1{gap:var(--space-1);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);align-items:baseline;display:flex}.categories__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.categories__line2{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.categories__drag-handle{cursor:grab;touch-action:none}.categories__drag-handle:active{cursor:grabbing}.category-edit{min-height:100%}.category-edit__header{gap:var(--space-2);height:var(--header-h);padding:0 var(--space-3);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;display:flex}.category-edit__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.category-edit__title-input{padding:var(--space-2);font-size:var(--font-size-md);text-align:center;border:1px solid var(--color-border-tertiary);border-radius:var(--radius-sm);flex:1}.category-edit__add-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-tertiary);display:flex}.category-edit__add-row input{min-height:36px;padding:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);flex:1}.category-edit__add-row input:focus{border-color:var(--color-primary);outline:none}.category-edit__add-row .btn{min-height:36px;font-size:var(--font-size-sm)}.category-edit__btn-save{color:var(--color-primary)}.category-edit__list{margin:0;padding:0;list-style:none}.category-edit__row{min-height:52px;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:10px;display:flex}.category-edit__row--drag-over{background:var(--color-primary-light)}.category-edit__name{min-width:0;font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;overflow:hidden}.category-edit__name-input{min-width:0;padding:6px var(--space-2);font-size:var(--font-size-md);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);flex:1}.category-edit__drag-handle{cursor:grab;touch-action:none}.category-edit__drag-handle:active{cursor:grabbing}.category-edit__empty{padding:var(--space-6) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.users-view{min-height:100%}.users-view__header{gap:var(--space-2);height:var(--header-h);padding:0 var(--space-2);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;display:flex}.users-view__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;flex:1;margin:0}.users-view__error-banner{padding:10px var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger);background:var(--color-danger-light);margin:0}.users-view__list{margin:0;padding:0;list-style:none}.users-view__row{gap:var(--space-2);min-height:60px;padding:10px var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);cursor:pointer;transition:background var(--transition-fast);align-items:center;display:flex}.users-view__row:hover{background:var(--color-bg-secondary)}.users-view__info{flex:1;min-width:0}.users-view__name{font-size:var(--font-size-md);align-items:center;gap:6px;display:flex}.users-view__sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.users-view__badge{border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.users-view__badge--owner{color:var(--color-primary);background:var(--color-primary-light)}.users-view__badge--inactive{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.users-view__chevron{color:var(--color-text-secondary);font-size:20px}.users-view__sheet-overlay{z-index:50;background:#0006;position:fixed;inset:0}.users-view__sheet{z-index:51;width:100%;max-width:var(--app-max-width);max-height:92vh;padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-sheet);position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.users-view__sheet-header{padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;display:flex;position:sticky;top:0}.users-view__sheet-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);flex:1;margin:0}.users-view__sheet-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.users-view__sheet-body--divider{border-top:1px solid var(--color-border-tertiary)}.users-view__sheet-body .btn{min-height:44px}.users-view__section-title{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.users-view__field-row{gap:var(--space-3);display:flex}.users-view__field-row .users-view__field{flex:1}.users-view__field{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.users-view__field input{font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);padding:10px}.users-view__field input:focus{border-color:var(--color-primary);outline:none}.users-view__toggle-row{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);align-items:center;display:flex}.users-view__msg{padding:var(--space-2) 10px;font-size:var(--font-size-sm);border-radius:var(--radius-sm);margin:0}.users-view__msg--ok{color:#1e7e34;background:#e6f4ea}.users-view__msg--err{color:var(--color-danger);background:var(--color-danger-light)}.profile{min-height:100%}.profile__header{gap:var(--space-2);height:var(--header-h);padding:0 var(--space-2);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;display:flex}.profile__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;flex:1;margin:0}.profile__spacer{width:36px}.profile__avatar-block{gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-2);flex-direction:column;align-items:center;display:flex}.profile__avatar{cursor:pointer;width:80px;height:80px;display:inline-block;position:relative}.profile__avatar--uploading{opacity:.6}.profile__avatar-inner{color:#fff;background:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex;overflow:hidden}.profile__avatar-img{object-fit:cover;width:100%;height:100%}.profile__avatar-edit{width:26px;height:26px;color:var(--color-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.profile__username{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile__section{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border-top:1px solid var(--color-border-tertiary);flex-direction:column;display:flex}.profile__section .btn{min-height:44px}.profile__section-title{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile__row{gap:var(--space-3);display:flex}.profile__row .profile__field{flex:1}.profile__field{gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.profile__field input,.profile__field select{font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--radius-md);padding:10px}.profile__field input:focus,.profile__field select:focus{border-color:var(--color-primary);outline:none}.profile__pw-form{flex-direction:column;gap:10px;display:flex}.profile__pw-actions{gap:var(--space-2);display:flex}.profile__pw-actions .btn-primary{flex:1}.profile__msg{padding:var(--space-2) 10px;font-size:var(--font-size-sm);border-radius:var(--radius-sm);margin:0}.profile__msg--ok{color:#1e7e34;background:#e6f4ea}.profile__msg--err{color:var(--color-danger);background:var(--color-danger-light)}.more{min-height:100%}.more__header{height:var(--header-h);padding:0 var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);align-items:center;display:flex}.more__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.more__profile-card{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-tertiary);cursor:pointer;transition:background var(--transition-fast);align-items:center;display:flex}.more__profile-card:hover{background:var(--color-bg-secondary)}.more__avatar{width:52px;height:52px;font-size:var(--font-size-lg);color:#fff;background:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.more__avatar-img{object-fit:cover;width:100%;height:100%}.more__info{flex:1;min-width:0}.more__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.more__sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.more__menu{margin:var(--space-3) 0 0;background:var(--color-bg-primary);border-top:1px solid var(--color-border-tertiary);padding:0;list-style:none}.more__menu-item{gap:var(--space-3);min-height:52px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-tertiary);cursor:pointer;transition:background var(--transition-fast);align-items:center;display:flex}.more__menu-item:hover:not(.more__menu-item--disabled){background:var(--color-bg-secondary)}.more__menu-item--disabled{color:var(--color-text-secondary);cursor:default}.more__menu-icon{text-align:center;width:28px;font-size:20px}.more__menu-label{font-size:var(--font-size-md);flex:1}.more__menu-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.more__chevron{color:var(--color-text-secondary);font-size:20px}.more__logout-wrap{padding:var(--space-6) var(--space-4)}.more__logout-wrap .btn{width:100%;min-height:44px}