.accounting-period{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
.accounting-period .field{min-width:150px;margin:0}
.accounting-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line)}
.accounting-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;padding:10px 12px;font-weight:700;cursor:pointer;border-radius:8px 8px 0 0}
.accounting-tab:hover{background:#f5f7fb;color:#1d4ed8}
.accounting-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:#eef3ff}
.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.book-kpi{padding:16px}.book-kpi span{display:block;color:var(--muted);font-size:12px;font-weight:700}.book-kpi strong{display:block;margin-top:7px;font-size:22px}.book-kpi small{display:block;margin-top:4px;color:var(--muted)}
.margin-entry-in{color:#b45309;font-weight:800}.margin-entry-out{color:#15803d;font-weight:800}
.margin-calculation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.margin-rate-card{padding:17px;border-left:4px solid #2563eb}.margin-rate-card h3{margin:0 0 12px}.margin-calc-row{display:flex;justify-content:space-between;gap:18px;padding:5px 0}.margin-calc-row.total{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:17px}
.book-warning{padding:12px 14px;border:1px solid #f5cf7a;background:#fff9e9;color:#7c4a03;border-radius:10px;line-height:1.5}
.book-success{padding:12px 14px;border:1px solid #9fd6af;background:#f0fdf4;color:#166534;border-radius:10px}
.journal-line{display:grid;grid-template-columns:130px 120px 1.5fr 1fr 1fr 120px;gap:10px;align-items:center}
.report-bars{display:grid;gap:10px}.report-bar{display:grid;grid-template-columns:180px 1fr 120px;align-items:center;gap:12px}.report-track{height:10px;border-radius:999px;background:#edf1f6;overflow:hidden}.report-fill{height:100%;background:#2563eb;border-radius:999px}
.supplier-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}
.payment-search236{display:grid;grid-template-columns:minmax(280px,1fr) 220px auto;gap:11px;align-items:end;margin:16px 0 10px;padding:13px;border:1px solid #dce4ef;border-radius:12px;background:#f8fafc}.payment-search236 .field{margin:0}.payment-search236 .btn{height:42px}.payment-search-summary236{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:13px;color:#657188;font-size:12px}.payment-search-summary236 span:first-child{margin-right:auto}.payment-search-summary236 strong{color:#17243b}
@media(max-width:1100px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.margin-calculation{grid-template-columns:1fr}.journal-line{grid-template-columns:1fr 1fr 2fr 1fr}}
@media(max-width:700px){.book-grid{grid-template-columns:1fr}.accounting-tab{flex:1 1 140px}.journal-line{grid-template-columns:1fr}.report-bar{grid-template-columns:1fr}.supplier-card{align-items:flex-start;flex-direction:column}.payment-search236{grid-template-columns:1fr}.payment-search236 .btn{width:100%}.payment-search-summary236{align-items:flex-start;flex-direction:column;gap:5px}.payment-search-summary236 span:first-child{margin-right:0}}