.loan-alert{display:flex;align-items:center;gap:14px;padding:18px 22px;margin:0 0 24px;background:#fff6e8;border:1px solid #e9c48b;border-left:4px solid #bf650c;border-radius:14px;color:#754009}
.loan-alert p{margin:5px 0 0;font-size:12px;line-height:1.6}.loan-alert>div{flex:1}.loan-alert strong{font-size:14px}
.loan-beacon{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:#c46813;animation:loan-reminder 2.4s ease-in-out infinite}
@keyframes loan-reminder{0%,100%{opacity:1;box-shadow:0 0 0 3px #c4681320}50%{opacity:.4;box-shadow:0 0 0 6px #c4681308}}
.loan-due-label{display:flex;align-items:center;gap:7px;color:#88500d;font-size:11px;font-weight:750;margin-top:10px;line-height:1.5}
.loan-owner{font-size:11px;line-height:1.7;color:#7b5425;margin-top:7px}.borrowed-row{background:#fffcf6}
.item-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.item-actions .text-button{font-size:11px;white-space:normal;text-align:left}
.budget-comparison{margin:22px 0 25px}.budget-total{background:#f1f4f5;font-weight:800}.budget-footer{display:flex;flex-wrap:wrap;gap:14px 28px;padding:18px 24px;border-top:1px solid var(--line);font-size:12px;color:#63717a}.budget-footer b{color:#24313a;margin-left:6px}
.investment-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:0 22px 18px}.investment-tab{display:flex;gap:8px;align-items:center;background:#f4f6f7;color:#54626a;border:1px solid #e3e8ea;border-radius:9px;padding:11px 13px;font-weight:650;font-size:12px;cursor:pointer}.investment-tab.active{color:#9e2330;border-color:#dba9af;background:#fff2f3}.loan-tab-alert{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#88500d}.loan-tab-alert .loan-beacon{width:6px;height:6px}
.loan-fields{padding:18px;background:#fff8ee;border:1px solid #e8d5b4;border-radius:10px}.loan-fields[hidden]{display:none}.item-plan-summary{padding:16px 0}.item-plan-summary>p{font-size:13px;line-height:1.6}.loan-detail{background:#fff8ee;padding:16px;border-radius:12px}.loan-detail p{font-size:12px;line-height:1.7;white-space:pre-wrap}.loan-detail .loan-due-label{margin-top:0;font-size:13px}.loan-buttons{display:flex;flex-wrap:wrap;gap:8px}.loan-history{margin-top:16px;font-size:12px;line-height:1.6}.loan-history summary{cursor:pointer;font-weight:700}.loan-history p{border-top:1px solid #e3e8ea;padding-top:12px;white-space:pre-wrap}
.nav-loan-alert{display:flex;align-items:center;margin-left:auto}.nav-loan-alert .loan-beacon{width:7px;height:7px}.investment-metrics .metric-label{font-size:11px}.investment-metrics .metric strong{font-size:clamp(20px,2.1vw,30px)}
@media(max-width:1100px){.page-investment .investment-grid{grid-template-columns:minmax(0,1fr)}.page-investment .insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.investment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.loan-alert{flex-wrap:wrap;padding:15px;gap:10px}.loan-alert>div{min-width:170px}.loan-alert>.button{margin-left:19px}.page-investment .insights{grid-template-columns:minmax(0,1fr)}.investment-tabs{padding:0 14px 16px;gap:6px}.investment-tab{padding:9px 10px;font-size:11px}.budget-footer{padding:15px;flex-direction:column;gap:12px}.loan-fields{padding:12px}.investment-table .item-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.loan-due-label{margin-top:5px}.investment-metrics .metric strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.loan-beacon{animation:none;opacity:1}}