*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#1f2937}
.topbar{height:70px;background:#1f2937;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.brand{font-weight:700;font-size:20px}.userbox{display:flex;align-items:center;gap:10px;font-size:14px}.user-role{opacity:.7;font-size:12px}
.logout-btn{border:1px solid #4b5563;background:transparent;color:#fff;border-radius:6px;padding:6px 9px;cursor:pointer}
.shell{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:250px;background:#fff;border-right:1px solid #e5e7eb;padding:24px 14px}
.sidebar a{display:block;padding:11px 13px;margin-bottom:5px;color:#374151;text-decoration:none;border-radius:7px}.sidebar a:hover{background:#eef2f7}
.content{flex:1;padding:34px;max-width:1500px}h1{margin:0 0 8px;font-size:34px}.muted{color:#6b7280}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:24px}.card,.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px}
.table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:10px}table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-size:13px;text-transform:uppercase;color:#4b5563}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:7px;padding:9px 13px;text-decoration:none;cursor:pointer}
.btn.primary{background:#1f2937;color:#fff;border-color:#1f2937}.btn.full{width:100%;margin-top:18px}.btn.small{padding:6px 10px;font-size:13px}
.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px}.badge.good{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}.badge.neutral{background:#e5e7eb;color:#374151}
.alert{padding:12px 14px;border-radius:8px;margin-bottom:18px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}
.form-card{max-width:1000px}.form-grid{display:grid;gap:18px;margin-bottom:18px}.form-grid.two{grid-template-columns:1fr 1fr}
label{display:block;font-weight:600;font-size:14px;margin:13px 0 7px}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:7px;padding:10px 11px;font:inherit;background:#fff}
.checks{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:20px 0}.checks label{font-weight:400}.checks input{width:auto}
.actions{display:flex;gap:10px;margin-top:22px}
.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef1f5;padding:20px}
.auth-card{width:100%;max-width:430px;background:#fff;border:1px solid #dfe3e8;border-radius:12px;padding:30px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.auth-card h1{font-size:28px;margin-top:18px}.auth-brand{font-weight:700;font-size:20px;color:#1f2937}
@media(max-width:850px){.sidebar{width:190px}.content{padding:20px}.form-grid.two,.checks{grid-template-columns:1fr}.page-head{flex-direction:column}.user-role{display:none}}

.money{text-align:right;font-variant-numeric:tabular-nums}
.status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}
.status.draft{background:#e5e7eb;color:#374151}.status.submitted{background:#dbeafe;color:#1d4ed8}
.status.approved{background:#fef3c7;color:#92400e}.status.posted{background:#dcfce7;color:#166534}
.status.reversed,.status.cancelled{background:#fee2e2;color:#991b1b}
.form-card.wide{max-width:none}.form-grid.three{grid-template-columns:repeat(3,1fr)}
.section-title{font-size:19px;margin:28px 0 12px}.journal-grid-wrap{overflow:auto;margin-bottom:12px}
.journal-grid select,.journal-grid input{min-width:130px}.journal-grid td:first-child select{min-width:260px}
.journal-grid .amount{min-width:120px;text-align:right}.journal-grid tfoot th{background:#fafafa}
#difference.balanced{color:#166534}#difference.not-balanced{color:#b91c1c}
.actions.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions.inline form{margin:0}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.summary-grid>div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px}
.summary-grid span:first-child{display:block;color:#6b7280;font-size:12px;margin-bottom:6px}
.workflow-info{margin-top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.workflow-info p{margin:0;font-size:13px}
@media(max-width:1000px){.form-grid.three,.summary-grid,.workflow-info{grid-template-columns:1fr 1fr}}

.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:24px}
.form-grid.four{grid-template-columns:repeat(4,1fr)}
.ledger-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:22px 0 14px}
.ledger-heading h2{margin:0 0 5px}
.ledger-balance-card{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:12px 16px;min-width:190px}
.ledger-balance-card span{display:block;color:#6b7280;font-size:12px;margin-bottom:5px}
.ledger-balance-card strong{font-size:19px}
.opening-row td{background:#fafafa}
.empty-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px;color:#6b7280}
@media(max-width:1100px){.form-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.form-grid.four{grid-template-columns:1fr}.ledger-heading{flex-direction:column}}

.trial-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.trial-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:14px}
.trial-summary span{display:block;color:#6b7280;font-size:12px;margin-bottom:6px}
.tb-ok{color:#166534}.tb-error{color:#b91c1c}
@media(max-width:800px){.trial-summary{grid-template-columns:1fr}}

.report-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px;margin:24px 0}
.report-title{text-align:center;margin-bottom:28px}.report-title h2{margin:0 0 6px;font-size:23px}.report-title p{margin:0;font-weight:700}
.financial-table{max-width:900px;margin:0 auto}.financial-heading{font-weight:800;font-size:16px;margin:18px 0 8px;border-bottom:1px solid #d1d5db;padding-bottom:7px}
.expense-heading{margin-top:28px}.financial-row{display:grid;grid-template-columns:1fr 180px;gap:20px;padding:7px 4px}
.financial-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}.financial-row.total{font-weight:800;border-top:1px solid #9ca3af;margin-top:7px;padding-top:10px}
.financial-row.grand-total{font-weight:800;font-size:17px;border-top:1px solid #374151;border-bottom:3px double #374151;margin-top:16px;padding:11px 4px}
.financial-row.validation{margin-top:20px;border-radius:7px;padding:10px}.financial-row.validation.ok{background:#dcfce7;color:#166534}.financial-row.validation.warn{background:#fee2e2;color:#991b1b}
.report-note{background:#fff8db;border:1px solid #f1df9a;border-radius:9px;padding:15px;margin:24px 0}
@media(max-width:700px){.financial-row{grid-template-columns:1fr 120px}.report-section{padding:18px}}

.audit-report{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:34px;margin:26px 0}
.audit-title{text-align:center;margin-bottom:30px}
.audit-title h2{margin:0 0 8px;font-size:24px;letter-spacing:.2px}
.audit-title p{margin:0;font-weight:700}
.audit-table{max-width:920px;margin:0 auto}
.audit-section-title{font-weight:800;font-size:17px;margin:8px 0 10px}
.audit-section-title.spaced{margin-top:30px}
.audit-line{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;padding:7px 6px;align-items:baseline}
.audit-line>span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.audit-total{font-weight:800;border-top:1px solid #9ca3af;margin-top:7px;padding-top:10px}
.audit-grand-total{font-weight:800;font-size:17px;border-top:1px solid #374151;border-bottom:3px double #374151;margin-top:16px;padding-top:11px;padding-bottom:11px}
.audit-validation{margin-top:28px;border-radius:9px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.audit-validation.ok{background:#dcfce7;color:#166534}
.audit-validation.warn{background:#fee2e2;color:#991b1b}
.audit-validation div{display:flex;flex-direction:column;gap:5px}
.audit-validation span{font-size:12px}
.audit-validation strong{font-size:17px;font-variant-numeric:tabular-nums}
@media(max-width:700px){
  .audit-report{padding:20px}
  .audit-line{grid-template-columns:minmax(0,1fr) 125px;gap:12px}
  .audit-validation{grid-template-columns:1fr}
}

.mapping-help{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:8px;padding:13px 15px;margin-bottom:18px}
.audit-columns{display:grid;grid-template-columns:minmax(280px,1fr) 75px 150px 150px;gap:12px;align-items:end;padding:5px 4px}
.audit-columns>div:nth-child(3),.audit-columns>div:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
.note-head,.year-head{font-weight:800;text-align:center!important}
.audit-data{min-height:30px}
.audit-total-row{font-weight:800;border-top:1px solid #9ca3af;margin-top:5px;padding-top:9px}
.audit-grand-row{font-weight:800;border-top:1px solid #374151;border-bottom:3px double #374151;margin-top:13px;padding-top:10px;padding-bottom:10px}
@media(max-width:800px){
 .audit-columns{grid-template-columns:minmax(180px,1fr) 45px 100px 100px;gap:7px;font-size:13px}
}

.note-link{font-weight:700;text-decoration:none;color:#1d4ed8}
.note-link:hover{text-decoration:underline}

.audit-columns.cash-columns{grid-template-columns:minmax(300px,1fr) 160px 160px}
.audit-columns.cash-columns>div:nth-child(2),
.audit-columns.cash-columns>div:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:800px){
 .audit-columns.cash-columns{grid-template-columns:minmax(180px,1fr) 100px 100px}
}

textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;padding:10px;font:inherit}