:root{--color-bg: #f5f5f0;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-muted: #9a9a9a;--color-border: #e5e5e0;--color-primary: #2d5016;--color-primary-light: #e8f0e0;--color-danger: #c0392b;--color-cat-food: #e67e22;--color-cat-daily: #3498db;--color-cat-transport: #1abc9c;--color-cat-hobby: #9b59b6;--color-cat-other: #95a5a6;--font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.app{max-width:var(--max-width);margin:0 auto;padding:var(--space-md);padding-bottom:var(--space-2xl)}.header{text-align:center;padding:var(--space-lg) 0}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.02em}.input-form{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg)}.input-form__amount-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.input-form__currency{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.input-form__amount{flex:1;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);padding:var(--space-xs) 0;outline:none;font-family:var(--font-family);width:100%}.input-form__amount:focus{border-bottom-color:var(--color-primary)}.input-form__amount::placeholder{color:var(--color-text-muted)}.input-form__categories{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.category-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.category-btn:hover{border-color:var(--color-text-secondary)}.category-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.input-form__submit{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:opacity .15s ease}.input-form__submit:hover{opacity:.9}.password-input{width:100%;font-size:var(--font-size-lg);border:none;border-bottom:2px solid var(--color-border);background:transparent;color:var(--color-text);padding:var(--space-sm) 0;margin-bottom:var(--space-md);outline:none;font-family:var(--font-family)}.password-input:focus{border-bottom-color:var(--color-primary)}.password-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.month-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.month-nav__btn{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);line-height:1}.month-nav__btn:hover{color:var(--color-text)}.month-nav__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.summary{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.summary__total-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.summary__total-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.summary__categories{display:flex;flex-direction:column;gap:var(--space-sm)}.summary__cat-row{display:flex;align-items:center;gap:var(--space-sm)}.summary__cat-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.summary__cat-dot--food{background:var(--color-cat-food)}.summary__cat-dot--daily{background:var(--color-cat-daily)}.summary__cat-dot--transport{background:var(--color-cat-transport)}.summary__cat-dot--hobby{background:var(--color-cat-hobby)}.summary__cat-dot--other{background:var(--color-cat-other)}.summary__cat-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.summary__cat-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.summary__cat-bar-bg{width:60px;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.summary__cat-bar{height:100%;border-radius:var(--radius-full)}.summary__cat-bar--food{background:var(--color-cat-food)}.summary__cat-bar--daily{background:var(--color-cat-daily)}.summary__cat-bar--transport{background:var(--color-cat-transport)}.summary__cat-bar--hobby{background:var(--color-cat-hobby)}.summary__cat-bar--other{background:var(--color-cat-other)}.expense-list{display:flex;flex-direction:column;gap:var(--space-sm)}.expense-list__header{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.expense-list__empty{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-xl) 0}.expense-item{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.expense-item__dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.expense-item__dot--food{background:var(--color-cat-food)}.expense-item__dot--daily{background:var(--color-cat-daily)}.expense-item__dot--transport{background:var(--color-cat-transport)}.expense-item__dot--hobby{background:var(--color-cat-hobby)}.expense-item__dot--other{background:var(--color-cat-other)}.expense-item__info{flex:1}.expense-item__category{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.expense-item__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.expense-item__amount{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.expense-item__delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);line-height:1}.expense-item__delete:hover{color:var(--color-danger)}