.be-list{--list-ink: var(--color-text, #0f172a);--list-mute: var(--color-text-secondary, #64748b);--list-surface: var(--color-bg-container, #fff);--list-line: var(--color-border, #e2e8f0);--list-primary: var(--color-primary, #16a34a);--list-primary-dark: var(--color-primary-dark, #166534);--list-accent: var(--color-accent, #ea580c);--list-radius: 18px;--list-font: Inter, "Segoe UI", system-ui, sans-serif;--list-display: Georgia, "Times New Roman", serif;position:relative;padding:clamp(12px,2.2vw,28px);font-family:var(--list-font);color:var(--list-ink);isolation:isolate}.be-list:before{content:"";position:absolute;inset:0 0 auto;height:min(36vh,280px);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 6% -10%,rgba(22,163,74,.18),transparent 55%),radial-gradient(ellipse 50% 55% at 96% 0%,rgba(234,88,12,.12),transparent 50%),linear-gradient(180deg,rgba(22,163,74,.06) 0%,transparent 100%)}.be-list__hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding:clamp(18px,2.5vw,26px);border-radius:calc(var(--list-radius) + 2px);color:#f8fafc;background:linear-gradient(135deg,var(--list-primary-dark) 0%,var(--list-primary) 58%,#15803d 100%);box-shadow:0 16px 36px #1665343d}.be-list__hero-copy{min-width:min(100%,280px);flex:1 1 280px}.be-list__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#ffffff24}.be-list__title{margin:0;font-family:var(--list-display);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.be-list__subtitle{margin:8px 0 0;max-width:48ch;font-size:14px;line-height:1.45;color:#f8fafce0}.be-list__hero-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.be-list__hero-actions .ant-btn{border-radius:10px}.be-list__hero-actions .ant-btn-default{background:#ffffff1f;border-color:#ffffff47;color:#fff}.be-list__hero-actions .ant-btn-default:hover{background:#fff3!important;border-color:#ffffff73!important;color:#fff!important}.be-list__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}@media(max-width:1100px){.be-list__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.be-list__metrics{grid-template-columns:1fr}}.be-list__metric{position:relative;overflow:hidden;padding:14px 16px;border-radius:var(--list-radius);background:var(--list-surface);border:1px solid var(--list-line);box-shadow:0 8px 20px #0f172a0a}.be-list__metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric-accent, var(--list-primary))}.be-list__metric-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--list-mute)}.be-list__metric-value{margin:0;font-family:var(--list-display);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;line-height:1.15;color:var(--metric-accent, var(--list-ink))}.be-list__metric-icon{float:right;font-size:18px;color:var(--metric-accent, var(--list-primary));opacity:.85}.be-list__panel{margin-bottom:16px;border-radius:var(--list-radius)!important;border:1px solid var(--list-line)!important;background:var(--list-surface)!important;box-shadow:0 8px 22px #0f172a0a;overflow:hidden}.be-list__panel .ant-card-head{border-bottom:1px solid var(--list-line);font-family:var(--list-display);font-weight:700;min-height:52px}.be-list__panel .ant-card-body{font-family:var(--list-font)}.be-list__panel:last-child{margin-bottom:0}.be-list__table{width:100%}@media(max-width:768px){.be-list__panel .ant-card-body{padding:12px}.be-list__panel .ant-card-head-title{white-space:normal}.be-list__table .ant-table-pagination{flex-wrap:wrap;row-gap:8px}.be-list__bulk.ant-space-vertical{display:flex}.be-list__bulk.ant-space-vertical>.ant-space-item{width:100%}.be-approval-range-popup .ant-picker-panels{flex-direction:column}.be-approval-range-popup .ant-picker-panel-container{max-width:calc(100vw - 24px);overflow:auto}}