.accounting-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.accounting-owner-guide { display: flex; align-items: center; gap: 14px; padding: 16px 20px; margin-bottom: 16px; }
.accounting-owner-guide > div:nth-child(2) { flex: 1; }
.accounting-owner-guide strong { font-size: 15px; }
.accounting-owner-guide p { margin: 4px 0 0; color: var(--muted, #8290aa); font-size: 12px; }
.accounting-guide-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #685bd8; background: #f0edff; }
.accounting-dataset { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.accounting-dataset label { display: inline-flex; align-items: center; gap: 8px; color: var(--muted, #8290aa); font-size: 12px; }
.accounting-dataset select { min-width: 160px; }
.accounting-metrics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.accounting-metric { padding: 22px 18px; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.accounting-metric > span { font-size: 13px; color: var(--muted, #8290aa); }
.accounting-metric strong { font-size: 32px; line-height: 1.1; letter-spacing: -1px; }
.accounting-metric small { font-size: 11px; line-height: 1.6; color: var(--muted, #8290aa); }
.accounting-metric.green strong { color: #269383; }
.accounting-metric.purple strong { color: #685bd8; }
.accounting-metric.amber strong { color: #ba873c; }
.accounting-notices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 24px; }
.accounting-notice { display: flex; flex-direction: column; gap: 7px; border-left: 3px solid #d5d0ef; padding: 4px 14px; }
.accounting-notice strong { font-size: 13px; }
.accounting-notice span { font-size: 12px; line-height: 1.6; color: #8590a7; }
.accounting-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 18px 24px; border-bottom: 1px solid #eef0f7; }
.accounting-filters select { width: auto; max-width: 360px; }
.accounting-chips { display: flex; flex-wrap: wrap; gap: 7px; flex: 1; }
.accounting-chips .btn span { opacity: .75; font-size: 11px; }
.accounting-filters .search-box { max-width: 330px; min-width: 230px; }
.accounting-search-form { padding: 14px 20px; align-items: center; }
.accounting-search-form > select { min-width: 140px; }
.accounting-more-filters { width: 100%; border-top: 1px solid #eef0f7; padding-top: 10px; margin-top: 2px; }
.accounting-more-filters summary { cursor: pointer; color: #6b6f9b; font-size: 12px; }
.accounting-more-filters > div { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; padding-top: 10px; }
.accounting-more-filters label { display: flex; flex-direction: column; gap: 5px; color: var(--muted, #8290aa); font-size: 11px; }
.accounting-filter-hint { padding: 10px 20px; color: #858eaa; font-size: 12px; background: #faf9ff; border-bottom: 1px solid #eef0f7; }
.accounting-browser { overflow: hidden; }
.accounting-breadcrumb { display: flex; align-items: center; gap: 3px; padding: 14px 20px 0; color: #9a9bb6; }
.accounting-breadcrumb .btn { color: #7774ae; padding: 3px 6px; }
.accounting-count { border: 0; padding: 0; background: transparent; color: #5f58a8; text-decoration: underline; text-decoration-color: #d7d2f4; cursor: pointer; font: inherit; }
.accounting-count.attention { color: #ba873c; }
.accounting-group-table td { vertical-align: middle; }
.accounting-group-table td:first-child { min-width: 190px; }
.accounting-group-table td small, .accounting-task-table td small { display: block; margin-top: 3px; color: var(--muted, #8290aa); font-size: 11px; line-height: 1.35; }
.accounting-pagination { gap: 14px; }
.accounting-pagination > span { display: inline-flex; align-items: center; gap: 14px; }
.accounting-page-size { display: inline-flex; align-items: center; gap: 5px; color: #8993a9; font-size: 12px; }
.accounting-page-size select { width: 60px; padding: 5px 7px; }
#accountingPageForm { align-items: center; }
#accountingPageForm input { width: 52px; padding: 7px 8px; }
.drawer-section h3 { margin: 16px 0 5px; font-size: 14px; }
.drawer-section h3:first-child { margin-top: 0; }
.drawer-section p { color: #77819b; font-size: 13px; line-height: 1.75; }
.detail-row { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #eef0f7; font-size: 13px; }
.detail-row span { color: #8993a9; }
.detail-row strong { text-align: right; color: #4e527c; }
.accounting-task-table td:first-child { min-width: 220px; }
.accounting-task-table td { vertical-align: middle; }
.accounting-footnote { color: #8993a9; font-size: 12px; line-height: 1.7; padding: 0 6px; }
#pageContent:has(.accounting-metrics) > section.panel { margin-bottom: 22px; }
@media (max-width: 1300px) { .accounting-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .accounting-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .accounting-notices { grid-template-columns: 1fr; } .accounting-toolbar { align-items: flex-start; flex-direction: column; } .accounting-filters { padding: 16px; } .accounting-filters select, .accounting-filters .search-box { max-width: 100%; width: 100%; } .accounting-owner-guide { align-items: flex-start; flex-wrap: wrap; } .accounting-more-filters > div { grid-template-columns: 1fr 1fr; } .accounting-pagination { align-items: flex-start; flex-direction: column; } }