:root{--color-bg:#0b0d14;--color-card:#11141d;--color-text:#f2f2f5;--color-muted:#8b8d9a;--color-theme:#e30f25;--color-border:#ffffff1a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}button,input,textarea{color:inherit;font-family:inherit;font-size:16px}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-header{padding:max(env(safe-area-inset-top), 16px) 20px 20px;background:linear-gradient(135deg, var(--color-theme), color-mix(in srgb, var(--color-theme) 55%, black));color:#fff}.app-header__sub{opacity:.85;margin:0 0 4px;font-size:13px}.app-header__title{margin:0;font-size:20px;font-weight:700}.page{flex:1;padding:16px 16px 32px;overflow-y:auto}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;margin-bottom:16px;padding:16px}.budget-card{background:var(--color-theme);color:#fff;border-radius:16px;margin-bottom:16px;padding:20px}.budget-card__badge{background:#fff3;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:12px;display:inline-block}.budget-card__amount{margin:0 0 4px;font-size:32px;font-weight:700}.budget-card__note{opacity:.9;margin:0;font-size:13px}.section-title{color:var(--color-muted);margin:0 0 8px;font-size:14px}.summary-row{justify-content:space-between;padding:6px 0;display:flex}.summary-row--total{color:var(--color-theme);border-top:1px solid var(--color-border);margin-top:4px;padding-top:10px;font-weight:700}.upcoming-list{margin:0;padding:0;list-style:none}.upcoming-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;display:flex}.upcoming-list li:last-child{border-bottom:none}.empty-note{color:var(--color-muted);font-size:14px}.segment{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.segment__info{border:1px solid var(--color-border);color:var(--color-muted);background:0 0;border-radius:999px;flex:none;width:32px;height:32px;margin-left:auto}.chip-group{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:999px;min-height:44px;padding:8px 14px;font-size:14px}.chip--selected{background:var(--color-theme);border-color:var(--color-theme);color:#fff}.field{margin-bottom:16px}.field label{color:var(--color-muted);margin-bottom:6px;font-size:13px;display:block}.field input[type=date],.field input[type=text]{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;width:100%;min-height:44px;padding:12px}.amount-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;align-items:center;padding:0 12px;display:flex}.amount-input span{color:var(--color-muted);margin-right:4px}.amount-input input{background:0 0;border:none;flex:1;width:100%;min-height:44px;padding:12px 0}.save-button{background:var(--color-theme);color:#fff;border:none;border-radius:12px;width:100%;min-height:48px;font-size:16px;font-weight:700}.save-button:disabled{background:var(--color-muted);opacity:.5}.toast{background:var(--color-card);border:1px solid var(--color-theme);color:var(--color-text);z-index:20;border-radius:999px;padding:10px 20px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.tab-bar{background:var(--color-card);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tab-bar__item{color:var(--color-muted);background:0 0;border:none;flex:1;min-height:48px;padding:10px 0 8px;font-size:11px}.tab-bar__item--active{color:var(--color-theme);font-weight:700}.placeholder{color:var(--color-muted)}