.expense-cards{grid-template-columns:repeat(4,1fr)}
.expense-cards .featured{background:linear-gradient(135deg,#174d76,#267fb0);border-color:#3889b5}.expense-cards .featured small,.expense-cards .featured strong,.expense-cards .featured span{color:#fff}.expense-sections{display:flex;width:max-content;max-width:100%;gap:7px;padding:7px;margin:0 0 18px;border:1px solid #d5e2eb;border-radius:13px;background:#fff}.expense-sections a,.expense-sections button{padding:11px 18px;border:0;border-radius:9px;background:transparent;color:#315b78;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}.expense-sections .active,.expense-sections button:hover{background:#174d76;color:#fff}.expense-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:14px;padding:17px;border:1px solid #d5e2eb;border-radius:14px;background:#fff}.expense-search label{display:grid;gap:6px}.expense-search label span{font-size:9px;font-weight:900;letter-spacing:.8px;color:#607b90}.expense-search input,.expense-search select{min-height:43px;padding:0 12px;border:1px solid #c5d7e3;border-radius:9px;background:#fff;color:#172e43}.expense-search>button{min-height:43px;padding:0 22px;border:0;border-radius:9px;background:#236b98;color:#fff;font-weight:900}.settled{color:#087554;font-size:10px;font-weight:900}.expense-panel{overflow:hidden;border:1px solid #d5e2eb;border-radius:16px;background:#fff}.expense-panel>header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e2eaf0}.expense-panel header small{color:#36709e;font-size:9px;font-weight:900;letter-spacing:1.2px}.expense-panel h2{margin:5px 0;font-size:25px;color:#092643}.expense-panel p{margin:0;color:#74879a}.category-grid{display:grid;grid-template-columns:repeat(2,1fr)}.category-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:17px 22px;border-bottom:1px solid #e5edf2}.category-grid article:nth-child(odd){border-right:1px solid #e5edf2}.category-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#e6f3fb;color:#176594;font-weight:900}.category-grid strong,.category-grid small{display:block}.category-grid strong{color:#14324a}.category-grid small{margin-top:4px;color:#7b90a0;font-size:10px}.category-grid i{padding:6px 9px;border-radius:20px;background:#def4e9;color:#087554;font-size:9px;font-style:normal;font-weight:900}.category-grid form button{border:0;background:transparent;color:#a74a43;font-size:10px;font-weight:900;cursor:pointer}.category-grid article.inactive{opacity:.55}
.theme-dark .expense-page{color:#e8f2f8}
.theme-dark .expense-heading h1,.theme-dark .expense-cards strong,.theme-dark .expense-panel h2,.theme-dark .category-grid strong{color:#eef7ff!important}
.theme-dark .expense-heading p,.theme-dark .expense-panel p,.theme-dark .expense-cards span,.theme-dark .category-grid small{color:#9eb4c6!important}
.theme-dark .expense-cards article,.theme-dark .expense-sections,.theme-dark .expense-search,.theme-dark .expense-table,.theme-dark .expense-panel{border-color:#31536b!important;background:#102a3d!important;box-shadow:0 16px 38px #020b1226}
.theme-dark .expense-cards .featured{background:linear-gradient(135deg,#19577e,#2582ad)!important;border-color:#3b83aa!important}
.theme-dark .expense-cards .danger-card{background:linear-gradient(145deg,#382d1c,#142b3d)!important;border-color:#705831!important}
.theme-dark .expense-sections a,.theme-dark .expense-sections button{color:#afc5d5!important}
.theme-dark .expense-sections .active,.theme-dark .expense-sections button:hover{background:#23658e!important;color:#fff!important;box-shadow:0 7px 18px #07131d4d}
.theme-dark .expense-search label span{color:#a9bfce!important}
.theme-dark .expense-search input,.theme-dark .expense-search select,.theme-dark .expense-form-grid input,.theme-dark .expense-form-grid select,.theme-dark .expense-form-grid textarea{border-color:#3a6079!important;background:#0b2232!important;color:#eef7ff!important;color-scheme:dark}
.theme-dark .expense-search :is(input,select):focus,.theme-dark .expense-form-grid :is(input,select,textarea):focus{border-color:#62b5e3!important;box-shadow:0 0 0 4px #3b9ed42b!important;outline:0}
.theme-dark .expense-search input::placeholder,.theme-dark .expense-form-grid :is(input,textarea)::placeholder{color:#7894a7!important}
.theme-dark .expense-search>button{background:linear-gradient(135deg,#236b98,#2d83b2)!important;color:#fff!important;box-shadow:0 8px 18px #06131d45}
.theme-dark .expense-table th{background:#19394e!important;color:#b9cfdd!important}
.theme-dark .expense-table td,.theme-dark .category-grid article,.theme-dark .expense-panel>header{border-color:#315069!important;color:#e5f0f7!important}
.theme-dark .expense-table tbody tr{background:#102a3d!important}
.theme-dark .expense-table tbody tr:nth-child(even){background:#132f43!important}
.theme-dark .expense-table tbody tr:hover{background:#193c53!important}
.theme-dark .expense-modal{background:#102a3d!important;color:#e9f3fa!important;border:1px solid #31536b!important}
.theme-dark .expense-modal form>header,.theme-dark .expense-modal form>footer{border-color:#315069!important;background:#102a3d!important}
.theme-dark .expense-modal h2{color:#eef7ff!important}
.theme-dark .expense-modal header button{color:#a9c0d1!important}
.theme-dark .payment-summary{background:#17384e!important;color:#c3dceb!important}
.theme-dark .expense-form-grid label{color:#c2d5e2!important}
.theme-dark .category-icon{background:#1a4965!important;color:#9bd8f7!important}
.theme-dark .category-grid i{background:#153f35!important;color:#8be5c0!important}
@media(max-width:1100px){.expense-cards{grid-template-columns:repeat(2,1fr)}.expense-search{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr}.category-grid article:nth-child(odd){border-right:0}}@media(max-width:650px){.expense-cards,.expense-search{grid-template-columns:1fr}.expense-sections{width:100%;overflow:auto}.expense-sections a,.expense-sections button{white-space:nowrap}.expense-panel>header{align-items:flex-start;flex-direction:column;gap:14px}}