.ue-page { background: #eef1f7; color: #1a2136; }
.ue-shell { max-width: 1200px; margin: 0 auto; padding: 12px 14px 24px; display: flex; flex-direction: column; gap: 12px; }
.ue-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid #e4e8f0; }
.ue-toolbar h2 { margin: 0; font-size: 16px; }
.ue-meta, .ue-status { margin: 4px 0 0; font-size: 12px; color: #6b7589; }
.ue-status.err { color: #8f2438; }
.ue-status.ok { color: #0b6b52; }
.ue-toolbar-right { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px; }
.ue-field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: #6b7589; }
.ue-field input, .ue-field select { padding: 6px 8px; border: 1px solid #e4e8f0; min-width: 110px; }
.ue-check { font-size: 12px; display: flex; align-items: center; gap: 6px; padding-bottom: 6px; }
.ue-btn { padding: 7px 12px; border: 1px solid #334785; background: #334785; color: #fff; cursor: pointer; }
.ue-btn-ghost { background: #fff; color: #334785; }
.ue-scroll { overflow: auto; background: #fff; border: 1px solid #e4e8f0; max-height: calc(100vh - 220px); }
.ue-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ue-table th, .ue-table td { padding: 6px 8px; border-bottom: 1px solid #eef1f7; text-align: left; }
.ue-table .col-check { width: 36px; }
.ue-table .empty { text-align: center; color: #6b7589; padding: 24px; }
.ue-table tr.sel { background: #eef3ff; }