#redbot-expense-button-20260923 {
  margin-left: 10px;
  background: #f3f6fb !important;
  color: #111827 !important;
  border: 1px solid #d8dee9 !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
}
#redbot-expense-button-20260923 span { font-weight: 900; margin-right: 6px; }
.employee-card.redbot-finance-expense-card { grid-template-columns: 44px minmax(0, 1fr) auto auto auto !important; }
.redbot-finance-expense-actions { display: inline-flex !important; gap: 8px; align-items: center; justify-self: end; }
body.redbot-expense-open { overflow: hidden; }
#redbot-expense-modal-20260923[hidden] { display: none; }
#redbot-expense-modal-20260923 { position: fixed; inset: 0; z-index: 99999; color: #f8fafc; font-family: inherit; }
.redbot-expense-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.76); backdrop-filter: blur(3px); }
.redbot-expense-dialog { position: relative; width: min(1180px, calc(100vw - 28px)); max-height: calc(100vh - 32px); margin: 16px auto; overflow: auto; background: #101214; border: 1px solid #30343b; border-radius: 8px; box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.redbot-expense-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #2b3038; background: #15181d; position: sticky; top: 0; z-index: 1; }
.redbot-expense-header h2 { margin: 0; font-size: 22px; line-height: 1.2; }
.redbot-expense-close { border: 1px solid #39404a; border-radius: 7px; background: #20252d; color: #fff; padding: 10px 14px; font-weight: 800; cursor: pointer; }
.redbot-expense-form { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 12px; padding: 16px 18px; border-bottom: 1px solid #272c34; }
.redbot-expense-form label { display: grid; gap: 6px; color: #cbd5e1; font-size: 13px; font-weight: 700; }
.redbot-expense-form label.wide { grid-column: span 2; }
.redbot-expense-form input, .redbot-expense-form select, .redbot-expense-form textarea { width: 100%; box-sizing: border-box; border-radius: 7px; border: 1px solid #3b414b; background: #20242b; color: #fff; padding: 11px 12px; font: inherit; min-height: 42px; }
.redbot-expense-form textarea { resize: vertical; min-height: 76px; }
.redbot-expense-file-note { align-self: end; color: #aab4c2; font-size: 13px; padding-bottom: 8px; }
.redbot-expense-actions { display: flex; align-items: center; gap: 12px; align-self: end; }
.redbot-expense-month-download { display: flex; align-items: end; gap: 10px; align-self: end; }
.redbot-expense-month-download label { min-width: 170px; }
.redbot-expense-month-download button { border: 0; border-radius: 7px; background: #0f766e; color: #fff; font-weight: 900; padding: 12px 18px; cursor: pointer; white-space: nowrap; }
.redbot-expense-actions button { border: 0; border-radius: 7px; background: #e21b23; color: #fff; font-weight: 900; padding: 12px 28px; cursor: pointer; }
.redbot-expense-actions span { font-weight: 800; color: #ffb4b8; }
.redbot-expense-actions span.ok { color: #7ee7be; }
.redbot-expense-totals { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 10px; padding: 14px 18px; border-bottom: 1px solid #272c34; }
.redbot-expense-totals span { display: grid; gap: 5px; border: 1px solid #323943; background: #1b1f26; border-radius: 8px; padding: 12px; color: #b7c0cc; }
.redbot-expense-totals b { color: #fff; font-size: 18px; }
.redbot-expense-grids { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 16px 18px 20px; }
.redbot-expense-grids h3 { margin: 0 0 10px; font-size: 18px; }
.redbot-expense-table-wrap { overflow: auto; border: 1px solid #2d333d; border-radius: 8px; max-height: 300px; }
.redbot-expense-table-wrap table { width: 100%; min-width: 980px; border-collapse: collapse; background: #121519; }
.redbot-expense-table-wrap th, .redbot-expense-table-wrap td { padding: 11px 12px; border-bottom: 1px solid #282e36; text-align: left; vertical-align: top; font-size: 14px; }
.redbot-expense-table-wrap th { background: #111827; color: #dce4ef; position: sticky; top: 0; z-index: 1; }
.redbot-expense-view { border: 1px solid #516174; border-radius: 6px; background: #202833; color: #fff; padding: 7px 11px; font-weight: 800; cursor: pointer; }
.redbot-expense-edit { border: 1px solid #0f766e; border-radius: 6px; background: #0f766e; color: #fff; padding: 7px 11px; font-weight: 800; cursor: pointer; margin-right: 8px; }
.redbot-expense-delete { border: 1px solid #7f1d1d; border-radius: 6px; background: #b91c1c; color: #fff; padding: 7px 11px; font-weight: 800; cursor: pointer; }
.redbot-expense-empty { margin: 0; color: #aab4c2; border: 1px solid #2d333d; border-radius: 8px; padding: 14px; background: #121519; }
#redbot-expense-modal-20260923 ::-webkit-scrollbar { width: 14px; height: 14px; }
#redbot-expense-modal-20260923 ::-webkit-scrollbar-track { background: #d8dce3; }
#redbot-expense-modal-20260923 ::-webkit-scrollbar-thumb { background: #8f98a6; border-radius: 8px; border: 3px solid #d8dce3; }
@media (max-width: 780px) {
  .redbot-expense-dialog { width: calc(100vw - 12px); max-height: calc(100vh - 12px); margin: 6px auto; }
  .redbot-expense-form, .redbot-expense-totals { grid-template-columns: 1fr; }
  .redbot-expense-form label.wide { grid-column: auto; }
}
.redbot-expense-clearance{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;align-items:end;border-top:1px solid #263241;margin-top:8px;padding-top:12px}.redbot-expense-clearance[hidden]{display:none}.redbot-expense-clearance small{color:#aeb8c5;align-self:center}.redbot-expense-clearance button{background:#0f8f83;color:#fff;border:0;border-radius:7px;padding:12px 14px;font-weight:800}@media(max-width:900px){.redbot-expense-clearance{grid-template-columns:1fr}}
@media(max-width:700px){
  body.redbot-expense-open{overflow:hidden!important;position:fixed;width:100%;}
  #redbot-expense-modal-20260923{position:fixed;inset:0;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 8px 80px;background:rgba(0,0,0,.72);}
  #redbot-expense-modal-20260923 .redbot-expense-backdrop{position:fixed;inset:0;}
  #redbot-expense-modal-20260923 .redbot-expense-dialog{position:relative;max-height:none!important;min-height:auto;width:min(100%,720px);margin:0 auto 80px;overflow:visible!important;}
  #redbot-expense-modal-20260923 .redbot-expense-form{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important;}
  #redbot-expense-modal-20260923 .redbot-expense-month-download{display:grid;grid-template-columns:1fr;gap:10px;}
  #redbot-expense-modal-20260923 .redbot-expense-totals{grid-template-columns:1fr!important;}
  #redbot-expense-modal-20260923 .redbot-expense-table-wrap{max-height:55vh;overflow:auto;-webkit-overflow-scrolling:touch;}
  #redbot-expense-modal-20260923 table{min-width:920px;}
}