/* Đổi chi phí V3.1 — Web kế toán và Admin mobile. Chỉ thay giao diện. */
.management-panel:has(.expense-request-card)>.management-heading{padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,#2563eb 12%),var(--panel));box-shadow:var(--shadow)}
.management-panel:has(.expense-request-card)>.management-heading .eyebrow{color:#38bdf8}.management-panel:has(.expense-request-card)>.management-heading h2{margin-top:5px;font-size:clamp(22px,2vw,30px)}
.management-panel:has(.expense-request-card)>.finance-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.management-panel:has(.expense-request-card)>.finance-summary article{position:relative;overflow:hidden;min-height:105px;padding:16px 17px;border-radius:16px;background:var(--panel)}
.management-panel:has(.expense-request-card)>.finance-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#f59e0b}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(2):before{background:#10b981}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(3):before{background:#06b6d4}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(4):before{background:#f43f5e}
.management-panel:has(.expense-request-card)>.finance-summary span{text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.05em}.management-panel:has(.expense-request-card)>.finance-summary strong{font-size:clamp(18px,1.7vw,25px);font-variant-numeric:tabular-nums}.management-panel:has(.expense-request-card)>.finance-summary article:first-child strong{color:#f59e0b}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(2) strong{color:#10b981}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(3) strong{color:#06b6d4}.management-panel:has(.expense-request-card)>.finance-summary article:nth-child(4) strong{color:#f43f5e}
.management-panel:has(.expense-request-card)>.finance-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.management-panel:has(.expense-request-card) .finance-section{border-radius:18px;background:var(--panel)}.management-panel:has(.expense-request-card) .finance-section>h3{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}
.expense-request-card{padding:0!important;overflow:hidden;border:1px solid var(--line)!important;border-top:4px solid #f59e0b!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:0 8px 25px #00000014}.expense-request-card:has(.status-APPROVED),.expense-request-card:has(.status-PAID){border-top-color:#10b981!important}.expense-request-card:has(.status-REJECTED),.expense-request-card:has(.status-CANCELLED){border-top-color:#f43f5e!important}
.expense-request-head{padding:15px 16px!important;background:var(--surface-soft)}.expense-request-head>div strong{font-size:15px}.expense-request-head>div b{font-size:21px!important;font-variant-numeric:tabular-nums}.expense-request-head>span{padding:6px 10px;border-radius:999px;background:var(--panel);font-size:10px;font-weight:900;text-transform:uppercase}
.expense-request-card>.expense-groups{padding:0 14px}.expense-request-card>.expense-groups+.finance-card-small,.expense-request-card>small{display:block;padding:0 16px 12px;color:var(--muted)}.expense-request-card>.finance-actions{margin:0;padding:13px 15px;border-top:1px solid var(--line);background:var(--surface-soft)}.expense-request-card>.finance-actions button{flex:1;min-width:105px}.expense-request-card>.finance-actions .approve{flex:2;background:#10b981;color:white;border-color:#10b981}.expense-request-card>.finance-actions .reject{background:rgba(244,63,94,.1);color:#f43f5e;border-color:rgba(244,63,94,.3)}
.expense-request-card .expense-group{border-color:color-mix(in srgb,var(--line) 75%,#3b82f6 25%)!important;background:color-mix(in srgb,var(--panel) 96%,#3b82f6 4%)!important}.expense-request-card .expense-group h4{background:rgba(59,130,246,.11)!important;color:var(--text)!important}.expense-request-card .expense-group.outside{border-color:rgba(245,158,11,.38)!important;background:rgba(245,158,11,.045)!important}.expense-request-card .expense-group.outside h4{background:rgba(245,158,11,.13)!important;color:color-mix(in srgb,var(--text) 75%,#f59e0b 25%)!important}.expense-request-card .expense-lines p{color:var(--text)!important;border-color:var(--line)!important}.expense-request-card .expense-lines small{color:var(--muted)!important}.expense-request-card .expense-group footer{background:rgba(16,185,129,.1)!important;color:#10b981!important}
@media(max-width:1000px){.management-panel:has(.expense-request-card)>.finance-grid{grid-template-columns:1fr}.management-panel:has(.expense-request-card)>.finance-summary{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.management-panel:has(.expense-request-card){padding:11px!important}.management-panel:has(.expense-request-card)>.management-heading{padding:15px;border-radius:17px}.management-panel:has(.expense-request-card)>.finance-summary{gap:8px}.management-panel:has(.expense-request-card)>.finance-summary article{min-height:88px;padding:12px}.management-panel:has(.expense-request-card)>.finance-summary strong{font-size:17px}.management-panel:has(.expense-request-card) .finance-section{padding:11px}.expense-request-head{align-items:flex-start!important}.expense-request-head>div b{font-size:18px!important}.expense-request-card>.expense-groups{padding:0 10px}.expense-request-card>.finance-actions{display:grid;grid-template-columns:1fr 1fr}.expense-request-card>.finance-actions button{min-width:0;width:100%}.expense-request-card>.finance-actions .approve{grid-column:1/-1}.expense-lines p{align-items:start}.expense-lines p>b{white-space:nowrap}}