.expense-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.expense-head>div:first-child>span,.expense-form-head span{color:#176ee0;font-size:11px;font-weight:800;letter-spacing:.14em}.expense-head h1,.expense-form-head h1{margin:6px 0;font-size:32px;color:#0c2c55}.expense-head p,.expense-form-head p{margin:0;color:#74859d}.expense-head>div:last-child{display:flex;gap:10px}.expense-head a,.expense-head>button{border:0;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer}.expense-category-link{background:#e9f8f1;color:#158158}.expense-new,.expense-head>button{background:#176ee0;color:#fff}.expense-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.expense-stats article{display:flex;gap:14px;align-items:center;padding:19px;border:1px solid #dce7f4;border-radius:17px;background:#fff}.expense-stats article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f2ff;color:#176ee0;font-weight:900}.expense-stats .paid>span{background:#e8f8f1;color:#169b68}.expense-stats .pending>span{background:#fff6e5;color:#e99315}.expense-stats .overdue>span{background:#ffebed;color:#dc4e5b}.expense-stats small{display:block;color:#7b8ba1;font-size:9px;font-weight:800}.expense-stats b{display:block;margin-top:5px;color:#16355c;font-size:20px}.expense-card{overflow:hidden;border:1px solid #dce7f4;border-radius:18px;background:#fff}.expense-filters{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #e5edf6}.expense-tabs{display:flex;padding:3px;border-radius:10px;background:#eef3f8}.expense-tabs button{border:0;padding:8px 12px;border-radius:8px;background:transparent;color:#60738e;cursor:pointer}.expense-tabs button.active{background:#fff;color:#176ee0;box-shadow:0 3px 9px #cbd8e7}.expense-filters select,.expense-filters label{border:1px solid #d7e2ee;border-radius:10px;background:#fff}.expense-filters select{padding:10px}.expense-filters label{display:flex;align-items:center;margin-left:auto;padding:0 11px}.expense-filters input{border:0;outline:0;padding:10px}.expense-filters .search{border:0;border-radius:9px;padding:10px 14px;background:#176ee0;color:#fff}.expense-table-wrap{overflow:auto}.expense-card table{width:100%;border-collapse:collapse}.expense-card th{padding:13px;background:#12375f;color:#fff;text-align:left;font-size:10px}.expense-card td{padding:14px;border-bottom:1px solid #edf2f7;color:#405773;font-size:11px}.expense-card td b,.expense-card td small{display:block}.expense-card td small{margin-top:4px;color:#8a98aa}.expense-status{display:inline-block;padding:6px 9px;border-radius:20px;background:#fff4df;color:#d48713;font-weight:800}.expense-status.completed{background:#e7f8f0;color:#15845b}.expense-status.overdue{background:#ffeaec;color:#d83f4e}.expense-actions{display:flex;gap:8px}.expense-actions a,.expense-actions button{border:0;background:none;color:#176ee0;font-weight:700;cursor:pointer}.expense-actions button{color:#d84e59}.expense-empty{text-align:center!important;padding:55px!important}.expense-empty>span{font-size:30px;color:#176ee0}.expense-empty b{margin-top:8px}.expense-form-head{margin-bottom:18px}.expense-form-head a{display:block;margin-bottom:13px;color:#60758e;font-weight:700}.expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.expense-form-grid>section{border:1px solid #dce7f4;border-radius:18px;background:#fff;overflow:hidden}.expense-form-grid section>header{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #e5edf6}.expense-form-grid header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf3ff;color:#176ee0;font-weight:900}.expense-form-grid h2{margin:0;color:#14355b}.expense-form-grid header p{margin:3px 0 0;color:#8190a5;font-size:10px}.expense-fields{display:grid;gap:16px;padding:22px}.expense-fields label>span{display:block;margin-bottom:7px;color:#38536f;font-size:11px;font-weight:700}.expense-fields input,.expense-fields select,.expense-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d5e1ed;border-radius:10px;padding:11px;background:#f9fbfd}.expense-fields label>a,.expense-fields label>small{display:block;margin-top:6px;color:#5885b5;font-size:9px}.expense-fields .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expense-fields .money{display:flex}.expense-fields .money i{display:grid;place-items:center;padding:0 14px;border:1px solid #d5e1ed;border-right:0;border-radius:10px 0 0 10px;background:#edf4fb;font-style:normal}.expense-fields .money input{border-radius:0 10px 10px 0}.expense-check{display:flex;align-items:center;gap:9px;padding:14px;border-radius:10px;background:#f4f7fb}.expense-check input{width:auto}.expense-check span{margin:0!important}.expense-form>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.expense-form>footer a,.expense-form>footer button{padding:12px 18px;border:1px solid #d5e1ed;border-radius:10px;background:#fff;font-weight:800}.expense-form>footer button{border-color:#176ee0;background:#176ee0;color:#fff}.expense-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.expense-category-grid section{border:1px solid #dce7f4;border-radius:16px;background:#fff;overflow:hidden}.expense-category-grid section>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:linear-gradient(135deg,#1262ba,#2695d0);color:#fff}.expense-category-grid h2{margin:0;font-size:13px}.expense-category-grid header button{border:0;border-radius:7px;padding:7px 9px;background:#ffb43c;color:#fff;font-weight:800}.expense-category-grid section>div{display:flex;gap:8px;flex-wrap:wrap;padding:18px}.expense-category-grid section>div>span{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #d7e2ee;border-radius:8px;color:#3f5771;font-size:11px}.expense-category-grid form{display:inline}.expense-category-grid form button{border:0;background:none;color:#d64b57;cursor:pointer}@media(max-width:950px){.expense-stats,.expense-form-grid,.expense-category-grid{grid-template-columns:1fr 1fr}.expense-filters{flex-wrap:wrap}.expense-filters label{margin-left:0}}@media(max-width:650px){.expense-head{align-items:flex-start;flex-direction:column}.expense-stats,.expense-form-grid,.expense-category-grid{grid-template-columns:1fr}.expense-head>div:last-child{width:100%}.expense-head a{flex:1;text-align:center}.expense-fields .two{grid-template-columns:1fr}}