/* Kooperatif giderleri */
#page-expenses {
  --ex-blue: #2b93ff;
  --ex-green: #26d8a6;
  --ex-purple: #a34cff;
  --ex-cyan: #34cae8;
  color: #eaf5fb;
}

.expenses-command {
  background-image:
    linear-gradient(90deg, rgba(4, 20, 40, .98) 0%, rgba(4, 20, 39, .91) 48%, rgba(4, 20, 39, .62) 73%, rgba(4, 20, 39, .4) 100%),
    url('/gider-hero.png');
  background-position: center, right 120px center;
  background-repeat: no-repeat;
  background-size: auto, 310px auto;
}

.expenses-command::after { display: none; }
.expenses-command .checks-command-title { border-color: rgba(74, 155, 222, .28); }
.expense-wallet-icon { color: #59b9ff; border-color: #399fff; }
.expenses-command .checks-command-title>div>span { color: #f3bb36; }

.expense-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(210px, 1.07fr);
  gap: 11px;
  margin-bottom: 14px;
}

.expense-category-card,
.expense-chart-card {
  position: relative;
  min-width: 0;
  min-height: 163px;
  overflow: hidden;
  border: 1px solid rgba(50, 136, 212, .42);
  border-radius: 12px;
  background: radial-gradient(220px 120px at 0 0, rgba(34, 137, 244, .13), transparent 72%), linear-gradient(145deg, #071f3d, #06142a);
  box-shadow: 0 12px 28px rgba(0, 6, 20, .22), inset 0 1px rgba(154, 225, 255, .07);
}

.expense-category-card { padding: 15px; }
.expense-category-card.ytm { --cat: var(--ex-blue); --soft: rgba(38, 139, 251, .15); }
.expense-category-card.inspection { --cat: var(--ex-green); --soft: rgba(32, 212, 161, .14); }
.expense-category-card.architect { --cat: var(--ex-purple); --soft: rgba(154, 72, 245, .15); }
.expense-category-card::after { content:""; position:absolute; right:-38px; bottom:-45px; width:130px; height:130px; border-radius:50%; background:var(--soft); filter:blur(8px); }

.expense-category-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
}

.expense-category-icon {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--cat) 70%, transparent);
  border-radius: 10px;
  background: var(--soft);
  color: var(--cat);
  box-shadow: 0 0 20px var(--soft);
}

.expense-category-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.expense-category-head b {
  display: block;
  color: #f0f7fb;
  font-size: 10px;
  letter-spacing: .035em;
  white-space: nowrap;
}

.expense-category-head small {
  display: block;
  margin-top: 4px;
  color: #809daf;
  font-size: 7.5px;
  line-height: 1.25;
}

.expense-category-card>strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 13px;
  color: #f8fbff;
  font: 800 clamp(19px, 1.75vw, 27px)/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: -.7px;
  white-space: nowrap;
}

.expense-category-meta {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 9px;
  color: #8ca2b0;
  font-size: 7px;
}

