/* DTRACK PROFESSIONAL PAGES v2 - unified application UI */
:root{--p-bg:#f3f7f8;--p-card:#fff;--p-card2:#f8fbfb;--p-border:#dfe8ea;--p-text:#172633;--p-muted:#6f7f8b;--p-brand:#087f78;--p-brand2:#13a89d;--p-brand-soft:#e8f6f4;--p-green:#159a62;--p-red:#d84f61;--p-orange:#d98a28;--p-shadow:0 8px 28px rgba(23,55,70,.07);--p-radius:16px}
*{box-sizing:border-box}
html,body{background:var(--p-bg)!important;color:var(--p-text)!important;font-family:"DM Sans",system-ui,-apple-system,sans-serif!important}
.main{padding:26px clamp(18px,3vw,38px) 60px!important}
.main .header{min-height:88px!important;padding:20px 24px!important;margin:0 0 16px!important;border:1px solid var(--p-border)!important;border-radius:var(--p-radius)!important;background:linear-gradient(135deg,#fff,#f8fbfb)!important;box-shadow:var(--p-shadow)!important}
.main .header h1{font:800 24px/1.15 Manrope,sans-serif!important;color:var(--p-text)!important;margin:0 0 5px!important;letter-spacing:-.5px!important}.main .header p{font-size:12px!important;color:var(--p-muted)!important}
.primary,.filter-button,.save,.btn-save{border-radius:10px!important;background:linear-gradient(135deg,var(--p-brand),var(--p-brand2))!important;color:#fff!important;border:0!important;box-shadow:0 7px 18px rgba(8,127,120,.18)!important;font-weight:800!important}
/* shared cards */
.card,.filters-card,.filters,.overall,.deadline-card,.table-card,.summary-card,.form-card,.section,.panel{background:var(--p-card)!important;border:1px solid var(--p-border)!important;border-radius:var(--p-radius)!important;box-shadow:var(--p-shadow)!important;color:var(--p-text)!important}
.card-header,.section-title,.filter-title,.card-title{color:var(--p-text)!important}
/* stats */
.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important}
.stat{min-height:112px!important;padding:17px!important;background:#fff!important;border:1px solid var(--p-border)!important;border-radius:15px!important;box-shadow:var(--p-shadow)!important}
.stat-label{color:#748391!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.6px!important}.stat-value{margin-top:7px!important;color:var(--p-text)!important;font:800 23px/1.1 Manrope,sans-serif!important}
.stats .stat:nth-child(2) .stat-value{color:var(--p-green)!important}.stats .stat:nth-child(3) .stat-value{color:var(--p-red)!important}.stats .stat:nth-child(4) .stat-value{color:var(--p-brand)!important}
/* filters */
.filters,.filters-card{padding:17px!important;margin-bottom:14px!important}.filters-bar,.filters-expenses,.filters-bills{display:grid!important;gap:12px!important}.filters-bar{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto!important}.filters-expenses{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important}.filters-bills{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important}
.filter-field,.form-group{display:flex!important;flex-direction:column!important;gap:6px!important}.filter-field label,.form-group label,.filters label{color:#526572!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.45px!important}
input,select,textarea,.filter-field input,.filter-field select,.form-group input,.form-group select,.form-group textarea{min-height:40px!important;background:#fff!important;color:var(--p-text)!important;border:1px solid #d5e1e4!important;border-radius:10px!important;padding:9px 11px!important;outline:none!important;font:500 12px "DM Sans",sans-serif!important}
input:focus,select:focus,textarea:focus{border-color:#58bcb4!important;box-shadow:0 0 0 3px rgba(19,168,157,.10)!important}
.filter-actions{display:flex!important;align-items:flex-end!important;gap:8px!important}.reset-button,.cancel,.btn-cancel,.button-light{min-height:40px!important;background:#f7fafb!important;color:#526572!important;border:1px solid #d5e1e4!important;border-radius:10px!important;font-weight:800!important}
/* tables */
.table-wrapper{background:#fff!important;border:1px solid var(--p-border)!important;border-radius:15px!important;overflow:auto!important;box-shadow:var(--p-shadow)!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;color:var(--p-text)!important}th{background:#f5f8f9!important;color:#70818e!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.55px!important;padding:13px 14px!important;border-bottom:1px solid var(--p-border)!important;white-space:nowrap!important}td{padding:13px 14px!important;color:#344955!important;font-size:11.5px!important;border-bottom:1px solid #edf2f3!important;background:#fff!important}tbody tr:hover td{background:#f8fcfb!important}tbody tr:last-child td{border-bottom:0!important}
.amount,.income-amount{font-weight:800!important;color:var(--p-green)!important}.expense-amount{font-weight:800!important;color:var(--p-red)!important}
/* pills/actions */
.status,.status-cell,.type-pill,.category,.cycle,.recurring,.badge,.deadline-badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:5px 9px!important;font-size:9.5px!important;font-weight:800!important;background:#f1f6f7!important;color:#536673!important;border:1px solid #dce7e9!important}
.status-active,.badge-active,.status-paid{background:#eaf8f1!important;color:#087a4c!important;border-color:#c8ead9!important}.status-paused,.badge-paused{background:#fff7e8!important;color:#95620d!important;border-color:#f0dfb7!important}.status-cancelled,.badge-urgent{background:#fff0f2!important;color:#bd394d!important;border-color:#f2ccd2!important}
.actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.action-btn,.btn-edit,.btn-delete,.edit,.delete,.pay{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;min-height:32px!important;padding:6px 9px!important;border-radius:9px!important;border:1px solid #dce6e8!important;background:#fff!important;font-weight:800!important;text-decoration:none!important}.btn-edit,.edit{color:#147d9a!important}.btn-delete,.delete{color:#c94557!important}.pay{color:#16895a!important}
/* income */
.income-dashboard{display:grid!important;gap:14px!important}.income-categories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.income-category{background:#fff!important;border:1px solid var(--p-border)!important;border-radius:15px!important;padding:17px!important;box-shadow:var(--p-shadow)!important}.cat-top{display:flex!important;justify-content:space-between!important;gap:10px!important}.income-name{font-weight:800!important;color:var(--p-text)!important}.cat-total{font:800 17px Manrope,sans-serif!important;color:var(--p-green)!important}.cat-bottom{margin-top:12px!important;padding-top:10px!important;border-top:1px solid #edf2f3!important;color:#84939e!important;font-size:10px!important;display:flex!important;justify-content:space-between!important}.income-list-card{background:#fff!important;border:1px solid var(--p-border)!important;border-radius:15px!important;box-shadow:var(--p-shadow)!important;overflow:hidden!important}.list-top{padding:16px 18px!important}.list-meta{color:var(--p-muted)!important}
/* expenses */
.monthly-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.month-card{padding:14px!important;border:1px solid var(--p-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--p-shadow)!important;cursor:pointer!important}.month-card.selected{border-color:#63bdb6!important;background:linear-gradient(135deg,#f0faf8,#fff)!important;box-shadow:0 0 0 2px rgba(19,168,157,.10),var(--p-shadow)!important}.month-name{font-weight:800!important;color:var(--p-text)!important}.month-total{margin-top:5px!important;font:800 17px Manrope,sans-serif!important;color:var(--p-red)!important}.category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.category-card{padding:15px!important;border:1px solid var(--p-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--p-shadow)!important}.cat-name{font-weight:800!important;color:var(--p-text)!important}.cat-total{color:var(--p-red)!important}.cat-date,.cat-last{color:#82919c!important;font-size:9.5px!important}
/* payments/bills/subscriptions */
.payment-type-tabs{display:flex!important;gap:7px!important;margin-bottom:13px!important}.payment-type-tab{padding:9px 13px!important;border-radius:10px!important;border:1px solid #dce6e8!important;background:#fff!important;color:#526572!important;font-weight:800!important}.payment-type-tab.active{background:var(--p-brand-soft)!important;color:var(--p-brand)!important;border-color:#bfe1dc!important}.deadline-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.deadline-item{padding:13px!important;border:1px solid var(--p-border)!important;border-radius:13px!important;background:#fff!important}.deadline-name{font-weight:800!important;color:var(--p-text)!important}.deadline-date,.deadline-days{color:#7b8b97!important;font-size:10px!important}.deadline-right{font-weight:800!important}.warning{background:#fff8e9!important;border-color:#f1dfb6!important}.urgent{background:#fff1f3!important;border-color:#f0cbd1!important}
/* debts: neutralize legacy dark inline theme */
.debts,.debt-page,.overall,.card{color:var(--p-text)!important}.overall{padding:20px!important}.overall-title{color:var(--p-text)!important}.overall-percent{color:var(--p-brand)!important}.progress{height:9px!important;background:#e7eff0!important;border-radius:99px!important}.progress-bar,.debt-progress-bar{background:linear-gradient(90deg,var(--p-brand),var(--p-brand2))!important;box-shadow:none!important}.debt-progress{background:#e8eff1!important}.toast{background:#fff!important;color:var(--p-text)!important;border:1px solid var(--p-border)!important;box-shadow:var(--p-shadow)!important}
/* reports */
.pro-head{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.pro-title{color:var(--p-text)!important}.pro-kicker{color:var(--p-brand)!important}.pro-card{background:#fff!important;border:1px solid var(--p-border)!important;border-radius:16px!important;box-shadow:var(--p-shadow)!important}.pro-table th{background:transparent!important}.chart-box{min-height:260px!important}.kpi{background:#fff!important;border-color:var(--p-border)!important}.kpi-value{color:var(--p-text)!important}.health-ring{background:conic-gradient(var(--p-brand) var(--health),#e6eeee 0)!important}.category-row .bar i{background:linear-gradient(90deg,var(--p-brand),var(--p-brand2))!important}
/* modals */
.modal,.modal-backdrop,.confirm-backdrop{background:rgba(14,35,44,.42)!important;backdrop-filter:blur(5px)!important}.modal-box,.modal-card,.confirm-card{background:#fff!important;color:var(--p-text)!important;border:1px solid var(--p-border)!important;border-radius:18px!important;box-shadow:0 25px 80px rgba(20,45,55,.22)!important}.modal-header,.modal-actions{border-color:var(--p-border)!important}.modal-header h2,.modal-title,.confirm-title{color:var(--p-text)!important}.modal-subtitle,.modal-error{color:var(--p-muted)!important}
/* mobile */
@media(max-width:1100px){.income-categories,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.monthly-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.deadline-list{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:800px){.main{margin-left:0!important;padding:14px 12px 90px!important}.stats{grid-template-columns:1fr!important}.filters-bar,.filters-expenses,.filters-bills{grid-template-columns:1fr!important}.filter-actions{align-items:stretch!important}.filter-actions>*{flex:1}.income-categories,.category-grid,.monthly-grid,.deadline-list{grid-template-columns:1fr 1fr!important}.table-wrapper{border-radius:13px!important}.main .header{padding:17px!important}.main .header h1{font-size:21px!important}}
@media(max-width:520px){.income-categories,.category-grid,.monthly-grid,.deadline-list{grid-template-columns:1fr!important}.main{padding-left:10px!important;padding-right:10px!important}.stat-value{font-size:21px!important}}