.expense-subcategory-row{display:table-row!important}.expense-subcategory-row>td{padding:0 14px 14px!important;background:#f7faff}.subcategory-management{overflow:hidden;border:1px solid #d8e4f3;border-radius:12px;background:#fff}.subcategory-management-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border-bottom:1px solid #e4ebf4;background:linear-gradient(90deg,#eef5ff,#f8fbff)}.subcategory-management-head strong{color:#43546d;font-size:9px}.subcategory-management-head button,.subcategory-empty button{border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:800;cursor:pointer}.subcategory-management article{display:grid;grid-template-columns:28px minmax(180px,1.4fr) minmax(100px,.7fr) minmax(100px,.7fr) auto auto;align-items:center;gap:12px;padding:12px 13px;border-bottom:1px solid #edf1f6}.subcategory-management article:last-child{border-bottom:0}.subcategory-management article[hidden]{display:none}.subcategory-management article>div>small,.subcategory-identity small{display:block;margin-bottom:4px;color:#8492a6;font-size:7px;font-weight:800;letter-spacing:.5px}.subcategory-management article>div>strong{font-size:10px}.subcategory-branch{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e7f0ff;color:var(--blue);font-size:14px;font-weight:800}.subcategory-identity strong{display:block;font-size:10px}.subcategory-identity p{margin:3px 0 0;color:var(--muted);font-size:8px}.subcategory-management [data-expense-category-delete]{border-color:#f2c9ce;color:var(--red)}.subcategory-empty{padding:13px;color:var(--muted);font-size:8px;text-align:center}
@media(max-width:980px){.subcategory-management article{grid-template-columns:28px minmax(180px,1fr) auto auto}.subcategory-management article>div:nth-of-type(2),.subcategory-management article>div:nth-of-type(3){display:none}}
@media(max-width:620px){.subcategory-management-head{align-items:flex-start;flex-direction:column}.subcategory-management article{grid-template-columns:28px 1fr}.subcategory-management article>.status,.subcategory-management article>.expense-row-actions{grid-column:2}.subcategory-management article>.expense-row-actions{flex-wrap:wrap}}

/* Premium subcategory payments */
.expense-subcategory-row>td{background:linear-gradient(180deg,#f7faff,#f3f7fc)!important}.subcategory-management{border-color:#cfdef1;border-radius:14px;box-shadow:0 8px 24px rgba(22,66,119,.05)}.subcategory-management-head{padding:12px 15px;background:linear-gradient(90deg,#eaf3ff,#f9fbff)}.subcategory-management article.subcategory-item{padding:14px 15px;transition:background .18s ease,box-shadow .18s ease}.subcategory-management article.subcategory-item:hover{position:relative;z-index:1;background:#fbfdff;box-shadow:inset 3px 0 var(--blue)}.subcategory-branch{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#edf4ff,#dce9ff);box-shadow:0 5px 12px rgba(44,107,237,.1)}.subcategory-identity strong{font-size:11px}.subcategory-identity p,.subcategory-spend p{margin:4px 0 0;color:var(--muted);font-size:8px}.subcategory-budget-progress{display:flex;align-items:center;gap:7px;margin-top:7px}.subcategory-budget-progress i{display:block;overflow:hidden;width:70px;height:5px;border-radius:99px;background:#e8edf4}.subcategory-budget-progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16ad76,#41c895)}.subcategory-budget-progress i b.over{background:linear-gradient(90deg,#ed6270,#d83e4f)}.subcategory-budget-progress span{color:#75849a;font-size:7px;font-weight:700}.subcategory-actions{justify-content:flex-end}.expense-row-actions .subcategory-pay-btn{min-width:44px;border-color:#bce7d4;background:linear-gradient(145deg,#19b777,#0f9e66);box-shadow:0 6px 14px rgba(18,160,106,.16);color:#fff}.expense-row-actions .subcategory-pay-btn:hover{border-color:#0d8f5c;background:#0d9c64;color:#fff;transform:translateY(-1px)}
.expense-quick-pay-modal{width:min(720px,calc(100vw - 32px))}.quick-pay-context{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;padding:16px 22px 0}.quick-pay-context>div{padding:13px 14px;border:1px solid #dce8f5;border-radius:12px;background:linear-gradient(145deg,#fbfdff,#f1f6ff)}.quick-pay-context>div:last-child{background:linear-gradient(145deg,#fbfffd,#edf9f3)}.quick-pay-context small,.quick-pay-context strong,.quick-pay-context span{display:block}.quick-pay-context small{margin-bottom:5px;color:#7c8ba0;font-size:7px;font-weight:900;letter-spacing:.55px}.quick-pay-context strong{font-size:11px}.quick-pay-context span{margin-top:4px;color:var(--green);font-size:8px;font-weight:700}.quick-pay-context span.over{color:var(--red)}.quick-pay-fields{padding-top:16px}.quick-pay-fields input,.quick-pay-fields select{background:#fbfdff}.quick-pay-fields [data-quick-pay-amount]{font-size:15px;font-weight:800}.quick-pay-safeguard{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #cce9db;border-radius:11px;background:#f0faf5}.quick-pay-safeguard>i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#d9f4e7;color:var(--green);font-style:normal;font-weight:900}.quick-pay-safeguard strong,.quick-pay-safeguard small{display:block}.quick-pay-safeguard strong{font-size:9px}.quick-pay-safeguard small{margin-top:3px;color:#668076;font-size:8px}.quick-pay-foot .btn-green{min-width:165px}
@media(max-width:980px){.subcategory-management article.subcategory-item{grid-template-columns:30px minmax(180px,1fr) auto}.subcategory-management article.subcategory-item>.status{grid-column:3}.subcategory-management article.subcategory-item>.expense-row-actions{grid-column:2/4;justify-content:flex-end}.subcategory-budget,.subcategory-spend{display:none}}
@media(max-width:620px){.quick-pay-context{grid-template-columns:1fr;padding:14px 17px 0}.quick-pay-foot{align-items:stretch;flex-direction:column-reverse}.quick-pay-foot .btn{width:100%}.subcategory-management article.subcategory-item>.status,.subcategory-management article.subcategory-item>.expense-row-actions{grid-column:2}.subcategory-actions{justify-content:flex-start}.expense-row-actions .subcategory-pay-btn{min-width:68px}}