.expense-category-meta>span:last-child { text-align: right; }
.expense-category-meta b { display: block; margin-top: 3px; color: #dcebf3; font-size: 8.5px; }

.expense-progress {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 11px;
}

.expense-progress::before { content:""; flex:1; height:9px; border-radius:999px; background:rgba(42,91,127,.35); }

.expense-progress>i {
  position: absolute;
  left: 0;
  top: 0;
  height: 9px;
  max-width: calc(100% - 35px);
  border-radius: 999px;
  background: linear-gradient(90deg, var(--cat), color-mix(in srgb, var(--cat) 65%, white));
  box-shadow: 0 0 12px var(--soft);
  transition: width .6s ease;
}

.expense-progress>b {
  width: 30px;
  flex: 0 0 auto;
  color: var(--cat);
  font-size: 10px;
  text-align: right;
}

.expense-chart-card {
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.expense-chart-title { align-self: stretch; }
.expense-chart-title>span { display:block; color:#b8cad6; font-size:8px; font-weight:800; letter-spacing:.1em; }
.expense-chart-title>b { display:block; margin-top:4px; color:#7c98aa; font-size:8px; font-weight:500; }

.expense-donut {
  position: relative;
  width: 105px;
  height: 105px;
  margin: 8px auto 4px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(#173b5d 0 100%);
  box-shadow: 0 0 22px rgba(45, 166, 223, .12);
}

.expense-donut::after { content:""; position:absolute; inset:16px; border-radius:50%; background:#071a30; }
.expense-donut>div { position:relative; z-index:1; text-align:center; }
.expense-donut small { display:block; color:#8ba5b5; font-size:7px; }
.expense-donut b { display:block; margin-top:3px; color:#eff8fb; font-size:10px; white-space:nowrap; }
.expense-donut-legend { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:5px 8px; }
.expense-donut-legend>span { display:flex; align-items:center; gap:5px; min-width:0; color:#91a8b6; font-size:7px; }
.expense-donut-legend>span>i { width:7px; height:7px; border-radius:50%; flex:0 0 auto; }
.expense-donut-legend>span>b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:7.5px; font-weight:600; }
.expense-donut-legend>span>em { margin-left:auto; color:#d5e4ea; font-size:7px; font-style:normal; }
.expense-donut-legend>small { grid-column:1/-1; color:#718e9e; font-size:8px; line-height:1.4; text-align:center; }

.expenses-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(235px, .85fr);
  gap: 12px;
  align-items: start;
}

.expense-list-card,
.expense-side-card,
.expense-import-card {
  overflow: hidden;
  border: 1px solid rgba(48, 125, 187, .35);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(5, 28, 53, .96), rgba(3, 16, 33, .98));
  box-shadow: 0 12px 29px rgba(0, 6, 18, .2), inset 0 1px rgba(145, 217, 251, .05);
}

.expense-list-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  border-bottom: 1px solid rgba(52, 126, 181, .22);
  background: rgba(4, 25, 48, .72);
}

.expense-tabs { display:flex; align-items:center; gap:4px; overflow:auto; }
.expense-tabs>button { min-height:34px; padding:0 10px; border:1px solid transparent; border-radius:7px; background:transparent; color:#b7cad7; font-size:8.5px; white-space:nowrap; cursor:pointer; }
.expense-tabs>button:hover { color:#effaff; background:rgba(38,129,198,.12); }
.expense-tabs>button.active { border-color:#268cf6; background:linear-gradient(180deg,#146cd8,#0d4ca8); color:#fff; box-shadow:0 0 15px rgba(33,121,228,.2); }

.expense-date-range { height:37px; display:flex; align-items:center; gap:5px; padding:0 9px; border:1px solid rgba(58,136,196,.33); border-radius:7px; background:rgba(3,21,41,.76); }
.expense-date-range svg { width:16px; height:16px; flex:0 0 auto; fill:none; stroke:#61c9f5; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.expense-date-range label { display:flex; align-items:center; gap:5px; color:#728da0; font-size:7px; white-space:nowrap; }
.expense-date-range input { width:101px; border:0; outline:0; background:transparent; color:#d9e9f0; font-size:8px; }
.expense-date-range>span { color:#567389; }

.expense-filters {
  display:grid;
  grid-template-columns:minmax(200px,1fr) auto auto;
  gap:9px;
  padding:10px 12px;
  border-bottom:1px solid rgba(54,127,181,.2);
  background:rgba(3,19,37,.66);
}
.expense-filters .search { height:37px; border-color:rgba(58,130,187,.36); background:rgba(3,20,39,.78); }
.expense-filters .search svg { width:17px; height:17px; stroke:#7e9db2; }
.expense-filters .search input { font-size:9.5px; }
.expense-filters .checks-new-btn { height:37px; padding:0 14px; font-size:9.5px; }
.expense-filters .checks-clear-btn { height:37px; font-size:9px; }

.expense-table-wrap { max-height:570px; overflow:auto; background:rgba(2,14,29,.7); }
.expense-table { width:100%; min-width:680px; border-collapse:separate; border-spacing:0; }
.expense-table th { position:sticky; top:0; z-index:2; height:42px; padding:9px 10px; border-bottom:1px solid rgba(53,123,175,.32); background:#04172d; color:#b8cad6; font-size:8px; font-weight:800; text-align:left; white-space:nowrap; }
.expense-table td { min-height:68px; padding:10px; border-bottom:1px solid rgba(54,118,166,.2); color:#d9e7ee; font-size:9.5px; vertical-align:middle; }
.expense-row:nth-child(even) td { background:rgba(4,20,39,.7); }
.expense-row:hover td { background:rgba(10,45,75,.72); }
.expense-row.paid { box-shadow:inset 3px 0 #25d49c; }
.expense-row.pending { box-shadow:inset 3px 0 #e6b348; }
.expense-row.partial { box-shadow:inset 3px 0 #a45af5; }
.expense-row.overdue { box-shadow:inset 3px 0 #ef4f68; }
.expense-row-no { color:#7997aa; font-size:9px; }
.expense-date { display:block; color:#dbeaf2; font-size:9.5px; white-space:nowrap; }
.expense-date+small, .expense-firm small, .expense-table td:nth-child(5)>small, .expense-table td:nth-child(6)>small { display:block; margin-top:4px; color:#7894a5; font-size:7.5px; line-height:1.35; }
.expense-firm { min-width:170px; }
.expense-firm b { display:block; color:#eef7fb; font-size:10.5px; }
.expense-firm small { max-width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.expense-category-badge { display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:0 9px; border:1px solid rgba(55,151,219,.38); border-radius:7px; background:rgba(32,113,181,.13); color:#82c8ff; font-size:8px; font-weight:750; white-space:nowrap; }
.expense-category-badge svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; }
.expense-category-badge.inspection { border-color:rgba(39,214,164,.42); background:rgba(28,160,126,.12); color:#6ef1cb; }
.expense-category-badge.architect { border-color:rgba(168,82,249,.44); background:rgba(132,61,207,.13); color:#c891ff; }
.expense-category-badge.other { border-color:rgba(50,199,232,.38); background:rgba(32,154,182,.12); color:#78e7f3; }
.expense-amount { display:block; color:#ffe487; font-size:12px; font-weight:800; white-space:nowrap; }
.expense-table td:nth-child(6)>small { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.expense-payment { display:inline-flex; align-items:center; gap:6px; min-height:27px; padding:0 9px; border:1px solid rgba(45,211,155,.45); border-radius:999px; background:rgba(29,161,119,.13); color:#59e5b5; font-size:8px; font-weight:800; white-space:nowrap; }
.expense-payment::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 7px currentColor; }
.expense-payment.pending { border-color:rgba(233,181,66,.48); background:rgba(185,125,26,.16); color:#f0c45d; }
.expense-payment.partial { border-color:rgba(168,88,247,.5); background:rgba(126,55,205,.16); color:#c995ff; }
.expense-payment.overdue { border-color:rgba(239,77,102,.5); background:rgba(183,38,64,.17); color:#ff7c92; }
.expense-actions { display:flex; gap:5px; }
.expense-actions button { width:28px; height:28px; display:grid; place-items:center; padding:0; border:1px solid rgba(43,155,230,.46); border-radius:7px; background:rgba(12,65,111,.42); color:#64cdff; cursor:pointer; }
.expense-actions button:hover { border-color:#67ddff; background:rgba(24,104,157,.52); color:#fff; }
.expense-actions svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.expense-list-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-top:1px solid rgba(53,123,175,.22); background:#04162c; color:#7f9aaa; font-size:8px; }
.expense-legend { display:flex; gap:13px; flex-wrap:wrap; }
.expense-legend span { display:inline-flex; align-items:center; gap:5px; }
.expense-legend span::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 6px currentColor; }
.expense-legend .paid { color:#35dca3; } .expense-legend .pending { color:#e9b94e; } .expense-legend .partial { color:#b16af3; } .expense-legend .overdue { color:#f0556e; }

.expense-side { display:grid; gap:11px; }
.expense-side-card { padding:12px; }
.expense-side-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.expense-side-head>span { color:#b9ccd8; font-size:8px; font-weight:800; letter-spacing:.12em; }
.expense-side-head>button { border:0; background:none; color:#60c6f6; font-size:8px; cursor:pointer; }
.expense-side-card>button, .expense-side-card>a { width:100%; min-height:40px; display:flex; align-items:center; gap:10px; margin-top:7px; padding:0 11px; border:1px solid rgba(48,145,213,.34); border-radius:7px; background:rgba(7,39,68,.7); color:#dcecf4; font-size:9.5px; font-weight:650; text-decoration:none; cursor:pointer; }
.expense-side-card>button>span, .expense-side-card>a>span { width:24px; height:24px; display:grid; place-items:center; border-radius:6px; background:rgba(38,153,222,.16); color:#62d2ff; }
.expense-side-card>button:hover, .expense-side-card>a:hover { border-color:#45bcf6; background:rgba(16,77,124,.58); }
.expense-recent-item { display:grid!important; grid-template-columns:32px minmax(0,1fr) auto; align-items:center!important; gap:8px!important; text-align:left; }
.expense-recent-icon { width:32px!important; height:32px!important; display:grid; place-items:center; border-radius:8px!important; background:rgba(41,143,255,.16)!important; color:#54b5ff!important; }
.expense-recent-icon.inspection { background:rgba(34,205,162,.14)!important; color:#5aeac1!important; }
.expense-recent-icon.architect { background:rgba(162,78,244,.14)!important; color:#c18bff!important; }
.expense-recent-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; }
.expense-recent-item>span:nth-child(2) { min-width:0; }
.expense-recent-item b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e9f4f8; font-size:8.5px; }
.expense-recent-item small { display:block; margin-top:3px; color:#7090a1; font-size:7.5px; }
.expense-recent-item strong { color:#ffe58a; font-size:8.5px; white-space:nowrap; }
.expense-side-empty { padding:13px 5px; color:#7893a2; font-size:8.5px; text-align:center; }

.expense-import-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:12px; padding:14px 16px; }
.expense-import-card>div:first-child>span { display:block; color:#55d6df; font-size:7.5px; font-weight:800; letter-spacing:.14em; }
.expense-import-card>div:first-child>b { display:block; margin-top:5px; color:#eef8fb; font-size:15px; }
.expense-import-card>div:first-child>p { margin:5px 0 0; color:#7f9aa8; font-size:9px; }
.expense-import-card .check-import-status { grid-column:1/-1; }
.expense-contact-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; padding:12px 15px; border:1px solid rgba(44,117,176,.28); border-radius:9px; background:rgba(3,17,32,.78); color:#87a4b4; font-size:8px; }
.expense-contact-bar>b { color:#88e9dd; font-weight:600; }

.expense-modal-back { z-index:123; }
.expense-modal .expense-form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.expense-modal-actions { display:flex; align-items:center; }
.expense-modal-actions>span { flex:1; }

@media(max-width:1400px) {
  .expenses-command { background-size:auto, 245px auto; background-position:center, right 80px center; }
  .expense-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)) 190px; gap:8px; }
  .expense-category-card { min-height:151px; padding:12px; }
  .expense-category-head small { display:none; }
  .expense-category-head b { font-size:9px; }
  .expense-category-icon { width:39px; height:39px; }
  .expense-category-card>strong { font-size:20px; }
  .expense-chart-card { min-height:151px; padding:11px; }
  .expense-donut { width:91px; height:91px; }
  .expenses-main-grid { grid-template-columns:minmax(0,2fr) minmax(215px,.8fr); }
  .expense-table { min-width:640px; }
  .expense-table th, .expense-table td { padding-left:8px; padding-right:8px; }
}

@media(max-width:1120px) {
  .expenses-command { background-size:auto, 190px auto; background-position:center, right 35px center; }
  .expense-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .expense-chart-card { min-height:155px; }
  .expenses-main-grid { grid-template-columns:1fr; }
  .expense-side { grid-template-columns:1fr 1fr; }
}

@media(max-width:900px) {
  .expenses-command { background-image:linear-gradient(105deg,rgba(4,20,40,.97),rgba(4,20,39,.86)),url('/gider-hero.png'); background-size:auto,220px auto; background-position:center,right 45% center; }
  .expense-list-toolbar { align-items:flex-start; flex-direction:column; }
  .expense-tabs { width:100%; }
  .expense-date-range { width:100%; justify-content:center; }
  .expense-table-wrap { max-height:none; }
  .expense-side { grid-template-columns:1fr; }
  .expense-import-card { grid-template-columns:1fr; }
  .expense-contact-bar { align-items:flex-start; flex-wrap:wrap; }
}

@media(max-width:720px) {
  .expense-summary-grid { grid-template-columns:1fr; }
  .expense-chart-card { min-height:150px; }
  .expense-filters { grid-template-columns:1fr 1fr; }
  .expense-filters .search { grid-column:1/-1; }
  .expense-filters .checks-new-btn, .expense-filters .checks-clear-btn { width:100%; justify-content:center; }
  .expense-list-footer { align-items:flex-start; flex-direction:column; }
  .expense-table-wrap { padding:8px; overflow:visible; }
  .expense-table, .expense-table tbody, .expense-table tr, .expense-table td { display:block; width:100%; min-width:0; }
  .expense-table thead { display:none; }
  .expense-table tbody { display:grid; gap:9px; }
  .expense-table tr { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:12px 12px 12px 17px; border:1px solid rgba(48,128,185,.28); border-radius:10px; background:rgba(4,22,41,.74); }
  .expense-table td { padding:0; border:0; }
  .expense-table td::before { content:attr(data-label); display:block; margin-bottom:4px; color:#688798; font-size:7px; font-weight:800; letter-spacing:.07em; }
  .expense-table td:nth-child(1) { display:none; }
  .expense-table td:nth-child(3) { grid-column:1/-1; }
  .expense-table td:nth-child(7) { grid-column:1/-1; }
  .expense-actions { justify-content:flex-end; }
  .expense-side { gap:9px; }
  .expense-modal .expense-form-grid { grid-template-columns:1fr; }
  .expense-modal-actions { flex-wrap:wrap; }
  .expense-modal-actions > span { display:none; }
  .expense-modal-actions .btn { flex:1; }
}

@media(max-width:430px) {
  .expense-date-range { align-items:flex-start; height:auto; flex-wrap:wrap; padding:8px; }
  .expense-date-range label { flex:1; }
  .expense-date-range input { width:100%; }
  .expense-date-range>span { display:none; }
  .expense-filters { grid-template-columns:1fr; }
  .expense-filters .search { grid-column:1; }
  .expense-table tr { grid-template-columns:1fr; }
  .expense-table td:nth-child(3), .expense-table td:nth-child(7) { grid-column:1; }
}

/* Daha okunaklı gider ekranı ölçüleri */
#page-expenses .expenses-command .checks-command-brand b { font-size: 13px; }
#page-expenses .expenses-command .checks-command-brand span { font-size: 9px; }
#page-expenses .expenses-command .checks-command-title h2 { font-size: clamp(30px, 2.6vw, 39px); }
#page-expenses .expenses-command .checks-command-title>div>span { font-size: 10.5px; }
#page-expenses .expense-category-card { min-height: 182px; padding: 16px; }
#page-expenses .expense-category-icon { width: 51px; height: 51px; border-radius: 12px; }
#page-expenses .expense-category-icon svg { width: 27px; height: 27px; }
#page-expenses .expense-category-head { gap: 12px; }
#page-expenses .expense-category-head b { font-size: 12px; line-height: 1.2; white-space: normal; }
#page-expenses .expense-category-head small { display: block !important; margin-top: 5px; color: #8ba8b8; font-size: 9px; line-height: 1.35; }
#page-expenses .expense-category-card>strong { margin-top: 15px; font-size: clamp(23px, 1.9vw, 30px); }
#page-expenses .expense-category-meta { margin-top: 11px; font-size: 8.5px; line-height: 1.3; }
#page-expenses .expense-category-meta b { margin-top: 4px; font-size: 11px; }
#page-expenses .expense-progress { margin-top: 13px; }
#page-expenses .expense-progress>b { width: 36px; font-size: 11px; }
#page-expenses .expense-chart-card { min-height: 182px; padding: 15px; }
#page-expenses .expense-chart-title>span { font-size: 9px; }
#page-expenses .expense-chart-title>b { font-size: 9px; }
#page-expenses .expense-donut { width: 116px; height: 116px; }
#page-expenses .expense-donut small { font-size: 8px; }
#page-expenses .expense-donut b { font-size: 11px; }
#page-expenses .expense-donut-legend>span, #page-expenses .expense-donut-legend>span>b { font-size: 8.5px; }
#page-expenses .expense-donut-legend>span>em { font-size: 8px; }
#page-expenses .expense-donut-legend>small { font-size: 9px; }
#page-expenses .expense-tabs>button { min-height: 39px; padding: 0 12px; font-size: 10px; }
#page-expenses .expense-date-range { height: 41px; }
#page-expenses .expense-date-range label { font-size: 8px; }
#page-expenses .expense-date-range input { font-size: 9px; }
#page-expenses .expense-filters .search { height: 41px; }
#page-expenses .expense-filters .search input { font-size: 10.5px; }
#page-expenses .expense-filters .checks-new-btn, #page-expenses .expense-filters .checks-clear-btn { height: 41px; font-size: 10px; }
#page-expenses .expense-table th { height: 47px; font-size: 9px; }
#page-expenses .expense-table td { min-height: 76px; padding-top: 12px; padding-bottom: 12px; font-size: 10.5px; }
#page-expenses .expense-row-no { font-size: 9.5px; }
#page-expenses .expense-date { font-size: 10.5px; }
#page-expenses .expense-date+small, #page-expenses .expense-firm small, #page-expenses .expense-table td:nth-child(5)>small, #page-expenses .expense-table td:nth-child(6)>small { font-size: 8.5px; }
#page-expenses .expense-firm b { font-size: 12px; }
#page-expenses .expense-category-badge { min-height: 30px; padding: 0 10px; font-size: 9px; }
#page-expenses .expense-category-badge svg { width: 16px; height: 16px; }
#page-expenses .expense-amount { font-size: 13.5px; }
#page-expenses .expense-payment { min-height: 29px; padding: 0 10px; font-size: 9px; }
#page-expenses .expense-actions button { width: 32px; height: 32px; }
#page-expenses .expense-actions svg { width: 17px; height: 17px; }
#page-expenses .expense-list-footer { font-size: 9px; }
#page-expenses .expense-side-card { padding: 14px; }
#page-expenses .expense-side-head>span { font-size: 9px; }
#page-expenses .expense-side-head>button { font-size: 9px; }
#page-expenses .expense-side-card>button, #page-expenses .expense-side-card>a { min-height: 44px; font-size: 11px; }
#page-expenses .expense-side-card>button>span, #page-expenses .expense-side-card>a>span { width: 28px; height: 28px; font-size: 14px; }
#page-expenses .expense-recent-item b { font-size: 10px; }
#page-expenses .expense-recent-item small { font-size: 8.5px; }
#page-expenses .expense-recent-item strong { font-size: 9.5px; }
#page-expenses .expense-import-card>div:first-child>b { font-size: 17px; }
#page-expenses .expense-import-card>div:first-child>p { font-size: 10px; }
#page-expenses .expense-contact-bar { font-size: 9px; }

@media(max-width:1400px) {
  #page-expenses .expense-summary-grid { grid-template-columns: repeat(3, minmax(0,1fr)) 185px; gap: 9px; }
  #page-expenses .expense-category-card { min-height: 176px; padding: 13px; }
  #page-expenses .expense-category-icon { width: 44px; height: 44px; }
  #page-expenses .expense-category-icon svg { width: 23px; height: 23px; }
  #page-expenses .expense-category-head b { font-size: 10.5px; }
  #page-expenses .expense-category-head small { font-size: 8px; }
  #page-expenses .expense-category-card>strong { font-size: 22px; }
  #page-expenses .expense-category-meta { font-size: 8px; }
  #page-expenses .expense-category-meta b { font-size: 10px; }
  #page-expenses .expense-chart-card { min-height: 176px; padding: 12px; }
  #page-expenses .expense-donut { width: 105px; height: 105px; }
  #page-expenses .expense-table { min-width: 680px; }
}

@media(max-width:900px) {
  #page-expenses .expense-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #page-expenses .expense-side-card>button, #page-expenses .expense-side-card>a { font-size: 10.5px; }
}

@media(max-width:720px) {
  #page-expenses .expense-summary-grid { grid-template-columns: 1fr; }
  #page-expenses .expense-category-card { min-height: 155px; }
  #page-expenses .expense-table td { font-size: 10.5px; }
  #page-expenses .expense-firm b { font-size: 12px; }
}

/* Dengeli tam ekran ölçüleri */
#page-expenses .expenses-command {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 20px;
  min-height: 146px;
  padding: 18px 22px 14px;
  background-position: center, right center;
  background-size: auto, 360px 100%;
}

.expenses-heading {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.expense-hero-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #329dff;
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(27, 123, 237, .24), rgba(37, 190, 223, .08));
  color: #55b9ff;
  box-shadow: inset 0 1px rgba(195, 236, 255, .14), 0 0 22px rgba(34, 133, 232, .2);
}

.expense-hero-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.expenses-heading>div { min-width: 0; }
.expenses-heading>div>span { display: block; color: #5ed7df; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.expenses-heading h2 { margin: 5px 0 4px; color: #f8fbfd; font: 750 clamp(25px, 2.1vw, 31px)/1.05 "Segoe UI", Arial, sans-serif; letter-spacing: -.45px; white-space: nowrap; }
.expenses-heading p { margin: 0; color: #e6b543; font-size: 10px; font-weight: 750; letter-spacing: .015em; white-space: nowrap; }

#page-expenses .expenses-command .checks-command-meta { flex-direction: row; gap: 7px; }
#page-expenses .expenses-command .checks-date-tile,
#page-expenses .expenses-command .checks-user-tile { min-width: 126px; padding: 9px 10px; }
#page-expenses .expenses-command .checks-date-tile b,
#page-expenses .expenses-command .checks-user-tile b { font-size: 10.5px; }
#page-expenses .expenses-command .checks-date-tile small,
#page-expenses .expenses-command .checks-user-tile small { font-size: 8px; }
#page-expenses .expenses-command .checks-command-actions { padding-top: 8px; }

#page-expenses .expense-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
#page-expenses .expense-category-card,
#page-expenses .expense-chart-card { min-height: 190px; }
#page-expenses .expense-category-card { display: flex; flex-direction: column; }
#page-expenses .expense-category-meta { margin-top: auto; padding-top: 9px; }
#page-expenses .expense-progress { margin-top: 11px; }
#page-expenses .expense-chart-card { justify-content: flex-start; }
#page-expenses .expense-donut { margin-top: 12px; }
#page-expenses .expense-donut-legend { margin-top: auto; }

@media(max-width:1450px) {
  #page-expenses .expenses-command { background-position: center, right center; background-size: auto, 300px 100%; }
  #page-expenses .expense-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #page-expenses .expense-category-card,
  #page-expenses .expense-chart-card { min-height: 182px; }
  #page-expenses .expenses-heading h2 { font-size: 26px; }
  #page-expenses .expenses-command .checks-command-meta { flex-direction: column; }
  #page-expenses .expenses-command .checks-date-tile,
  #page-expenses .expenses-command .checks-user-tile { min-width: 175px; }
}

@media(max-width:900px) {
  #page-expenses .expenses-command { grid-template-columns: 1fr auto; }
  #page-expenses .expense-summary-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #page-expenses .expense-category-card,
  #page-expenses .expense-chart-card { min-height: 175px; }
}

@media(max-width:720px) {
  #page-expenses .expenses-command { grid-template-columns: 1fr; }
  #page-expenses .expenses-heading h2 { white-space: normal; font-size: 26px; }
  #page-expenses .expenses-command .checks-command-meta { flex-direction: row; width: 100%; }
  #page-expenses .expense-summary-grid { grid-template-columns: 1fr; }
}