body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#18222d;color:#fff}:root{--bg-color: #18222d;--text-color: #ffffff;--hint-color: #8a9aa9;--link-color: #0088cc;--button-color: #0088cc;--button-text-color: #ffffff;--secondary-bg-color: #424a57}.container{padding:16px;max-width:100%;margin:0 auto;box-sizing:border-box}.header{font-size:18px;margin-bottom:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.header-stats{font-size:1.5em}.budget-item{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.budget-title{display:flex;align-items:center;font-size:15px}.budget-item>.budget-amount{font-size:22.5px;font-weight:700}.budget-table{margin-top:15px;margin-bottom:15px;background-color:#4a5260;border-radius:10px;padding:15px;width:100%;box-sizing:border-box}.budget-table h2{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:700}.budget-row-container{margin-bottom:10px;position:relative;display:grid;grid-template-columns:min-content auto min-content}.budget-row-container:last-child{margin-bottom:0}.budget-row{display:contents;align-items:center;position:relative;z-index:2;white-space:nowrap}.budget-percent{font-size:14px;color:#a3b1c6;text-align:right;padding-right:5px}.budget-indicator{padding:0 5px}.indicator-bar{width:4px;min-height:16px;border-radius:2px}.budget-category{display:flex;align-items:center;gap:8px;flex:1}.category-icon{font-size:18px}.category-name{font-size:16px}.budget-amount{font-size:14px;color:#fff;text-align:right;flex:none}.budget-progress-container{height:3px;width:100%;background-color:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:2px;grid-column:span 3 / span 3}.budget-progress-bar{height:100%;transition:width .3s ease}.advice{margin-top:20px;background-color:#1d2732;border-radius:8px;padding:14px;font-size:15px;line-height:1.4}.advice-item{margin-bottom:12px}button{background-color:var(--button-color);color:var(--button-text-color);border:none;padding:10px 15px;border-radius:10px;margin-top:15px;cursor:pointer;width:100%;font-size:16px}button#closeButton{background-color:#08c;color:#fff;font-weight:500}.user-info{margin-top:15px;margin-bottom:5px;font-size:14px;color:var(--hint-color)}.data-version button{background-color:#424a57;color:#fff;font-size:12px;padding:8px 12px;margin-top:10px}.loading{display:flex;justify-content:center;align-items:center;height:100px}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--button-color);animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-id{font-size:.8rem;opacity:.7;margin-top:5px}