.expensesDemoPage{background:#f8fafc;border:1px solid #d8e3ef;padding:18px}.expensesDemoIntro{padding:8px 14px 18px;border-bottom:1px solid #dbe5ef}.expensesDemoIntro h2{display:flex;align-items:center;gap:9px;margin:0;color:#10233e;font-size:20px}.expensesDemoIntro h2 svg{width:25px;height:25px}.expensesDemoIntro p{margin:5px 0 15px;color:#5d708a;font-size:13px}.expensesDemoActions{display:flex;gap:10px;flex-wrap:wrap}.expenseAddButton{background:#0f3544}.expenseKpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 14px 12px}.expenseKpis article{padding:17px 20px;border:1px solid #d9e4ef;background:#eff6ff}.expenseKpis article:nth-child(2){background:#fff1f2;border-color:#fecdd3}.expenseKpis article:nth-child(2) small,.expenseKpis article:nth-child(2) strong{color:#dc2626}.expenseKpis article:nth-child(3){background:#fff7ed;border-color:#fed7aa}.expenseKpis article:nth-child(3) small,.expenseKpis article:nth-child(3) strong{color:#ea580c}.expenseKpis article:nth-child(4){grid-column:1;background:#eef4ff;border-color:#bfdbfe}.expenseKpis small{display:block;color:#10233e;font-weight:800;font-size:11px}.expenseKpis strong{display:block;color:#123d5a;font-size:29px;margin-top:8px}.expenseFilters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px}.expenseFilters .search{max-width:400px}.expenseFilters select{width:225px}.expenseFilters label{display:flex;align-items:center;gap:6px;font-weight:700;font-size:11px;color:#4b607c}.expenseFilters label input{width:145px;min-height:34px;padding:6px 8px}.expenseCategoryChoice{display:flex;gap:8px}.expenseCategoryChoice .btn{min-width:42px;padding:6px}.expenseSalaryDetails{margin:10px 0 16px;padding:14px;border:1px solid #bfd3e9;background:#f7fbff}.expenseSalaryDetails>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#10233e}.expenseSalaryDetails strong{display:flex;align-items:center;gap:7px;font-size:14px}.expenseSalaryDetails strong svg{width:18px}.expenseSalaryDetails span{background:#d9f1ff;color:#0284c7;padding:3px 8px;font-size:10px;font-weight:700}.expenseFormTop{margin-bottom:12px}@media(max-width:720px){.expensesDemoPage{padding:10px}.expenseKpis{grid-template-columns:1fr 1fr;padding:12px 0}.expenseKpis article{padding:12px}.expenseKpis article:nth-child(4){grid-column:auto}.expenseKpis strong{font-size:21px}.expenseFilters{padding:8px 0}.expenseFilters .search,.expenseFilters select{max-width:none;width:100%}.expenseFilters label{width:100%;justify-content:space-between}.expenseFilters label input{width:80%}}