.indicators-view { min-height: calc(100vh - 180px); background: #f3f5f7; color: #000; }
.indicators-heading { background: #fff !important; border-bottom: 1px solid #e5e9ee; }
.indicators-heading-inner { min-height: 112px; display: flex; align-items: center; gap: 16px; padding: 18px 4px; }
.indicators-heading-icon { width: 54px; height: 54px; flex: 0 0 54px; display: grid; place-items: center; border-radius: 14px; background: #eaf3fc; color: #000; font-size: 22px; }
.indicators-eyebrow { color: #000; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; }
.indicators-heading h2 { margin: 4px 0 0; color: #000; font-size: 27px; font-weight: 700; }
.indicators-main { padding: 24px 28px 46px; }
.indicators-card { overflow: hidden; border: 1px solid #e0e7ee; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(20, 51, 76, .04); }
.indicators-filter-card { margin-bottom: 19px; }
.indicators-card-heading { min-height: 65px; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e9edf1; }
.indicators-card-heading h3 { margin: 0; color: #000; font-size: 17px; font-weight: 700; }
.indicators-card-heading p { margin: 5px 0 0; color: #708294; font-size: 11px; }
.indicators-selection { padding: 6px 11px; border-radius: 20px; background: #edf5fc; color: #31516d; font-size: 11px; font-weight: 700; white-space: nowrap; }
.indicators-filters { padding: 20px 22px; display: flex; align-items: end; flex-wrap: wrap; gap: 15px; }
.indicators-field { width: min(240px, 100%); }
.indicators-field label { display: block; margin-bottom: 7px; color: #000; font-size: 12px; font-weight: 700; }
.indicators-field .form-control { height: 40px; border: 1px solid #d6e2ec; border-radius: 7px; background: #eaf3fc; color: #000; font-size: 12px; box-shadow: none; }
.indicators-field .form-control:focus { border-color: #0d62ad; box-shadow: 0 0 0 3px rgba(13, 98, 173, .1); }
.indicators-button { min-height: 40px; padding: 0 17px; border: 1px solid #0d62ad; border-radius: 7px; background: #0d62ad; color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.indicators-button:hover, .indicators-button:focus { background: #09538f; border-color: #09538f; }
.indicators-button .fa { margin-right: 6px; }
.indicators-table-container { min-height: 180px; padding: 20px 22px 23px; }
.indicators-table-container .table-responsive { width: 100%; overflow-x: auto; border: 1px solid #e4eaf0; border-radius: 8px; }
.indicators-table { width: 100%; min-width: 840px; margin: 0 !important; border: 0; table-layout: fixed; color: #000; font-size: 12px; }
.indicators-table thead th { padding: 11px 8px; border-color: #e2e8ef !important; background: #f3f7fa; color: #000; font-size: 11px; text-align: center; white-space: nowrap; }
.indicators-table tbody td { height: 37px; padding: 8px; border-color: #e5ebf0 !important; color: #000; text-align: right; font-size: 12px; font-variant-numeric: tabular-nums; }
.indicators-table tbody td:first-child { background: #f8fafc; text-align: center; font-weight: 700; }
.indicators-table tbody tr:hover td { background: #edf6fd; }
.indicators-table tbody td.is-empty { color: #9daab5; }
.indicators-loading, .indicators-error { min-height: 140px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #667c90; font-size: 12px; }
.indicators-error { color: #a83340; }
.indicators-source { margin: 16px 3px 0; color: #65798c; font-size: 11px; }
.indicators-source a { color: #0d62ad; font-weight: 700; text-decoration: none; }
.indicators-source a:hover { text-decoration: underline; }
@media (max-width: 760px) { .indicators-main { padding: 16px 12px 38px; } .indicators-heading-inner { min-height: 87px; } .indicators-heading h2 { font-size: 23px; } .indicators-filters { padding: 17px; } .indicators-field { width: 100%; } .indicators-button { width: 100%; } .indicators-card-heading, .indicators-table-container { padding-left: 16px; padding-right: 16px; } }