*,:before,:after{box-sizing:border-box}html,body{font-optical-sizing:auto;font-variation-settings:"wdth" 100;color:#e0e0e0;background:#121220;height:100%;margin:0;padding:0;font-family:IBM Plex Sans,sans-serif;font-style:normal}#root{height:100%}.app{background:#121220;flex-direction:column;min-height:100%;display:flex}.top-bar{background:#1a1a2e;border-bottom:1px solid #2a2a3d;padding:16px 24px}.top-bar h1{color:#e0e0e0;margin:0;font-size:1.25rem;font-weight:600}.main-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px}.charts-section{gap:20px;margin-bottom:32px;display:grid}.transactions-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.transactions-section__title{color:#e0e0e0;margin:0;font-size:1.1rem;font-weight:600}.transactions-list{flex-direction:column;gap:10px;display:flex}.transactions-empty{text-align:center;color:#666;padding:32px 0}.loading{color:#888;justify-content:center;align-items:center;height:100%;font-size:1rem;display:flex}@media (width<=600px){.main-content{padding:12px}.top-bar{padding:12px 16px}.top-bar h1{font-size:1.1rem}.transactions-section__header{flex-direction:column;align-items:stretch}}.transaction-card{background:#1e1e2e;border-left:4px solid #0000;border-radius:10px;padding:14px 16px;transition:transform .15s}.transaction-card:hover{transform:translateY(-2px)}.transaction-card--income{border-left-color:#4caf50}.transaction-card--expense{border-left-color:#f44336}.transaction-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.transaction-card__description{color:#e0e0e0;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.transaction-card__amount{white-space:nowrap;font-size:1rem;font-weight:600}.amount--positive{color:#4caf50}.amount--negative{color:#f44336}.transaction-card__details{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.transaction-card__date{color:#888;font-size:.8rem}.transaction-card__category{color:#aaa;background:#2a2a3d;border-radius:12px;padding:2px 8px;font-size:.75rem}.week-filter{justify-content:center;align-items:center;gap:16px;display:flex}.week-filter__btn{color:#e0e0e0;cursor:pointer;background:#2a2a3d;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:background .15s;display:flex}.week-filter__btn:hover{background:#3a3a50}.week-filter__label{color:#ccc;text-align:center;min-width:180px;font-size:.95rem;font-weight:500}