.expense-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;margin-bottom:22px;border:1px solid #ffd1d7;border-radius:30px;background:linear-gradient(120deg,#fff5f6 0%,#fff 48%,#effcf6 100%);color:#172842}.expense-hero .eyebrow{display:block;margin-bottom:8px;color:#9aa8cc;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.expense-hero h1{margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:900;letter-spacing:-.04em}.expense-hero p{margin:8px 0 0;color:#687895;font-size:1rem}.expense-primary,.expense-form-actions button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:17px;background:#1b2941;color:#fff!important;padding:15px 22px;font-weight:900;text-decoration:none;box-shadow:0 12px 24px #1b29412b}.expense-back{color:#263954;font-weight:800;text-decoration:none}.expense-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.expense-stats article{display:flex;align-items:center;gap:14px;min-height:106px;padding:20px;border:1px solid #dce5f1;border-radius:22px;background:#fff}.expense-stat-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;font-size:1.5rem}.expense-stat-icon.coral{background:#ffe4e8}.expense-stat-icon.blue{background:#e1f3ff}.expense-stat-icon.green{background:#dcf8e9}.expense-stat-icon.yellow{background:#fff2ca}.expense-stats small{display:block;color:#7888a5;font-weight:700}.expense-stats strong{display:block;margin-top:4px;color:#142b4e;font-size:1.35rem;font-weight:900}.expense-filters{display:grid;grid-template-columns:160px 160px 220px minmax(220px,1fr) auto auto;align-items:end;gap:12px;margin-bottom:22px;padding:18px 20px;border:1px solid #dce5f1;border-radius:20px;background:#fff}.expense-filters label>span{display:block;margin:0 0 7px 3px;color:#74839c;font-size:.75rem;font-weight:900;text-transform:uppercase}.expense-filters input,.expense-filters select{width:100%;height:47px;border:1px solid #d7e0ec;border-radius:13px;background:#f8fafd;padding:0 13px;color:#172842}.expense-filters button{height:47px;border:0;border-radius:13px;background:#1b2941;color:#fff;padding:0 20px;font-weight:900}.expense-filters>a{height:47px;display:flex;align-items:center;color:#687895;font-weight:800;text-decoration:none}.expense-table-card{overflow:hidden;border:1px solid #dce5f1;border-radius:24px;background:#fff}.expense-table-card>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e7edf5}.expense-table-card h2{margin:0;color:#142b4e;font-size:1.05rem;font-weight:900}.expense-table-card header p{margin:4px 0 0;color:#8190a9;font-size:.82rem}.expense-table-card header>strong{color:#ef4d5d;font-size:1.35rem}.expense-table-scroll{overflow:auto}.expense-table{width:100%;min-width:1050px;border-collapse:collapse;color:#304568;font-size:.84rem}.expense-table th{padding:14px 18px;background:#f6f8fc;color:#7483a1;font-size:.7rem;letter-spacing:.05em;text-align:left;text-transform:uppercase}.expense-table td{padding:15px 18px;border-top:1px solid #e8edf4;vertical-align:middle}.expense-table td>code{display:block;width:max-content;margin-top:5px;border-radius:7px;background:#f1f4f8;padding:4px 7px;color:#426087;font-size:.7rem}.expense-table td>b{display:block;color:#152d51}.expense-table td>small{display:block;margin-top:4px;color:#8492a8}.expense-category{display:inline-flex;align-items:center;gap:8px;font-weight:800}.expense-category i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff0d9;font-style:normal}.expense-method{display:inline-block;border-radius:999px;background:#edf3fc;padding:6px 10px;font-weight:700}.expense-status{display:inline-block;border-radius:999px;background:#f0f2f5;padding:6px 10px;font-size:.73rem;font-weight:900}.expense-status.applied{background:#dcf7e8;color:#087b4b}.expense-table .amount{text-align:right}.expense-table td.amount strong{color:#e54a55;font-size:1rem}.expense-proof{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e3efff;text-decoration:none}.expense-no-proof{color:#a8b2c2}.expense-empty{padding:55px 20px;text-align:center}.expense-empty>span{font-size:2.5rem}.expense-empty h3{margin:12px 0 4px}.expense-empty p{color:#7b8aa3}.expense-empty a{color:#e94d5c;font-weight:900}.expense-form{display:grid;gap:18px;max-width:1220px;margin:auto}.expense-form-main{padding:28px 32px;border:1px solid #dce5f1;border-radius:26px;background:#fff}.expense-form-main>header{display:flex;align-items:center;gap:13px;margin-bottom:24px}.expense-form-main>header>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#e4efff;color:#25487a;font-weight:900}.expense-form-main header small{color:#95a3bb;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.expense-form-main h2{margin:2px 0 0;color:#172d4e;font-size:1.15rem;font-weight:900}.expense-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:20px}.expense-category-grid input{position:absolute;opacity:0;pointer-events:none}.expense-category-grid label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:90px;border:1px solid #dce5f1;border-radius:17px;background:#fafbfd;color:#435574;cursor:pointer;transition:.18s}.expense-category-grid i{font-size:1.55rem;font-style:normal}.expense-category-grid b{font-size:.76rem}.expense-category-grid input:checked+span{border-color:#f05767;background:#fff0f2;color:#c92d40;box-shadow:0 0 0 2px #ffd8dd}.expense-fields{display:grid;gap:18px}.expense-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-form .form-group{margin:0}.expense-form label{margin-bottom:7px;color:#203654;font-weight:800}.expense-form .form-control,.expense-form .form-select{min-height:51px;border:1px solid #d7e0ec;border-radius:14px;background:#f9fbfd;padding:12px 14px;color:#172842}.expense-form textarea.form-control{min-height:110px}.expense-form .help-block,.expense-field-error{margin-top:5px;color:#dc3545;font-size:.78rem}.expense-errors{border-radius:14px;background:#fff0f1;color:#a82c3a;padding:13px 17px}.expense-cash-box{margin-top:18px;border:1px solid #bdebd3;border-radius:17px;background:#effbf5;padding:15px 18px}.expense-cash-box .form-check{margin:0}.expense-cash-box p{margin:5px 0 0 27px;color:#627d70;font-size:.8rem}.expense-upload{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:215px;margin-bottom:18px!important;border:2px dashed #8bd9b4;border-radius:22px;background:#effbf5;text-align:center;cursor:pointer}.expense-upload input{position:absolute;width:1px;height:1px;opacity:0}.expense-upload>i{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:18px;background:#cef3df;font-size:1.7rem;font-style:normal}.expense-upload>strong{color:#17365b;font-size:1rem}.expense-upload>span,.expense-upload>small{margin-top:5px;color:#7b91a3;font-size:.78rem}.expense-upload output{margin-top:13px;border-radius:11px;background:#fff;padding:9px 15px;color:#536a83;font-size:.8rem}.expense-upload.dragging,.expense-upload.has-file{border-color:#18ac6e;background:#e5f9ef}.expense-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 0 28px}.expense-form-actions>a{padding:14px 20px;color:#42536c;font-weight:800;text-decoration:none}.expense-form-actions button{background:#f23446;cursor:pointer}.expense-create-hero{max-width:1220px;margin-left:auto;margin-right:auto}
@media(max-width:1100px){.expense-stats{grid-template-columns:repeat(2,1fr)}.expense-filters{grid-template-columns:repeat(3,1fr)}.expense-search{grid-column:span 2}.expense-category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.expense-hero{align-items:flex-start;flex-direction:column;padding:26px 22px;border-radius:23px}.expense-stats{grid-template-columns:1fr}.expense-filters{grid-template-columns:1fr}.expense-search{grid-column:auto}.expense-form-main{padding:22px 17px}.expense-category-grid{grid-template-columns:repeat(3,1fr)}.expense-fields.two,.expense-fields.three{grid-template-columns:1fr}.expense-form-actions{position:sticky;bottom:0;background:#fff;padding:12px}.expense-form-actions button{flex:1}}
