body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.PageContainer{box-sizing:border-box;max-width:100%;margin:0 auto;padding:24px}.PageHeader{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.PageTitle{color:var(--app-text);font-size:1.5rem;font-weight:600}.FilterBar{background-color:var(--app-filterbar-bg);border:1px solid var(--app-border);border-radius:12px;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;display:flex}.FilterItem{flex:100%;min-width:100px;max-width:200px}.DataTable{border-collapse:collapse;width:100%;box-shadow:var(--app-shadow);margin:20px 0}.DataTable thead{background-color:var(--app-table-head-bg)}.DataTable th,.DataTable td{text-align:left;border-bottom:1px solid var(--app-border);color:var(--app-text)}.DataTable tr:hover,.DataTable tbody tr:nth-of-type(odd){background-color:var(--app-row-hover-bg)}.Pagination{justify-content:center;margin-top:24px;display:flex}@media (width<=768px){.FilterBar{flex-direction:column}.FilterItem{width:100%}}