*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ab-semantic-typography-font-family-ja),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ab-semantic-color-background-base);color:var(--ab-semantic-color-text-default);padding:0}html,body,#root{height:100%}#root{min-height:100vh}.app-shell{height:100vh;overflow:hidden}.app-main{min-height:0;min-width:0}.app-page-container{width:100%;max-width:1400px;margin:0 auto}.app-page-stack{display:flex;flex-direction:column;gap:24px}.app-page-container--padded{padding:24px}@media(max-width:767px){.app-page-container--padded{padding:16px}}@media(min-width:768px){.app-sidebar{position:relative;z-index:2;width:288px;height:100vh;overflow:hidden;flex-shrink:0;background:transparent}.app-sidebar:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--ab-global-color-coral-400, #f4ac99) 0%,var(--ab-global-color-coral-600, #f08b71) 55%,var(--ab-global-color-coral-200, #f9cec3) 100%)}}@media(max-width:767px){.app-sidebar{position:relative;z-index:2;background:transparent;border-bottom:1px solid var(--ab-global-color-coral-100, #fbe1da)}}.app-page-header{display:flex;align-items:center;gap:var(--ab-semantic-spacing-4, 16px);margin-bottom:var(--ab-semantic-spacing-2, 8px)}.app-page-header__accent{display:flex;flex-direction:column;align-items:center;gap:var(--ab-semantic-spacing-1, 4px);flex-shrink:0;align-self:center}.app-page-header__sparkle{width:32px;height:32px;flex-shrink:0}.app-page-header__line{width:2px;height:16px;flex-shrink:0;border-radius:var(--ab-semantic-border-radius-full, 9999px);background:linear-gradient(180deg,var(--ab-global-color-coral-400, #f4ac99) 0%,var(--ab-global-color-coral-100, #fbe1da) 100%)}.app-page-header__content{min-width:0}.app-sparkle-accent__star--primary{fill:var(--ab-global-color-coral-400, #f4ac99);opacity:.88}.app-sparkle-accent__star--secondary{fill:var(--ab-global-color-coral-200, #f9cec3);opacity:.92}.app-sparkle-accent__dot{fill:var(--ab-global-color-coral-600, #f08b71);opacity:.45}.app-sparkle-accent__dot--soft{fill:var(--ab-global-color-coral-400, #f4ac99);opacity:.35}.app-sparkle-accent--corner{position:absolute;top:var(--ab-semantic-spacing-4, 16px);right:var(--ab-semantic-spacing-4, 16px);pointer-events:none;flex-shrink:0}.app-sparkle-accent--corner-md{width:40px;height:40px;opacity:.5}.app-sparkle-accent--corner-sm{width:28px;height:28px;opacity:.42}.app-chart-panel{position:relative;overflow:hidden}.app-sidebar-brand{position:relative;padding-right:var(--ab-semantic-spacing-4, 16px)}.app-sidebar-brand .app-sparkle-accent--corner{top:2px;right:0;opacity:.38}.app-surface-card{position:relative;overflow:hidden;background:var(--ab-semantic-color-background-rest-primary, #fff);border:1px solid var(--ab-global-color-coral-100, #fbe1da);border-radius:var(--ab-semantic-border-radius-md, 16px);box-shadow:0 1px 4px #7b35220f}.app-surface-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ab-global-color-coral-600, #f08b71) 0%,var(--ab-global-color-coral-200, #f9cec3) 55%,transparent 100%)}.app-surface-panel{background:var(--ab-semantic-color-background-rest-primary, #fff);border:1px solid var(--ab-global-color-coral-100, #fbe1da);border-radius:var(--ab-semantic-border-radius-sm, 8px);transition:border-color .2s ease,box-shadow .2s ease}.app-surface-panel:hover{border-color:var(--ab-global-color-coral-200, #f9cec3);box-shadow:0 4px 16px #7b35220f}.app-budget-hero{position:relative;overflow:hidden;background:var(--ab-semantic-color-background-rest-primary, #fff);border:1px solid var(--ab-global-color-coral-200, #f9cec3);border-radius:var(--ab-semantic-border-radius-md, 16px);box-shadow:0 4px 16px #7b35220f}.app-budget-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ab-global-color-coral-600, #f08b71) 0%,var(--ab-global-color-coral-200, #f9cec3) 55%,transparent 100%);pointer-events:none}.app-budget-hero__progress-fill{background:linear-gradient(90deg,var(--ab-global-color-coral-600, #f08b71) 0%,var(--ab-global-color-coral-400, #f4ac99) 100%)}.app-budget-hero__progress-fill--over{background:linear-gradient(90deg,var(--ab-semantic-color-text-notice, #ff6347) 0%,var(--ab-global-color-coral-800, #7b3522) 100%)}.app-login-shell{position:relative;min-height:calc(100vh - 48px)}.app-login-card{position:relative;z-index:1;width:100%;max-width:520px;overflow:hidden;background:var(--ab-semantic-color-background-rest-primary, #fff);border:1px solid var(--ab-global-color-coral-200, #f9cec3);border-radius:var(--ab-semantic-border-radius-md, 16px);box-shadow:0 8px 32px #7b35221a}.app-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ab-global-color-coral-600, #f08b71) 0%,var(--ab-global-color-coral-200, #f9cec3) 55%,transparent 100%);pointer-events:none}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}