diff --git a/MythicReactUI/src/components/App.js b/MythicReactUI/src/components/App.js
index 22808f41..94740dcb 100644
--- a/MythicReactUI/src/components/App.js
+++ b/MythicReactUI/src/components/App.js
@@ -4,7 +4,7 @@ import { Typography } from '@mui/material';
 import { useReactiveVar } from '@apollo/client';
 import { useDarkMode } from './utilities/useDarkMode';
 import { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';
-import { GlobalStyles } from '../themes/GlobalStyles';
+import { GlobalStyles, ThemeVariables } from '../themes/GlobalStyles';
 import CssBaseline from '@mui/material/CssBaseline';
 import {FailedRefresh, mePreferences, meState, operatorSettingDefaults} from '../cache';
 import { Tooltip } from 'react-tooltip';
@@ -939,7 +939,8 @@ export function App(props) {
         return (
             <StyledEngineProvider injectFirst>
                 <ThemeProvider theme={theme}>
-                    <GlobalStyles theme={theme} />
+                    <ThemeVariables theme={theme} />
+                    <GlobalStyles />
                     <CssBaseline />
                     <div style={{width: '100%', height: '100%', display: "flex", position: "relative",}}>
                         <MythicLoadingState compact title="Loading Preferences" description="Fetching user preferences." sx={{color: "inherit"}} />
@@ -958,7 +959,8 @@ export function App(props) {
     return (
         <StyledEngineProvider injectFirst>
             <ThemeProvider theme={theme}>
-                <GlobalStyles theme={theme} />
+                <ThemeVariables theme={theme} />
+                <GlobalStyles />
                 <CssBaseline />
                 <MeContext.Provider value={me}>
                     <Tooltip id={"my-tooltip"} style={{zIndex: 100000, wordBreak: "break-word", maxWidth: "80%", whiteSpace: "pre-wrap"}}/>
@@ -981,7 +983,7 @@ export function App(props) {
                             />
                         }
                         {me.loggedIn && me.user !== undefined && me.user !== null &&
-                            <TopAppBarVertical me={me} toggleTheme={themeToggler} />
+                            <TopAppBarVertical me={me} toggleTheme={themeToggler} themeMode={themeMode} />
                         }
                         <div style={{
                             maxHeight: '100%',
diff --git a/MythicReactUI/src/components/TopAppBarVertical.js b/MythicReactUI/src/components/TopAppBarVertical.js
index 7518ae96..def0ccb7 100644
--- a/MythicReactUI/src/components/TopAppBarVertical.js
+++ b/MythicReactUI/src/components/TopAppBarVertical.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import CameraAltTwoToneIcon from '@mui/icons-material/CameraAltTwoTone';
-import { useTheme } from '@mui/material/styles';
 import MuiDrawer from '@mui/material/Drawer';
 import IconButton from '@mui/material/IconButton';
 import MenuIcon from '@mui/icons-material/Menu';
@@ -90,36 +89,36 @@ const classes = {
   listSubHeader: `${PREFIX}-listSubHeader`,
 };
 
-const openedMixin = (theme) => ({
+const openedMixin = () => ({
     width: drawerWidth,
     overflowX: 'hidden',
     borderRadius: "0 !important",
     border: "0px !important",
-    background: `${theme.navigation.background} !important`,
-    backgroundColor: `${theme.navigation.backgroundColor} !important`,
+    background: "var(--mythic-nav-background) !important",
+    backgroundColor: "var(--mythic-nav-background-color) !important",
 });
-const closedMixin = (theme) => ({
+const closedMixin = () => ({
     overflowX: 'hidden',
     width: "60px",
     borderRadius: "0 !important",
     border: "0px !important",
-    background: `${theme.navigation.background} !important`,
-    backgroundColor: `${theme.navigation.backgroundColor} !important`,
-    [theme.breakpoints.up('sm')]: {
+    background: "var(--mythic-nav-background) !important",
+    backgroundColor: "var(--mythic-nav-background-color) !important",
+    '@media (min-width: 600px)': {
       width: "60px",
       borderRadius: "0 !important",
       border: "0px !important",
   },
 });
 const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open' })(
-    ({ theme }) => ({
+    () => ({
       width: drawerWidth,
       flexShrink: 0,
       whiteSpace: 'nowrap',
       boxSizing: 'border-box',
-      background: `${theme.navigation.background} !important`,
-      backgroundColor: `${theme.navigation.backgroundColor} !important`,
-      color: theme.navigation.text,
+      background: "var(--mythic-nav-background) !important",
+      backgroundColor: "var(--mythic-nav-background-color) !important",
+      color: "var(--mythic-nav-text)",
       '& .MuiDrawer-paper': {
         border: "0 !important",
         borderRight: "0 !important",
@@ -137,18 +136,18 @@ const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open'
         width: "auto",
       },
       [`& .${classes.listSubHeader}:hover`]: {
-        color: `${theme.navigation.text} !important`,
-        backgroundColor: `${theme.navigation.hover} !important`,
+        color: "var(--mythic-nav-text) !important",
+        backgroundColor: "var(--mythic-nav-hover) !important",
       },
       variants: [
         {
           props: ({ open }) => open,
           style: {
-            ...openedMixin(theme),
+            ...openedMixin(),
             '& .MuiDrawer-paper': {
-                ...openedMixin(theme),
-                background: `${theme.navigation.background} !important`,
-                backgroundColor: `${theme.navigation.backgroundColor} !important`,
+                ...openedMixin(),
+                background: "var(--mythic-nav-background) !important",
+                backgroundColor: "var(--mythic-nav-background-color) !important",
                 border: "0 !important",
                 borderRight: "0 !important",
                 borderRadius: "0 !important",
@@ -164,11 +163,11 @@ const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open'
         {
           props: ({ open }) => !open,
           style: {
-            ...closedMixin(theme),
+            ...closedMixin(),
             '& .MuiDrawer-paper': {
-                ...closedMixin(theme),
-                background: `${theme.navigation.background} !important`,
-                backgroundColor: `${theme.navigation.backgroundColor} !important`,
+                ...closedMixin(),
+                background: "var(--mythic-nav-background) !important",
+                backgroundColor: "var(--mythic-nav-background-color) !important",
                 border: "0 !important",
                 borderRight: "0 !important",
                 borderRadius: "0 !important",
@@ -196,15 +195,15 @@ const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open'
     }),
 );
 export const StyledListItem = styled(ListItem)(
-    ({ theme }) => ({
+    () => ({
       minHeight: "34px",
       paddingTop: "4px",
       paddingLeft: "8px",
       paddingRight: "8px",
       margin: "2px 4px",
       paddingBottom: "4px",
-      borderRadius: theme.shape.borderRadius,
-      color: theme.navigation.text,
+      borderRadius: "var(--mythic-radius)",
+      color: "var(--mythic-nav-text)",
       backgroundColor: "transparent !important",
       boxSizing: "border-box",
       maxWidth: "calc(100% - 8px)",
@@ -214,23 +213,23 @@ export const StyledListItem = styled(ListItem)(
         minWidth: 0,
       },
       "& .MuiListItemText-primary": {
-        fontSize: theme.typography.pxToRem(12.5),
+        fontSize: "0.78125rem",
         fontWeight: 600,
       },
       "&:hover": {
-        backgroundColor: `${theme.navigation.hover} !important`,
+        backgroundColor: "var(--mythic-nav-hover) !important",
       },
     }),
 );
 export const StyledListItemIcon = styled(ListItemIcon)(
-    ({ theme }) => ({
+    () => ({
         paddingTop:0,
         marginTop: 0,
         paddingBottom: 0,
         minWidth: "36px",
         width: "36px",
         justifyContent: "center",
-        color: theme.navigation.icon,
+        color: "var(--mythic-nav-icon)",
         backgroundColor: "transparent !important",
         overflow: "visible",
     }),
@@ -318,12 +317,11 @@ const getUnreadChatCount = (channels, readState) => {
 };
 
 const Dashboard = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new' key={"home"} >
         <StyledListItemIcon >
             <MythicStyledTooltip title={"Operation Dashboard"} tooltipStyle={{display: "inline-flex"}}>
-                <SpaceDashboardTwoToneIcon style={{color: theme.navBarTextIconColor}}  fontSize={"medium"} className="mythicElement" />
+                <SpaceDashboardTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon" />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Operation Dashboard"} />
@@ -331,12 +329,11 @@ const Dashboard = () => {
   )
 }
 const ActiveCallbacks = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/callbacks' key={"callbacks"} >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Active Callbacks"} tooltipStyle={{display: "inline-flex"}}>
-                <PhoneCallbackIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <PhoneCallbackIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
 
         </StyledListItemIcon>
@@ -345,12 +342,11 @@ const ActiveCallbacks = () => {
   )
 }
 const Payloads = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/payloads' key={"payloads"} >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Payloads"} tooltipStyle={{display: "inline-flex"}}>
-                <FontAwesomeIcon style={{color: theme.navBarTextIconColor}} icon={faBiohazard} size="lg"/>
+                <FontAwesomeIcon className="mythic-navigation-icon" icon={faBiohazard} size="lg"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Payloads"} />
@@ -358,13 +354,12 @@ const Payloads = () => {
   )
 }
 const SearchCallbacks = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=callbacks&searchField=Host&search=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Callbacks"} tooltipStyle={{display: "inline-flex"}}>
-                <PhoneCallbackIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
-                <ManageSearchIcon style={{color: theme.navBarTextIconColor, marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
+                <PhoneCallbackIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
+                <ManageSearchIcon className="mythic-navigation-icon" style={{marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Callbacks"} />
@@ -372,12 +367,11 @@ const SearchCallbacks = () => {
   )
 }
 const SearchTasks = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=tasks&searchField=Command+and+Parameters&search=&taskStatus=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Tasks"} tooltipStyle={{display: "inline-flex"}}>
-                <AssignmentIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <AssignmentIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Tasks"} />
@@ -385,13 +379,12 @@ const SearchTasks = () => {
   )
 }
 const SearchPayloads = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=payloads&searchField=Filename&search=&taskStatus=&c2=All+C2&payloadtype=All+Payload+Types'>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Payloads"} tooltipStyle={{display: "inline-flex"}}>
-                <FontAwesomeIcon style={{color: theme.navBarTextIconColor}} size={"lg"} icon={faBiohazard} />
-                <ManageSearchIcon style={{color: theme.navBarTextIconColor, marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
+                <FontAwesomeIcon className="mythic-navigation-icon" size={"lg"} icon={faBiohazard} />
+                <ManageSearchIcon className="mythic-navigation-icon" style={{marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Payloads"} />
@@ -399,12 +392,11 @@ const SearchPayloads = () => {
   )
 }
 const SearchFiles = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?searchField=Filename&tab=files&location=Downloads&host=&search=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Files"} tooltipStyle={{display: "inline-flex"}}>
-                <AttachmentIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <AttachmentIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Files"} />
@@ -412,12 +404,11 @@ const SearchFiles = () => {
   )
 }
 const SearchScreenshots = () => {
-    const theme = useTheme();
     return (
         <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?searchField=Filename&tab=files&location=Screenshots' >
             <StyledListItemIcon>
                 <MythicStyledTooltip title={"Search Screenshots"} tooltipStyle={{display: "inline-flex"}}>
-                    <CameraAltTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                    <CameraAltTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
                 </MythicStyledTooltip>
             </StyledListItemIcon>
             <ListItemText primary={"Search Screenshots"} />
@@ -425,12 +416,11 @@ const SearchScreenshots = () => {
     )
 }
 const SearchCredentials = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?t?searchField=Account&tab=credentials&search='>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Credentials"} tooltipStyle={{display: "inline-flex"}}>
-                <VpnKeyIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement" />
+                <VpnKeyIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon" />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Credentials"} />
@@ -438,12 +428,11 @@ const SearchCredentials = () => {
   )
 }
 const SearchKeylogs = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=keylogs&searchField=Host&search='>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Keylogs"} tooltipStyle={{display: "inline-flex"}}>
-                <KeyboardIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <KeyboardIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Keylogs"} />
@@ -451,12 +440,11 @@ const SearchKeylogs = () => {
   )
 }
 const SearchArtifacts = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=artifacts&searchField=Host&search=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Artifacts"} tooltipStyle={{display: "inline-flex"}}>
-                <FingerprintIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <FingerprintIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Artifacts"} />
@@ -464,12 +452,11 @@ const SearchArtifacts = () => {
   )
 }
 const SearchTokens = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=tokens&searchField=Host&search=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Tokens"} tooltipStyle={{display: "inline-flex"}}>
-                <ConfirmationNumberIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <ConfirmationNumberIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Tokens"} />
@@ -477,12 +464,11 @@ const SearchTokens = () => {
   )
 }
 const SearchProxies = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=proxies'>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Proxies"} tooltipStyle={{display: "inline-flex"}}>
-                <FontAwesomeIcon style={{color: theme.navBarTextIconColor}} size={"lg"} icon={faSocks} />
+                <FontAwesomeIcon className="mythic-navigation-icon" size={"lg"} icon={faSocks} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Proxies"} />
@@ -490,12 +476,11 @@ const SearchProxies = () => {
   )
 }
 const SearchProcesses = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=processes&searchField=Name&search=&host=' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Processes"} tooltipStyle={{display: "inline-flex"}}>
-                <AccountTreeIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <AccountTreeIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Processes"} />
@@ -503,13 +488,12 @@ const SearchProcesses = () => {
   )
 }
 const SearchTags = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/search?tab=tags&searchField=TagType&search=&host='>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Search Tags"} tooltipStyle={{display: "inline-flex"}}>
-                <LocalOfferTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
-                <ManageSearchIcon style={{color: theme.navBarTextIconColor, marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
+                <LocalOfferTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
+                <ManageSearchIcon className="mythic-navigation-icon" style={{marginLeft: "-8px", marginTop: "7px", borderRadius: "5px"}} fontSize={"small"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Search Tags"} />
@@ -517,12 +501,11 @@ const SearchTags = () => {
   )
 }
 const Mitre = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/mitre' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"MITRE ATT&CK"} tooltipStyle={{display: "inline-flex"}}>
-                <TableChartTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <TableChartTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"MITRE ATT&CK"} />
@@ -530,12 +513,11 @@ const Mitre = () => {
   )
 }
 const Reporting = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/reporting' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Reporting"} tooltipStyle={{display: "inline-flex"}}>
-                <SportsScoreIcon style={{color: theme.navBarTextIconColor}} size={"medium"} />
+                <SportsScoreIcon className="mythic-navigation-icon" size={"medium"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Reporting"} />
@@ -543,12 +525,11 @@ const Reporting = () => {
   )
 }
 const Tags = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/tagtypes' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Tags"} tooltipStyle={{display: "inline-flex"}}>
-                <LocalOfferTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <LocalOfferTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Tags"} />
@@ -556,12 +537,11 @@ const Tags = () => {
   )
 }
 const Eventing = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/eventing' >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Eventing"} tooltipStyle={{display: "inline-flex"}}>
-                <PlayCircleFilledTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <PlayCircleFilledTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Eventing"} />
@@ -569,7 +549,6 @@ const Eventing = () => {
   )
 }
 const Chat = ({me}) => {
-    const theme = useTheme();
     const streamStart = React.useRef(getSkewedNow().toISOString());
     const [channels, setChannels] = React.useState([]);
     const [readState, setReadState] = React.useState({});
@@ -634,7 +613,7 @@ const Chat = ({me}) => {
                         invisible={!error && unreadCount === 0}
                         max={99}
                     >
-                        <ForumTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                        <ForumTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
                     </Badge>
                 </MythicStyledTooltip>
             </StyledListItemIcon>
@@ -667,12 +646,11 @@ const GraphQL = () => {
   )
 }
 const CreatePayload = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/createpayload' key={"createpayload"}  state={{from: 'TopAppBar'}}>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Create Payload"} tooltipStyle={{display: "inline-flex"}}>
-                <FontAwesomeIcon style={{color: theme.navBarTextIconColor}} size={"lg"} icon={faBiohazard} />
+                <FontAwesomeIcon className="mythic-navigation-icon" size={"lg"} icon={faBiohazard} />
                 <AddCircleIcon color={"success"} style={{marginLeft: "-8px", marginTop: "7px", backgroundColor: "white", borderRadius: "10px"}} fontSize={"small"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
@@ -681,12 +659,11 @@ const CreatePayload = () => {
   )
 }
 const CreateWrapper = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/createwrapper' key={"createwrapper"} >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Create Wrapper"} tooltipStyle={{display: "inline-flex"}}>
-                <PostAddIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <PostAddIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
                 <AddCircleIcon color={"success"} style={{marginLeft: "-8px", marginTop: "7px", backgroundColor: "white", borderRadius: "10px"}} fontSize={"small"} />
             </MythicStyledTooltip>
         </StyledListItemIcon>
@@ -695,12 +672,11 @@ const CreateWrapper = () => {
   )
 }
 const PayloadTypesAndC2 = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/payloadtypes' key={"payloadtypes"}>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Installed Services"} tooltipStyle={{display: "inline-flex"}}>
-                <HeadsetTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <HeadsetTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Installed Services"} />
@@ -708,12 +684,11 @@ const PayloadTypesAndC2 = () => {
   )
 }
 const Operations = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/operations' key={"modifyoperations"}>
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Modify Operations"} tooltipStyle={{display: "inline-flex"}}>
-                <EditIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <EditIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"Modify Operations"} />
@@ -721,12 +696,11 @@ const Operations = () => {
   )
 }
 const BrowserScripts = () => {
-    const theme = useTheme();
   return (
       <StyledListItem className={classes.listSubHeader} component={Link} to='/new/browserscripts' key={"browserscripts"} >
         <StyledListItemIcon>
             <MythicStyledTooltip title={"Browser Scripts"} tooltipStyle={{display: "inline-flex"}}>
-                <CodeOffIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                <CodeOffIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
             </MythicStyledTooltip>
         </StyledListItemIcon>
         <ListItemText primary={"BrowserScripts"} />
@@ -866,7 +840,6 @@ const TopAppBarVerticalAdjustShortcutsDialog = ({onClose, onSave, sideShortcuts}
 }
 
 export function TopAppBarVertical(props) {
-  const theme = useTheme();
   const me = props.me;
   const navigate = useNavigate();
   const initialNavBarOpen = GetMythicSetting({setting_name: 'navBarOpen', default_value: operatorSettingDefaults.navBarOpen});
@@ -976,8 +949,7 @@ export function TopAppBarVertical(props) {
     <>
       {me?.user?.current_operation_id ? (<EventFeedNotifications me={me} />) : null }
       <Drawer anchor="left" variant="permanent" open={menuOpen} onClose={handleDrawerClose}
-        PaperProps={{sx: {border: "0 !important", borderRight: "0 !important", borderRadius: "0 !important", boxShadow: "none !important"}}}
-        style={{background: theme.navigation.background, backgroundColor: theme.navigation.backgroundColor}}>
+        PaperProps={{sx: {border: "0 !important", borderRight: "0 !important", borderRadius: "0 !important", boxShadow: "none !important"}}}>
         <List style={{paddingTop: 0, marginTop: 0, height: "100%", display: "flex", flexDirection: "column",
             backgroundColor: "transparent !important",
             border: "0 !important", borderRadius: 0}}>
@@ -990,37 +962,37 @@ export function TopAppBarVertical(props) {
               paddingLeft: "8px",
               paddingRight: "8px",
               paddingBottom: "5px",
-              borderRadius: theme.shape.borderRadius,
+              borderRadius: "var(--mythic-radius)",
           }}>
             <StyledListItemIcon>
                 <img src={ReactLogo} onClick={()=>navigate('/new')} width={"35px"} height={"35px"} alt="Mythic" style={{cursor: "pointer"}}/>
             </StyledListItemIcon>
             <ListItemText style={{margin: 0}} primary={
                 <>
-                    <Typography style={{ fontSize: 12, color: theme.navigation.muted, display: "inline-block",
+                    <Typography className="mythic-navigation-muted-text" style={{ fontSize: 12, display: "inline-block",
                         marginLeft: "1rem",
                         lineHeight: 1.35}}>
                         <b>Mythic:</b> v{serverVersion}<br/>
                         <b>UI:</b> v{mythicUIVersion}<br/>
                     </Typography>
-                    <IconButton onClick={props.toggleTheme} size="small" style={{float:"right", display: menuOpen ? "" : "none", color: theme.navigation.icon}} >
-                        {theme.palette.mode === 'light' &&
-                            <DarkModeTwoToneIcon style={{color: theme.navigation.icon}} fontSize={"medium"} className="mythicElement" />
+                    <IconButton onClick={props.toggleTheme} size="small" style={{float:"right", display: menuOpen ? "" : "none"}} >
+                        {props.themeMode === 'light' &&
+                            <DarkModeTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon" />
                         }
-                        {theme.palette.mode === 'dark' &&
-                            <LightModeTwoToneIcon style={{color: theme.palette.warning.main}} fontSize={"medium"} className="mythicElement" />
+                        {props.themeMode === 'dark' &&
+                            <LightModeTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-warning-icon" />
                         }
                     </IconButton>
                 </>
             } />
           </ListItem>
           <StyledListItem className={classes.listSubHeader} onClick={toggleDrawerOpen} style={{height: "32px"}} >
-            <StyledListItemIcon ><MenuIcon style={{color: theme.navBarTextIconColor}} onClick={toggleDrawerOpen} fontSize={"medium"} className="mythicElement" /></StyledListItemIcon>
+            <StyledListItemIcon ><MenuIcon onClick={toggleDrawerOpen} fontSize={"medium"} className="mythicElement mythic-navigation-icon" /></StyledListItemIcon>
             <ListItemText primary={
               <>
                 <MythicStyledTooltip title={"Edit Shortcuts"} tooltipStyle={{float: menuOpen ? 'right' : '', margin: 0, padding: 0}}>
-                    <Button onClick={openEditShortcuts} style={{color: theme.navBarTextColor}}>
-                        <EditIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"}/> Edit
+                    <Button onClick={openEditShortcuts} className="mythic-navigation-action-text">
+                        <EditIcon className="mythic-navigation-icon" fontSize={"medium"}/> Edit
                     </Button>
 
                 </MythicStyledTooltip>
@@ -1039,7 +1011,7 @@ export function TopAppBarVertical(props) {
         <StyledListItem className={classes.listSubHeader} style={{display: me?.user?.current_operation_id === 0 ? "" : "none"}}>
             <ListItemText primary={
                 <>
-                    <Link style={{display: "inline-flex", alignItems: "center", paddingRight: "10px", color: theme.palette.error.main,
+                    <Link style={{display: "inline-flex", alignItems: "center", paddingRight: "10px", color: "var(--mythic-error-main)",
                         fontWeight: "bold",}} to="/new/operations">
                         {"CLICK TO SET OPERATION!"}
                     </Link>
@@ -1047,19 +1019,19 @@ export function TopAppBarVertical(props) {
 
             } />
         </StyledListItem>
-            <Divider style={{borderColor: theme.navigation.muted, margin: "4px 8px"}} />
+            <Divider style={{borderColor: "var(--mythic-nav-muted)", margin: "4px 8px"}} />
             <div style={{flexGrow: 1, overflowY: "auto", overflowX: "hidden"}}>
                 {getShortcuts({shortcuts: sideShortcuts})}
-                <Divider style={{borderColor: theme.navigation.muted, margin: "4px 8px"}} />
+                <Divider style={{borderColor: "var(--mythic-nav-muted)", margin: "4px 8px"}} />
                 <StyledListItem className={classes.listSubHeader} onClick={handleToggleExtra}>
                     <StyledListItemIcon>
-                        <MoreHorizIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} />
+                        <MoreHorizIcon className="mythic-navigation-icon" fontSize={"medium"} />
                     </StyledListItemIcon>
                     <ListItemText>Extra Shortcuts</ListItemText>
                     {openExtra ? <ExpandLess /> : <ExpandMore />}
                 </StyledListItem>
                 {openExtra &&  getExtraShortcuts()}
-                <Divider style={{borderColor: theme.navigation.muted, margin: "4px 8px"}} />
+                <Divider style={{borderColor: "var(--mythic-nav-muted)", margin: "4px 8px"}} />
                 <div className={classes.listSubHeader} style={{ flexGrow: 1}}></div>
             </div>
           <TopBarRightShortcutsVertical me={me} menuOpen={menuOpen} serverName={serverName} />
@@ -1070,7 +1042,6 @@ export function TopAppBarVertical(props) {
 }
 
 function TopBarRightShortcutsVertical({me, menuOpen, serverName}){
-    const theme = useTheme();
   const documentationRef = React.useRef(null);
   const [documentationOpen, setDocumentationOpen] = React.useState(false);
   const settingsRef = React.useRef(null);
@@ -1233,7 +1204,7 @@ function TopBarRightShortcutsVertical({me, menuOpen, serverName}){
           <StyledListItem className={classes.listSubHeader} onClick={() => setOpenFeedbackForm(true)} >
             <StyledListItemIcon>
                 <MythicStyledTooltip title={"Submit feedback via Webhook"} tooltipStyle={{display: "inline-flex"}}>
-                    <ThumbDownTwoTone style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement" />
+                    <ThumbDownTwoTone fontSize={"medium"} className="mythicElement mythic-navigation-icon" />
                 </MythicStyledTooltip>
             </StyledListItemIcon>
             <ListItemText primary={"Send Feedback"} />
@@ -1249,11 +1220,11 @@ function TopBarRightShortcutsVertical({me, menuOpen, serverName}){
           <StyledListItem className={classes.listSubHeader} onClick={handleDocumentationMenu} >
             <StyledListItemIcon>
                 <MythicStyledTooltip title={"Documentation Links"} tooltipStyle={{display: "inline-flex"}}>
-                  <HelpTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement"/>
+                  <HelpTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon"/>
                 </MythicStyledTooltip>
             </StyledListItemIcon>
             <ListItemText primary={"Help"} />
-            <KeyboardArrowDownIcon style={{color: theme.navBarTextIconColor, display: menuOpen ? "" : "none", flex: "0 0 auto", marginLeft: "auto"}} />
+            <KeyboardArrowDownIcon className="mythic-navigation-icon" style={{display: menuOpen ? "" : "none", flex: "0 0 auto", marginLeft: "auto"}} />
           </StyledListItem>
 
           <StyledListItem className={classes.listSubHeader} component={Link} to='/new/EventFeed' >
@@ -1268,11 +1239,11 @@ function TopBarRightShortcutsVertical({me, menuOpen, serverName}){
           <StyledListItem className={classes.listSubHeader} onClick={handleSettingsMenu} >
             <StyledListItemIcon>
                 <MythicStyledTooltip title={"User Settings"} tooltipStyle={{display: "inline-flex"}}>
-                    <ManageAccountsTwoToneIcon style={{color: theme.navBarTextIconColor}} fontSize={"medium"} className="mythicElement" />
+                    <ManageAccountsTwoToneIcon fontSize={"medium"} className="mythicElement mythic-navigation-icon" />
                 </MythicStyledTooltip>
             </StyledListItemIcon>
             <ListItemText primary={"Settings"} />
-            <KeyboardArrowDownIcon style={{color: theme.navBarTextIconColor, display: menuOpen ? "" : "none", flex: "0 0 auto", marginLeft: "auto"}} />
+            <KeyboardArrowDownIcon className="mythic-navigation-icon" style={{display: menuOpen ? "" : "none", flex: "0 0 auto", marginLeft: "auto"}} />
           </StyledListItem>
         </>
     )
diff --git a/MythicReactUI/src/components/pages/Chat/Chat.js b/MythicReactUI/src/components/pages/Chat/Chat.js
index 3d56edaa..c728f1c4 100644
--- a/MythicReactUI/src/components/pages/Chat/Chat.js
+++ b/MythicReactUI/src/components/pages/Chat/Chat.js
@@ -43,9 +43,10 @@ import UnarchiveIcon from '@mui/icons-material/Unarchive';
 import {MythicPageBody} from "../../MythicComponents/MythicPageBody";
 import {MythicPageHeader, MythicPageHeaderChip} from "../../MythicComponents/MythicPageHeader";
 import {MythicStyledTooltip} from "../../MythicComponents/MythicStyledTooltip";
+import {MythicConfirmDialog} from "../../MythicComponents/MythicConfirmDialog";
 import {MeContext} from "../../App";
 import {snackActions} from "../../utilities/Snackbar";
-import {getSkewedNow, toLocalTime} from "../../utilities/Time";
+import {getSkewedNow} from "../../utilities/Time";
 
 const CHAT_MESSAGE_LIMIT = 250;
 const CHAT_REQUEST_LIMIT = 50;
@@ -63,6 +64,7 @@ fragment ChatChannelFields on chat_channel {
     last_message_id
     chat_container_id
     chat_model
+    ai_metadata
     updated_at
     chat_container {
       id
@@ -340,11 +342,123 @@ const allowedLinkSchemes = ["http:", "https:", "mailto:"];
 
 const isGeneralChatChannel = (channel) => channel?.channel_type === "standard" && channel?.slug === "general";
 
-const formatTimestamp = (timestamp, viewUTCTime) => {
-    if(!timestamp){ return ""; }
-    return toLocalTime(timestamp, viewUTCTime);
+const CHAT_SEARCH_SNIPPET_LENGTH = 260;
+const CHAT_SEARCH_SNIPPET_CONTEXT = 90;
+const timestampHasTimeZone = (timestampText) => /(?:[zZ]|[+-]\d{2}:?\d{2})$/.test(timestampText);
+const utcWeekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+const utcMonths = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+const padTimePart = (value) => String(value).padStart(2, "0");
+
+const parseChatTimestamp = (timestamp) => {
+    if(!timestamp){ return null; }
+    if(timestamp instanceof Date){
+        return Number.isNaN(timestamp.getTime()) ? null : timestamp;
+    }
+    if(typeof timestamp === "number"){
+        const parsedNumber = new Date(timestamp);
+        return Number.isNaN(parsedNumber.getTime()) ? null : parsedNumber;
+    }
+    const timestampText = String(timestamp).trim();
+    if(timestampText === ""){ return null; }
+    const normalizedTimestamp = timestampHasTimeZone(timestampText) ? timestampText : `${timestampText}Z`;
+    const parsedTimestamp = new Date(normalizedTimestamp);
+    return Number.isNaN(parsedTimestamp.getTime()) ? null : parsedTimestamp;
 };
 
+const formatUTCTimestamp = (date) => (
+    `${utcWeekdays[date.getUTCDay()]} ${utcMonths[date.getUTCMonth()]} ${padTimePart(date.getUTCDate())} ` +
+    `${date.getUTCFullYear()} ${padTimePart(date.getUTCHours())}:${padTimePart(date.getUTCMinutes())}:${padTimePart(date.getUTCSeconds())} UTC`
+);
+
+const formatTimestamp = (timestamp, viewUTCTime) => {
+    const parsedTimestamp = parseChatTimestamp(timestamp);
+    if(!parsedTimestamp){ return ""; }
+    if(viewUTCTime){
+        return formatUTCTimestamp(parsedTimestamp);
+    }
+    return `${parsedTimestamp.toDateString()} ${parsedTimestamp.toLocaleString(["en-us"], {hour12: true, hour: "2-digit", minute: "2-digit"})}`;
+};
+
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+
+const getSearchTerms = (query) => {
+    const trimmedQuery = (query || "").trim();
+    if(trimmedQuery === ""){
+        return [];
+    }
+    const uniqueTerms = new Set();
+    return [trimmedQuery, ...trimmedQuery.split(/\s+/)]
+        .map((term) => term.replace(/^[^\w]+|[^\w]+$/g, ""))
+        .filter((term) => term.length > 1 || trimmedQuery.length === 1)
+        .filter((term) => {
+            const normalizedTerm = term.toLocaleLowerCase();
+            if(uniqueTerms.has(normalizedTerm)){
+                return false;
+            }
+            uniqueTerms.add(normalizedTerm);
+            return true;
+        })
+        .sort((a, b) => b.length - a.length);
+};
+
+const buildSearchSnippetParts = (message, query) => {
+    const messageText = String(message || "");
+    if(messageText === ""){
+        return [];
+    }
+    const searchTerms = getSearchTerms(query);
+    const lowerMessageText = messageText.toLocaleLowerCase();
+    const firstMatch = searchTerms.reduce((bestMatch, term) => {
+        const index = lowerMessageText.indexOf(term.toLocaleLowerCase());
+        if(index === -1){
+            return bestMatch;
+        }
+        if(!bestMatch || index < bestMatch.index){
+            return {index, term};
+        }
+        return bestMatch;
+    }, null);
+    let snippetStart = 0;
+    let snippetEnd = Math.min(messageText.length, CHAT_SEARCH_SNIPPET_LENGTH);
+    if(firstMatch){
+        snippetStart = Math.max(0, firstMatch.index - CHAT_SEARCH_SNIPPET_CONTEXT);
+        snippetEnd = Math.min(messageText.length, snippetStart + CHAT_SEARCH_SNIPPET_LENGTH);
+        snippetStart = Math.max(0, snippetEnd - CHAT_SEARCH_SNIPPET_LENGTH);
+    }
+    const hasLeadingText = snippetStart > 0;
+    const hasTrailingText = snippetEnd < messageText.length;
+    const snippetText = `${hasLeadingText ? "..." : ""}${messageText.slice(snippetStart, snippetEnd).replace(/\s+/g, " ").trim()}${hasTrailingText ? "..." : ""}`;
+    if(searchTerms.length === 0){
+        return [{text: snippetText, highlight: false}];
+    }
+    const highlightExpression = new RegExp(searchTerms.map(escapeRegExp).join("|"), "gi");
+    const parts = [];
+    let lastIndex = 0;
+    snippetText.replace(highlightExpression, (match, offset) => {
+        if(offset > lastIndex){
+            parts.push({text: snippetText.slice(lastIndex, offset), highlight: false});
+        }
+        parts.push({text: match, highlight: true});
+        lastIndex = offset + match.length;
+        return match;
+    });
+    if(lastIndex < snippetText.length){
+        parts.push({text: snippetText.slice(lastIndex), highlight: false});
+    }
+    return parts;
+};
+
+const renderSearchSnippet = (message, query) => (
+    buildSearchSnippetParts(message, query).map((part, index) => (
+        part.highlight ? (
+            <mark className="mythic-chat-search-highlight" key={`highlight-${index}`}>{part.text}</mark>
+        ) : (
+            <React.Fragment key={`text-${index}`}>{part.text}</React.Fragment>
+        )
+    ))
+);
+
 const timestampValue = (timestamp) => {
     if(!timestamp){ return 0; }
     const value = new Date(timestamp).getTime();
@@ -524,6 +638,173 @@ const parseChatContainerModels = (container) => {
     }).filter((model) => model.name);
 };
 
+const parseJSONLikeObject = (value) => {
+    if(!value){
+        return {};
+    }
+    if(typeof value === "object" && !Array.isArray(value)){
+        return value;
+    }
+    if(typeof value === "string"){
+        try{
+            const parsed = JSON.parse(value);
+            return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
+        }catch(error){
+            return {};
+        }
+    }
+    return {};
+};
+
+const getChannelAIMetadata = (channel) => parseJSONLikeObject(channel?.ai_metadata);
+
+const getChannelAIConfig = (channel) => {
+    const metadata = getChannelAIMetadata(channel);
+    return parseJSONLikeObject(metadata.config || metadata.configuration);
+};
+
+const modelForChannel = (channel, chatContainers) => {
+    if(!channel || channel.channel_type !== "ai"){
+        return null;
+    }
+    const container = chatContainers.find((item) => item.id === channel.chat_container_id) || channel.chat_container;
+    return parseChatContainerModels(container).find((model) => model.name === channel.chat_model) || null;
+};
+
+const getModelConfigOptions = (model) => {
+    const metadata = model?.metadata || {};
+    const rawOptions = metadata.configuration_options ||
+        metadata.config_options ||
+        metadata?.configuration?.options ||
+        metadata?.config?.options ||
+        [];
+    if(!Array.isArray(rawOptions)){
+        return [];
+    }
+    return rawOptions.map((option) => {
+        const name = option.name || option.key || option.Name || option.Key || "";
+        const choices = Array.isArray(option.choices || option.Choices) ? (option.choices || option.Choices).map((choice) => {
+            if(choice && typeof choice === "object"){
+                const value = choice.value ?? choice.Value ?? choice.name ?? choice.Name ?? choice.label ?? choice.Label ?? "";
+                return {
+                    value,
+                    label: `${choice.label ?? choice.Label ?? value}`,
+                    description: choice.description || choice.Description || "",
+                };
+            }
+            return {value: choice, label: `${choice}`, description: ""};
+        }) : [];
+        const type = `${option.type || option.Type || (choices.length > 0 ? "choice" : "string")}`.toLowerCase();
+        return {
+            name: `${name}`,
+            displayName: option.display_name || option.displayName || option.DisplayName || option.label || option.Label || `${name}`,
+            description: option.description || option.Description || "",
+            type: choices.length > 0 ? "choice" : type,
+            required: Boolean(option.required || option.Required),
+            defaultValue: option.default_value ?? option.defaultValue ?? option.DefaultValue ?? option.default ?? option.Default ?? "",
+            choices,
+        };
+    }).filter((option) => option.name);
+};
+
+const configValueForField = (value) => {
+    if(value === undefined || value === null){
+        return "";
+    }
+    return `${value}`;
+};
+
+const buildDefaultConfigValues = (options, existing = {}) => {
+    return options.reduce((prev, option) => {
+        const existingValue = existing[option.name];
+        prev[option.name] = configValueForField(existingValue !== undefined ? existingValue : option.defaultValue);
+        return prev;
+    }, {});
+};
+
+const normalizeConfigForSubmit = (values, options) => {
+    return options.reduce((prev, option) => {
+        const rawValue = values[option.name];
+        if(rawValue === undefined || rawValue === null || `${rawValue}`.trim() === ""){
+            return prev;
+        }
+        if(option.type === "number"){
+            const numberValue = Number(rawValue);
+            if(!Number.isNaN(numberValue)){
+                prev[option.name] = numberValue;
+            }
+            return prev;
+        }
+        prev[option.name] = rawValue;
+        return prev;
+    }, {});
+};
+
+const configHasMissingRequiredValues = (values, options) => options.some((option) => (
+    option.required && `${values[option.name] ?? ""}`.trim() === ""
+));
+
+const applyConfigToMetadata = (metadata, config) => ({
+    ...parseJSONLikeObject(metadata),
+    config,
+});
+
+const ChatConfigurationFields = ({options, values, setValues}) => {
+    if(options.length === 0){
+        return null;
+    }
+    return (
+        <Box sx={{display: "flex", flexDirection: "column", gap: 1.25}}>
+            <Typography variant="subtitle2">AI Configuration</Typography>
+            {options.map((option) => {
+                if(option.type === "choice"){
+                    return (
+                        <FormControl size="small" fullWidth key={option.name}>
+                            <InputLabel>{option.displayName}</InputLabel>
+                            <Select
+                                label={option.displayName}
+                                value={configValueForField(values[option.name])}
+                                onChange={(e) => setValues((prev) => ({...prev, [option.name]: e.target.value}))}
+                            >
+                                {option.choices.map((choice) => (
+                                    <MenuItem value={configValueForField(choice.value)} key={`${option.name}-${choice.value}`}>
+                                        <Box sx={{display: "flex", flexDirection: "column", py: 0.25}}>
+                                            <Typography variant="body2">{choice.label}</Typography>
+                                            {choice.description &&
+                                                <Typography variant="caption" color="text.secondary" sx={{whiteSpace: "normal"}}>
+                                                    {choice.description}
+                                                </Typography>
+                                            }
+                                        </Box>
+                                    </MenuItem>
+                                ))}
+                            </Select>
+                            {option.description &&
+                                <Typography variant="caption" color="text.secondary" sx={{mt: 0.5}}>
+                                    {option.description}
+                                </Typography>
+                            }
+                        </FormControl>
+                    );
+                }
+                return (
+                    <TextField
+                        key={option.name}
+                        fullWidth
+                        size="small"
+                        type={option.type === "number" ? "number" : "text"}
+                        label={option.displayName}
+                        required={option.required}
+                        value={configValueForField(values[option.name])}
+                        helperText={option.description}
+                        onChange={(e) => setValues((prev) => ({...prev, [option.name]: e.target.value}))}
+                    />
+                );
+            })}
+        </Box>
+    );
+};
+
 const ChatEmptyState = ({icon, title, detail}) => (
     <Box className="mythic-chat-empty-state">
         {icon}
@@ -676,6 +957,7 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
     const [channelType, setChannelType] = React.useState("standard");
     const [containerID, setContainerID] = React.useState("");
     const [model, setModel] = React.useState("");
+    const [configValues, setConfigValues] = React.useState({});
     const [locked, setLocked] = React.useState(true);
     React.useEffect(() => {
         if(open){
@@ -684,6 +966,7 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
             setChannelType("standard");
             setContainerID("");
             setModel("");
+            setConfigValues({});
             setLocked(true);
         }
     }, [open]);
@@ -693,6 +976,10 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
     const selectedContainerModels = React.useMemo(() => (
         parseChatContainerModels(selectedContainer)
     ), [selectedContainer]);
+    const selectedModel = React.useMemo(() => (
+        selectedContainerModels.find((containerModel) => containerModel.name === model) || null
+    ), [selectedContainerModels, model]);
+    const configOptions = React.useMemo(() => getModelConfigOptions(selectedModel), [selectedModel]);
     React.useEffect(() => {
         if(channelType !== "ai" || !containerID){
             return;
@@ -705,12 +992,20 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
             setModel(selectedContainerModels[0].name);
         }
     }, [channelType, containerID, model, selectedContainerModels]);
+    React.useEffect(() => {
+        if(channelType === "ai" && model){
+            setConfigValues(buildDefaultConfigValues(configOptions));
+        } else {
+            setConfigValues({});
+        }
+    }, [channelType, containerID, model, configOptions]);
     const changeChannelType = (event) => {
         const nextType = event.target.value;
         setChannelType(nextType);
         if(nextType !== "ai"){
             setContainerID("");
             setModel("");
+            setConfigValues({});
         }
     };
     const changeContainer = (event) => {
@@ -719,10 +1014,12 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
         const nextModels = parseChatContainerModels(nextContainer);
         setContainerID(nextContainerID);
         setModel(nextModels.length === 1 ? nextModels[0].name : "");
+        setConfigValues({});
     };
     const createDisabled = name.trim() === "" ||
-        (channelType === "ai" && (!containerID || selectedContainerModels.length === 0 || model === ""));
+        (channelType === "ai" && (!containerID || selectedContainerModels.length === 0 || model === "" || configHasMissingRequiredValues(configValues, configOptions)));
     const submit = () => {
+        const aiConfig = channelType === "ai" ? normalizeConfigForSubmit(configValues, configOptions) : {};
         onCreate({
             name,
             description,
@@ -730,7 +1027,7 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
             chat_container_id: channelType === "ai" ? Number(containerID) : null,
             chat_model: channelType === "ai" ? model : "",
             locked: channelType === "ai" ? locked : false,
-            ai_metadata: {},
+            ai_metadata: channelType === "ai" ? applyConfigToMetadata({}, aiConfig) : {},
         });
     };
     return (
@@ -796,6 +1093,9 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
                                 )}
                             </>
                         }
+                        {configOptions.length > 0 &&
+                            <ChatConfigurationFields options={configOptions} values={configValues} setValues={setConfigValues} />
+                        }
                         <Box sx={{border: `1px solid ${alpha(theme.palette.info.main, 0.22)}`, borderRadius: 1, p: 1.25, backgroundColor: alpha(theme.palette.info.main, theme.palette.mode === "dark" ? 0.12 : 0.07)}}>
                             <FormControlLabel
                                 control={<Switch checked={locked} onChange={(e) => setLocked(e.target.checked)} />}
@@ -818,59 +1118,95 @@ const ChatCreateDialog = ({open, onClose, onCreate, chatContainers}) => {
     );
 };
 
-const ChatSearchDialog = ({open, onClose, onSearch, searchText, setSearchText, results, onSelectResult, viewUTCTime}) => (
-    <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth>
-        <DialogTitle>Search Chat</DialogTitle>
-        <DialogContent className="mythic-chat-dialog-content" sx={{display: "flex", flexDirection: "column", gap: 1.75, pt: "20px !important", px: 3}}>
-            <Box sx={{display: "flex", gap: 1, alignItems: "flex-start"}}>
-                <TextField
-                    fullWidth
-                    size="small"
-                    label="Search"
-                    value={searchText}
-                    onChange={(e) => setSearchText(e.target.value)}
-                    onKeyDown={(e) => {
-                        if(e.key === "Enter"){
-                            onSearch();
-                        }
-                    }}
-                />
-                <Button variant="contained" startIcon={<SearchIcon />} onClick={onSearch}>Search</Button>
-            </Box>
-            <Box className="mythic-chat-search-results">
-                {(results || []).map((result) => (
-                    <button
-                        type="button"
-                        className="mythic-chat-search-result"
-                        key={result.id}
-                        onClick={() => onSelectResult(result)}
-                    >
-                        <span className="mythic-chat-search-channel">
-                            {result.channel_type === "ai" ? <SmartToyTwoToneIcon fontSize="small" /> : <ForumTwoToneIcon fontSize="small" />}
-                            {result.channel_type === "ai" ? result.channel_name : `#${result.channel_name}`}
-                        </span>
-                        <span className="mythic-chat-search-message">{result.message}</span>
-                        <span className="mythic-chat-search-meta">{result.sender_display_name} · {formatTimestamp(result.created_at, viewUTCTime)}</span>
-                    </button>
-                ))}
-            </Box>
-        </DialogContent>
-        <DialogActions>
-            <Button onClick={onClose}>Close</Button>
-        </DialogActions>
-    </Dialog>
-);
+const ChatSearchDialog = ({open, onClose, onSearch, searchText, setSearchText, searchQuery, results, loading, hasSearched, onSelectResult, viewUTCTime}) => {
+    const trimmedSearchText = searchText.trim();
+    const searchResults = results || [];
+    const highlightQuery = searchQuery || trimmedSearchText;
+    return (
+        <Dialog open={open} onClose={onClose} maxWidth="md" fullWidth PaperProps={{className: "mythic-chat-search-dialog"}}>
+            <DialogTitle>Search Chat</DialogTitle>
+            <DialogContent className="mythic-chat-dialog-content mythic-chat-search-content" sx={{display: "flex", flexDirection: "column", gap: 1.75, pt: "20px !important", px: 3}}>
+                <Box className="mythic-chat-search-form">
+                    <TextField
+                        autoFocus
+                        fullWidth
+                        size="small"
+                        label="Search"
+                        value={searchText}
+                        onChange={(e) => setSearchText(e.target.value)}
+                        onKeyDown={(e) => {
+                            if(e.key === "Enter"){
+                                onSearch();
+                            }
+                        }}
+                    />
+                    <Button variant="contained" startIcon={<SearchIcon />} disabled={trimmedSearchText === "" || loading} onClick={onSearch}>
+                        {loading ? "Searching" : "Search"}
+                    </Button>
+                </Box>
+                <Box className="mythic-chat-search-results">
+                    {loading && <Box className="mythic-chat-search-empty">Searching...</Box>}
+                    {!loading && hasSearched && searchResults.length === 0 && <Box className="mythic-chat-search-empty">No matches</Box>}
+                    {!loading && searchResults.map((result) => (
+                        <button
+                            type="button"
+                            className="mythic-chat-search-result"
+                            key={result.id}
+                            onClick={() => onSelectResult(result)}
+                        >
+                            <span className="mythic-chat-search-result-header">
+                                <span className="mythic-chat-search-channel">
+                                    {result.channel_type === "ai" ? <SmartToyTwoToneIcon fontSize="small" /> : <ForumTwoToneIcon fontSize="small" />}
+                                    <span>{result.channel_type === "ai" ? result.channel_name : `#${result.channel_name}`}</span>
+                                </span>
+                                <span className="mythic-chat-search-meta">{result.sender_display_name} · {formatTimestamp(result.created_at, viewUTCTime)}</span>
+                            </span>
+                            <span className="mythic-chat-search-message">{renderSearchSnippet(result.message, highlightQuery)}</span>
+                        </button>
+                    ))}
+                </Box>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={onClose}>Close</Button>
+            </DialogActions>
+        </Dialog>
+    );
+};
 
-const ChatEditChannelDialog = ({open, channel, onClose, onSave}) => {
+const ChatEditChannelDialog = ({open, channel, onClose, onSave, chatContainers = []}) => {
     const [name, setName] = React.useState("");
     const [description, setDescription] = React.useState("");
+    const [chatModel, setChatModel] = React.useState("");
+    const [configValues, setConfigValues] = React.useState({});
     const isGeneralChannel = isGeneralChatChannel(channel);
+    const isAIChannel = channel?.channel_type === "ai";
+    const containerModels = React.useMemo(() => {
+        if(!isAIChannel){
+            return [];
+        }
+        const container = chatContainers.find((item) => item.id === channel.chat_container_id) || channel.chat_container;
+        return parseChatContainerModels(container);
+    }, [channel, chatContainers, isAIChannel]);
+    const selectedModel = React.useMemo(() => (
+        containerModels.find((containerModel) => containerModel.name === chatModel) || (chatModel ? null : modelForChannel(channel, chatContainers))
+    ), [channel, chatContainers, chatModel, containerModels]);
+    const configOptions = React.useMemo(() => getModelConfigOptions(selectedModel), [selectedModel]);
     React.useEffect(() => {
         if(open && channel){
             setName(channel.name || "");
             setDescription(channel.description || "");
+            setChatModel(channel.chat_model || "");
+            const initialModel = modelForChannel(channel, chatContainers);
+            setConfigValues(buildDefaultConfigValues(getModelConfigOptions(initialModel), getChannelAIConfig(channel)));
         }
-    }, [open, channel]);
+    }, [open, channel, chatContainers]);
+    const changeModel = (event) => {
+        const nextModelName = event.target.value;
+        const nextModel = containerModels.find((containerModel) => containerModel.name === nextModelName) || null;
+        const nextOptions = getModelConfigOptions(nextModel);
+        setChatModel(nextModelName);
+        setConfigValues((prev) => buildDefaultConfigValues(nextOptions, prev));
+    };
     const submit = () => {
         if(!channel){
             return;
@@ -882,11 +1218,20 @@ const ChatEditChannelDialog = ({open, channel, onClose, onSave}) => {
         if(!isGeneralChatChannel(channel)){
             update.name = name.trim();
         }
+        if(isAIChannel){
+            update.chat_model = chatModel;
+            update.ai_metadata = applyConfigToMetadata(
+                getChannelAIMetadata(channel),
+                normalizeConfigForSubmit(configValues, configOptions),
+            );
+        }
         onSave(update);
     };
+    const saveDisabled = (!isGeneralChannel && name.trim() === "") ||
+        (isAIChannel && configHasMissingRequiredValues(configValues, configOptions));
     return (
         <Dialog open={open} onClose={onClose} maxWidth="sm" fullWidth>
-            <DialogTitle>Edit Channel</DialogTitle>
+            <DialogTitle>{isAIChannel ? "Edit AI Chat" : "Edit Channel"}</DialogTitle>
             <DialogContent className="mythic-chat-dialog-content" sx={{display: "flex", flexDirection: "column", gap: 1.75, pt: "20px !important", px: 3}}>
                 <TextField
                     autoFocus={!isGeneralChannel}
@@ -907,10 +1252,40 @@ const ChatEditChannelDialog = ({open, channel, onClose, onSave}) => {
                     value={description}
                     onChange={(e) => setDescription(e.target.value)}
                 />
+                {isAIChannel &&
+                    <>
+                        <FormControl size="small" fullWidth>
+                            <InputLabel>Model</InputLabel>
+                            <Select
+                                label="Model"
+                                value={chatModel}
+                                onChange={changeModel}
+                                renderValue={(selected) => selected}
+                            >
+                                {containerModels.length === 0 &&
+                                    <MenuItem value={chatModel} disabled>{chatModel || "No models reported"}</MenuItem>
+                                }
+                                {containerModels.map((containerModel) => (
+                                    <MenuItem value={containerModel.name} key={`${channel?.id}-${containerModel.name}`}>
+                                        <Box sx={{display: "flex", flexDirection: "column", py: 0.5, minWidth: 0}}>
+                                            <Typography variant="body2">{containerModel.name}</Typography>
+                                            {containerModel.description &&
+                                                <Typography variant="caption" color="text.secondary" sx={{whiteSpace: "normal"}}>
+                                                    {containerModel.description}
+                                                </Typography>
+                                            }
+                                        </Box>
+                                    </MenuItem>
+                                ))}
+                            </Select>
+                        </FormControl>
+                        <ChatConfigurationFields options={configOptions} values={configValues} setValues={setConfigValues} />
+                    </>
+                }
             </DialogContent>
             <DialogActions>
                 <Button onClick={onClose}>Cancel</Button>
-                <Button onClick={submit} variant="contained" disabled={!isGeneralChannel && name.trim() === ""}>
+                <Button onClick={submit} variant="contained" disabled={saveDisabled}>
                     Save
                 </Button>
             </DialogActions>
@@ -988,8 +1363,10 @@ export function Chat({me}) {
     const [createOpen, setCreateOpen] = React.useState(false);
     const [editChannelOpen, setEditChannelOpen] = React.useState(false);
     const [systemMessageOpen, setSystemMessageOpen] = React.useState(false);
+    const [archiveTarget, setArchiveTarget] = React.useState(null);
     const [searchOpen, setSearchOpen] = React.useState(false);
     const [searchText, setSearchText] = React.useState("");
+    const [searchQuery, setSearchQuery] = React.useState("");
     const [editingID, setEditingID] = React.useState(null);
     const [editText, setEditText] = React.useState("");
     const messagesEndRef = React.useRef(null);
@@ -1225,7 +1602,7 @@ export function Chat({me}) {
         onError: (error) => snackActions.error(error.message),
     });
     const [markRead] = useMutation(MARK_READ);
-    const [runSearch, {data: searchData}] = useLazyQuery(CHAT_SEARCH, {
+    const [runSearch, {data: searchData, loading: searchLoading}] = useLazyQuery(CHAT_SEARCH, {
         fetchPolicy: "no-cache",
         onCompleted: (data) => {
             if(data.chatSearch.status !== "success"){
@@ -1305,8 +1682,18 @@ export function Chat({me}) {
     const composerDisabled = disabledReason !== "";
     const onCreateChannel = (variables) => createChannel({variables});
     const toggleArchive = () => {
-        if(selectedChannel && !isGeneralChatChannel(selectedChannel)){
-            updateChannel({variables: {channel_id: selectedChannel.id, archived: !selectedChannel.archived}});
+        if(!selectedChannel || isGeneralChatChannel(selectedChannel)){
+            return;
+        }
+        if(selectedChannel.archived){
+            updateChannel({variables: {channel_id: selectedChannel.id, archived: false}});
+        } else {
+            setArchiveTarget(selectedChannel);
+        }
+    };
+    const confirmArchiveChannel = () => {
+        if(archiveTarget){
+            updateChannel({variables: {channel_id: archiveTarget.id, archived: true}});
         }
     };
     const toggleLock = () => {
@@ -1331,8 +1718,10 @@ export function Chat({me}) {
         }
     };
     const runChatSearch = () => {
-        if(searchText.trim()){
-            runSearch({variables: {query: searchText.trim(), limit: 50}});
+        const trimmedSearchText = searchText.trim();
+        if(trimmedSearchText){
+            setSearchQuery(trimmedSearchText);
+            runSearch({variables: {query: trimmedSearchText, limit: 50}});
         }
     };
     const selectSearchResult = (result) => {
@@ -1559,6 +1948,7 @@ export function Chat({me}) {
             <ChatEditChannelDialog
                 open={editChannelOpen}
                 channel={selectedChannel}
+                chatContainers={chatContainers}
                 onClose={() => setEditChannelOpen(false)}
                 onSave={saveChannelDetails}
             />
@@ -1569,13 +1959,27 @@ export function Chat({me}) {
                 onClose={() => setSystemMessageOpen(false)}
                 onSend={submitSystemMessage}
             />
+            {archiveTarget &&
+                <MythicConfirmDialog
+                    open={Boolean(archiveTarget)}
+                    title="Archive Channel?"
+                    dialogText={`Archive ${channelDisplayName(archiveTarget)}? This hides the channel from the default chat list until archived channels are shown.`}
+                    acceptText="Archive"
+                    acceptColor="warning"
+                    onClose={() => setArchiveTarget(null)}
+                    onSubmit={confirmArchiveChannel}
+                />
+            }
             <ChatSearchDialog
                 open={searchOpen}
                 onClose={() => setSearchOpen(false)}
                 onSearch={runChatSearch}
                 searchText={searchText}
                 setSearchText={setSearchText}
+                searchQuery={searchQuery}
                 results={searchData?.chatSearch?.results || []}
+                loading={searchLoading}
+                hasSearched={searchQuery !== ""}
                 onSelectResult={selectSearchResult}
                 viewUTCTime={currentMe?.user?.view_utc_time}
             />
diff --git a/MythicReactUI/src/themes/GlobalStyles.js b/MythicReactUI/src/themes/GlobalStyles.js
index 8fc5f6e8..a1a88daf 100644
--- a/MythicReactUI/src/themes/GlobalStyles.js
+++ b/MythicReactUI/src/themes/GlobalStyles.js
@@ -15,12 +15,445 @@ const getSubtleAccentHorizontalGradient = (props) => props.theme.gradients?.subt
     `linear-gradient(90deg, ${alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 100%)`;
 const getSoftBorderColor = (props) => props.theme.table?.borderSoft || props.theme.borderColor;
 
+// Keep theme-dependent values here so the large global stylesheet stays static across theme changes.
+export const ThemeVariables = createGlobalStyle`
+:root {
+    --mythic-radius: ${(props) => props.theme.shape.borderRadius}px;
+    --mythic-nav-background: ${(props) => props.theme.navigation.background};
+    --mythic-nav-background-color: ${(props) => props.theme.navigation.backgroundColor};
+    --mythic-nav-text: ${(props) => props.theme.navigation.text};
+    --mythic-nav-icon: ${(props) => props.theme.navigation.icon};
+    --mythic-nav-muted: ${(props) => props.theme.navigation.muted};
+    --mythic-nav-hover: ${(props) => props.theme.navigation.hover};
+    --mythic-warning-main: ${(props) => props.theme.palette.warning.main};
+    --mythic-error-main: ${(props) => props.theme.palette.error.main};
+    --mythic-global-001: ${(props) => props.theme.palette.background.default};
+    --mythic-global-002: ${(props) => props.theme.palette.text.primary};
+    --mythic-global-003: ${(props) => props.theme.typography.fontFamily};
+    --mythic-global-004: ${(props) => props.theme.palette.primary.main + "40"};
+    --mythic-global-005: ${(props) => props.theme.borderColor};
+    --mythic-global-006: ${(props) => props.theme.tableHeader};
+    --mythic-global-007: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    --mythic-global-008: ${(props) => props.theme.shape.borderRadius}px;
+    --mythic-global-009: ${(props) => props.theme.palette.background.paper};
+    --mythic-global-010: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    --mythic-global-011: ${(props) => props.theme.table?.rowStripe || props.theme.tableHover + "66"};
+    --mythic-global-012: ${(props) => props.theme.table?.rowHover || props.theme.tableHover + "CC"};
+    --mythic-global-013: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover};
+    --mythic-global-014: ${(props) => props.theme.palette.background.contrast};
+    --mythic-global-015: ${(props) => props.theme.palette.text.contrast};
+    --mythic-global-016: ${(props) => props.theme.shadows[1]};
+    --mythic-global-017: ${(props) => props.theme.sectionHeader?.accent || props.theme.palette.primary.main};
+    --mythic-global-018: ${(props) => props.theme.palette.graphGroupRGBA};
+    --mythic-global-019: ${(props) => props.theme.shape.borderRadius + 2}px;
+    --mythic-global-020: ${(props) => props.theme.palette.mode === 'dark' ? "0 18px 48px rgba(0, 0, 0, 40%)" : "0 18px 48px rgba(15, 23, 42, 12%)"};
+    --mythic-global-021: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)};
+    --mythic-global-022: ${(props) => alpha(props.theme.palette.info.main, 0.36)};
+    --mythic-global-023: ${(props) => props.theme.palette.info.main};
+    --mythic-global-024: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.08)};
+    --mythic-global-025: ${(props) => props.theme.palette.text.secondary};
+    --mythic-global-026: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
+    --mythic-global-027: ${(props) => props.theme.palette.primary.main};
+    --mythic-global-028: ${(props) => getSubtleAccentGradient(props)};
+    --mythic-global-029: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"};
+    --mythic-global-030: ${(props) => alpha(props.theme.palette.primary.main, 0.38)};
+    --mythic-global-031: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)};
+    --mythic-global-032: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.32 : 0.12)};
+    --mythic-global-033: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)};
+    --mythic-global-034: ${(props) => alpha(props.theme.palette.success.main, 0.38)};
+    --mythic-global-035: ${(props) => props.theme.palette.success.main};
+    --mythic-global-036: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)};
+    --mythic-global-037: ${(props) => alpha(props.theme.palette.warning.main, 0.38)};
+    --mythic-global-038: ${(props) => props.theme.palette.warning.main};
+    --mythic-global-039: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
+    --mythic-global-040: ${(props) => alpha(props.theme.palette.warning.main, 0.34)};
+    --mythic-global-041: ${(props) => props.theme.selectedCallbackColor + "DD"};
+    --mythic-global-042: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.045 : 0.035)};
+    --mythic-global-043: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.09 : 0.075)};
+    --mythic-global-044: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
+    --mythic-global-045: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
+    --mythic-global-046: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
+    --mythic-global-047: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
+    --mythic-global-048: ${(props) => props.theme.palette.error.main};
+    --mythic-global-049: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
+    --mythic-global-050: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.14)};
+    --mythic-global-051: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
+    --mythic-global-052: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.94 : 0.98)};
+    --mythic-global-053: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
+    --mythic-global-054: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
+    --mythic-global-055: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
+    --mythic-global-056: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.46 : 0.3)};
+    --mythic-global-057: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
+    --mythic-global-058: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
+    --mythic-global-059: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.45 : 0.3)};
+    --mythic-global-060: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.05)};
+    --mythic-global-061: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
+    --mythic-global-062: ${(props) => props.theme.palette.mode === "dark" ? "0 -10px 24px rgba(0,0,0,0.22)" : "0 -10px 24px rgba(15,23,42,0.06)"};
+    --mythic-global-063: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
+    --mythic-global-064: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
+    --mythic-global-065: ${(props) => props.theme.typography.fontFamilyMonospace || "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"};
+    --mythic-global-066: ${(props) => props.theme.palette.text.disabled};
+    --mythic-global-067: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.44 : 0.3)};
+    --mythic-global-068: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.46 : 0.3)};
+    --mythic-global-069: ${getSectionHeaderGradient};
+    --mythic-global-070: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    --mythic-global-071: ${getSectionHeaderAccent};
+    --mythic-global-072: ${(props) => alpha(props.theme.palette.background.default, props.theme.palette.mode === "dark" ? 0.7 : 0.52)};
+    --mythic-global-073: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
+    --mythic-global-074: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
+    --mythic-global-075: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.46 : 0.32)};
+    --mythic-global-076: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.02)"};
+    --mythic-global-077: ${(props) => props.theme.palette.mode === "dark" ? "0 -10px 28px rgba(0, 0, 0, 0.24)" : "0 -10px 28px rgba(15, 23, 42, 0.06)"};
+    --mythic-global-078: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.1)};
+    --mythic-global-079: ${(props) => alpha(props.theme.palette.common.white, props.theme.palette.mode === "dark" ? 0.12 : 0.18)};
+    --mythic-global-080: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.018)};
+    --mythic-global-081: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.05) : alpha(props.theme.palette.common.black, 0.026)};
+    --mythic-global-082: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
+    --mythic-global-083: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.52 : 0.36)};
+    --mythic-global-084: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
+    --mythic-global-085: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.025) : alpha(props.theme.palette.common.black, 0.014)};
+    --mythic-global-086: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
+    --mythic-global-087: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.36 : 0.24)};
+    --mythic-global-088: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
+    --mythic-global-089: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.36 : 0.24)};
+    --mythic-global-090: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
+    --mythic-global-091: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
+    --mythic-global-092: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
+    --mythic-global-093: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.024)};
+    --mythic-global-094: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    --mythic-global-095: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.2)};
+    --mythic-global-096: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.12)};
+    --mythic-global-097: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.24)};
+    --mythic-global-098: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.78)};
+    --mythic-global-099: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
+    --mythic-global-100: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
+    --mythic-global-101: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.07)" : "rgba(0,0,0,0.045)"};
+    --mythic-global-102: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.025)"};
+    --mythic-global-103: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.055)" : "rgba(0,0,0,0.032)"};
+    --mythic-global-104: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.5 : 0.34)};
+    --mythic-global-105: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    --mythic-global-106: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.72 : 0.82)};
+    --mythic-global-107: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
+    --mythic-global-108: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
+    --mythic-global-109: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
+    --mythic-global-110: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.12 : 0.06)};
+    --mythic-global-111: ${(props) => alpha(props.theme.palette.primary.main, 0.28)};
+    --mythic-global-112: ${(props) => props.theme.palette.mode === "dark" ? "none" : "0 8px 18px rgba(15, 23, 42, 0.035)"};
+    --mythic-global-113: ${(props) => props.theme.table?.headerHover || props.theme.tableHover};
+    --mythic-global-114: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.22)};
+    --mythic-global-115: ${(props) => props.theme.palette.mode === "dark" ? "0 0 0 1px rgba(255,255,255,0.04)" : "0 1px 2px rgba(15, 23, 42, 0.08)"};
+    --mythic-global-116: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    --mythic-global-117: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.72 : 0.5)};
+    --mythic-global-118: ${(props) => props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main};
+    --mythic-global-119: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
+    --mythic-global-120: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.86 : 0.68)};
+    --mythic-global-121: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    --mythic-global-122: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.72 : 0.5)};
+    --mythic-global-123: ${(props) => props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main};
+    --mythic-global-124: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.5 : 0.38)};
+    --mythic-global-125: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    --mythic-global-126: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.32 : 0.22)};
+    --mythic-global-127: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.45 : 0.28)};
+    --mythic-global-128: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.11 : 0.07)};
+    --mythic-global-129: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.3 : 0.2)};
+    --mythic-global-130: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    --mythic-global-131: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
+    --mythic-global-132: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
+    --mythic-global-133: ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)};
+    --mythic-global-134: ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
+    --mythic-global-135: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.72 : 0.58)};
+    --mythic-global-136: ${(props) => props.theme.palette.secondary.main};
+    --mythic-global-137: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
+    --mythic-global-138: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.055 : 0.035)};
+    --mythic-global-139: ${(props) => props.theme.pageHeader?.main || props.theme.surfaces?.muted || props.theme.palette.background.default};
+    --mythic-global-140: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
+    --mythic-global-141: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
+    --mythic-global-142: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
+    --mythic-global-143: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
+    --mythic-global-144: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
+    --mythic-global-145: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
+    --mythic-global-146: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
+    --mythic-global-147: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
+    --mythic-global-148: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
+    --mythic-global-149: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
+    --mythic-global-150: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
+    --mythic-global-151: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
+    --mythic-global-152: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
+    --mythic-global-153: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
+    --mythic-global-154: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
+    --mythic-global-155: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
+    --mythic-global-156: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
+    --mythic-global-157: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    --mythic-global-158: ${(props) => alpha(props.theme.palette.primary.main, 0.55)};
+    --mythic-global-159: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)};
+    --mythic-global-160: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
+    --mythic-global-161: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.2 : 0.08)};
+    --mythic-global-162: ${(props) => alpha(props.theme.palette.success.main, 0.42)};
+    --mythic-global-163: ${(props) => alpha(props.theme.palette.warning.main, 0.46)};
+    --mythic-global-164: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.11)};
+    --mythic-global-165: ${(props) => alpha(props.theme.palette.error.main, 0.48)};
+    --mythic-global-166: ${(props) => getSubtleAccentHorizontalGradient(props)};
+    --mythic-global-167: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
+    --mythic-global-168: ${(props) => alpha(props.theme.palette.success.main, 0.28)};
+    --mythic-global-169: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
+    --mythic-global-170: ${(props) => alpha(props.theme.palette.warning.main, 0.32)};
+    --mythic-global-171: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
+    --mythic-global-172: ${(props) => alpha(props.theme.palette.error.main, 0.34)};
+    --mythic-global-173: ${(props) => `repeating-linear-gradient(90deg, ${props.theme.palette.success.main} 0, ${props.theme.palette.success.main} 5px, transparent 5px, transparent 9px)`};
+    --mythic-global-174: ${(props) => `linear-gradient(180deg, ${alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.1)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 100%)`};
+    --mythic-global-175: ${(props) => alpha(props.theme.palette.primary.main, 0.42)};
+    --mythic-global-176: ${(props) => alpha(props.theme.palette.primary.main, 0.72)};
+    --mythic-global-177: ${(props) => alpha(props.theme.palette.error.main, 0.38)};
+    --mythic-global-178: ${(props) => `linear-gradient(180deg, ${alpha(props.theme.sectionHeader?.background || props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)} 0%, ${alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.86 : 0.94)} 100%)`};
+    --mythic-global-179: ${(props) => props.theme.palette.mode === "dark" ? "0 10px 28px rgba(0,0,0,0.22)" : "0 10px 24px rgba(15, 23, 42, 0.08)"};
+    --mythic-global-180: ${(props) => props.theme.palette.mode === "dark" ? "drop-shadow(0 0 4px rgba(255,255,255,0.14))" : "drop-shadow(0 1px 3px rgba(15,23,42,0.18))"};
+    --mythic-global-181: ${(props) => props.theme.palette.mode === "dark" ? "drop-shadow(0 0 6px rgba(255,255,255,0.18))" : "drop-shadow(0 2px 6px rgba(15,23,42,0.18))"};
+    --mythic-global-182: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
+    --mythic-global-183: ${(props) => props.theme.palette.mode === "dark" ? "0 6px 18px rgba(0,0,0,0.34)" : "0 6px 14px rgba(15, 23, 42, 0.16)"};
+    --mythic-global-184: ${(props) => alpha(props.theme.palette.primary.main, 0.5)};
+    --mythic-global-185: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.06)};
+    --mythic-global-186: ${(props) => alpha(props.theme.palette.primary.main, 0.48)};
+    --mythic-global-187: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.09)};
+    --mythic-global-188: ${(props) => alpha(props.theme.palette.success.main, 0.32)};
+    --mythic-global-189: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
+    --mythic-global-190: ${(props) => alpha(props.theme.palette.warning.main, 0.35)};
+    --mythic-global-191: ${(props) => alpha(props.theme.palette.text.secondary, props.theme.palette.mode === "dark" ? 0.12 : 0.08)};
+    --mythic-global-192: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.82 : 0.88)};
+    --mythic-global-193: ${(props) => props.theme.palette.mode === "dark" ? "0 8px 22px rgba(0,0,0,0.36)" : "0 8px 18px rgba(15, 23, 42, 0.18)"};
+    --mythic-global-194: ${(props) => alpha(props.theme.palette.warning.main, 0.45)};
+    --mythic-global-195: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)};
+    --mythic-global-196: ${(props) => alpha(props.theme.palette.success.main, 0.36)};
+    --mythic-global-197: ${(props) => alpha(props.theme.palette.warning.main, 0.36)};
+    --mythic-global-198: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.secondary, 0.76)};
+    --mythic-global-199: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.14 : 0.07)};
+    --mythic-global-200: ${(props) => alpha(props.theme.palette.info.main, 0.42)};
+    --mythic-global-201: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)};
+    --mythic-global-202: ${(props) => alpha(props.theme.palette.primary.main, 0.34)};
+    --mythic-global-203: ${(props) => alpha(props.theme.palette.success.main, 0.4)};
+    --mythic-global-204: ${(props) => alpha(props.theme.palette.warning.main, 0.42)};
+    --mythic-global-205: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.025)"};
+    --mythic-global-206: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.42 : 0.3)};
+    --mythic-global-207: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.025)"};
+    --mythic-global-208: ${(props) => props.theme.outputBackgroundColor};
+    --mythic-global-209: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.26 : 0.18)};
+    --mythic-global-210: ${(props) => alpha(props.theme.outputBackgroundColor || props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.86 : 0.72)};
+    --mythic-global-211: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.2 : 0.16)};
+    --mythic-global-212: ${(props) => props.theme.outputTextColor};
+    --mythic-global-213: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.1 : 0.07)};
+    --mythic-global-214: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.24 : 0.2)};
+    --mythic-global-215: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.48 : 0.34)};
+    --mythic-global-216: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.05)};
+    --mythic-global-217: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.18 : 0.14)};
+    --mythic-global-218: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.72)};
+    --mythic-global-219: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.12 : 0.08)};
+    --mythic-global-220: ${(props) => props.theme.outputTextColor || props.theme.palette.text.primary};
+    --mythic-global-221: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.13)};
+    --mythic-global-222: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
+    --mythic-global-223: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.58)};
+    --mythic-global-224: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.7)};
+    --mythic-global-225: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.12)};
+    --mythic-global-226: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.38 : 0.28)};
+    --mythic-global-227: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
+    --mythic-global-228: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.82)};
+    --mythic-global-229: ${(props) => props.theme.table?.selected || props.theme.selectedCallbackColor + "CC"};
+    --mythic-global-230: ${(props) => props.theme.table?.selectedHierarchy || props.theme.selectedCallbackHierarchyColor + "CC"};
+    --mythic-global-231: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.018)"};
+    --mythic-global-232: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.028)" : "rgba(0,0,0,0.012)"};
+    --mythic-global-233: ${(props) => props.theme.palette.success.main + "2b"};
+    --mythic-global-234: ${(props) => props.theme.palette.success.main + "88"};
+    --mythic-global-235: ${(props) => props.theme.palette.primary.main + "18"};
+    --mythic-global-236: ${(props) => props.theme.palette.primary.main + "55"};
+    --mythic-global-237: ${(props) => props.theme.palette.primary.main + "22"};
+    --mythic-global-238: ${(props) => props.theme.palette.primary.main + "77"};
+    --mythic-global-239: ${(props) => props.theme.palette.primary.main + "16"};
+    --mythic-global-240: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
+    --mythic-global-241: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
+    --mythic-global-242: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(15,23,42,0.025)"};
+    --mythic-global-243: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
+    --mythic-global-244: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.38 : 0.24)};
+    --mythic-global-245: ${(props) => Math.max(4, props.theme.shape.borderRadius - 1)}px;
+    --mythic-global-246: ${(props) => props.theme.palette.info.contrastText};
+    --mythic-global-247: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.13 : 0.07)};
+    --mythic-global-248: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.46 : 0.28)};
+    --mythic-global-249: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.62 : 0.42)};
+    --mythic-global-250: ${(props) => props.theme.pageHeader.main};
+    --mythic-global-251: ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.55 : 0.38)};
+    --mythic-global-252: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.22)};
+    --mythic-global-253: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.28 : 0.12)};
+    --mythic-global-254: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "1a"};
+    --mythic-global-255: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "3d"};
+    --mythic-global-256: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "29"};
+    --mythic-global-257: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "6b"};
+    --mythic-global-258: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"};
+    --mythic-global-259: ${(props) => props.theme.palette.primary.main + "1f"};
+    --mythic-global-260: ${(props) => props.theme.palette.primary.main + "88"};
+    --mythic-global-261: ${(props) => props.theme.palette.mode === "dark" ? "0 12px 28px rgba(0,0,0,0.32)" : "0 12px 28px rgba(15,23,42,0.14)"};
+    --mythic-global-262: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
+    --mythic-global-263: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.03)"};
+    --mythic-global-264: ${(props) => props.theme.palette.info.main + "12"};
+    --mythic-global-265: ${(props) => props.theme.palette.info.main + "40"};
+    --mythic-global-266: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.36)" : "rgba(15,23,42,0.06)"};
+    --mythic-global-267: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.055)" : "rgba(0,0,0,0.035)"};
+    --mythic-global-268: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.15 : 0.08)};
+    --mythic-global-269: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
+    --mythic-global-270: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.018)" : "rgba(0,0,0,0.012)"};
+    --mythic-global-271: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
+    --mythic-global-272: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
+    --mythic-global-273: ${(props) => props.theme.palette.primary.contrastText};
+    --mythic-global-274: ${(props) => props.theme.palette.primary.dark || props.theme.palette.primary.main};
+    --mythic-global-275: ${(props) => props.theme.palette.warning.main + "22"};
+    --mythic-global-276: ${(props) => props.theme.palette.warning.main + "88"};
+    --mythic-global-277: ${(props) => props.theme.palette.error.main + "22"};
+    --mythic-global-278: ${(props) => props.theme.palette.error.main + "99"};
+    --mythic-global-279: ${(props) => props.theme.palette.info.main + "1c"};
+    --mythic-global-280: ${(props) => props.theme.palette.info.main + "66"};
+    --mythic-global-281: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.02)"};
+    --mythic-global-282: ${(props) => props.theme.surfaces?.muted || alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.045 : 0.035)};
+    --mythic-global-283: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.13 : 0.075)};
+    --mythic-global-284: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.44 : 0.32)};
+    --mythic-global-285: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.28 : 0.18)};
+    --mythic-global-286: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.06) : alpha(props.theme.palette.common.black, 0.035)};
+    --mythic-global-287: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.014)"};
+    --mythic-global-288: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
+    --mythic-global-289: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.5 : 0.32)};
+    --mythic-global-290: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.03)"};
+    --mythic-global-291: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.1)};
+    --mythic-global-292: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.38)};
+    --mythic-global-293: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.4 : 0.26)};
+    --mythic-global-294: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)};
+    --mythic-global-295: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)};
+    --mythic-global-296: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)};
+    --mythic-global-297: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.45 : 0.3)};
+    --mythic-global-298: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.26)" : "rgba(15,23,42,0.045)"};
+    --mythic-global-299: ${(props) => props.theme.palette.mode === "dark" ? "none" : "0 8px 18px rgba(15, 23, 42, 0.04)"};
+    --mythic-global-300: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.22 : 0.1)};
+    --mythic-global-301: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.45 : 0.32)};
+    --mythic-global-302: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.1) : alpha(props.theme.palette.common.black, 0.08)};
+    --mythic-global-303: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.5 : 0.32)};
+    --mythic-global-304: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.black, 0.18) : alpha(props.theme.palette.common.white, 0.62)};
+    --mythic-global-305: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.012)"};
+    --mythic-global-306: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.028)};
+    --mythic-global-307: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.24 : 0.12)};
+    --mythic-global-308: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.62 : 0.42)};
+    --mythic-global-309: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.028)};
+    --mythic-global-310: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.error.main, 0.14) : alpha(props.theme.palette.error.main, 0.08)};
+    --mythic-global-311: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.45 : 0.28)};
+    --mythic-global-312: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.72 : 0.48)};
+    --mythic-global-313: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.5 : 0.35)};
+    --mythic-global-314: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.56 : 0.4)};
+    --mythic-global-315: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.04)" : "0 1px 2px rgba(15,23,42,0.06)"};
+    --mythic-global-316: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
+    --mythic-global-317: ${(props) => props.theme.palette.mode === "dark" ? `inset 0 1px 0 ${alpha(props.theme.palette.common.white, 0.055)}, 0 8px 18px ${alpha(props.theme.palette.common.black, 0.18)}` : `0 8px 18px ${alpha(props.theme.palette.common.black, 0.08)}`};
+    --mythic-global-318: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
+    --mythic-global-319: ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.34 : 0.2)};
+    --mythic-global-320: ${(props) => props.theme.palette.info.main + "2b"};
+    --mythic-global-321: ${(props) => props.theme.palette.info.main + "88"};
+    --mythic-global-322: ${(props) => props.theme.palette.error.main + "2b"};
+    --mythic-global-323: ${(props) => props.theme.palette.error.main + "88"};
+    --mythic-global-324: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.028) : alpha(props.theme.palette.common.black, 0.014)};
+    --mythic-global-325: ${getSubtleAccentGradient};
+    --mythic-global-326: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.03) : alpha(props.theme.palette.common.black, 0.018)};
+    --mythic-global-327: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.018) : alpha(props.theme.palette.common.black, 0.01)};
+    --mythic-global-328: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.025)};
+    --mythic-global-329: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    --mythic-global-330: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
+    --mythic-global-331: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
+    --mythic-global-332: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    --mythic-global-333: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    --mythic-global-334: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    --mythic-global-335: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
+    --mythic-global-336: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    --mythic-global-337: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.025)};
+    --mythic-global-338: ${(props) => props.theme.pageHeader?.main || props.theme.surfaces?.muted || props.theme.palette.background.paper};
+    --mythic-global-339: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.24 : 0.1)};
+    --mythic-global-340: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.1)};
+    --mythic-global-341: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.16)};
+    --mythic-global-342: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.42)};
+    --mythic-global-343: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.04)" : "0 1px 2px rgba(15,23,42,0.05)"};
+    --mythic-global-344: ${(props) => props.theme.palette.primary.main + "10"};
+    --mythic-global-345: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.5 : 0.34)};
+    --mythic-global-346: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.68 : 0.48)};
+    --mythic-global-347: ${(props) => props.theme.palette.primary.main + "45"};
+    --mythic-global-348: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.45)" : "rgba(255,255,255,0.55)"};
+    --mythic-global-349: ${(props) => props.theme.palette.mode === "dark" ? "0 12px 28px rgba(0,0,0,0.35)" : "0 12px 28px rgba(15,23,42,0.14)"};
+    --mythic-global-350: ${(props) => props.theme.palette.warning.main + "2b"};
+    --mythic-global-351: ${(props) => props.theme.palette.success.main + "1c"};
+    --mythic-global-352: ${(props) => props.theme.palette.success.main + "66"};
+    --mythic-global-353: ${(props) => props.theme.palette.error.main + "1c"};
+    --mythic-global-354: ${(props) => props.theme.palette.error.main + "66"};
+    --mythic-global-355: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.035)"};
+    --mythic-global-356: ${(props) => props.theme.typography.fontFamilyMonospace || "monospace"};
+    --mythic-global-357: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.028)"};
+    --mythic-global-358: ${(props) => props.theme.palette.primary.main + "38"};
+    --mythic-global-359: ${(props) => props.theme.tableHover};
+    --mythic-global-360: ${(props) => props.theme.palette.primary.main + "44"};
+    --mythic-global-361: ${(props) => props.theme.palette.primary.main + "66"};
+    --mythic-global-362: ${(props) => props.theme.palette.action.disabled};
+    --mythic-global-363: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.04)"};
+    --mythic-global-364: ${(props) => props.theme.palette.action.disabledBackground};
+    --mythic-global-365: ${(props) => props.theme.palette.info.main + "35"};
+    --mythic-global-366: ${(props) => props.theme.palette.error.main + "18"};
+    --mythic-global-367: ${(props) => props.theme.palette.info.main + "14"};
+    --mythic-global-368: ${(props) => props.theme.palette.info.main + "45"};
+    --mythic-global-369: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.18 : 0.06)};
+    --mythic-global-370: ${(props) => props.theme.palette.warning.main + "16"};
+    --mythic-global-371: ${(props) => props.theme.palette.warning.main + "45"};
+    --mythic-global-372: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.026)" : "rgba(0,0,0,0.018)"};
+    --mythic-global-373: ${(props) => props.theme.palette.info.main + "10"};
+    --mythic-global-374: ${(props) => props.theme.palette.info.main + "2f"};
+    --mythic-global-375: ${getSubtleAccentHorizontalGradient};
+    --mythic-global-376: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.055)" : "inset 0 1px 0 rgba(255,255,255,0.78)"};
+    --mythic-global-377: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.035)};
+    --mythic-global-378: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.26 : 0.16)};
+    --mythic-global-379: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.66 : 0.48)};
+    --mythic-global-380: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.28 : 0.18)};
+    --mythic-global-381: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.68 : 0.5)};
+    --mythic-global-382: ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.24 : 0.09)};
+    --mythic-global-383: ${(props) => props.theme.palette.success.main + "55"};
+    --mythic-global-384: ${(props) => props.theme.palette.info.main + "55"};
+    --mythic-global-385: ${(props) => props.theme.palette.warning.main + "60"};
+    --mythic-global-386: ${(props) => alpha(props.theme.palette.text.secondary, 0.35)};
+    --mythic-global-387: ${(props) => props.theme.palette.info.main + "16"};
+    --mythic-global-388: ${(props) => props.theme.palette.success.main + "16"};
+    --mythic-global-389: ${(props) => props.theme.palette.success.main + "45"};
+    --mythic-global-390: ${(props) => props.theme.palette.error.main + "16"};
+    --mythic-global-391: ${(props) => props.theme.palette.error.main + "50"};
+    --mythic-global-392: ${(props) => props.theme.palette.warning.main + "18"};
+    --mythic-global-393: ${(props) => props.theme.palette.warning.main + "52"};
+    --mythic-global-394: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.72)"};
+    --mythic-global-395: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.018)" : "rgba(0,0,0,0.01)"};
+    --mythic-global-396: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.012)"};
+    --mythic-global-397: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.24)" : "rgba(255,255,255,0.72)"};
+    --mythic-global-398: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.035)"};
+    --mythic-global-399: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.04)};
+    --mythic-global-400: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.022)};
+    --mythic-global-401: ${(props) => props.theme.pageHeader?.main || props.theme.palette.background.contrast};
+    --mythic-global-402: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.1)};
+    --mythic-global-403: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.12)};
+    --mythic-global-404: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
+    --mythic-global-405: ${(props) => alpha(props.theme.palette.text.secondary, 0.55)};
+    --mythic-global-406: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.085) : alpha(props.theme.palette.common.black, 0.052)};
+    --mythic-global-407: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
+    --mythic-global-408: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.56 : 0.38)};
+    --mythic-global-409: ${(props) => props.theme.table?.header || props.theme.tableHeader};
+    --mythic-global-410: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.72 : 0.86)};
+    --mythic-global-411: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.18)};
+    --mythic-global-412: ${(props) => props.theme.pageHeader?.main || props.theme.palette.background.paper};
+    --mythic-global-413: ${getSoftBorderColor};
+    --mythic-global-414: ${(props) => props.theme.palette.action.selected};
+    --mythic-global-415: ${(props) => `linear-gradient(135deg, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)} 0%, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.12)} 58%, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.08 : 0.06)} 100%)`};
+    --mythic-global-416: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.36 : 0.28)};
+    --mythic-global-417: ${(props) => props.theme.palette.action.hover};
+    --mythic-global-418: ${(props) => props.theme.outputBackgroundColor + "20"};
+}
+`;
+
 export const GlobalStyles = createGlobalStyle`
 body {
     margin: 0;
-    background-color: ${(props) => props.theme.palette.background.default};
-    color: ${(props) => props.theme.palette.text.primary};
-    font-family: ${(props) => props.theme.typography.fontFamily};
+    background-color: var(--mythic-global-001);
+    color: var(--mythic-global-002);
+    font-family: var(--mythic-global-003);
 }
 html, body, #root {
     height: 100%;
@@ -31,10 +464,10 @@ html, body, #root {
     box-sizing: border-box;
 }
 ::selection {
-    background-color: ${(props) => props.theme.palette.primary.main + "40"};
+    background-color: var(--mythic-global-004);
 }
 * {
-    scrollbar-color: ${(props) => props.theme.borderColor} transparent;
+    scrollbar-color: var(--mythic-global-005) transparent;
     scrollbar-width: thin;
 }
 *::-webkit-scrollbar {
@@ -42,7 +475,7 @@ html, body, #root {
     width: 10px;
 }
 *::-webkit-scrollbar-thumb {
-    background-color: ${(props) => props.theme.borderColor};
+    background-color: var(--mythic-global-005);
     border: 3px solid transparent;
     border-radius: 999px;
     background-clip: padding-box;
@@ -74,38 +507,38 @@ html, body, #root {
     background: transparent;
 }
 .MuiTableCell-head {
-    background-color: ${(props) => props.theme.tableHeader} !important;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-006) !important;
+    color: var(--mythic-global-002);
     font-size: 0.76rem;
     font-weight: 700;
     letter-spacing: 0;
     text-transform: uppercase;
     border-top: 0;
-    border-bottom: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-007);
 }
 .MuiTableContainer-root.mythicElement {
-    border: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    background-color: ${(props) => props.theme.palette.background.paper};
+    border: 1px solid var(--mythic-global-007);
+    border-radius: var(--mythic-global-008);
+    background-color: var(--mythic-global-009);
     min-height: 0;
 }
 .MuiTableContainer-root.mythicElement .MuiTableContainer-root.mythicElement {
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-color: var(--mythic-global-010);
 }
 .MuiTableBody-root > .MuiTableRow-root:nth-of-type(even):not(.Mui-selected):not(.selectedCallback):not(.selectedCallbackHierarchy) {
-  background-color:  ${(props) => props.theme.table?.rowStripe || props.theme.tableHover + "66"};
+  background-color:  var(--mythic-global-011);
 }
 .alternateRow {
-    background-color:  ${(props) => props.theme.table?.rowStripe || props.theme.tableHover + "66"};
+    background-color:  var(--mythic-global-011);
 }
 .MythicResizableGridRowHighlight {
-  background-color:  ${(props) => props.theme.table?.rowStripe || props.theme.tableHover + "66"};
+  background-color:  var(--mythic-global-011);
 } 
 .MuiTableRow-hover {
     &:hover,
     &--hovered {
-        background-color: ${(props) => props.theme.table?.rowHover || props.theme.tableHover + "CC"} !important;
-        color: ${(props) => props.theme.palette.text.primary} !important;
+        background-color: var(--mythic-global-012) !important;
+        color: var(--mythic-global-002) !important;
     }
 }
 
@@ -115,8 +548,8 @@ html, body, #root {
 .MuiListItem-root {
     &:hover,
     &--hovered {
-        background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover} !important;
-        color: ${(props) => props.theme.palette.text.primary} !important;
+        background-color: var(--mythic-global-013) !important;
+        color: var(--mythic-global-002) !important;
     }
 }
 .menuEntry {
@@ -127,19 +560,31 @@ tspan {
   font-size: 15px;
   stroke: none;
 }
+.mythic-navigation-icon {
+    color: var(--mythic-nav-icon) !important;
+}
+.mythic-navigation-warning-icon {
+    color: var(--mythic-warning-main) !important;
+}
+.mythic-navigation-muted-text {
+    color: var(--mythic-nav-muted);
+}
+.mythic-navigation-action-text {
+    color: var(--mythic-nav-text) !important;
+}
 
 .MuiTab-root {
     min-height: unset;
     max-width: unset;
 }
 .MuiTooltip-tooltip {
-    background-color: ${(props) => props.theme.palette.background.contrast};
-    color: ${(props) => props.theme.palette.text.contrast};
-    box-shadow: ${(props) => props.theme.shadows[1]};
+    background-color: var(--mythic-global-014);
+    color: var(--mythic-global-015);
+    box-shadow: var(--mythic-global-016);
     font-size: 13px;
 }
 .MuiTooltip-arrow {
-    color: ${(props) => props.theme.palette.background.contrast};
+    color: var(--mythic-global-014);
 }
 .MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label{
     background-color: transparent;
@@ -161,7 +606,7 @@ tspan {
     z-index: 0 !important
 }
 .gutter {
-  background-color: ${(props) => props.theme.borderColor};
+  background-color: var(--mythic-global-005);
   background-repeat: no-repeat;
   background-position: 50%;
 }
@@ -190,20 +635,20 @@ tspan {
 }
 
 .resizer.isResizing {
-  background: ${(props) => props.theme.sectionHeader?.accent || props.theme.palette.primary.main};
+  background: var(--mythic-global-017);
   opacity: 1;
 }
 .groupNode {
-    border: 1px solid ${(props) => props.theme.borderColor};
+    border: 1px solid var(--mythic-global-005);
     padding: 5px;
     border-radius: 5px;
-    background: ${(props) => props.theme.palette.graphGroupRGBA} !important;
+    background: var(--mythic-global-018) !important;
 }
 .groupEventNode {
-    border: 1px solid ${(props) => props.theme.borderColor};
+    border: 1px solid var(--mythic-global-005);
     padding: 2px;
     border-radius: 5px;
-    background: ${(props) => props.theme.palette.graphGroupRGBA} !important;
+    background: var(--mythic-global-018) !important;
 }
 .circleImageNode {
      height: 50px;
@@ -214,10 +659,10 @@ tspan {
    z-index: -1 !important;
 }
 .context-menu {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius + 2}px;
-    box-shadow: ${(props) => props.theme.palette.mode === 'dark' ? "0 18px 48px rgba(0, 0, 0, 40%)" : "0 18px 48px rgba(15, 23, 42, 12%)"};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-005);
+    border-radius: var(--mythic-global-019);
+    box-shadow: var(--mythic-global-020);
     position: absolute;
     z-index: 10;
 }
@@ -227,7 +672,7 @@ tspan {
     padding: 0.5em;
     text-align: left;
     width: 100%;
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     color: unset;
 }
 .mythic-graph-context-menu.context-menu {
@@ -242,8 +687,8 @@ tspan {
     align-items: center;
     background-color: transparent !important;
     border: 1px solid transparent !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002) !important;
     display: flex;
     font-size: 0.76rem;
     font-weight: 750;
@@ -254,42 +699,42 @@ tspan {
     text-transform: none;
 }
 .mythic-graph-context-menu .mythic-graph-context-menu-button.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.info.main, 0.36)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-021) !important;
+    border-color: var(--mythic-global-022) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-graph-canvas .react-flow__controls {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 6px 18px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.08)} !important;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 6px 18px var(--mythic-global-024) !important;
     overflow: hidden;
 }
 .mythic-graph-canvas .react-flow__controls-button {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-bottom-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-009);
+    border-bottom-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-graph-canvas .react-flow__controls-button:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-026);
+    color: var(--mythic-global-027);
 }
 .mythic-graph-canvas .react-flow__controls-button svg {
     color: inherit;
 }
 .mythic-graph-canvas .react-flow__minimap {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 6px 18px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.08)};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 6px 18px var(--mythic-global-024);
     overflow: hidden;
 }
 .mythic-graph-empty-state {
     align-items: center;
-    background: ${(props) => getSubtleAccentGradient(props)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background: var(--mythic-global-028);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     flex-direction: column;
     gap: 0.35rem;
@@ -301,20 +746,20 @@ tspan {
     width: 100%;
 }
 .mythic-graph-empty-title.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1rem;
     font-weight: 850;
 }
 .mythic-graph-empty-description.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.8rem;
 }
 .mythic-graph-empty-action.MuiButton-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.76rem;
     font-weight: 750;
     margin-top: 0.35rem;
@@ -322,9 +767,9 @@ tspan {
     text-transform: none;
 }
 .mythic-graph-empty-action.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.info.main, 0.36)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-021) !important;
+    border-color: var(--mythic-global-022) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-callback-graph-options {
     display: flex;
@@ -336,11 +781,11 @@ tspan {
 }
 .mythic-callback-graph-options-toggle.MuiButton-root,
 .mythic-callback-graph-option-button.MuiButton-root {
-    background-color: ${(props) => props.theme.palette.background.paper} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 6px 18px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.08)} !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-009) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 6px 18px var(--mythic-global-024) !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.74rem;
     font-weight: 800;
     min-height: 30px;
@@ -351,15 +796,15 @@ tspan {
 }
 .mythic-callback-graph-options-toggle.MuiButton-root:hover,
 .mythic-callback-graph-option-button.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, 0.38)} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-026) !important;
+    border-color: var(--mythic-global-030) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-callback-graph-options-panel {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 12px 32px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.32 : 0.12)};
+    background-color: var(--mythic-global-031);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 12px 32px var(--mythic-global-032);
     display: flex;
     flex-direction: column;
     gap: 0.65rem;
@@ -376,14 +821,14 @@ tspan {
     box-shadow: none !important;
 }
 .mythic-callback-graph-option-button-active.MuiButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.38)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-033) !important;
+    border-color: var(--mythic-global-034) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-callback-graph-option-button-warning.MuiButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.38)} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-036) !important;
+    border-color: var(--mythic-global-037) !important;
+    color: var(--mythic-global-038) !important;
 }
 .mythic-callback-graph-options-fields {
     display: grid;
@@ -392,17 +837,17 @@ tspan {
     min-width: 0;
 }
 .mythic-callback-graph-options-field.MuiFormControl-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     min-width: 0;
 }
 .mythic-callback-graph-options-field .MuiInputBase-root {
     min-height: 38px;
 }
 .mythic-callback-graph-options-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.warning.main, 0.34)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-039);
+    border: 1px solid var(--mythic-global-040);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-038);
     font-size: 0.74rem;
     font-weight: 780;
     padding: 0.45rem 0.55rem;
@@ -417,15 +862,15 @@ tspan {
 }
 
 .selectedTask {
-    background-color: ${(props) => props.theme.selectedCallbackColor + "DD"} !important;
+    background-color: var(--mythic-global-041) !important;
 }
 .mythic-file-browser-tableTop {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-031);
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.45rem 0.55rem 0.4rem;
 }
 .mythic-file-browser-pathInput.MuiInputBase-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
 }
 .mythic-file-browser-pathInput.MuiInputBase-root.MuiOutlinedInput-adornedStart {
     padding-left: 0.22rem;
@@ -440,9 +885,9 @@ tspan {
 }
 .mythic-file-browser-toolbarGroup {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.045 : 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-042);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     flex: 0 0 auto;
     gap: 0.15rem;
@@ -467,47 +912,47 @@ tspan {
     min-height: 0;
 }
 .mythic-file-browser-iconButton.MuiIconButton-root {
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     height: 28px;
     padding: 0;
     transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
     width: 28px;
 }
 .mythic-file-browser-iconButton.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.09 : 0.075)};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-043);
+    color: var(--mythic-global-002);
 }
 .mythic-file-browser-iconButton.MuiIconButton-root.Mui-disabled {
     opacity: 0.42;
 }
 .mythic-file-browser-iconButton.mythic-file-browser-hoverInfo:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    color: var(--mythic-global-023);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-hoverSuccess:hover {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    color: var(--mythic-global-035);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-hoverWarning:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    color: var(--mythic-global-038);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-hoverError:hover {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-047);
+    color: var(--mythic-global-048);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-activeSuccess {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-049);
+    color: var(--mythic-global-035);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-activeWarning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.14)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-050);
+    color: var(--mythic-global-038);
 }
 .mythic-file-browser-iconButton.mythic-file-browser-activeError {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-051);
+    color: var(--mythic-global-048);
 }
 .mythic-process-browser-tableTop {
     padding: 0.5rem 0.6rem;
@@ -522,9 +967,9 @@ tspan {
 }
 .mythic-process-browser-control {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.045 : 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-042);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     gap: 0.35rem;
     min-height: 32px;
@@ -545,7 +990,7 @@ tspan {
     min-width: 16rem !important;
 }
 .mythic-process-browser-searchInput .MuiInputBase-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     font-size: 0.78rem;
     min-height: 32px;
 }
@@ -554,10 +999,10 @@ tspan {
     padding-top: 6px;
 }
 .mythic-process-browser-searchInput .MuiInputAdornment-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-process-browser-controlLabel {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.72rem;
     font-weight: 750;
@@ -567,7 +1012,7 @@ tspan {
     min-width: 8rem !important;
 }
 .mythic-process-browser-select.MuiInputBase-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     font-size: 0.78rem;
     min-height: 28px;
 }
@@ -600,8 +1045,8 @@ tspan {
 }
 .mythic-process-summary-strip {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.94 : 0.98)};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-052);
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     flex: 0 0 auto;
     flex-wrap: nowrap;
@@ -614,9 +1059,9 @@ tspan {
 .mythic-process-summary-chip,
 .mythic-process-indicator {
     align-items: center;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.68rem;
@@ -635,20 +1080,20 @@ tspan {
 }
 .mythic-process-summary-chip-info,
 .mythic-process-indicator-info {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-053);
+    border-color: var(--mythic-global-054);
+    color: var(--mythic-global-023);
 }
 .mythic-process-summary-chip-warning,
 .mythic-process-indicator-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.46 : 0.3)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border-color: var(--mythic-global-056);
+    color: var(--mythic-global-038);
 }
 .mythic-process-indicator-deleted {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-057);
+    border-color: var(--mythic-global-058);
+    color: var(--mythic-global-048);
 }
 .mythic-process-indicator {
     font-size: 0.62rem;
@@ -667,10 +1112,10 @@ tspan {
 }
 .mythic-process-match-chip {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.45 : 0.3)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border: 1px solid var(--mythic-global-059);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-023);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.6rem;
@@ -680,14 +1125,14 @@ tspan {
     padding: 0.16rem 0.28rem;
 }
 .mythic-process-match-chip-ancestor {
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.05)};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-060);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-process-inspector {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 -10px 24px rgba(0,0,0,0.22)" : "0 -10px 24px rgba(15,23,42,0.06)"};
+    background-color: var(--mythic-global-061);
+    border-top: 1px solid var(--mythic-global-010);
+    box-shadow: var(--mythic-global-062);
     flex: 0 0 auto;
     min-width: 0;
     padding: 0.55rem 0.65rem 0.65rem;
@@ -701,7 +1146,7 @@ tspan {
 }
 .mythic-process-inspector-title {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: flex;
     flex: 1 1 auto;
     font-size: 0.86rem;
@@ -715,7 +1160,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-process-inspector-title svg {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
 }
 .mythic-process-inspector-actions {
@@ -738,9 +1183,9 @@ tspan {
     min-width: 0;
 }
 .mythic-process-inspector-detail {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     padding: 0.34rem 0.45rem;
 }
@@ -748,14 +1193,14 @@ tspan {
     grid-column: span 2;
 }
 .mythic-process-inspector-detail span {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: block;
     font-size: 0.66rem;
     font-weight: 800;
     line-height: 1.1;
 }
 .mythic-process-inspector-detail strong {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: block;
     font-size: 0.76rem;
     font-weight: 700;
@@ -774,9 +1219,9 @@ tspan {
 }
 .mythic-process-inspector-tags {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.35rem;
     min-height: 32px;
@@ -786,10 +1231,10 @@ tspan {
 }
 .mythic-process-inspector-tags .MuiIconButton-root {
     align-items: center !important;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-063) !important;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025) !important;
     display: inline-flex !important;
     flex: 0 0 auto;
     height: 22px;
@@ -798,15 +1243,15 @@ tspan {
     width: 22px;
 }
 .mythic-process-inspector-tags .MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-064) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-process-inspector-command {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
-    font-family: ${(props) => props.theme.typography.fontFamilyMonospace || "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
+    font-family: var(--mythic-global-065);
     font-size: 0.72rem;
     line-height: 1.35;
     max-height: 3.3rem;
@@ -829,7 +1274,7 @@ tspan {
     gap: 0.25rem;
 }
 .mythic-process-row-deleted {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     text-decoration: line-through;
 }
 .mythic-process-indent {
@@ -838,8 +1283,8 @@ tspan {
 }
 .mythic-process-expand-button.MuiIconButton-root {
     align-items: center;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     height: 22px;
@@ -849,15 +1294,15 @@ tspan {
     width: 22px;
 }
 .mythic-process-expand-button.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-064);
+    color: var(--mythic-global-027);
 }
 .mythic-process-expand-spacer {
     flex: 0 0 22px;
     height: 22px;
 }
 .mythic-process-name-icon {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     opacity: 0.85;
 }
@@ -872,7 +1317,7 @@ tspan {
     min-width: 0;
 }
 .mythic-process-string-cell {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     padding-left: 0.25rem;
     padding-right: 0.25rem;
@@ -890,10 +1335,10 @@ tspan {
 }
 .mythic-tag-cell .MuiIconButton-root {
     align-items: center !important;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-063) !important;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025) !important;
     display: inline-flex !important;
     flex: 0 0 auto;
     float: none !important;
@@ -904,9 +1349,9 @@ tspan {
     width: 22px;
 }
 .mythic-tag-cell .MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.44 : 0.3)};
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-064) !important;
+    border-color: var(--mythic-global-067);
+    color: var(--mythic-global-027) !important;
 }
 .mythic-tag-cell .MuiIconButton-root svg {
     font-size: 0.92rem;
@@ -938,9 +1383,9 @@ tspan {
     overflow: hidden !important;
 }
 .mythic-process-action-button.MuiIconButton-root {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     height: 24px;
     padding: 0;
     transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
@@ -948,13 +1393,13 @@ tspan {
 }
 .mythic-process-action-button.MuiIconButton-root:hover,
 .mythic-process-action-button.MuiIconButton-root[aria-expanded="true"] {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.46 : 0.3)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border-color: var(--mythic-global-068);
+    color: var(--mythic-global-023);
 }
 .mythic-process-menu-icon {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 1.25rem;
     justify-content: center;
@@ -965,13 +1410,13 @@ tspan {
     font-size: 0.95rem;
 }
 .mythic-process-menu-icon-success {
-    color: ${(props) => props.theme.palette.success.main};
+    color: var(--mythic-global-035);
 }
 .mythic-process-menu-icon-warning {
-    color: ${(props) => props.theme.palette.warning.main};
+    color: var(--mythic-global-038);
 }
 .mythic-process-menu-icon-error {
-    color: ${(props) => props.theme.palette.error.main};
+    color: var(--mythic-global-048);
 }
 @media (max-width: 1100px) {
     .mythic-process-inspector-body {
@@ -982,16 +1427,16 @@ tspan {
     }
 }
 .mythic-tree-groups-title.MuiDialogTitle-root {
-    background: ${getSectionHeaderGradient};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background: var(--mythic-global-069);
+    border-bottom: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-070);
     font-size: 0.98rem;
     font-weight: 800;
     padding: 0.75rem 0.9rem;
     position: relative;
 }
 .mythic-tree-groups-title.MuiDialogTitle-root::before {
-    background: ${getSectionHeaderAccent};
+    background: var(--mythic-global-071);
     content: "";
     height: 100%;
     left: 0;
@@ -1013,22 +1458,22 @@ tspan {
 }
 .mythic-tree-groups-title-copy span:last-child,
 .mythic-tree-groups-help {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 550;
     line-height: 1.35;
 }
 .mythic-tree-groups-content.MuiDialogContent-root {
-    background-color: ${(props) => props.theme.palette.background.default};
+    background-color: var(--mythic-global-001);
     padding: 0.75rem;
 }
 .mythic-tree-groups-content .MuiBackdrop-root {
-    background-color: ${(props) => alpha(props.theme.palette.background.default, props.theme.palette.mode === "dark" ? 0.7 : 0.52)};
+    background-color: var(--mythic-global-072);
 }
 .mythic-tree-groups-help {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     margin-bottom: 0.65rem;
     padding: 0.55rem 0.7rem;
 }
@@ -1050,24 +1495,24 @@ tspan {
 }
 .mythic-tree-groups-status {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     height: 26px;
     justify-content: center;
     width: 26px;
 }
 .mythic-tree-groups-statusActive {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-073);
+    border-color: var(--mythic-global-074);
+    color: var(--mythic-global-035);
 }
 .mythic-tree-groups-statusInactive {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.46 : 0.32)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border-color: var(--mythic-global-075);
+    color: var(--mythic-global-038);
 }
 .mythic-tree-groups-agent-icon {
     align-items: center;
@@ -1077,7 +1522,7 @@ tspan {
     width: 30px;
 }
 .mythic-tree-groups-callback-id {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 800;
 }
@@ -1093,10 +1538,10 @@ tspan {
 }
 .mythic-tree-groups-empty {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.02)"};
-    border: 1px dashed ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-076);
+    border: 1px dashed var(--mythic-global-007);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     font-size: 0.8rem;
     justify-content: center;
@@ -1105,9 +1550,9 @@ tspan {
     text-align: center;
 }
 .mythic-tasking-composer {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)};
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 -10px 28px rgba(0, 0, 0, 0.24)" : "0 -10px 28px rgba(15, 23, 42, 0.06)"};
+    background-color: var(--mythic-global-031);
+    border-top: 1px solid var(--mythic-global-010);
+    box-shadow: var(--mythic-global-077);
     flex: 0 0 auto;
     min-width: 0;
     padding: 0.55rem 0.65rem 0.6rem;
@@ -1131,8 +1576,8 @@ tspan {
 }
 .mythic-tasking-context-chip {
     align-items: flex-start;
-    border: 1px solid ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.1)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-078);
+    border-radius: var(--mythic-global-008);
     cursor: pointer;
     display: inline-flex;
     flex: 0 1 auto;
@@ -1158,7 +1603,7 @@ tspan {
     transform: translateY(0);
 }
 .mythic-tasking-context-chip-emphasized {
-    box-shadow: inset 0 0 0 1px ${(props) => alpha(props.theme.palette.common.white, props.theme.palette.mode === "dark" ? 0.12 : 0.18)};
+    box-shadow: inset 0 0 0 1px var(--mythic-global-079);
 }
 .mythic-tasking-context-chip-label {
     flex: 0 0 auto;
@@ -1185,8 +1630,8 @@ tspan {
     min-width: 9.5rem;
 }
 .mythic-tasking-token-select .MuiOutlinedInput-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border-radius: var(--mythic-global-008);
     min-height: 37px;
 }
 .mythic-tasking-token-select .MuiSelect-select {
@@ -1205,15 +1650,15 @@ tspan {
 }
 .mythic-tasking-command-input .MuiOutlinedInput-root {
     align-items: flex-end;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.018)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-080);
+    border-radius: var(--mythic-global-008);
     padding: 0.1rem 0.24rem 0.1rem 0;
 }
 .mythic-tasking-command-input .MuiOutlinedInput-root:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.05) : alpha(props.theme.palette.common.black, 0.026)};
+    background-color: var(--mythic-global-081);
 }
 .mythic-tasking-command-input .MuiInputBase-input {
-    font-family: ${(props) => props.theme.typography.fontFamily};
+    font-family: var(--mythic-global-003);
     font-size: 0.86rem;
     line-height: 1.45;
     padding-bottom: 0.48rem;
@@ -1221,7 +1666,7 @@ tspan {
 }
 .mythic-tasking-command-prefix {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     height: 30px;
@@ -1241,35 +1686,35 @@ tspan {
     padding-left: 0.28rem;
 }
 .mythic-tasking-action-button.MuiIconButton-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     height: 28px;
     padding: 0;
     transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
     width: 28px;
 }
 .mythic-tasking-action-button-neutral.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border-color: var(--mythic-global-082);
+    color: var(--mythic-global-023);
 }
 .mythic-tasking-action-button-warning.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.52 : 0.36)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    border-color: var(--mythic-global-083);
+    color: var(--mythic-global-038);
 }
 .mythic-tasking-action-button-success.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    border-color: var(--mythic-global-084);
+    color: var(--mythic-global-035);
 }
 .mythic-tasking-payload-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     flex: 0 0 auto;
     height: 28px;
@@ -1278,9 +1723,9 @@ tspan {
 }
 .mythic-tasking-parameter-preview {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.018)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-080);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: grid;
     gap: 0.55rem;
     grid-template-columns: minmax(7.5rem, auto) minmax(0, 1fr);
@@ -1290,28 +1735,28 @@ tspan {
     padding: 0.45rem 0.55rem;
 }
 .mythic-tasking-parameter-preview-empty-state {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.025) : alpha(props.theme.palette.common.black, 0.014)};
+    background-color: var(--mythic-global-085);
 }
 .mythic-tasking-parameter-preview-heading {
     align-items: center;
     display: flex;
     gap: 0.35rem;
     min-width: 0;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-tasking-parameter-preview-heading svg {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     font-size: 1rem;
 }
 .mythic-tasking-parameter-preview-more {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.68rem;
@@ -1331,7 +1776,7 @@ tspan {
 }
 .mythic-tasking-parameter-preview-empty {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     display: flex;
     font-size: 0.74rem;
     font-weight: 650;
@@ -1339,7 +1784,7 @@ tspan {
     min-width: 0;
 }
 .mythic-tasking-parameter-preview-empty svg {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     font-size: 1rem;
 }
 .mythic-tasking-parameter-preview-empty span {
@@ -1349,10 +1794,10 @@ tspan {
     white-space: nowrap;
 }
 .mythic-tasking-parameter-preview-chip.MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.68rem;
     font-weight: 750;
@@ -1360,24 +1805,24 @@ tspan {
     max-width: min(16rem, 100%);
 }
 .mythic-tasking-parameter-preview-chip.MuiChip-clickable:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.36 : 0.24)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-086);
+    border-color: var(--mythic-global-087);
+    color: var(--mythic-global-023);
 }
 .mythic-tasking-parameter-preview-chip-required.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.36 : 0.24)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-088);
+    border-color: var(--mythic-global-089);
+    color: var(--mythic-global-038);
 }
 .mythic-tasking-parameter-preview-chip-required.MuiChip-clickable:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border-color: var(--mythic-global-090);
+    color: var(--mythic-global-038);
 }
 .mythic-tasking-parameter-preview-chip-active.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-091);
+    border-color: var(--mythic-global-054);
+    color: var(--mythic-global-023);
 }
 .mythic-tasking-parameter-preview-chip .MuiChip-label {
     min-width: 0;
@@ -1391,7 +1836,7 @@ tspan {
     min-width: 0;
 }
 .mythic-tasking-parameter-preview-chip-status {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
+    background-color: var(--mythic-global-092);
     border-radius: 999px;
     color: inherit;
     flex: 0 0 auto;
@@ -1414,9 +1859,9 @@ tspan {
 }
 .mythic-tasking-reverse-search {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.024)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-093);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.45rem;
     margin-bottom: 0.45rem;
@@ -1424,23 +1869,23 @@ tspan {
     padding: 0.28rem;
 }
 .mythic-tasking-reverse-search-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.72rem;
     font-weight: 800;
     padding-left: 0.3rem;
 }
 .mythic-tasking-reverse-search-input .MuiOutlinedInput-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
 }
 .mythic-tasking-filter-dialog {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-094);
+    color: var(--mythic-global-002);
 }
 .mythic-accent-dialog-title.MuiDialogTitle-root {
-    background-image: ${getSectionHeaderGradient} !important;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-image: var(--mythic-global-069) !important;
+    border-bottom: 1px solid var(--mythic-global-010) !important;
+    color: var(--mythic-global-070);
     cursor: move;
     padding: 1rem 1.15rem !important;
     position: relative;
@@ -1449,9 +1894,9 @@ tspan {
 .mythic-detail-section-header::before,
 .mythic-section-header::before,
 .mythic-dashboard-edit-toolbar::before {
-    background-color: ${getSectionHeaderAccent};
+    background-color: var(--mythic-global-071);
     bottom: 0;
-    box-shadow: 0 0 0 1px ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.2)};
+    box-shadow: 0 0 0 1px var(--mythic-global-095);
     content: "";
     left: 0;
     position: absolute;
@@ -1468,9 +1913,9 @@ tspan {
 }
 .mythic-accent-dialog-title-icon {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.12)};
-    border: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.24)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-096);
+    border: 1px solid var(--mythic-global-097);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     flex: 0 0 auto;
     height: 32px;
@@ -1478,21 +1923,21 @@ tspan {
     width: 32px;
 }
 .mythic-tasking-filter-title-main {
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    color: var(--mythic-global-070);
     font-size: 1rem;
     font-weight: 850;
     line-height: 1.15;
 }
 .mythic-accent-dialog-title-subtitle {
-    color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.78)};
+    color: var(--mythic-global-098);
     font-size: 0.76rem;
     font-weight: 600;
     line-height: 1.25;
     margin-top: 0.15rem;
 }
 .mythic-tasking-filter-dialog-actions.MuiDialogActions-root {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper} !important;
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
+    background-color: var(--mythic-global-061) !important;
+    border-top: 1px solid var(--mythic-global-010) !important;
     gap: 0.65rem !important;
     padding: 0.85rem 1rem !important;
 }
@@ -1506,7 +1951,7 @@ tspan {
     margin-right: auto;
 }
 .mythic-tasking-filter-dialog-content.MuiDialogContent-root {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-094);
     max-height: min(72vh, 48rem);
     min-width: min(46rem, calc(100vw - 3rem));
     overflow: auto;
@@ -1520,10 +1965,10 @@ tspan {
     min-height: 28px;
 }
 .mythic-tasking-filter-summary-chip.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-099);
+    border: 1px solid var(--mythic-global-100);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-027);
     font-size: 0.72rem;
     font-weight: 750;
 }
@@ -1532,9 +1977,9 @@ tspan {
     font-size: 1rem;
 }
 .mythic-tasking-filter-summary-chip-muted.MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-column-stack {
     display: flex;
@@ -1543,8 +1988,8 @@ tspan {
     min-width: 0;
 }
 .mythic-tasking-filter-select .MuiOutlinedInput-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border-radius: var(--mythic-global-008);
     min-height: 38px;
 }
 .mythic-tasking-filter-select .MuiSelect-select {
@@ -1555,7 +2000,7 @@ tspan {
     padding-top: 0.42rem;
 }
 .mythic-tasking-filter-select-empty {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
 }
@@ -1567,10 +2012,10 @@ tspan {
     min-width: 0;
 }
 .mythic-tasking-filter-selected-chip.MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.07)" : "rgba(0,0,0,0.045)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-101);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     font-size: 0.72rem;
     font-weight: 700;
 }
@@ -1584,7 +2029,7 @@ tspan {
 }
 .mythic-tasking-filter-choice-divider {
     align-self: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 750;
     padding-top: 1.55rem;
@@ -1592,11 +2037,11 @@ tspan {
 }
 .mythic-tasking-filter-clear-button.MuiButton-root {
     align-self: flex-start;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.025)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-102) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
     box-shadow: none;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    color: var(--mythic-global-025) !important;
     font-size: 0.72rem;
     font-weight: 750;
     margin-top: 0.4rem;
@@ -1604,9 +2049,9 @@ tspan {
     text-transform: none;
 }
 .mythic-tasking-filter-clear-button.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-055) !important;
+    border-color: var(--mythic-global-090) !important;
+    color: var(--mythic-global-038) !important;
 }
 @media screen and (max-width: 760px) {
     .mythic-tasking-filter-dialog-content.MuiDialogContent-root {
@@ -1643,7 +2088,7 @@ tspan {
     min-width: 12rem;
 }
 .mythic-task-parameters-title-main {
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    color: var(--mythic-global-070);
     font-size: 1rem;
     font-weight: 850;
     line-height: 1.15;
@@ -1659,10 +2104,10 @@ tspan {
     min-width: 0;
 }
 .mythic-task-parameters-title-chip.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.12)};
-    border: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.24)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-096);
+    border: 1px solid var(--mythic-global-097);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-070);
     font-size: 0.72rem;
     font-weight: 750;
 }
@@ -1671,12 +2116,12 @@ tspan {
     font-size: 1rem;
 }
 .mythic-task-parameters-title-chip-warning.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.14)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.52 : 0.36)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-050);
+    border-color: var(--mythic-global-083);
+    color: var(--mythic-global-038);
 }
 .mythic-task-parameters-content.MuiDialogContent-root {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-094);
     max-height: min(76vh, 52rem);
     min-width: min(58rem, calc(100vw - 3rem));
     overflow: auto;
@@ -1690,29 +2135,29 @@ tspan {
 .mythic-task-parameters-overview,
 .mythic-task-parameters-group-card,
 .mythic-task-parameter-card {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
 }
 .mythic-task-parameters-overview {
     padding: 0.75rem;
 }
 .mythic-task-parameters-section-label {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 800;
     line-height: 1.25;
 }
 .mythic-task-parameters-section-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.12rem;
 }
 .mythic-task-parameters-description {
-    color: ${(props) => props.theme.palette.text.secondary};
-    font-family: ${(props) => props.theme.typography.fontFamily};
+    color: var(--mythic-global-025);
+    font-family: var(--mythic-global-003);
     font-size: 0.82rem;
     line-height: 1.45;
     margin: 0.35rem 0 0;
@@ -1743,7 +2188,7 @@ tspan {
     padding: 0.8rem;
 }
 .mythic-task-parameter-card-required {
-    border-left: 4px solid ${(props) => props.theme.palette.warning.main};
+    border-left: 4px solid var(--mythic-global-038);
 }
 .mythic-task-parameter-copy {
     min-width: 0;
@@ -1756,7 +2201,7 @@ tspan {
     min-width: 0;
 }
 .mythic-task-parameter-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.88rem;
     font-weight: 800;
     line-height: 1.25;
@@ -1772,33 +2217,33 @@ tspan {
     justify-content: flex-end;
 }
 .mythic-task-parameter-chip.MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.055)" : "rgba(0,0,0,0.032)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-103);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
     height: 22px;
 }
 .mythic-task-parameter-chip-required.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.5 : 0.34)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    border-color: var(--mythic-global-104);
+    color: var(--mythic-global-038);
 }
 .mythic-task-parameter-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     line-height: 1.4;
     margin-top: 0.35rem;
     overflow-wrap: anywhere;
 }
 .mythic-task-parameter-description-muted {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     font-style: italic;
 }
 .mythic-task-parameter-name {
-    color: ${(props) => props.theme.palette.text.disabled};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    color: var(--mythic-global-066);
+    font-family: var(--mythic-global-105);
     font-size: 0.7rem;
     line-height: 1.35;
     margin-top: 0.4rem;
@@ -1813,9 +2258,9 @@ tspan {
     position: relative;
 }
 .mythic-task-parameter-control-backdrop.MuiBackdrop-root {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.72 : 0.82)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-106);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     position: absolute;
     z-index: 2;
 }
@@ -1827,9 +2272,9 @@ tspan {
     min-height: 38px;
 }
 .mythic-task-parameter-control .MuiInput-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     padding-left: 0.45rem;
     padding-right: 0.45rem;
 }
@@ -1862,7 +2307,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-task-parameter-select-placeholder {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
 }
 .mythic-task-parameter-selected-values {
     align-items: center;
@@ -1872,10 +2317,10 @@ tspan {
     min-width: 0;
 }
 .mythic-task-parameter-selected-chip.MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-029);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     height: 22px;
     max-width: 100%;
@@ -1893,10 +2338,10 @@ tspan {
 }
 .mythic-task-parameter-empty-inline {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px dashed ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-107);
+    border: 1px dashed var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     font-size: 0.74rem;
     font-weight: 650;
@@ -1919,40 +2364,40 @@ tspan {
 }
 .mythic-task-choice-custom-divider {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     display: inline-flex;
     font-size: 0.68rem;
     font-weight: 800;
     justify-content: center;
 }
 .mythic-task-choice-custom-divider span {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
     padding: 0.16rem 0.4rem;
 }
 .mythic-task-parameter-boolean-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     gap: 0.45rem;
     padding: 0.25rem 0.55rem 0.25rem 0.35rem;
 }
 .mythic-task-parameter-boolean-chip.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border: 1px solid var(--mythic-global-108);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-038);
     font-size: 0.68rem;
     font-weight: 750;
     height: 22px;
 }
 .mythic-task-parameter-boolean-chip-enabled.MuiChip-root {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    border-color: var(--mythic-global-074);
+    color: var(--mythic-global-035);
 }
 .mythic-task-parameter-field-row {
     align-items: center;
@@ -1962,7 +2407,7 @@ tspan {
     min-width: 0;
 }
 .mythic-task-parameter-field-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 750;
     line-height: 1.3;
@@ -1980,9 +2425,9 @@ tspan {
 }
 .mythic-task-parameter-switch-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.6rem;
     justify-content: space-between;
@@ -2021,9 +2466,9 @@ tspan {
 }
 .mythic-task-agent-connect-panel,
 .mythic-task-agent-connect-parameters {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     padding: 0.65rem;
 }
 .mythic-task-agent-connect-actions {
@@ -2034,7 +2479,7 @@ tspan {
     justify-content: flex-end;
 }
 .mythic-task-agent-connect-parameters-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 800;
     line-height: 1.3;
@@ -2048,18 +2493,18 @@ tspan {
     min-width: 0;
 }
 .mythic-task-agent-connect-parameter-name {
-    color: ${(props) => props.theme.palette.text.secondary};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    color: var(--mythic-global-025);
+    font-family: var(--mythic-global-105);
     font-size: 0.72rem;
     line-height: 1.35;
     overflow-wrap: anywhere;
 }
 .mythic-task-agent-connect-parameter-value {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
+    font-family: var(--mythic-global-105);
     font-size: 0.72rem;
     line-height: 1.4;
     margin: 0;
@@ -2084,16 +2529,16 @@ tspan {
     min-width: 0;
 }
 .mythic-task-credential-menu-comment {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     line-height: 1.3;
     overflow-wrap: anywhere;
     white-space: pre-wrap;
 }
 .mythic-task-file-dropzone {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px dashed ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px dashed var(--mythic-global-109);
+    border-radius: var(--mythic-global-008);
     cursor: pointer;
     padding: 1rem;
     text-align: center;
@@ -2101,13 +2546,13 @@ tspan {
 }
 .mythic-task-file-dropzone:hover,
 .mythic-task-file-dropzone-dragging {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.12 : 0.06)};
-    border-color: ${(props) => props.theme.palette.primary.main};
-    box-shadow: inset 0 0 0 1px ${(props) => alpha(props.theme.palette.primary.main, 0.28)};
+    background-color: var(--mythic-global-110);
+    border-color: var(--mythic-global-027);
+    box-shadow: inset 0 0 0 1px var(--mythic-global-111);
 }
 .mythic-task-file-dropzone-content {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     flex-direction: column;
     gap: 0.2rem;
@@ -2115,7 +2560,7 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-task-file-dropzone-icon {
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
 }
 .mythic-task-parameters-actions.MuiDialogActions-root {
     padding: 0.85rem 1rem !important;
@@ -2170,10 +2615,10 @@ tspan {
     font-size: 0.9rem;
 }
 .MythicResizableGrid-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "none" : "0 8px 18px rgba(15, 23, 42, 0.035)"};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-007);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-112);
     flex: 1 1 auto;
     height: 100%;
     min-height: 0;
@@ -2183,12 +2628,12 @@ tspan {
     width: 100%;
 }
 .MythicResizableGrid-grid {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     outline: none;
 }
 .MythicResizableGrid-headerCellRow {
-    background-color: ${(props) => props.theme.tableHeader};
-    box-shadow: inset 0 -1px 0 ${(props) => props.theme.table?.border || props.theme.borderColor};
+    background-color: var(--mythic-global-006);
+    box-shadow: inset 0 -1px 0 var(--mythic-global-007);
     display: flex;
     flex-direction: row;
     position: sticky;
@@ -2199,11 +2644,11 @@ tspan {
 }
 .MythicResizableGrid-headerCell {
     align-items: center;
-    background-color: ${(props) => props.theme.tableHeader} !important;
-    border-bottom: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-right: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-006) !important;
+    border-bottom: 1px solid var(--mythic-global-007);
+    border-right: 1px solid var(--mythic-global-010);
     box-sizing: border-box;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: flex;
     font-size: 0.76rem;
@@ -2220,7 +2665,7 @@ tspan {
         border-left: 0;
     }
     &:hover {
-        background-color: ${(props) => props.theme.table?.headerHover || props.theme.tableHover};
+        background-color: var(--mythic-global-113);
     }
 }
 .MythicResizableGrid-headerCellNoSort {
@@ -2240,7 +2685,7 @@ tspan {
     line-height: 1.2;
 }
 .MythicResizableGrid-headerLabel {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: block;
     letter-spacing: 0;
     min-width: 0;
@@ -2259,10 +2704,10 @@ tspan {
 .MythicResizableGrid-headerIndicator {
     align-items: center;
     appearance: none;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.22)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 0 0 1px rgba(255,255,255,0.04)" : "0 1px 2px rgba(15, 23, 42, 0.08)"};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-114);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-115);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.95rem;
@@ -2275,19 +2720,19 @@ tspan {
     width: 18px;
 }
 .MythicResizableGrid-headerFilterIcon {
-    background-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
-    border-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.72 : 0.5)};
-    color: ${(props) => props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main};
+    background-color: var(--mythic-global-116);
+    border-color: var(--mythic-global-117);
+    color: var(--mythic-global-118);
     cursor: pointer;
 }
 .MythicResizableGrid-headerFilterIcon:hover {
-    background-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    border-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.info.light : props.theme.palette.info.dark || props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.86 : 0.68)};
+    background-color: var(--mythic-global-119);
+    border-color: var(--mythic-global-120);
 }
 .MythicResizableGrid-headerSortIcon {
-    background-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
-    border-color: ${(props) => alpha(props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.72 : 0.5)};
-    color: ${(props) => props.theme.palette.mode === "dark" ? props.theme.palette.primary.light : props.theme.palette.primary.dark || props.theme.palette.primary.main};
+    background-color: var(--mythic-global-121);
+    border-color: var(--mythic-global-122);
+    color: var(--mythic-global-123);
 }
 .MythicResizableGrid-headerResizeHandle {
     bottom: 0;
@@ -2308,7 +2753,7 @@ tspan {
     top: 18%;
     width: 2px;
     border-radius: 999px;
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.5 : 0.38)};
+    background-color: var(--mythic-global-124);
     opacity: 0.72;
     pointer-events: none;
     transition: opacity 120ms ease, background-color 120ms ease;
@@ -2323,17 +2768,17 @@ tspan {
 }
 .MythicResizableGrid-headerResizeHandle:hover,
 .MythicResizableGrid-headerResizeHandleActive {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
+    background-color: var(--mythic-global-125);
 }
 .MythicResizableGrid-headerResizeHandle:hover::before,
 .MythicResizableGrid-headerResizeHandleActive::before {
-    background-color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-023);
     opacity: 1;
 }
 .MythicResizableGrid-resizeGuide {
-    background-color: ${(props) => props.theme.palette.info.main};
-    box-shadow: 0 0 0 1px ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.32 : 0.22)},
-        0 0 10px ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.45 : 0.28)};
+    background-color: var(--mythic-global-023);
+    box-shadow: 0 0 0 1px var(--mythic-global-126),
+        0 0 10px var(--mythic-global-127);
     pointer-events: none;
     position: absolute;
     top: 0;
@@ -2344,14 +2789,14 @@ tspan {
 .MythicResizableGrid-cell {
     align-items: center;
     background-image: none;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-right: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-009);
+    border-bottom: 1px solid var(--mythic-global-010);
+    border-right: 1px solid var(--mythic-global-010);
     box-sizing: border-box;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     cursor: default !important;
     display: flex;
-    font-family: ${(props) => props.theme.typography.fontFamily};
+    font-family: var(--mythic-global-003);
     font-size: 0.86rem;
     font-variant-numeric: tabular-nums;
     min-width: 0;
@@ -2360,42 +2805,42 @@ tspan {
     transition: background-color 120ms ease, background-image 120ms ease, border-color 120ms ease, box-shadow 120ms ease, color 120ms ease;
 }
 .MythicResizableGrid-cell.MythicResizableGridRowHighlight {
-    background-color: ${(props) => props.theme.table?.rowStripe || props.theme.tableHover + "66"};
+    background-color: var(--mythic-global-011);
 }
 .MythicResizableGrid-cell.MythicResizableGrid-hoveredRow {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.11 : 0.07)},
-        ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.11 : 0.07)}) !important;
-    border-bottom-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.3 : 0.2)};
+        var(--mythic-global-128),
+        var(--mythic-global-128)) !important;
+    border-bottom-color: var(--mythic-global-129);
 }
 .MythicResizableGrid-cell.MythicResizableGrid-contextRow {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)},
-        ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)}) !important;
-    border-bottom-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+        var(--mythic-global-044),
+        var(--mythic-global-044)) !important;
+    border-bottom-color: var(--mythic-global-130);
+    box-shadow: inset 0 1px 0 var(--mythic-global-130);
 }
 .MythicResizableGrid-cell.selectedCallback {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)},
-        ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)}) !important;
-    border-bottom-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)},
-        inset 0 -1px 0 ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
+        var(--mythic-global-131),
+        var(--mythic-global-131)) !important;
+    border-bottom-color: var(--mythic-global-132);
+    box-shadow: inset 0 1px 0 var(--mythic-global-132),
+        inset 0 -1px 0 var(--mythic-global-132);
 }
 .MythicResizableGrid-cell.selectedCallbackHierarchy {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)},
-        ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)}) !important;
-    border-bottom-color: ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)},
-        inset 0 -1px 0 ${(props) => alpha(props.theme.palette.secondary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)};
+        var(--mythic-global-133),
+        var(--mythic-global-133)) !important;
+    border-bottom-color: var(--mythic-global-134);
+    box-shadow: inset 0 1px 0 var(--mythic-global-134),
+        inset 0 -1px 0 var(--mythic-global-134);
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowInteractive {
     cursor: pointer !important;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell::before {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.72 : 0.58)};
+    background-color: var(--mythic-global-135);
     border-radius: 999px;
     bottom: 5px;
     content: "";
@@ -2411,43 +2856,43 @@ tspan {
     opacity: 0.72;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell.MythicResizableGrid-contextRow::before {
-    background-color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-023);
     opacity: 1;
     width: 4px;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell.selectedCallback::before {
-    background-color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-027);
     opacity: 1;
     width: 4px;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell.selectedCallbackHierarchy::before {
-    background-color: ${(props) => props.theme.palette.secondary.main};
+    background-color: var(--mythic-global-136);
     opacity: 1;
     width: 4px;
 }
 .MythicResizableGrid-cell.mythic-process-filter-match-row {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)},
-        ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)}) !important;
-    border-bottom-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.46 : 0.3)};
+        var(--mythic-global-137),
+        var(--mythic-global-137)) !important;
+    border-bottom-color: var(--mythic-global-068);
 }
 .MythicResizableGrid-cell.mythic-process-filter-ancestor-row {
     background-image: linear-gradient(0deg,
-        ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.055 : 0.035)},
-        ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.055 : 0.035)}) !important;
+        var(--mythic-global-138),
+        var(--mythic-global-138)) !important;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell.mythic-process-filter-match-row::before {
-    background-color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-023);
     opacity: 1;
     width: 4px;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowFirstCell.mythic-process-filter-ancestor-row::before {
-    background-color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-025);
     opacity: 0.35;
     width: 3px;
 }
 .MythicResizableGrid-cell.MythicResizableGrid-rowLastCell {
-    border-right-color: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    border-right-color: var(--mythic-global-007);
 }
 .MythicResizableGrid-cellInner {
     align-items: center;
@@ -2459,14 +2904,14 @@ tspan {
     width: 100%;
 }
 .mythic-grid-filter-dialog {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-094);
+    color: var(--mythic-global-002);
 }
 .mythic-grid-filter-dialog-title {
-    background-color: ${(props) => props.theme.pageHeader?.main || props.theme.surfaces?.muted || props.theme.palette.background.default};
-    background-image: ${getSectionHeaderGradient};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-139);
+    background-image: var(--mythic-global-069);
+    border-bottom: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-070);
     font-size: 0.98rem !important;
     font-weight: 850 !important;
     line-height: 1.2 !important;
@@ -2480,7 +2925,7 @@ tspan {
     padding: 1rem !important;
 }
 .mythic-grid-filter-dialog-copy {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
     line-height: 1.35;
@@ -2492,7 +2937,7 @@ tspan {
     justify-content: space-between;
 }
 .mythic-grid-filter-dialog-label {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.8rem;
     font-weight: 800;
 }
@@ -2502,7 +2947,7 @@ tspan {
     grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 .mythic-grid-filter-dialog-actions {
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-010);
     padding: 0.7rem 1rem !important;
 }
 @media (max-width: 720px) {
@@ -2568,13 +3013,13 @@ tspan {
     min-width: 0;
 }
 .mythic-callback-action-menu-label-primary {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 800;
     line-height: 1.2;
 }
 .mythic-callback-action-menu-label-secondary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.25;
@@ -2584,7 +3029,7 @@ tspan {
 }
 .mythic-callback-action-menu-section.MuiMenuItem-root,
 .mythic-callback-action-menu-section.MuiMenuItem-root.Mui-disabled {
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-010);
     cursor: default;
     margin-top: 0.25rem;
     min-height: 26px;
@@ -2595,7 +3040,7 @@ tspan {
     border-top: 0;
 }
 .mythic-callback-action-menu-section-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 850;
     letter-spacing: 0.02em;
@@ -2603,8 +3048,8 @@ tspan {
 }
 .mythic-callback-action-menu-item.MuiMenuItem-root {
     align-items: center;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 650;
     gap: 0;
@@ -2614,7 +3059,7 @@ tspan {
 }
 .mythic-callback-action-menu-item.MuiMenuItem-root:hover,
 .mythic-callback-action-menu-item.MuiMenuItem-root[data-open="true"] {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
+    background-color: var(--mythic-global-026);
 }
 .mythic-callback-action-menu-nested-label {
     align-items: center;
@@ -2624,10 +3069,10 @@ tspan {
 }
 .mythic-callback-action-menu-icon {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.82rem;
@@ -2643,30 +3088,30 @@ tspan {
     font-size: 0.92rem;
 }
 .mythic-callback-action-menu-icon-primary {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-140);
+    border-color: var(--mythic-global-141);
+    color: var(--mythic-global-027);
 }
 .mythic-callback-action-menu-icon-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-142);
+    border-color: var(--mythic-global-143);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-action-menu-icon-error {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-144);
+    border-color: var(--mythic-global-145);
+    color: var(--mythic-global-048);
 }
 .mythic-callback-action-menu-item.MuiMenuItem-root:hover .mythic-callback-action-menu-icon-neutral,
 .mythic-callback-action-menu-item.MuiMenuItem-root[data-open="true"] .mythic-callback-action-menu-icon-neutral {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.44 : 0.3)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-064);
+    border-color: var(--mythic-global-067);
+    color: var(--mythic-global-027);
 }
 .mythic-callback-iconButton.MuiIconButton-root {
     border: 1px solid transparent;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     height: 22px;
     padding: 0;
@@ -2674,87 +3119,87 @@ tspan {
     width: 22px;
 }
 .mythic-callback-iconButton.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-064);
+    color: var(--mythic-global-027);
 }
 .mythic-callback-cellIconButton.MuiIconButton-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-063);
+    border-color: var(--mythic-global-010);
 }
 .mythic-callback-cellIconButton.MuiIconButton-root svg {
     display: block;
     font-size: 0.92rem;
 }
 .mythic-callback-cellIconButtonNeutral.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.09)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-064);
+    border-color: var(--mythic-global-100);
+    color: var(--mythic-global-027);
 }
 .mythic-callback-cellIconButtonSuccess.MuiIconButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-146);
+    border-color: var(--mythic-global-147);
+    color: var(--mythic-global-035);
 }
 .mythic-callback-cellIconButtonSuccess.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-049);
+    border-color: var(--mythic-global-148);
+    color: var(--mythic-global-035);
 }
 .mythic-callback-cellIconButtonInfo.MuiIconButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-086);
+    border-color: var(--mythic-global-149);
+    color: var(--mythic-global-023);
 }
 .mythic-callback-cellIconButtonInfo.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-150);
+    border-color: var(--mythic-global-151);
+    color: var(--mythic-global-023);
 }
 .mythic-callback-cellIconButtonWarning.MuiIconButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-142);
+    border-color: var(--mythic-global-152);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-cellIconButtonWarning.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    border-color: var(--mythic-global-153);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-cellIconButtonHoverInfo.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-150);
+    border-color: var(--mythic-global-151);
+    color: var(--mythic-global-023);
 }
 .mythic-callback-cellIconButtonHoverWarning.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    border-color: var(--mythic-global-153);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-cellIconButtonError.MuiIconButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.32 : 0.2)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-144);
+    border-color: var(--mythic-global-154);
+    color: var(--mythic-global-048);
 }
 .mythic-callback-cellIconButtonError.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-051);
+    border-color: var(--mythic-global-155);
+    color: var(--mythic-global-048);
 }
 .mythic-callback-interactButtonHighIntegrity.MuiIconButton-root {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-047);
+    border-color: var(--mythic-global-156);
+    color: var(--mythic-global-048);
 }
 .mythic-callback-interactButtonHighIntegrity.MuiIconButton-root:hover,
 .mythic-callback-menuButtonHighIntegrity.MuiIconButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-157);
+    color: var(--mythic-global-048);
 }
 .mythic-callback-menuButton.MuiIconButton-root {
     margin-left: -0.12rem;
 }
 .mythic-callback-menuButtonHighIntegrity.MuiIconButton-root {
-    color: ${(props) => props.theme.palette.error.main};
+    color: var(--mythic-global-048);
 }
 .mythic-callback-displayId {
     align-items: center;
@@ -2771,11 +3216,11 @@ tspan {
 .mythic-callback-statusBadge {
     align-items: center;
     appearance: none;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     box-sizing: border-box;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.82rem;
@@ -2792,38 +3237,38 @@ tspan {
     cursor: pointer;
 }
 .mythic-callback-statusBadgeButton:focus-visible {
-    outline: 2px solid ${(props) => alpha(props.theme.palette.primary.main, 0.55)};
+    outline: 2px solid var(--mythic-global-158);
     outline-offset: 2px;
 }
 .mythic-callback-statusBadgeAlert:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-159);
+    border-color: var(--mythic-global-160);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-statusBadgeProxy:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-150);
+    border-color: var(--mythic-global-151);
+    color: var(--mythic-global-023);
 }
 .mythic-callback-statusBadgeLock:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-159);
+    border-color: var(--mythic-global-160);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-statusBadgeDead:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.22 : 0.13)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-159);
+    border-color: var(--mythic-global-160);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-statusBadge svg {
     display: block;
     font-size: inherit;
 }
 .mythic-callback-tag-list .MuiChip-root {
-    border: 1px solid ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.2 : 0.08)};
+    border: 1px solid var(--mythic-global-161);
 }
 .mythic-callback-tagsEmpty {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     font-size: 0.72rem;
     font-weight: 650;
     overflow: hidden;
@@ -2831,8 +3276,8 @@ tspan {
     white-space: nowrap;
 }
 .mythic-c2-path-title.MuiDialogTitle-root {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-061);
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.85rem 1rem;
 }
 .mythic-c2-path-title-row {
@@ -2847,13 +3292,13 @@ tspan {
     min-width: min(100%, 18rem);
 }
 .mythic-c2-path-title-text.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-c2-path-title-subtitle.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.35;
     margin-top: 0.18rem;
@@ -2866,10 +3311,10 @@ tspan {
 }
 .mythic-c2-path-summary-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.7rem;
     font-weight: 800;
@@ -2882,19 +3327,19 @@ tspan {
     font-size: 0.9rem;
 }
 .mythic-c2-path-summary-chip-success {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.42)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    border-color: var(--mythic-global-162);
+    color: var(--mythic-global-035);
 }
 .mythic-c2-path-summary-chip-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.46)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-046);
+    border-color: var(--mythic-global-163);
+    color: var(--mythic-global-038);
 }
 .mythic-c2-path-summary-chip-error {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.11)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, 0.48)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-164);
+    border-color: var(--mythic-global-165);
+    color: var(--mythic-global-048);
 }
 .mythic-c2-path-content.MuiDialogContent-root {
     display: flex;
@@ -2906,9 +3351,9 @@ tspan {
 }
 .mythic-c2-path-route-panel {
     align-items: center;
-    background: ${(props) => getSubtleAccentHorizontalGradient(props)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background: var(--mythic-global-166);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-wrap: wrap;
     gap: 0.75rem;
@@ -2917,16 +3362,16 @@ tspan {
     padding: 0.65rem 0.7rem;
 }
 .mythic-c2-path-route-panel-success {
-    background: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.28)};
+    background: var(--mythic-global-167);
+    border-color: var(--mythic-global-168);
 }
 .mythic-c2-path-route-panel-warning {
-    background: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.32)};
+    background: var(--mythic-global-169);
+    border-color: var(--mythic-global-170);
 }
 .mythic-c2-path-route-panel-error {
-    background: ${(props) => `linear-gradient(90deg, ${alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 70%)`};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, 0.34)};
+    background: var(--mythic-global-171);
+    border-color: var(--mythic-global-172);
 }
 .mythic-c2-path-route-state {
     align-items: center;
@@ -2936,10 +3381,10 @@ tspan {
 }
 .mythic-c2-path-route-icon {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     height: 2rem;
@@ -2947,25 +3392,25 @@ tspan {
     width: 2rem;
 }
 .mythic-c2-path-route-panel-success .mythic-c2-path-route-icon {
-    color: ${(props) => props.theme.palette.success.main};
+    color: var(--mythic-global-035);
 }
 .mythic-c2-path-route-panel-warning .mythic-c2-path-route-icon {
-    color: ${(props) => props.theme.palette.warning.main};
+    color: var(--mythic-global-038);
 }
 .mythic-c2-path-route-panel-error .mythic-c2-path-route-icon {
-    color: ${(props) => props.theme.palette.error.main};
+    color: var(--mythic-global-048);
 }
 .mythic-c2-path-route-copy {
     min-width: 0;
 }
 .mythic-c2-path-route-label.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-c2-path-route-description.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.12rem;
@@ -2981,10 +3426,10 @@ tspan {
 }
 .mythic-c2-path-legend-item {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.7rem;
     font-weight: 750;
@@ -3003,16 +3448,16 @@ tspan {
     width: 1.25rem;
 }
 .mythic-c2-path-edge-swatch-active {
-    background-image: ${(props) => `repeating-linear-gradient(90deg, ${props.theme.palette.success.main} 0, ${props.theme.palette.success.main} 5px, transparent 5px, transparent 9px)`};
+    background-image: var(--mythic-global-173);
 }
 .mythic-c2-path-edge-swatch-ended {
-    background-color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-048);
 }
 .mythic-c2-path-toolbar {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-wrap: wrap;
     gap: 0.75rem;
@@ -3024,13 +3469,13 @@ tspan {
     min-width: min(100%, 14rem);
 }
 .mythic-c2-path-toolbar-title.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 800;
     line-height: 1.2;
 }
 .mythic-c2-path-toolbar-description.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.12rem;
@@ -3051,9 +3496,9 @@ tspan {
     min-width: min(100%, 20rem);
 }
 .mythic-c2-path-canvas {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     flex: 1 1 auto;
     min-height: 0;
     min-width: 0;
@@ -3063,17 +3508,17 @@ tspan {
     box-shadow: none;
 }
 .mythic-c2-path-canvas .react-flow__controls-button {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-009);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-path-canvas .react-flow__controls-button:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-026);
+    color: var(--mythic-global-027);
 }
 .mythic-c2-agent-node {
     align-items: center;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
@@ -3086,16 +3531,16 @@ tspan {
     width: 100%;
 }
 .mythic-c2-agent-node-focused {
-    background: ${(props) => `linear-gradient(180deg, ${alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.1)} 0%, ${alpha(props.theme.palette.background.paper, 0)} 100%)`};
-    box-shadow: 0 0 0 2px ${(props) => alpha(props.theme.palette.primary.main, 0.42)};
-    outline: 1px solid ${(props) => alpha(props.theme.palette.primary.main, 0.72)};
+    background: var(--mythic-global-174);
+    box-shadow: 0 0 0 2px var(--mythic-global-175);
+    outline: 1px solid var(--mythic-global-176);
     outline-offset: 2px;
 }
 .mythic-c2-agent-node-mythic {
     opacity: 0.96;
 }
 .mythic-c2-agent-node-label.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.72rem;
     font-weight: 760;
     line-height: 1.15;
@@ -3123,10 +3568,10 @@ tspan {
 }
 .mythic-c2-agent-node-egress-route {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.94 : 0.98)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-052);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.62rem;
     font-weight: 760;
@@ -3140,12 +3585,12 @@ tspan {
     white-space: nowrap;
 }
 .mythic-c2-agent-node-egress-route-active {
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.38)};
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-color: var(--mythic-global-034);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-agent-node-egress-route-ended {
-    border-color: ${(props) => alpha(props.theme.palette.error.main, 0.38)};
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-color: var(--mythic-global-177);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-agent-node-egress-route-more {
     border-style: dashed;
@@ -3163,11 +3608,11 @@ tspan {
     text-overflow: ellipsis;
 }
 .mythic-c2-group-node {
-    background: ${(props) => `linear-gradient(180deg, ${alpha(props.theme.sectionHeader?.background || props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.96 : 0.98)} 0%, ${alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.86 : 0.94)} 100%)`};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius + 2}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 10px 28px rgba(0,0,0,0.22)" : "0 10px 24px rgba(15, 23, 42, 0.08)"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background: var(--mythic-global-178);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-019);
+    box-shadow: var(--mythic-global-179);
+    color: var(--mythic-global-002);
     display: flex;
     flex-direction: column;
     gap: 0.45rem;
@@ -3180,7 +3625,7 @@ tspan {
     width: 100%;
 }
 .mythic-c2-group-node::before {
-    background-color: ${(props) => props.theme.sectionHeader?.accent || props.theme.palette.primary.main};
+    background-color: var(--mythic-global-017);
     content: "";
     height: 3px;
     left: 0;
@@ -3212,7 +3657,7 @@ tspan {
 }
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge:hover,
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge:focus-within {
-    filter: ${(props) => props.theme.palette.mode === "dark" ? "drop-shadow(0 0 4px rgba(255,255,255,0.14))" : "drop-shadow(0 1px 3px rgba(15,23,42,0.18))"};
+    filter: var(--mythic-global-180);
     opacity: 1;
 }
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge:hover .react-flow__edge-path,
@@ -3223,15 +3668,15 @@ tspan {
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-active:focus-within .react-flow__edge-path,
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-success:hover .react-flow__edge-path,
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-success:focus-within .react-flow__edge-path {
-    stroke: ${(props) => props.theme.palette.success.main} !important;
+    stroke: var(--mythic-global-035) !important;
 }
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-ended:hover .react-flow__edge-path,
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-ended:focus-within .react-flow__edge-path {
-    stroke: ${(props) => props.theme.palette.error.main} !important;
+    stroke: var(--mythic-global-048) !important;
 }
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-warning:hover .react-flow__edge-path,
 .mythic-c2-flow-canvas .react-flow__edge.mythic-c2-edge-warning:focus-within .react-flow__edge-path {
-    stroke: ${(props) => props.theme.palette.warning.main} !important;
+    stroke: var(--mythic-global-038) !important;
 }
 .mythic-c2-flow-canvas .react-flow__edgelabel-renderer {
     z-index: 34 !important;
@@ -3242,16 +3687,16 @@ tspan {
 }
 .mythic-c2-edge-label:hover,
 .mythic-c2-edge-label:focus-within {
-    filter: ${(props) => props.theme.palette.mode === "dark" ? "drop-shadow(0 0 6px rgba(255,255,255,0.18))" : "drop-shadow(0 2px 6px rgba(15,23,42,0.18))"};
+    filter: var(--mythic-global-181);
     opacity: 1;
 }
 .mythic-c2-edge-profile-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-182);
     border-radius: 999px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 6px 18px rgba(0,0,0,0.34)" : "0 6px 14px rgba(15, 23, 42, 0.16)"};
-    color: ${(props) => props.theme.palette.text.secondary};
+    box-shadow: var(--mythic-global-183);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.68rem;
     font-weight: 760;
@@ -3293,11 +3738,11 @@ tspan {
 }
 .mythic-c2-edge-text-label {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-182);
     border-radius: 999px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 6px 18px rgba(0,0,0,0.34)" : "0 6px 14px rgba(15, 23, 42, 0.16)"};
-    color: ${(props) => props.theme.palette.text.secondary};
+    box-shadow: var(--mythic-global-183);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.66rem;
     font-weight: 740;
@@ -3320,14 +3765,14 @@ tspan {
     min-width: 0;
 }
 .mythic-c2-group-node-kicker.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.64rem;
     font-weight: 760;
     line-height: 1;
     margin-bottom: 0.18rem;
 }
 .mythic-c2-group-node-title.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 800;
     line-height: 1.12;
@@ -3337,9 +3782,9 @@ tspan {
 }
 .mythic-c2-group-node-toggle {
     background: transparent;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: pointer;
     flex: 0 0 auto;
     font-size: 0.68rem;
@@ -3349,9 +3794,9 @@ tspan {
 }
 .mythic-c2-group-node-toggle:hover,
 .mythic-c2-group-node-actions button:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, 0.5)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-026);
+    border-color: var(--mythic-global-184);
+    color: var(--mythic-global-027);
 }
 .mythic-c2-group-node-stats {
     display: flex;
@@ -3360,10 +3805,10 @@ tspan {
 }
 .mythic-c2-group-node-stat {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.06)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-185);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: inline-flex;
     font-family: inherit;
@@ -3374,27 +3819,27 @@ tspan {
     padding: 0 0.42rem;
 }
 .mythic-c2-group-node-stat:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, 0.48)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-026);
+    border-color: var(--mythic-global-186);
+    color: var(--mythic-global-027);
 }
 .mythic-c2-group-node-stat-success {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.09)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.32)};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-187);
+    border-color: var(--mythic-global-188);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-group-node-stat-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.35)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-189);
+    border-color: var(--mythic-global-190);
+    color: var(--mythic-global-038);
 }
 .mythic-c2-group-node-stat-neutral {
-    background-color: ${(props) => alpha(props.theme.palette.text.secondary, props.theme.palette.mode === "dark" ? 0.12 : 0.08)};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-191);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-group-node-muted {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.66rem;
     font-weight: 620;
     overflow: hidden;
@@ -3415,10 +3860,10 @@ tspan {
     overflow: hidden;
 }
 .mythic-c2-group-node-member {
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.06)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-185);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.64rem;
@@ -3427,22 +3872,22 @@ tspan {
     padding: 0.22rem 0.4rem;
 }
 .mythic-c2-group-node-member-active {
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.32)};
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-color: var(--mythic-global-188);
+    color: var(--mythic-global-025);
 }
 .mythic-c2-group-node-member:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, 0.48)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-026);
+    border-color: var(--mythic-global-186);
+    color: var(--mythic-global-027);
 }
 .mythic-c2-group-node-member-muted {
     border-style: dashed;
     cursor: default;
 }
 .mythic-c2-group-node-actions {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.82 : 0.88)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-192);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-wrap: wrap;
     gap: 0.3rem;
@@ -3453,9 +3898,9 @@ tspan {
 }
 .mythic-c2-group-node-actions button {
     background: transparent;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: pointer;
     font-size: 0.64rem;
     font-weight: 740;
@@ -3463,11 +3908,11 @@ tspan {
 }
 .mythic-c2-group-edge-summary {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-182);
     border-radius: 999px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 8px 22px rgba(0,0,0,0.36)" : "0 8px 18px rgba(15, 23, 42, 0.18)"};
-    color: ${(props) => props.theme.palette.text.secondary};
+    box-shadow: var(--mythic-global-193);
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: inline-flex;
     font-size: 0.68rem;
@@ -3478,17 +3923,17 @@ tspan {
     white-space: nowrap;
 }
 .mythic-c2-group-edge-summary-success {
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.42)};
-    color: ${(props) => props.theme.palette.success.main};
+    border-color: var(--mythic-global-162);
+    color: var(--mythic-global-035);
 }
 .mythic-c2-group-edge-summary-warning {
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.45)};
-    color: ${(props) => props.theme.palette.warning.main};
+    border-color: var(--mythic-global-194);
+    color: var(--mythic-global-038);
 }
 .mythic-c2-group-edge-summary:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, 0.55)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-195);
+    border-color: var(--mythic-global-158);
+    color: var(--mythic-global-027);
 }
 .mythic-c2-collapsed-edge-summary {
     display: flex;
@@ -3498,10 +3943,10 @@ tspan {
 }
 .mythic-c2-collapsed-edge-chip {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.06)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-185);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.76rem;
     font-weight: 740;
@@ -3509,17 +3954,17 @@ tspan {
     padding: 0 0.65rem;
 }
 .mythic-c2-collapsed-edge-chip-success {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.09)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, 0.36)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-187);
+    border-color: var(--mythic-global-196);
+    color: var(--mythic-global-035);
 }
 .mythic-c2-collapsed-edge-chip-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, 0.36)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-189);
+    border-color: var(--mythic-global-197);
+    color: var(--mythic-global-038);
 }
 .mythic-c2-collapsed-edge-profiles.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.8rem;
     font-weight: 650;
     margin-bottom: 0.75rem;
@@ -3547,13 +3992,13 @@ tspan {
     text-transform: none;
 }
 .mythic-c2-action-title-text.MuiTypography-root {
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    color: var(--mythic-global-070);
     font-size: 1rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-c2-action-title-subtitle.MuiTypography-root {
-    color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.secondary, 0.76)};
+    color: var(--mythic-global-198);
     font-size: 0.78rem;
     line-height: 1.35;
     margin-top: 0.18rem;
@@ -3571,10 +4016,10 @@ tspan {
 }
 .mythic-c2-action-card {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: flex;
     gap: 0.65rem;
@@ -3586,8 +4031,8 @@ tspan {
 }
 .mythic-c2-action-card:hover,
 .mythic-c2-action-card-selected {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.14 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, 0.42)};
+    background-color: var(--mythic-global-199);
+    border-color: var(--mythic-global-200);
 }
 .mythic-c2-action-card-main {
     display: flex;
@@ -3598,7 +4043,7 @@ tspan {
 }
 .mythic-c2-action-route {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: flex;
     flex-wrap: wrap;
     font-size: 0.78rem;
@@ -3607,10 +4052,10 @@ tspan {
 }
 .mythic-c2-action-route-profile {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.09)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.primary.main, 0.34)};
+    background-color: var(--mythic-global-201);
+    border: 1px solid var(--mythic-global-202);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
     display: inline-flex;
     font-size: 0.7rem;
     font-weight: 850;
@@ -3618,7 +4063,7 @@ tspan {
     padding: 0.22rem 0.42rem;
 }
 .mythic-c2-action-card-description.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
 }
@@ -3634,23 +4079,23 @@ tspan {
     white-space: nowrap;
 }
 .mythic-c2-action-state-active {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.success.main, 0.4)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    border: 1px solid var(--mythic-global-203);
+    color: var(--mythic-global-035);
 }
 .mythic-c2-action-state-ended,
 .mythic-c2-action-state-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.warning.main, 0.42)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border: 1px solid var(--mythic-global-204);
+    color: var(--mythic-global-038);
 }
 .mythic-c2-action-empty,
 .mythic-c2-edge-empty-selection {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.025)"};
-    border: 1px dashed ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-205);
+    border: 1px dashed var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     font-size: 0.78rem;
     min-height: 3rem;
@@ -3663,8 +4108,8 @@ tspan {
     gap: 0.4rem;
 }
 .mythic-c2-action-command-name {
-    color: ${(props) => props.theme.palette.text.primary};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    color: var(--mythic-global-002);
+    font-family: var(--mythic-global-105);
     font-size: 0.82rem;
     font-weight: 850;
 }
@@ -3677,9 +4122,9 @@ tspan {
 }
 .mythic-c2-edge-callback-summary {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -3687,7 +4132,7 @@ tspan {
     padding: 0.55rem;
 }
 .mythic-c2-edge-summary-label.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 850;
     line-height: 1;
@@ -3703,12 +4148,12 @@ tspan {
     margin-top: 0.35rem;
 }
 .mythic-c2-edge-callback-id {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 850;
 }
 .mythic-c2-edge-summary-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     min-width: 0;
     overflow: hidden;
@@ -3717,9 +4162,9 @@ tspan {
 }
 .mythic-callback-trigger-summary {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.75rem;
     min-width: 0;
@@ -3727,10 +4172,10 @@ tspan {
 }
 .mythic-callback-trigger-summary-icon {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     height: 34px;
@@ -3738,21 +4183,21 @@ tspan {
     width: 34px;
 }
 .mythic-callback-trigger-summary-icon-active {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.42 : 0.3)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-189);
+    border-color: var(--mythic-global-206);
+    color: var(--mythic-global-038);
 }
 .mythic-callback-trigger-summary-copy {
     min-width: 0;
 }
 .mythic-callback-trigger-summary-title.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 800;
     line-height: 1.25;
 }
 .mythic-callback-trigger-summary-description.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.4;
     margin-top: 0.2rem;
@@ -3762,19 +4207,19 @@ tspan {
     gap: 0.45rem;
 }
 .mythic-callback-trigger-rule {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-207);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.4;
     padding: 0.55rem 0.65rem;
 }
 .mythic-callback-trigger-rule strong {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
 }
 .MythicInteractiveTerminal {
-    background-color: ${(props) => props.theme.outputBackgroundColor};
+    background-color: var(--mythic-global-208);
 }
 .MythicInteractiveTerminal .xterm {
     height: 100%;
@@ -3784,8 +4229,8 @@ tspan {
     background-color: transparent !important;
 }
 .mythic-interactive-terminal-frame {
-    border: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.26 : 0.18)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-209);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
@@ -3795,9 +4240,9 @@ tspan {
 }
 .mythic-interactive-terminal-toolbar {
     align-items: stretch;
-    background-color: ${(props) => alpha(props.theme.outputBackgroundColor || props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.86 : 0.72)};
-    border-bottom: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.2 : 0.16)};
-    color: ${(props) => props.theme.outputTextColor};
+    background-color: var(--mythic-global-210);
+    border-bottom: 1px solid var(--mythic-global-211);
+    color: var(--mythic-global-212);
     display: flex;
     flex: 0 0 auto;
     flex-direction: column;
@@ -3815,9 +4260,9 @@ tspan {
 }
 .mythic-interactive-terminal-config-chip {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.1 : 0.07)};
-    border: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.24 : 0.2)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-213);
+    border: 1px solid var(--mythic-global-214);
+    border-radius: var(--mythic-global-008);
     cursor: pointer;
     display: inline-flex;
     flex: 0 0 auto;
@@ -3829,8 +4274,8 @@ tspan {
     padding: 0.28rem 0.48rem;
 }
 .mythic-interactive-terminal-config-chip:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.48 : 0.34)};
+    background-color: var(--mythic-global-150);
+    border-color: var(--mythic-global-215);
 }
 .mythic-interactive-terminal-toolbar-spacer {
     flex: 1 1 auto;
@@ -3838,9 +4283,9 @@ tspan {
 }
 .mythic-interactive-terminal-toggle-group {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.08 : 0.05)};
-    border: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.2 : 0.16)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-216);
+    border: 1px solid var(--mythic-global-211);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     flex: 0 0 auto;
     overflow: hidden;
@@ -3849,8 +4294,8 @@ tspan {
     align-items: center;
     background-color: transparent;
     border: 0;
-    border-right: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.18 : 0.14)};
-    color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.72)};
+    border-right: 1px solid var(--mythic-global-217);
+    color: var(--mythic-global-218);
     cursor: pointer;
     display: inline-flex;
     flex: 0 0 auto;
@@ -3864,16 +4309,16 @@ tspan {
     border-right: 0;
 }
 .mythic-interactive-terminal-toggle-button:hover {
-    background-color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.12 : 0.08)};
-    color: ${(props) => props.theme.outputTextColor || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-219);
+    color: var(--mythic-global-220);
 }
 .mythic-interactive-terminal-toggle-button.is-off {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.13)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-221);
+    color: var(--mythic-global-038);
 }
 .mythic-interactive-terminal-toggle-button.is-off:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.28 : 0.2)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-222);
+    color: var(--mythic-global-038);
 }
 .mythic-interactive-terminal-shell {
     flex: 1 1 auto;
@@ -3883,7 +4328,7 @@ tspan {
     width: 100%;
 }
 .mythic-interactive-terminal-empty-hint {
-    color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.58)};
+    color: var(--mythic-global-223);
     font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 0.8rem;
     left: 0.75rem;
@@ -3892,9 +4337,9 @@ tspan {
     top: 0.65rem;
 }
 .mythic-interactive-terminal-pending-chip {
-    border: 1px solid ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.24 : 0.2)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.outputTextColor};
+    border: 1px solid var(--mythic-global-214);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-212);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.68rem;
@@ -3904,7 +4349,7 @@ tspan {
 }
 .mythic-interactive-terminal-pending {
     align-items: center;
-    color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.7)};
+    color: var(--mythic-global-224);
     display: flex;
     flex: 0 1 auto;
     gap: 0.3rem;
@@ -3920,17 +4365,17 @@ tspan {
     text-transform: uppercase;
 }
 .mythic-interactive-terminal-pending-chip {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.38 : 0.28)};
+    background-color: var(--mythic-global-225);
+    border-color: var(--mythic-global-226);
     max-width: 9rem;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 .mythic-interactive-terminal-raw-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => alpha(props.theme.outputTextColor || props.theme.palette.text.primary, 0.82)};
+    background-color: var(--mythic-global-189);
+    border: 1px solid var(--mythic-global-227);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-228);
     font-size: 0.72rem;
     font-weight: 700;
     line-height: 1.35;
@@ -3954,9 +4399,9 @@ tspan {
     width: 100%;
 }
 .MuiPaper-root {
-    border: 1px solid ${(props) => props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    background-color: ${(props) => props.theme.palette.background.paper};
+    border: 1px solid var(--mythic-global-005);
+    border-radius: var(--mythic-global-008);
+    background-color: var(--mythic-global-009);
     background-image: unset;
 }
 .no-box-shadow {
@@ -3967,15 +4412,15 @@ tspan {
 }
 
 .MuiList-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-005);
+    border-radius: var(--mythic-global-008);
     line-height: 28px;
 }
 .dropdownMenuColored {
-    background-color: ${(props) => props.theme.palette.background.paper} !important;
-    border: 1px solid ${(props) => props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009) !important;
+    border: 1px solid var(--mythic-global-005);
+    border-radius: var(--mythic-global-008);
     //color: white;
 }
 // gets the title of the table
@@ -4001,10 +4446,10 @@ tspan {
     min-height: 2rem;
 }
 .selectedCallback {
-    background-color: ${(props) => props.theme.table?.selected || props.theme.selectedCallbackColor + "CC"};
+    background-color: var(--mythic-global-229);
 }
 .selectedCallbackHierarchy {
-    background-color: ${(props) => props.theme.table?.selectedHierarchy || props.theme.selectedCallbackHierarchyColor + "CC"};
+    background-color: var(--mythic-global-230);
 }
 
 .roundedBottomCorners {
@@ -4012,29 +4457,29 @@ tspan {
     border-bottom-right-radius: 4px;
 }
 .MuiInputLabel-root {
-    color:  ${(props) => props.theme.palette.text.secondary} !important;
+    color:  var(--mythic-global-025) !important;
 }
 .MuiOutlinedInput-notchedOutline {
-    border-color: ${(props) => props.theme.borderColor} !important;
+    border-color: var(--mythic-global-005) !important;
 }
 .MuiInput-underline {
-    border-color: ${(props) => props.theme.borderColor} !important;
+    border-color: var(--mythic-global-005) !important;
 }
 .MuiSelect-outlined {
-    border-color: ${(props) => props.theme.borderColor} !important;
+    border-color: var(--mythic-global-005) !important;
 }
 .Mui-focused {
-    border-color: ${(props) => props.theme.palette.primary.main} !important;
+    border-color: var(--mythic-global-027) !important;
 }
 .MuiInputBase-input {
-    border-color: ${(props) => props.theme.borderColor} !important;
+    border-color: var(--mythic-global-005) !important;
 }
 .MuiInput-root::after {
-    border-color: ${(props) => props.theme.palette.primary.main} !important;
+    border-color: var(--mythic-global-027) !important;
 }
 .MuiTableCell-root {
     padding: 6px 10px;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     font-variant-numeric: tabular-nums;
     line-height: 1.35;
     vertical-align: middle;
@@ -4052,14 +4497,14 @@ tspan {
     padding: 0;
 }
 .mythic-table-total {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.82rem;
     font-weight: 650;
     padding-left: 0;
     white-space: nowrap;
 }
 .mythic-table-empty {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -4069,17 +4514,17 @@ tspan {
     padding: 1rem;
     text-align: center;
     width: 100%;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-231);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     font-size: 0.86rem;
     font-weight: 750;
 }
 .mythic-table-toolbar {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 0 0 auto;
     flex-wrap: wrap;
@@ -4093,7 +4538,7 @@ tspan {
 }
 .mythic-table-toolbar-search {
     align-items: stretch;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.028)" : "rgba(0,0,0,0.012)"};
+    background-color: var(--mythic-global-232);
     gap: 0.55rem;
     padding: 0.55rem;
 }
@@ -4111,7 +4556,7 @@ tspan {
     gap: 0.35rem;
 }
 .mythic-table-toolbar-group-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 100%;
     font-size: 0.66rem;
     font-weight: 800;
@@ -4134,54 +4579,54 @@ tspan {
 }
 .mythic-table-toolbar-search .mythic-toolbar-select,
 .mythic-table-toolbar-search .MythicTextField-root .MuiInputBase-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
 }
 .mythic-toolbar-button {
     white-space: nowrap;
 }
 .mythic-toolbar-button-hover-success {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     font-weight: 750;
     min-height: 32px;
     text-transform: none;
 }
 .mythic-toolbar-button-hover-success:hover {
-    background-color: ${(props) => props.theme.palette.success.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "88"} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-233) !important;
+    border-color: var(--mythic-global-234) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-toolbar-toggle {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.025)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-207) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
+    color: var(--mythic-global-025) !important;
     gap: 0.35rem;
     min-height: 32px;
     text-transform: none;
     white-space: nowrap;
 }
 .mythic-toolbar-toggle.Mui-selected {
-    background-color: ${(props) => props.theme.palette.primary.main + "18"} !important;
-    border-color: ${(props) => props.theme.palette.primary.main + "55"} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-235) !important;
+    border-color: var(--mythic-global-236) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-toolbar-toggle:hover,
 .mythic-toolbar-toggle.Mui-selected:hover {
-    background-color: ${(props) => props.theme.palette.primary.main + "22"} !important;
-    border-color: ${(props) => props.theme.palette.primary.main + "77"} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-237) !important;
+    border-color: var(--mythic-global-238) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-toolbar-icon-button {
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    color: var(--mythic-global-025) !important;
     margin-right: 2px;
 }
 .mythic-toolbar-icon-button:hover {
-    background-color: ${(props) => props.theme.palette.primary.main + "16"} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-239) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-dialog-body {
     display: flex;
@@ -4202,11 +4647,11 @@ tspan {
     min-width: 0;
 }
 .mythic-dialog-title-action {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.76rem;
     font-weight: 750;
     min-height: 30px;
@@ -4223,13 +4668,13 @@ tspan {
     min-width: 0;
 }
 .mythic-ui-settings-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1.05rem;
     font-weight: 750;
     line-height: 1.25;
 }
 .mythic-ui-settings-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     line-height: 1.35;
 }
 .mythic-ui-settings-title-actions {
@@ -4247,19 +4692,19 @@ tspan {
     padding: 0.35rem 0.65rem;
 }
 .mythic-ui-settings-title-button-info.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-044) !important;
+    border-color: var(--mythic-global-240) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-ui-settings-title-button-success.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.58 : 0.42)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-045) !important;
+    border-color: var(--mythic-global-241) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-tasking-visibility-panel {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(15,23,42,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-242);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -4278,21 +4723,21 @@ tspan {
     min-width: 0;
 }
 .mythic-tasking-visibility-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.92rem;
     font-weight: 800;
     line-height: 1.25;
 }
 .mythic-tasking-visibility-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.35;
 }
 .mythic-tasking-visibility-count {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-092);
+    border: 1px solid var(--mythic-global-243);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-023);
     font-size: 0.72rem;
     font-weight: 800;
     line-height: 1;
@@ -4322,10 +4767,10 @@ tspan {
 }
 .mythic-tasking-visibility-chip {
     align-items: center;
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.38 : 0.24)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-091);
+    border: 1px solid var(--mythic-global-244);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.76rem;
     font-weight: 750;
@@ -4337,9 +4782,9 @@ tspan {
 }
 .mythic-tasking-visibility-chip-index {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.info.main};
-    border-radius: ${(props) => Math.max(4, props.theme.shape.borderRadius - 1)}px;
-    color: ${(props) => props.theme.palette.info.contrastText};
+    background-color: var(--mythic-global-023);
+    border-radius: var(--mythic-global-245);
+    color: var(--mythic-global-246);
     display: inline-flex;
     font-size: 0.68rem;
     font-weight: 850;
@@ -4349,7 +4794,7 @@ tspan {
     padding: 0 0.24rem;
 }
 .mythic-tasking-visibility-empty {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-style: italic;
 }
@@ -4360,11 +4805,11 @@ tspan {
 }
 .mythic-tasking-visibility-option.MuiButton-root {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     box-shadow: none;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     flex-direction: column;
     gap: 0.25rem;
@@ -4375,14 +4820,14 @@ tspan {
     text-transform: none;
 }
 .mythic-tasking-visibility-option.MuiButton-root:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.13 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.46 : 0.28)};
+    background-color: var(--mythic-global-247);
+    border-color: var(--mythic-global-248);
 }
 .mythic-tasking-visibility-option.MuiButton-root.selected {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.62 : 0.42)};
-    color: ${(props) => props.theme.palette.text.primary};
-    box-shadow: inset 3px 0 0 ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border-color: var(--mythic-global-249);
+    color: var(--mythic-global-002);
+    box-shadow: inset 3px 0 0 var(--mythic-global-023);
 }
 .mythic-tasking-visibility-option-title {
     color: inherit;
@@ -4391,7 +4836,7 @@ tspan {
     line-height: 1.2;
 }
 .mythic-tasking-visibility-option-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.25;
@@ -4402,7 +4847,7 @@ tspan {
     gap: 0.12rem;
 }
 .mythic-reorder-row-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.25;
@@ -4419,18 +4864,18 @@ tspan {
     }
 }
 .mythic-dialog-title-select {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-029);
+    border-radius: var(--mythic-global-008);
     min-width: 11rem;
 }
 .mythic-detail-section-header {
     align-items: center;
-    background-color: ${(props) => props.theme.pageHeader.main};
-    background-image: ${getSectionHeaderGradient};
-    border: 1px solid ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.55 : 0.38)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.22)}, 0 2px 6px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.28 : 0.12)};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-250);
+    background-image: var(--mythic-global-069);
+    border: 1px solid var(--mythic-global-251);
+    border-radius: var(--mythic-global-008);
+    box-shadow: inset 0 1px 0 var(--mythic-global-252), 0 2px 6px var(--mythic-global-253);
+    color: var(--mythic-global-070);
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
@@ -4444,15 +4889,15 @@ tspan {
     width: 100%;
 }
 .mythic-section-header {
-    background-image: ${getSectionHeaderGradient} !important;
-    border-color: ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.55 : 0.38)} !important;
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.22)}, 0 2px 6px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.28 : 0.12)} !important;
+    background-image: var(--mythic-global-069) !important;
+    border-color: var(--mythic-global-251) !important;
+    box-shadow: inset 0 1px 0 var(--mythic-global-252), 0 2px 6px var(--mythic-global-253) !important;
     overflow: hidden !important;
     padding-left: 1rem !important;
     position: relative !important;
 }
 .mythic-detail-section-title {
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    color: var(--mythic-global-070);
     font-size: 1.25rem;
     font-weight: 750;
     letter-spacing: 0;
@@ -4467,11 +4912,11 @@ tspan {
 }
 .mythic-detail-section-header .MuiButton-root,
 .mythic-detail-section-header .MuiIconButton-root {
-    background-color: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "1a"} !important;
-    border: 1px solid ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "3d"} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-254) !important;
+    border: 1px solid var(--mythic-global-255) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-070) !important;
     font-size: 0.76rem;
     font-weight: 750;
     min-height: 32px;
@@ -4479,13 +4924,13 @@ tspan {
 }
 .mythic-detail-section-header .MuiButton-root:hover,
 .mythic-detail-section-header .MuiIconButton-root:hover {
-    background-color: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "29"} !important;
-    border-color: ${(props) => (props.theme.pageHeaderText?.main || props.theme.palette.text.primary) + "6b"} !important;
+    background-color: var(--mythic-global-256) !important;
+    border-color: var(--mythic-global-257) !important;
 }
 .mythic-dialog-section {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     padding: 0.75rem;
 }
@@ -4498,13 +4943,13 @@ tspan {
     min-width: 0;
 }
 .mythic-dialog-section-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 700;
     line-height: 1.25;
 }
 .mythic-dialog-section-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.35;
     margin-top: 0.12rem;
@@ -4516,17 +4961,17 @@ tspan {
     gap: 0.4rem;
 }
 .mythic-dialog-section-actions .MuiButton-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002) !important;
     font-size: 0.74rem;
     font-weight: 750;
     min-height: 28px;
     text-transform: none;
 }
 .mythic-dialog-section-actions .MuiButton-root:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
+    background-color: var(--mythic-global-258) !important;
 }
 .mythic-reorder-list {
     display: flex;
@@ -4540,11 +4985,11 @@ tspan {
 }
 .mythic-reorder-row {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     box-shadow: none;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: flex;
     flex: 0 0 auto;
     gap: 0.5rem;
@@ -4555,26 +5000,26 @@ tspan {
     width: 100%;
 }
 .mythic-reorder-row:hover {
-    background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover};
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    background-color: var(--mythic-global-013);
+    border-color: var(--mythic-global-007);
 }
 .mythic-reorder-row-dragging {
-    background-color: ${(props) => props.theme.palette.primary.main + "1f"};
-    border-color: ${(props) => props.theme.palette.primary.main + "88"};
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 12px 28px rgba(0,0,0,0.32)" : "0 12px 28px rgba(15,23,42,0.14)"};
+    background-color: var(--mythic-global-259);
+    border-color: var(--mythic-global-260);
+    box-shadow: var(--mythic-global-261);
 }
 .mythic-reorder-row-disabled {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
+    background-color: var(--mythic-global-262);
 }
 .mythic-reorder-row-disabled .mythic-reorder-row-title {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-reorder-drag-handle {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.03)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-263);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: grab;
     display: inline-flex;
     flex: 0 0 30px;
@@ -4622,9 +5067,9 @@ tspan {
     min-width: 0;
 }
 .mythic-parameter-card {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     padding: 0.75rem;
 }
@@ -4636,7 +5081,7 @@ tspan {
     min-width: 0;
 }
 .mythic-parameter-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 800;
     line-height: 1.25;
@@ -4644,7 +5089,7 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-parameter-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.8rem;
     line-height: 1.4;
     margin-top: 0.25rem;
@@ -4659,14 +5104,14 @@ tspan {
     min-width: 0;
 }
 .mythic-metadata-item {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-207);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     padding: 0.5rem 0.55rem;
 }
 .mythic-metadata-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: block;
     font-size: 0.68rem;
     font-weight: 800;
@@ -4675,7 +5120,7 @@ tspan {
 }
 .mythic-metadata-value,
 .mythic-metadata-code {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: block;
     font-size: 0.78rem;
     line-height: 1.35;
@@ -4685,7 +5130,7 @@ tspan {
     white-space: pre-wrap;
 }
 .mythic-metadata-code {
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    font-family: var(--mythic-global-105);
 }
 .mythic-parameter-notes {
     display: grid;
@@ -4693,24 +5138,24 @@ tspan {
     margin-top: 0.65rem;
 }
 .mythic-parameter-note {
-    background-color: ${(props) => props.theme.palette.info.main + "12"};
-    border: 1px solid ${(props) => props.theme.palette.info.main + "40"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-264);
+    border: 1px solid var(--mythic-global-265);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.4;
     padding: 0.55rem 0.65rem;
 }
 .mythic-parameter-note strong {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
 }
 .mythic-code-block {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.36)" : "rgba(15,23,42,0.06)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-266);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: block;
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    font-family: var(--mythic-global-105);
     font-size: 0.76rem;
     line-height: 1.45;
     margin: 0.45rem 0 0;
@@ -4734,9 +5179,9 @@ tspan {
     padding: 0.85rem !important;
 }
 .mythic-json-panel {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.45rem;
@@ -4744,7 +5189,7 @@ tspan {
     padding: 0.55rem;
 }
 .mythic-json-panel-root {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-061);
 }
 .mythic-json-panel-header {
     align-items: center;
@@ -4755,7 +5200,7 @@ tspan {
     min-width: 0;
 }
 .mythic-json-panel-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 800;
     line-height: 1.25;
@@ -4764,10 +5209,10 @@ tspan {
 }
 .mythic-json-type-badge {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.055)" : "rgba(0,0,0,0.035)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-267);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.68rem;
@@ -4779,27 +5224,27 @@ tspan {
 }
 .mythic-json-type-object,
 .mythic-json-type-array {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.15 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-268);
+    border-color: var(--mythic-global-269);
+    color: var(--mythic-global-023);
 }
 .mythic-json-table-wrap {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     max-height: 48vh;
     overflow: auto;
 }
 .mythic-json-table-wrap .MuiTableCell-root {
-    border-bottom-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom-color: var(--mythic-global-010);
     vertical-align: top;
 }
 .mythic-json-table-wrap .MuiTableHead-root .MuiTableCell-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.72rem;
     font-weight: 800;
 }
 .mythic-json-key-cell {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.018)" : "rgba(0,0,0,0.012)"};
+    background-color: var(--mythic-global-270);
 }
 .mythic-json-key-stack {
     display: flex;
@@ -4808,40 +5253,40 @@ tspan {
     min-width: 0;
 }
 .mythic-json-key {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 800;
     line-height: 1.25;
     overflow-wrap: anywhere;
 }
 .mythic-json-value-cell {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     line-height: 1.35;
     overflow-wrap: anywhere;
     white-space: pre-wrap;
 }
 .mythic-json-index-cell {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 800;
     text-align: right;
 }
 .mythic-json-value-primitive {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     line-height: 1.35;
     overflow-wrap: anywhere;
     white-space: pre-wrap;
 }
 .mythic-json-value-empty {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     font-size: 0.76rem;
     font-style: italic;
 }
 .mythic-json-value-boolean {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 800;
@@ -4849,17 +5294,17 @@ tspan {
     padding: 0.22rem 0.45rem;
 }
 .mythic-json-value-true {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-271);
+    border-color: var(--mythic-global-272);
+    color: var(--mythic-global-035);
 }
 .mythic-json-value-false {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-088);
+    border-color: var(--mythic-global-227);
+    color: var(--mythic-global-038);
 }
 .mythic-json-empty-state {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-style: italic;
     padding: 0.45rem 0.2rem;
@@ -4867,8 +5312,8 @@ tspan {
 .MuiDialogActions-root,
 .mythic-dialog-actions {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-061);
+    border-top: 1px solid var(--mythic-global-010);
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
@@ -4882,11 +5327,11 @@ tspan {
 .MuiDialogActions-root .MuiButton-root,
 .mythic-dialog-actions .MuiButton-root {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.78rem;
     font-weight: 750;
     justify-content: center;
@@ -4900,8 +5345,8 @@ tspan {
 }
 .MuiDialogActions-root .MuiButton-root:hover,
 .mythic-dialog-actions .MuiButton-root:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor} !important;
+    background-color: var(--mythic-global-258) !important;
+    border-color: var(--mythic-global-007) !important;
 }
 .MuiDialogActions-root .MuiButton-root.MuiButton-colorSuccess,
 .MuiDialogActions-root .MuiButton-root.MuiButton-containedSuccess,
@@ -4911,9 +5356,9 @@ tspan {
 .mythic-dialog-actions .MuiButton-root.MuiButton-containedSuccess,
 .mythic-dialog-actions .MuiButton-root.MuiButton-outlinedSuccess,
 .mythic-dialog-actions .mythic-dialog-button-primary {
-    background-color: ${(props) => props.theme.palette.primary.main} !important;
-    border-color: ${(props) => props.theme.palette.primary.main} !important;
-    color: ${(props) => props.theme.palette.primary.contrastText} !important;
+    background-color: var(--mythic-global-027) !important;
+    border-color: var(--mythic-global-027) !important;
+    color: var(--mythic-global-273) !important;
 }
 .MuiDialogActions-root .MuiButton-root.MuiButton-colorSuccess:hover,
 .MuiDialogActions-root .MuiButton-root.MuiButton-containedSuccess:hover,
@@ -4923,8 +5368,8 @@ tspan {
 .mythic-dialog-actions .MuiButton-root.MuiButton-containedSuccess:hover,
 .mythic-dialog-actions .MuiButton-root.MuiButton-outlinedSuccess:hover,
 .mythic-dialog-actions .mythic-dialog-button-primary:hover {
-    background-color: ${(props) => props.theme.palette.primary.dark || props.theme.palette.primary.main} !important;
-    border-color: ${(props) => props.theme.palette.primary.dark || props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-274) !important;
+    border-color: var(--mythic-global-274) !important;
 }
 .MuiDialogActions-root .MuiButton-root.MuiButton-colorWarning,
 .MuiDialogActions-root .MuiButton-root.MuiButton-containedWarning,
@@ -4934,9 +5379,9 @@ tspan {
 .mythic-dialog-actions .MuiButton-root.MuiButton-containedWarning,
 .mythic-dialog-actions .MuiButton-root.MuiButton-outlinedWarning,
 .mythic-dialog-actions .mythic-dialog-button-warning {
-    background-color: ${(props) => props.theme.palette.warning.main + "22"} !important;
-    border-color: ${(props) => props.theme.palette.warning.main + "88"} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-275) !important;
+    border-color: var(--mythic-global-276) !important;
+    color: var(--mythic-global-038) !important;
 }
 .MuiDialogActions-root .MuiButton-root.MuiButton-colorError,
 .MuiDialogActions-root .MuiButton-root.MuiButton-containedError,
@@ -4946,9 +5391,9 @@ tspan {
 .mythic-dialog-actions .MuiButton-root.MuiButton-containedError,
 .mythic-dialog-actions .MuiButton-root.MuiButton-outlinedError,
 .mythic-dialog-actions .mythic-dialog-button-destructive {
-    background-color: ${(props) => props.theme.palette.error.main + "22"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "99"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-277) !important;
+    border-color: var(--mythic-global-278) !important;
+    color: var(--mythic-global-048) !important;
 }
 .MuiDialogActions-root .MuiButton-root.MuiButton-colorInfo,
 .MuiDialogActions-root .MuiButton-root.MuiButton-containedInfo,
@@ -4958,18 +5403,18 @@ tspan {
 .mythic-dialog-actions .MuiButton-root.MuiButton-containedInfo,
 .mythic-dialog-actions .MuiButton-root.MuiButton-outlinedInfo,
 .mythic-dialog-actions .mythic-dialog-button-info {
-    background-color: ${(props) => props.theme.palette.info.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "66"} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-279) !important;
+    border-color: var(--mythic-global-280) !important;
+    color: var(--mythic-global-023) !important;
 }
 .MuiDialogActions-root .MuiButton-root.Mui-disabled,
 .mythic-dialog-actions .MuiButton-root.Mui-disabled {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.02)"} !important;
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.palette.text.disabled} !important;
+    background-color: var(--mythic-global-281) !important;
+    border-color: var(--mythic-global-010) !important;
+    color: var(--mythic-global-066) !important;
 }
 .mythic-raw-select-dialog-content.MuiDialogContent-root {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     padding: 0;
 }
 .mythic-raw-select-list {
@@ -4980,10 +5425,10 @@ tspan {
 }
 .mythic-raw-select-row {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || alpha(props.theme.palette.text.primary, props.theme.palette.mode === "dark" ? 0.045 : 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-282);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: flex;
     gap: 0.75rem;
@@ -4995,16 +5440,16 @@ tspan {
     width: 100%;
 }
 .mythic-raw-select-row:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.13 : 0.075)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.44 : 0.32)};
+    background-color: var(--mythic-global-283);
+    border-color: var(--mythic-global-284);
 }
 .mythic-raw-select-row:focus-visible {
-    border-color: ${(props) => props.theme.palette.info.main};
-    box-shadow: 0 0 0 2px ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.28 : 0.18)};
+    border-color: var(--mythic-global-023);
+    box-shadow: 0 0 0 2px var(--mythic-global-285);
     outline: none;
 }
 .mythic-raw-select-value.MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-variant-numeric: tabular-nums;
     min-width: 0;
@@ -5020,7 +5465,7 @@ tspan {
 }
 .mythic-raw-select-empty {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     justify-content: center;
     min-height: 8rem;
@@ -5043,7 +5488,7 @@ tspan {
     width: 100%;
 }
 .mythic-dialog-choice-divider {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 700;
     text-align: center;
@@ -5073,7 +5518,7 @@ tspan {
     min-width: 0;
 }
 .mythic-form-field-label {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: block;
     font-size: 0.78rem;
     font-weight: 750;
@@ -5081,10 +5526,10 @@ tspan {
     line-height: 1.25;
 }
 .mythic-form-field-required {
-    color: ${(props) => props.theme.palette.error.main};
+    color: var(--mythic-global-048);
 }
 .mythic-form-field-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.1rem;
@@ -5110,24 +5555,24 @@ tspan {
     min-height: 38px;
 }
 .mythic-form-note {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.8rem;
     line-height: 1.4;
     padding: 0.65rem 0.75rem;
 }
 .mythic-tag-editor-frame {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     overflow: hidden;
     width: 100%;
 }
 .mythic-tag-editor-frame .ace_editor {
-    background-color: ${(props) => props.theme.palette.background.paper} !important;
+    background-color: var(--mythic-global-009) !important;
 }
 .mythic-tag-data-split {
     display: grid;
@@ -5137,10 +5582,10 @@ tspan {
     width: 100%;
 }
 .mythic-tag-data-preview-frame {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     max-height: 30rem;
     min-height: 10rem;
     min-width: 0;
@@ -5152,10 +5597,10 @@ tspan {
 }
 .mythic-tag-readonly-value {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: flex;
     font-size: 0.84rem;
     line-height: 1.35;
@@ -5172,9 +5617,9 @@ tspan {
     min-width: 0;
 }
 .mythic-tag-data-preview-row {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: grid;
     gap: 0.5rem;
     grid-template-columns: minmax(7rem, 0.35fr) minmax(0, 1fr);
@@ -5182,7 +5627,7 @@ tspan {
     padding: 0.45rem 0.55rem;
 }
 .mythic-tag-data-preview-key {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 800;
     min-width: 0;
@@ -5191,7 +5636,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-tag-data-preview-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     line-height: 1.35;
     min-width: 0;
@@ -5203,7 +5648,7 @@ tspan {
 }
 .mythic-tag-data-preview-empty {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     font-size: 0.82rem;
     justify-content: center;
@@ -5217,9 +5662,9 @@ tspan {
 }
 .mythic-form-switch-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.75rem;
     justify-content: space-between;
@@ -5231,9 +5676,9 @@ tspan {
     flex: 0 0 auto;
 }
 .mythic-api-token-scope-count {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.06) : alpha(props.theme.palette.common.black, 0.035)} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-286) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.72rem;
     font-weight: 750;
 }
@@ -5241,12 +5686,12 @@ tspan {
     margin-bottom: 0.65rem !important;
 }
 .mythic-api-token-scope-search .MuiInputBase-root {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-094);
 }
 .mythic-api-token-scope-library {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.014)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-287);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.65rem;
@@ -5257,10 +5702,10 @@ tspan {
 }
 .mythic-api-token-scope-state {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     justify-content: center;
     min-height: 7rem;
@@ -5268,14 +5713,14 @@ tspan {
     text-align: center;
 }
 .mythic-api-token-scope-state-error {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.14 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.5 : 0.32)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-288);
+    border-color: var(--mythic-global-289);
+    color: var(--mythic-global-048);
 }
 .mythic-api-token-resource-card {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.65rem;
@@ -5291,24 +5736,24 @@ tspan {
     min-width: 0;
 }
 .mythic-api-token-resource-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 800;
     line-height: 1.2;
     text-transform: capitalize;
 }
 .mythic-api-token-resource-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.15rem;
 }
 .mythic-api-token-resource-wildcard {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.03)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-290);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: inline-flex;
     flex: 0 0 auto;
@@ -5319,9 +5764,9 @@ tspan {
     padding: 0.1rem 0.55rem 0.1rem 0.2rem;
 }
 .mythic-api-token-resource-wildcard-selected {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.2 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.38)};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-291);
+    border-color: var(--mythic-global-292);
+    color: var(--mythic-global-027);
 }
 .mythic-api-token-resource-wildcard-disabled {
     cursor: default;
@@ -5338,10 +5783,10 @@ tspan {
 }
 .mythic-api-token-scope-card {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: flex;
     gap: 0.35rem;
@@ -5350,12 +5795,12 @@ tspan {
     transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
 }
 .mythic-api-token-scope-card:hover {
-    background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover};
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    background-color: var(--mythic-global-013);
+    border-color: var(--mythic-global-007);
 }
 .mythic-api-token-scope-card-selected {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.58 : 0.38)};
+    background-color: var(--mythic-global-026);
+    border-color: var(--mythic-global-292);
 }
 .mythic-api-token-scope-card-inherited {
     cursor: default;
@@ -5368,8 +5813,8 @@ tspan {
     padding: 0.1rem;
 }
 .mythic-api-token-scope-card-full {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.12 : 0.07)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.4 : 0.26)};
+    background-color: var(--mythic-global-142);
+    border-color: var(--mythic-global-293);
 }
 .mythic-api-token-scope-card-copy {
     min-width: 0;
@@ -5383,7 +5828,7 @@ tspan {
     min-width: 0;
 }
 .mythic-api-token-scope-card-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 800;
     line-height: 1.25;
@@ -5391,8 +5836,8 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-api-token-scope-name {
-    color: ${(props) => props.theme.palette.text.secondary};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    color: var(--mythic-global-025);
+    font-family: var(--mythic-global-105);
     font-size: 0.7rem;
     line-height: 1.35;
     margin-top: 0.18rem;
@@ -5400,18 +5845,18 @@ tspan {
 }
 .mythic-api-token-scope-card-description,
 .mythic-api-token-scope-includes {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     margin-top: 0.25rem;
     overflow-wrap: anywhere;
 }
 .mythic-api-token-scope-includes {
-    color: ${(props) => props.theme.palette.info.main};
+    color: var(--mythic-global-023);
     font-weight: 700;
 }
 .mythic-api-token-access-chip {
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    border-radius: var(--mythic-global-008) !important;
     flex: 0 0 auto;
     font-size: 0.66rem !important;
     font-weight: 800 !important;
@@ -5419,36 +5864,36 @@ tspan {
     text-transform: capitalize;
 }
 .mythic-api-token-access-chip-read {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    border: 1px solid ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-150) !important;
+    border: 1px solid var(--mythic-global-294) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-api-token-access-chip-write,
 .mythic-api-token-access-chip-create,
 .mythic-api-token-access-chip-update {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    border: 1px solid ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-049) !important;
+    border: 1px solid var(--mythic-global-295) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-api-token-access-chip-delete,
 .mythic-api-token-access-chip-admin {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    border: 1px solid ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.54 : 0.34)} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-051) !important;
+    border: 1px solid var(--mythic-global-296) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-api-token-access-chip-unknown {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    color: var(--mythic-global-025) !important;
 }
 .mythic-api-token-copy-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.45 : 0.3)};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-039);
+    border-color: var(--mythic-global-297);
+    color: var(--mythic-global-002);
 }
 .mythic-api-token-value-field .MuiInputBase-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.26)" : "rgba(15,23,42,0.045)"};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    background-color: var(--mythic-global-298);
+    font-family: var(--mythic-global-105);
     font-size: 0.78rem;
     line-height: 1.45;
 }
@@ -5468,10 +5913,10 @@ tspan {
     flex: 0 0 auto;
 }
 .mythic-browser-script-target-panel {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "none" : "0 8px 18px rgba(15, 23, 42, 0.04)"};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-299);
     overflow: hidden;
 }
 .mythic-browser-script-target-summary {
@@ -5483,7 +5928,7 @@ tspan {
     padding: 0.42rem 0.5rem 0.42rem 0.7rem;
 }
 .mythic-browser-script-target-panel-open .mythic-browser-script-target-summary {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
 }
 .mythic-browser-script-target-copy {
     align-items: center;
@@ -5492,7 +5937,7 @@ tspan {
     min-width: 0;
 }
 .mythic-browser-script-target-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.74rem;
     font-weight: 800;
@@ -5506,9 +5951,9 @@ tspan {
     min-width: 0;
 }
 .mythic-browser-script-target-chips .MuiChip-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.06) : alpha(props.theme.palette.common.black, 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-286);
+    border: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-002);
     font-size: 0.72rem;
     font-weight: 750;
     max-width: 18rem;
@@ -5518,17 +5963,17 @@ tspan {
     text-overflow: ellipsis;
 }
 .mythic-browser-script-target-toggle {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
+    color: var(--mythic-global-025) !important;
 }
 .mythic-browser-script-target-toggle:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.22 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.45 : 0.32)} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-300) !important;
+    border-color: var(--mythic-global-301) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-browser-script-target-details {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-061);
     display: flex;
     flex-direction: column;
     gap: 0.55rem;
@@ -5550,18 +5995,18 @@ tspan {
 }
 .mythic-browser-script-workbench > .gutter.gutter-vertical,
 .mythic-browser-script-top-split > .gutter.gutter-horizontal {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.1) : alpha(props.theme.palette.common.black, 0.08)};
+    background-color: var(--mythic-global-302);
     border-radius: 999px;
     flex: 0 0 auto;
 }
 .mythic-browser-script-workbench > .gutter.gutter-vertical:hover,
 .mythic-browser-script-top-split > .gutter.gutter-horizontal:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.5 : 0.32)};
+    background-color: var(--mythic-global-303);
 }
 .mythic-browser-script-pane {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     min-height: 0;
@@ -5579,9 +6024,9 @@ tspan {
 }
 .mythic-browser-script-pane-header {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-061);
+    border-bottom: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-002);
     display: flex;
     flex: 0 0 auto;
     font-size: 0.78rem;
@@ -5592,7 +6037,7 @@ tspan {
     padding: 0.4rem 0.65rem;
 }
 .mythic-browser-script-pane-header span:last-child {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
 }
@@ -5602,12 +6047,12 @@ tspan {
     min-width: 0;
 }
 .mythic-browser-script-editor-frame .ace_editor {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.black, 0.18) : alpha(props.theme.palette.common.white, 0.62)};
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"} !important;
+    background-color: var(--mythic-global-304);
+    font-family: var(--mythic-global-105) !important;
 }
 .mythic-browser-script-preview-controls {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.012)"};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-305);
+    border-bottom: 1px solid var(--mythic-global-010);
     flex: 0 0 auto;
     padding: 0.65rem;
 }
@@ -5662,7 +6107,7 @@ tspan {
 }
 .mythic-response-inline-output {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: flex;
     flex-wrap: wrap;
     gap: 0.45rem;
@@ -5671,7 +6116,7 @@ tspan {
     width: 100%;
 }
 .mythic-response-inline-text {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: inline-block;
     flex: 0 1 auto;
     margin: 0;
@@ -5684,9 +6129,9 @@ tspan {
     flex: 0 0 auto;
 }
 .mythic-response-tabs {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
@@ -5697,8 +6142,8 @@ tspan {
     width: 100%;
 }
 .mythic-response-tabs-bar {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-061);
+    border-bottom: 1px solid var(--mythic-global-010);
     flex: 0 0 auto;
     min-width: 0;
     overflow: hidden;
@@ -5717,18 +6162,18 @@ tspan {
     overflow-y: hidden !important;
 }
 .mythic-response-tabs-list .MuiTabs-scrollButtons {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     flex: 0 0 30px;
     min-height: 30px;
     width: 30px;
 }
 .mythic-response-tab {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.028)} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-306) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
+    color: var(--mythic-global-025) !important;
     flex: 0 0 auto;
     font-size: 0.76rem;
     font-weight: 750;
@@ -5741,14 +6186,14 @@ tspan {
     text-transform: none;
 }
 .mythic-response-tab:hover {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.18 : 0.08)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.42 : 0.28)} !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-195) !important;
+    border-color: var(--mythic-global-100) !important;
+    color: var(--mythic-global-002) !important;
 }
 .mythic-response-tab.Mui-selected {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.24 : 0.12)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.62 : 0.42)} !important;
-    color: ${(props) => props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-307) !important;
+    border-color: var(--mythic-global-308) !important;
+    color: var(--mythic-global-027) !important;
 }
 .mythic-response-tab-label {
     display: block;
@@ -5822,9 +6267,9 @@ tspan {
 }
 .mythic-browser-script-payload-icon {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.028)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-309);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     flex: 0 0 auto;
     height: 40px;
@@ -5838,7 +6283,7 @@ tspan {
     min-width: 0;
 }
 .mythic-browser-script-command-name {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 750;
     line-height: 1.25;
@@ -5847,7 +6292,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-browser-script-payload-name {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 650;
     line-height: 1.25;
@@ -5905,10 +6350,10 @@ tspan {
 }
 .mythic-single-task-remove-control {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.error.main, 0.14) : alpha(props.theme.palette.error.main, 0.08)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.45 : 0.28)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-310);
+    border: 1px solid var(--mythic-global-311);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-048);
     cursor: pointer;
     display: flex;
     flex-direction: column;
@@ -5925,8 +6370,8 @@ tspan {
 }
 .mythic-single-task-remove-control:hover,
 .mythic-single-task-remove-control-selected {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.72 : 0.48)};
+    background-color: var(--mythic-global-157);
+    border-color: var(--mythic-global-312);
 }
 .mythic-single-task-remove-control .MuiCheckbox-root {
     padding: 0;
@@ -5952,7 +6397,7 @@ tspan {
     width: 100%;
 }
 .mythic-single-task-table-wrap {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-094);
     overflow: auto;
 }
 .mythic-single-task-table {
@@ -5978,7 +6423,7 @@ tspan {
 .mythic-single-task-hash-list {
     display: flex;
     flex-direction: column;
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    font-family: var(--mythic-global-105);
     font-size: 0.74rem;
     gap: 0.2rem;
     overflow-wrap: anywhere;
@@ -5996,9 +6441,9 @@ tspan {
     word-break: break-word;
 }
 .mythic-single-task-empty-card {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     width: 100%;
 }
@@ -6063,9 +6508,9 @@ tspan {
     grid-template-columns: minmax(14rem, 0.3fr) minmax(14rem, 0.3fr) minmax(0, 0.4fr);
 }
 .mythic-create-section {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.65rem;
@@ -6093,13 +6538,13 @@ tspan {
     min-width: 0;
 }
 .mythic-create-section-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.88rem;
     font-weight: 800;
     line-height: 1.25;
 }
 .mythic-create-section-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     line-height: 1.35;
     margin-top: 0.12rem;
@@ -6129,9 +6574,9 @@ tspan {
     min-width: 0;
 }
 .mythic-create-subsection {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.55rem;
@@ -6149,9 +6594,9 @@ tspan {
 }
 .mythic-create-agent-icon {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.025)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-063);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 0 0 4.75rem;
     height: 4.75rem;
@@ -6170,14 +6615,14 @@ tspan {
     min-width: 0;
 }
 .mythic-create-meta-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: block;
     font-size: 0.72rem;
     font-weight: 750;
     line-height: 1.2;
 }
 .mythic-create-meta-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     line-height: 1.35;
     overflow-wrap: anywhere;
@@ -6192,10 +6637,10 @@ tspan {
     width: 100%;
 }
 .mythic-create-parameter-group-header {
-    background-image: ${getSectionHeaderGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-image: var(--mythic-global-069);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-070);
     font-size: 0.82rem;
     font-weight: 800;
     padding: 0.45rem 0.65rem;
@@ -6207,30 +6652,30 @@ tspan {
     min-width: 0;
 }
 .mythic-create-summary-group-header {
-    background-image: ${getSectionHeaderGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-image: var(--mythic-global-069);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 800;
     line-height: 1.25;
     padding: 0.45rem 0.65rem;
 }
 .mythic-create-summary-row {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.45rem 0.1rem 0.5rem;
 }
 .mythic-create-summary-row:last-child {
     border-bottom: 0;
 }
 .mythic-create-summary-name {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 800;
     line-height: 1.25;
 }
 .mythic-create-summary-value {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     line-height: 1.35;
     margin-top: 0.18rem;
@@ -6239,10 +6684,10 @@ tspan {
     white-space: pre-wrap;
 }
 .mythic-create-parameter-card {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
     border-left: 4px solid transparent;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     display: grid;
     gap: 0.75rem;
     grid-template-columns: minmax(13rem, 0.32fr) minmax(0, 1fr);
@@ -6250,7 +6695,7 @@ tspan {
     padding: 0.7rem 0.75rem;
 }
 .mythic-create-parameter-card-modified {
-    border-left-color: ${(props) => props.theme.palette.warning.main};
+    border-left-color: var(--mythic-global-038);
 }
 .mythic-create-parameter-copy {
     min-width: 0;
@@ -6264,14 +6709,14 @@ tspan {
     min-width: 0;
 }
 .mythic-create-parameter-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 800;
     line-height: 1.25;
     min-width: 0;
 }
 .mythic-create-parameter-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.75rem;
     line-height: 1.38;
     margin-top: 0.24rem;
@@ -6284,22 +6729,22 @@ tspan {
     margin-top: 0.35rem;
 }
 .mythic-create-parameter-chip {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.055)" : "rgba(0,0,0,0.035)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-267);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 800;
     line-height: 1;
     padding: 0.22rem 0.38rem;
 }
 .mythic-create-parameter-chip-required {
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.5 : 0.35)};
-    color: ${(props) => props.theme.palette.error.main};
+    border-color: var(--mythic-global-313);
+    color: var(--mythic-global-048);
 }
 .mythic-create-parameter-chip-modified {
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.56 : 0.4)};
-    color: ${(props) => props.theme.palette.warning.main};
+    border-color: var(--mythic-global-314);
+    color: var(--mythic-global-038);
 }
 .mythic-create-parameter-control {
     min-width: 0;
@@ -6328,13 +6773,13 @@ tspan {
     min-width: 0;
 }
 .mythic-create-choice-divider {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.7rem;
     font-weight: 800;
 }
 .mythic-create-array-table.MuiTableContainer-root {
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-color: var(--mythic-global-010);
 }
 .mythic-create-array-table .MuiTableCell-root {
     padding: 0.35rem 0.45rem !important;
@@ -6394,10 +6839,10 @@ tspan {
     align-items: start;
 }
 .mythic-dashboard-card {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.04)" : "0 1px 2px rgba(15,23,42,0.06)"} !important;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-315) !important;
     display: flex;
     flex: 1 1 18rem;
     flex-direction: column;
@@ -6412,8 +6857,8 @@ tspan {
     width: 100%;
 }
 .mythic-dashboard-card:hover {
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)};
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? `inset 0 1px 0 ${alpha(props.theme.palette.common.white, 0.055)}, 0 8px 18px ${alpha(props.theme.palette.common.black, 0.18)}` : `0 8px 18px ${alpha(props.theme.palette.common.black, 0.08)}`} !important;
+    border-color: var(--mythic-global-316);
+    box-shadow: var(--mythic-global-317) !important;
 }
 .mythic-dashboard-card-wide {
     grid-column: span 2;
@@ -6430,9 +6875,9 @@ tspan {
 }
 .mythic-dashboard-card-header {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
-    background-image: ${getSectionHeaderGradient};
-    border-bottom: 1px solid ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.34 : 0.2)};
+    background-color: var(--mythic-global-318);
+    background-image: var(--mythic-global-069);
+    border-bottom: 1px solid var(--mythic-global-319);
     display: flex;
     flex: 0 0 auto;
     gap: 0.65rem;
@@ -6444,7 +6889,7 @@ tspan {
     position: relative;
 }
 .mythic-dashboard-card-header::before {
-    background-color: ${getSectionHeaderAccent};
+    background-color: var(--mythic-global-071);
     bottom: 0;
     content: "";
     left: 0;
@@ -6453,7 +6898,7 @@ tspan {
     width: 4px;
 }
 .mythic-dashboard-card-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 800;
     letter-spacing: 0;
@@ -6486,38 +6931,38 @@ tspan {
 }
 .mythic-dashboard-icon-button,
 .mythic-table-row-icon-action {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     height: 30px;
     padding: 0;
     width: 30px;
 }
 .mythic-dashboard-icon-button:hover,
 .mythic-table-row-icon-action:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor} !important;
+    background-color: var(--mythic-global-258) !important;
+    border-color: var(--mythic-global-007) !important;
 }
 .mythic-dashboard-icon-button-danger {
-    color: ${(props) => props.theme.palette.error.main} !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-dashboard-icon-button-hover-danger:hover {
-    color: ${(props) => props.theme.palette.error.main} !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-dashboard-icon-button-hover-info:hover {
-    background-color: ${(props) => props.theme.palette.info.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "88"} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-320) !important;
+    border-color: var(--mythic-global-321) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-dashboard-icon-button.Mui-disabled,
 .mythic-dashboard-table-action.Mui-disabled,
 .mythic-table-row-action.Mui-disabled,
 .mythic-table-row-icon-action.Mui-disabled {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.02)"} !important;
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.palette.text.disabled} !important;
+    background-color: var(--mythic-global-281) !important;
+    border-color: var(--mythic-global-010) !important;
+    color: var(--mythic-global-066) !important;
 }
 .mythic-dashboard-perspective-toggle {
     flex: 0 1 auto;
@@ -6529,42 +6974,42 @@ tspan {
 .mythic-dashboard-primary-button,
 .mythic-dashboard-table-action,
 .mythic-table-row-action {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     font-size: 0.74rem;
     font-weight: 750;
     min-height: 30px;
     text-transform: none;
 }
 .mythic-dashboard-primary-button {
-    background-color: ${(props) => props.theme.palette.primary.main} !important;
-    border-color: ${(props) => props.theme.palette.primary.main} !important;
-    color: ${(props) => props.theme.palette.primary.contrastText} !important;
+    background-color: var(--mythic-global-027) !important;
+    border-color: var(--mythic-global-027) !important;
+    color: var(--mythic-global-273) !important;
 }
 .mythic-dashboard-primary-button:hover {
-    background-color: ${(props) => props.theme.palette.primary.dark || props.theme.palette.primary.main} !important;
-    border-color: ${(props) => props.theme.palette.primary.dark || props.theme.palette.primary.main} !important;
+    background-color: var(--mythic-global-274) !important;
+    border-color: var(--mythic-global-274) !important;
 }
 .mythic-dashboard-table-action:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
+    background-color: var(--mythic-global-258) !important;
 }
 .mythic-dashboard-table-action-hover-danger:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "88"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-322) !important;
+    border-color: var(--mythic-global-323) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-dashboard-chart-body {
     gap: 0.35rem;
     padding: 0.5rem 0.55rem 0.55rem;
 }
 .mythic-dashboard-chart-canvas {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.028) : alpha(props.theme.palette.common.black, 0.014)};
-    background-image: ${getSubtleAccentGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-324);
+    background-image: var(--mythic-global-325);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 1 1 auto;
     min-height: 0;
@@ -6588,21 +7033,21 @@ tspan {
     padding: 0.75rem;
 }
 .mythic-dashboard-chart-canvas .MuiChartsLegend-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-dashboard-chart-canvas .MuiChartsAxis-line,
 .mythic-dashboard-chart-canvas .MuiChartsAxis-tick {
-    stroke: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    stroke: var(--mythic-global-007);
 }
 .mythic-dashboard-chart-canvas .MuiChartsAxis-tickLabel,
 .mythic-dashboard-chart-canvas .MuiChartsAxis-label {
-    fill: ${(props) => props.theme.palette.text.secondary} !important;
+    fill: var(--mythic-global-025) !important;
 }
 .mythic-dashboard-chart-slider-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.03) : alpha(props.theme.palette.common.black, 0.018)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-326);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 0 0 auto;
     justify-content: center;
@@ -6617,7 +7062,7 @@ tspan {
     overflow: hidden;
 }
 .mythic-dashboard-table-container {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.018) : alpha(props.theme.palette.common.black, 0.01)};
+    background-color: var(--mythic-global-327);
     flex: 1 1 auto;
     height: 100%;
     max-height: 100%;
@@ -6650,7 +7095,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-dashboard-summary-table .MuiTableRow-hover:hover .MuiTableCell-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.025)};
+    background-color: var(--mythic-global-328);
 }
 .mythic-dashboard-table-cell-primary {
     min-width: 0;
@@ -6663,7 +7108,7 @@ tspan {
     width: 1%;
 }
 .mythic-dashboard-table-cell-count {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 850;
 }
 .mythic-dashboard-table-cell-actions {
@@ -6719,7 +7164,7 @@ tspan {
     max-width: 100%;
 }
 .mythic-dashboard-table-secondary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.7rem !important;
     font-weight: 650;
     line-height: 1.2 !important;
@@ -6732,7 +7177,7 @@ tspan {
     white-space: normal !important;
 }
 .mythic-dashboard-table-icon-action {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: inline-block;
     flex: 0 0 auto;
@@ -6741,7 +7186,7 @@ tspan {
 }
 .mythic-dashboard-table-icon-action:hover,
 .mythic-dashboard-table-icon-action-info:hover {
-    color: ${(props) => props.theme.palette.info.main};
+    color: var(--mythic-global-023);
 }
 .mythic-dashboard-tasking-table {
     table-layout: fixed;
@@ -6824,10 +7269,10 @@ tspan {
 }
 .mythic-dashboard-empty-state {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.02)"};
-    border: 1px dashed ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-076);
+    border: 1px dashed var(--mythic-global-007);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
@@ -6865,9 +7310,9 @@ tspan {
     padding: 0.55rem 0.65rem 0.65rem;
 }
 .mythic-dashboard-widget-settings-popover {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-007);
+    color: var(--mythic-global-002);
     display: flex;
     flex-direction: column;
     gap: 0.55rem;
@@ -6876,23 +7321,23 @@ tspan {
     padding: 0.8rem;
 }
 .mythic-dashboard-widget-settings-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-dashboard-widget-settings-copy {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 650;
     line-height: 1.35;
 }
 .mythic-dashboard-callback-kpi,
 .mythic-dashboard-service-kpi {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.018)};
-    background-image: ${getSubtleAccentGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-080);
+    background-image: var(--mythic-global-325);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 1 1 auto;
     gap: 0.75rem;
@@ -6908,7 +7353,7 @@ tspan {
 }
 .mythic-dashboard-callback-kpi:hover,
 .mythic-dashboard-callback-kpi:focus-visible {
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
+    border-color: var(--mythic-global-329);
     outline: none;
 }
 .mythic-dashboard-service-kpi {
@@ -6947,32 +7392,32 @@ tspan {
     white-space: nowrap;
 }
 .mythic-dashboard-kpi-chip-info {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-330);
+    border-color: var(--mythic-global-130);
+    color: var(--mythic-global-023);
 }
 .mythic-dashboard-kpi-chip-success {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-331);
+    border-color: var(--mythic-global-332);
+    color: var(--mythic-global-035);
 }
 .mythic-dashboard-kpi-chip-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.24 : 0.14)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-333);
+    border-color: var(--mythic-global-334);
+    color: var(--mythic-global-038);
 }
 .mythic-dashboard-kpi-chip-danger {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.22 : 0.12)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.52 : 0.34)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-335);
+    border-color: var(--mythic-global-336);
+    color: var(--mythic-global-048);
 }
 .mythic-dashboard-kpi-chip-neutral {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.06) : alpha(props.theme.palette.common.black, 0.035)};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-286);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-dashboard-kpi-percent {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.74rem;
     font-weight: 850;
@@ -6985,20 +7430,20 @@ tspan {
     min-width: 0;
 }
 .mythic-dashboard-kpi-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 3.35rem;
     font-weight: 880;
     letter-spacing: 0;
     line-height: 0.98;
 }
 .mythic-dashboard-kpi-total {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 1.25rem;
     font-weight: 760;
     line-height: 1;
 }
 .mythic-dashboard-kpi-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 750;
     letter-spacing: 0;
@@ -7007,23 +7452,23 @@ tspan {
 }
 .mythic-dashboard-kpi-secondary-panel {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.025)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-337);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.5rem;
     min-width: 0;
     padding: 0.55rem 0.65rem;
 }
 .mythic-dashboard-kpi-secondary-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     flex: 0 0 auto;
     font-size: 1.65rem;
     font-weight: 880;
     line-height: 1;
 }
 .mythic-dashboard-kpi-secondary-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 700;
     line-height: 1.25;
@@ -7046,7 +7491,7 @@ tspan {
     min-height: 0;
 }
 .mythic-dashboard-metric-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: inline-block;
     font-weight: 850 !important;
     letter-spacing: 0;
@@ -7054,13 +7499,13 @@ tspan {
     margin-left: 0.1rem;
 }
 .mythic-dashboard-metric-total {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: inline-block;
     font-weight: 700 !important;
     margin-left: 0.35rem;
 }
 .mythic-dashboard-metric-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 750;
     letter-spacing: 0;
@@ -7068,7 +7513,7 @@ tspan {
     margin-top: 0.35rem;
 }
 .mythic-dashboard-metric-secondary {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 850 !important;
     letter-spacing: 0;
     line-height: 1;
@@ -7088,9 +7533,9 @@ tspan {
 }
 .mythic-dashboard-edit-rail {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-061);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex: 0 0 auto;
     flex-direction: column;
@@ -7100,12 +7545,12 @@ tspan {
 }
 .mythic-dashboard-edit-toolbar {
     align-items: center;
-    background-color: ${(props) => props.theme.pageHeader?.main || props.theme.surfaces?.muted || props.theme.palette.background.paper} !important;
-    background-image: ${getSectionHeaderGradient} !important;
-    border: 1px solid ${(props) => alpha(getSectionHeaderAccent(props), props.theme.palette.mode === "dark" ? 0.55 : 0.38)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.22)}, 0 2px 6px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.24 : 0.1)};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-338) !important;
+    background-image: var(--mythic-global-069) !important;
+    border: 1px solid var(--mythic-global-251);
+    border-radius: var(--mythic-global-008);
+    box-shadow: inset 0 1px 0 var(--mythic-global-252), 0 2px 6px var(--mythic-global-339);
+    color: var(--mythic-global-070);
     display: flex;
     flex-wrap: wrap;
     gap: 0.55rem;
@@ -7133,34 +7578,34 @@ tspan {
     min-width: 0;
 }
 .mythic-dashboard-edit-toolbar .MuiButton-root.mythic-dashboard-table-action {
-    background-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.24)} !important;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-340) !important;
+    border-color: var(--mythic-global-097) !important;
+    color: var(--mythic-global-070) !important;
 }
 .mythic-dashboard-edit-toolbar .MuiButton-root.mythic-dashboard-table-action:hover {
-    background-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.16)} !important;
-    border-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.42)} !important;
+    background-color: var(--mythic-global-341) !important;
+    border-color: var(--mythic-global-342) !important;
 }
 .mythic-dashboard-edit-toolbar .MuiButton-root.mythic-table-row-action-hover-info:hover {
-    background-color: ${(props) => props.theme.palette.info.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "88"} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-320) !important;
+    border-color: var(--mythic-global-321) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-dashboard-edit-toolbar .MuiButton-root.mythic-dashboard-table-action-hover-danger:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "88"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-322) !important;
+    border-color: var(--mythic-global-323) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-dashboard-widget-dialog {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
+    background-color: var(--mythic-global-318);
     min-height: 28rem;
 }
 .mythic-dashboard-widget-dialog-header {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    background-image: ${getSectionHeaderGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    background-image: var(--mythic-global-069);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.75rem;
     justify-content: space-between;
@@ -7169,13 +7614,13 @@ tspan {
     padding: 0.7rem 0.8rem;
 }
 .mythic-dashboard-widget-dialog-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-dashboard-widget-dialog-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 650;
     line-height: 1.25;
@@ -7188,10 +7633,10 @@ tspan {
     min-width: 0;
 }
 .mythic-dashboard-widget-option {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.04)" : "0 1px 2px rgba(15,23,42,0.05)"};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-343);
     cursor: pointer;
     display: flex;
     flex-direction: column;
@@ -7203,14 +7648,14 @@ tspan {
 }
 .mythic-dashboard-widget-option:hover,
 .mythic-dashboard-widget-option:focus-visible {
-    background-color: ${(props) => props.theme.palette.primary.main + "10"};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.5 : 0.34)};
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? `inset 0 1px 0 ${alpha(props.theme.palette.common.white, 0.055)}, 0 8px 18px ${alpha(props.theme.palette.common.black, 0.18)}` : `0 8px 18px ${alpha(props.theme.palette.common.black, 0.08)}`};
+    background-color: var(--mythic-global-344);
+    border-color: var(--mythic-global-345);
+    box-shadow: var(--mythic-global-317);
     outline: none;
 }
 .mythic-dashboard-widget-option-selected {
-    background-image: ${getSubtleAccentGradient};
-    border-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.68 : 0.48)};
+    background-image: var(--mythic-global-325);
+    border-color: var(--mythic-global-346);
 }
 .mythic-dashboard-widget-option-top {
     align-items: flex-start;
@@ -7220,7 +7665,7 @@ tspan {
     min-width: 0;
 }
 .mythic-dashboard-widget-option-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 820;
     line-height: 1.2;
@@ -7228,7 +7673,7 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-dashboard-widget-option-summary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.35;
@@ -7236,10 +7681,10 @@ tspan {
 }
 .mythic-dashboard-widget-category {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.primary.main + "18"};
-    border: 1px solid ${(props) => props.theme.palette.primary.main + "45"};
+    background-color: var(--mythic-global-235);
+    border: 1px solid var(--mythic-global-347);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.64rem;
@@ -7250,7 +7695,7 @@ tspan {
 }
 .mythic-dashboard-loading-overlay {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.45)" : "rgba(255,255,255,0.55)"};
+    background-color: var(--mythic-global-348);
     display: flex;
     inset: 0;
     justify-content: center;
@@ -7258,11 +7703,11 @@ tspan {
     z-index: 5;
 }
 .mythic-dashboard-loading-card {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "0 12px 28px rgba(0,0,0,0.35)" : "0 12px 28px rgba(15,23,42,0.14)"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-349);
+    color: var(--mythic-global-002);
     font-size: 0.84rem;
     font-weight: 750;
     padding: 0.75rem 0.9rem;
@@ -7293,8 +7738,8 @@ tspan {
     }
 }
 .mythic-form-code-editor {
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-height: 16rem;
     min-width: 0;
     overflow: hidden;
@@ -7309,7 +7754,7 @@ tspan {
 }
 .mythic-table-bulk-actions {
     align-items: center;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
@@ -7338,7 +7783,7 @@ tspan {
 }
 .mythic-state-chip {
     align-items: center;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
     display: inline-flex;
     flex: 0 0 auto;
@@ -7356,31 +7801,31 @@ tspan {
 }
 .mythic-state-chip-active,
 .mythic-state-chip-enabled {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-045);
+    border-color: var(--mythic-global-084);
+    color: var(--mythic-global-035);
 }
 .mythic-state-chip-inactive,
 .mythic-state-chip-disabled,
 .mythic-state-chip-warning {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-055);
+    border-color: var(--mythic-global-090);
+    color: var(--mythic-global-038);
 }
 .mythic-state-chip-neutral {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.028)};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-306);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-025);
 }
 .mythic-state-chip-error {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-047);
+    border-color: var(--mythic-global-156);
+    color: var(--mythic-global-048);
 }
 .mythic-state-chip-info {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border-color: var(--mythic-global-082);
+    color: var(--mythic-global-023);
 }
 .mythic-payload-progress-cell {
     align-items: center;
@@ -7390,79 +7835,79 @@ tspan {
     min-width: 0;
 }
 .mythic-table-row-action:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor} !important;
+    background-color: var(--mythic-global-258) !important;
+    border-color: var(--mythic-global-007) !important;
 }
 .mythic-table-row-action-info {
-    background-color: ${(props) => props.theme.palette.info.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "66"} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-279) !important;
+    border-color: var(--mythic-global-280) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-table-row-action-info:hover {
-    background-color: ${(props) => props.theme.palette.info.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "88"} !important;
+    background-color: var(--mythic-global-320) !important;
+    border-color: var(--mythic-global-321) !important;
 }
 .mythic-table-row-action-hover-info:hover {
-    background-color: ${(props) => props.theme.palette.info.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.info.main + "88"} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-320) !important;
+    border-color: var(--mythic-global-321) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-table-row-action-hover-success:hover {
-    background-color: ${(props) => props.theme.palette.success.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "88"} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-233) !important;
+    border-color: var(--mythic-global-234) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-table-row-action-hover-warning:hover {
-    background-color: ${(props) => props.theme.palette.warning.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.warning.main + "88"} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-350) !important;
+    border-color: var(--mythic-global-276) !important;
+    color: var(--mythic-global-038) !important;
 }
 .mythic-table-row-action-hover-danger:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "88"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-322) !important;
+    border-color: var(--mythic-global-323) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-table-row-action-success {
-    background-color: ${(props) => props.theme.palette.success.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "66"} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-351) !important;
+    border-color: var(--mythic-global-352) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-table-row-action-success:hover {
-    background-color: ${(props) => props.theme.palette.success.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "88"} !important;
+    background-color: var(--mythic-global-233) !important;
+    border-color: var(--mythic-global-234) !important;
 }
 .mythic-table-row-action-danger {
-    background-color: ${(props) => props.theme.palette.error.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "66"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-353) !important;
+    border-color: var(--mythic-global-354) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-table-row-action-danger:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "88"} !important;
+    background-color: var(--mythic-global-322) !important;
+    border-color: var(--mythic-global-323) !important;
 }
 .mythic-table-row-icon-action-danger {
-    color: ${(props) => props.theme.palette.error.main} !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-table-row-icon-action-success {
-    color: ${(props) => props.theme.palette.success.main} !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-table-row-icon-action-info {
-    color: ${(props) => props.theme.palette.info.main} !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-table-row-icon-action-warning {
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    color: var(--mythic-global-038) !important;
 }
 .mythic-table-row-icon-action-hover-info:hover {
-    color: ${(props) => props.theme.palette.info.main} !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-table-row-icon-action-hover-success:hover {
-    color: ${(props) => props.theme.palette.success.main} !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-table-row-icon-action-hover-warning:hover {
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    color: var(--mythic-global-038) !important;
 }
 .mythic-table-row-icon-action-hover-danger:hover {
-    color: ${(props) => props.theme.palette.error.main} !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-search-result-stack {
     display: flex;
@@ -7484,7 +7929,7 @@ tspan {
     flex-wrap: nowrap;
 }
 .mythic-search-result-primary {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 750;
     line-height: 1.35;
@@ -7492,31 +7937,31 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-search-result-secondary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     line-height: 1.35;
     min-width: 0;
     overflow-wrap: anywhere;
 }
 .mythic-search-result-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
     line-height: 1.2;
 }
 .mythic-search-result-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     line-height: 1.35;
     overflow-wrap: anywhere;
 }
 .mythic-search-result-code {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.035)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-355);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: block;
-    font-family: ${(props) => props.theme.typography.fontFamilyMonospace || "monospace"};
+    font-family: var(--mythic-global-356);
     font-size: 0.76rem;
     line-height: 1.4;
     margin: 0;
@@ -7532,16 +7977,16 @@ tspan {
 }
 .mythic-search-result-metric {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.028)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-357);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     gap: 0.28rem;
     min-height: 24px;
     padding: 0.18rem 0.45rem;
 }
 .mythic-search-result-metric-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
 }
@@ -7581,9 +8026,9 @@ tspan {
     text-overflow: ellipsis;
 }
 .mythic-tag-search-element-card {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     gap: 0.45rem;
@@ -7598,10 +8043,10 @@ tspan {
     min-width: 0;
 }
 .mythic-tag-search-element-type {
-    background-color: ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.16 : 0.08)};
-    border: 1px solid ${(props) => alpha(props.theme.palette.primary.main, props.theme.palette.mode === "dark" ? 0.34 : 0.22)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-026);
+    border: 1px solid var(--mythic-global-141);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 760;
@@ -7634,9 +8079,9 @@ tspan {
     padding: 0.24rem 0.42rem;
 }
 .mythic-tag-search-callback-summary {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.035)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-355);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-block;
     font-size: 0.76rem;
     line-height: 1.35;
@@ -7665,9 +8110,9 @@ tspan {
 }
 .mythic-eventing-sidebar,
 .mythic-eventing-content {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-height: 0;
     min-width: 0;
     overflow: hidden;
@@ -7689,7 +8134,7 @@ tspan {
     padding: 0.35rem !important;
 }
 .mythic-eventing-sidebar-toolbar {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     flex-direction: column;
     gap: 0.55rem;
@@ -7703,13 +8148,13 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-sidebar-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 800;
     line-height: 1.2;
 }
 .mythic-eventing-sidebar-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.2;
@@ -7717,10 +8162,10 @@ tspan {
 }
 .mythic-eventing-sidebar-count {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.primary.main + "16"};
-    border: 1px solid ${(props) => props.theme.palette.primary.main + "38"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-239);
+    border: 1px solid var(--mythic-global-358);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-027);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.72rem;
@@ -7730,8 +8175,8 @@ tspan {
     padding: 0 0.45rem;
 }
 .mythic-eventing-sidebar-search .MuiOutlinedInput-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-107);
+    border-radius: var(--mythic-global-008);
     font-size: 0.82rem;
 }
 .mythic-eventing-sidebar-search .MuiOutlinedInput-input {
@@ -7751,9 +8196,9 @@ tspan {
 .mythic-eventing-filter-button {
     align-items: center;
     background-color: transparent;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: inline-flex;
     flex: 0 0 auto;
@@ -7766,14 +8211,14 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-filter-button:hover {
-    background-color: ${(props) => props.theme.tableHover};
-    border-color: ${(props) => props.theme.palette.primary.main + "44"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-359);
+    border-color: var(--mythic-global-360);
+    color: var(--mythic-global-002);
 }
 .mythic-eventing-filter-button-active {
-    background-color: ${(props) => props.theme.palette.primary.main + "16"};
-    border-color: ${(props) => props.theme.palette.primary.main + "66"};
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-239);
+    border-color: var(--mythic-global-361);
+    color: var(--mythic-global-027);
 }
 .mythic-eventing-filter-count {
     color: inherit;
@@ -7786,8 +8231,8 @@ tspan {
     overflow-y: auto;
 }
 .mythic-eventing-list-header {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper} !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-094) !important;
+    color: var(--mythic-global-025) !important;
     font-size: 0.74rem !important;
     font-weight: 800 !important;
     letter-spacing: 0 !important;
@@ -7798,7 +8243,7 @@ tspan {
 .mythic-eventing-list-item {
     align-items: flex-start !important;
     border: 1px solid transparent;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     cursor: pointer;
     display: flex !important;
     gap: 0.5rem;
@@ -7812,40 +8257,40 @@ tspan {
     width: auto !important;
 }
 .mythic-eventing-list-item:hover {
-    background-color: ${(props) => props.theme.tableHover} !important;
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-359) !important;
+    border-color: var(--mythic-global-010);
 }
 .mythic-eventing-list-item-selected {
-    background-color: ${(props) => props.theme.palette.primary.main + "18"} !important;
-    border-color: ${(props) => props.theme.palette.primary.main + "66"};
-    box-shadow: inset 3px 0 0 ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-235) !important;
+    border-color: var(--mythic-global-361);
+    box-shadow: inset 3px 0 0 var(--mythic-global-027);
 }
 .mythic-eventing-status-dot {
     border-radius: 999px;
-    box-shadow: 0 0 0 3px ${(props) => props.theme.palette.background.paper};
+    box-shadow: 0 0 0 3px var(--mythic-global-009);
     flex: 0 0 0.52rem;
     height: 0.52rem;
     margin-top: 0.42rem;
     width: 0.52rem;
 }
 .mythic-eventing-status-all {
-    background-color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-023);
 }
 .mythic-eventing-status-runnable {
-    background-color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-035);
 }
 .mythic-eventing-status-needs_approval {
     background-color: transparent;
-    border: 2px solid ${(props) => props.theme.palette.warning.main};
+    border: 2px solid var(--mythic-global-038);
     border-radius: 0.16rem;
     transform: rotate(45deg);
 }
 .mythic-eventing-status-disabled {
-    background-color: ${(props) => props.theme.palette.action.disabled};
+    background-color: var(--mythic-global-362);
     position: relative;
 }
 .mythic-eventing-status-disabled::after {
-    background-color: ${(props) => props.theme.palette.background.paper};
+    background-color: var(--mythic-global-009);
     border-radius: 999px;
     content: "";
     height: 2px;
@@ -7856,7 +8301,7 @@ tspan {
     width: 0.72rem;
 }
 .mythic-eventing-status-deleted {
-    background-color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-048);
 }
 .mythic-eventing-list-item-content {
     flex: 1 1 auto;
@@ -7870,7 +8315,7 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-list-item-name {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     flex: 1 1 auto;
     font-size: 0.84rem;
     font-weight: 800;
@@ -7881,11 +8326,11 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-list-item-name-deleted {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     text-decoration: line-through;
 }
 .mythic-eventing-list-item-meta {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     flex-wrap: wrap;
     font-size: 0.72rem;
@@ -7897,10 +8342,10 @@ tspan {
 }
 .mythic-eventing-runas-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.04)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-363);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.68rem;
     font-weight: 800;
@@ -7909,7 +8354,7 @@ tspan {
     padding: 0 0.35rem;
 }
 .mythic-eventing-list-empty {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
     padding: 0.8rem 0.55rem;
@@ -7922,7 +8367,7 @@ tspan {
     padding: 0 !important;
 }
 .mythic-eventing-wizard {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
+    background-color: var(--mythic-global-094);
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -7934,7 +8379,7 @@ tspan {
     margin-top: 0.45rem !important;
 }
 .mythic-eventing-wizard-header {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.75rem 1rem;
 }
 .mythic-eventing-wizard-title-row {
@@ -7945,13 +8390,13 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-wizard-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1.02rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-wizard-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 600;
     line-height: 1.35;
@@ -7959,10 +8404,10 @@ tspan {
 }
 .mythic-eventing-wizard-progress-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.primary.main + "16"};
-    border: 1px solid ${(props) => props.theme.palette.primary.main + "38"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-239);
+    border: 1px solid var(--mythic-global-358);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-027);
     display: inline-flex;
     flex: 0 0 auto;
     font-size: 0.74rem;
@@ -7978,17 +8423,17 @@ tspan {
     min-height: 0;
 }
 .mythic-eventing-wizard-content-heading {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.75rem 1rem;
 }
 .mythic-eventing-wizard-content-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.9rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-wizard-content-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8022,32 +8467,32 @@ tspan {
     display: none;
 }
 .mythic-eventing-wizard-table .MuiTableRow-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
+    background-color: var(--mythic-global-262);
 }
 .mythic-eventing-wizard-table .MuiTableCell-root {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
+    border-bottom: 1px solid var(--mythic-global-010) !important;
+    border-top: 1px solid var(--mythic-global-010) !important;
     padding: 0.65rem 0.75rem !important;
     vertical-align: top;
 }
 .mythic-eventing-wizard-table .MuiTableCell-root:first-of-type {
-    border-left: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px 0 0 ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-left: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) 0 0 var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 850;
     text-transform: none;
     width: 10rem;
 }
 .mythic-eventing-wizard-table .MuiTableCell-root:last-of-type {
-    border-radius: 0 ${(props) => props.theme.shape.borderRadius}px ${(props) => props.theme.shape.borderRadius}px 0;
-    border-right: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
+    border-radius: 0 var(--mythic-global-008) var(--mythic-global-008) 0;
+    border-right: 1px solid var(--mythic-global-010) !important;
 }
 .mythic-eventing-step-table .MuiTableCell-root:first-of-type {
     width: 9rem;
 }
 .mythic-eventing-wizard-table .MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     line-height: 1.35;
     margin-top: 0.35rem;
@@ -8059,9 +8504,9 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-metadata-card {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-262);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     overflow: hidden;
 }
@@ -8069,18 +8514,18 @@ tspan {
     grid-column: 1 / -1;
 }
 .mythic-eventing-metadata-card-header {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.012)"};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-305);
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.7rem 0.75rem 0.6rem;
 }
 .mythic-eventing-metadata-card-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.88rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-metadata-card-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8097,7 +8542,7 @@ tspan {
     padding: 0.75rem;
 }
 .mythic-eventing-metadata-field + .mythic-eventing-metadata-field {
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-010);
 }
 .mythic-eventing-metadata-field-grid .mythic-eventing-metadata-field {
     padding: 0;
@@ -8106,7 +8551,7 @@ tspan {
     border-top: 0;
 }
 .mythic-eventing-metadata-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 850;
     line-height: 1.2;
@@ -8114,10 +8559,10 @@ tspan {
 }
 .mythic-eventing-metadata-empty {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.action.disabledBackground};
-    border: 1px solid ${(props) => props.theme.palette.action.disabled};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-364);
+    border: 1px solid var(--mythic-global-362);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.74rem;
     font-weight: 800;
@@ -8145,10 +8590,10 @@ tspan {
 .mythic-eventing-choice-separator {
     align-items: center;
     align-self: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.04)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-363);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.68rem;
     font-weight: 850;
@@ -8191,10 +8636,10 @@ tspan {
 }
 .mythic-eventing-file-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.info.main + "12"};
-    border: 1px solid ${(props) => props.theme.palette.info.main + "35"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-264);
+    border: 1px solid var(--mythic-global-365);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 750;
@@ -8210,14 +8655,14 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-file-chip-remove.MuiIconButton-root {
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    color: var(--mythic-global-025) !important;
     height: 1.15rem;
     padding: 0;
     width: 1.15rem;
 }
 .mythic-eventing-file-chip-remove.MuiIconButton-root:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "18"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-366) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-eventing-file-chip-remove svg {
     font-size: 0.82rem;
@@ -8241,20 +8686,20 @@ tspan {
 }
 .mythic-eventing-wizard-toolbar {
     align-items: center;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     gap: 0.85rem;
     justify-content: space-between;
     padding: 0.7rem 1rem;
 }
 .mythic-eventing-wizard-toolbar-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-wizard-toolbar-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 650;
     margin-top: 0.1rem;
@@ -8276,8 +8721,8 @@ tspan {
     display: block;
 }
 .mythic-eventing-step-nav {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
-    border-right: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-262);
+    border-right: 1px solid var(--mythic-global-010);
     display: flex;
     flex: 0 0 14.5rem;
     flex-direction: column;
@@ -8285,17 +8730,17 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-step-nav-header {
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.7rem 0.75rem 0.55rem;
 }
 .mythic-eventing-step-nav-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-step-nav-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.7rem;
     font-weight: 650;
     line-height: 1.2;
@@ -8314,8 +8759,8 @@ tspan {
     align-items: flex-start;
     background-color: transparent;
     border: 1px solid transparent;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     cursor: pointer;
     display: flex;
     font-family: inherit;
@@ -8326,21 +8771,21 @@ tspan {
     width: 100%;
 }
 .mythic-eventing-step-nav-item:hover {
-    background-color: ${(props) => props.theme.tableHover};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-359);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-002);
 }
 .mythic-eventing-step-nav-item-active {
-    background-color: ${(props) => props.theme.palette.primary.main + "16"};
-    border-color: ${(props) => props.theme.palette.primary.main + "55"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-239);
+    border-color: var(--mythic-global-236);
+    color: var(--mythic-global-002);
 }
 .mythic-eventing-step-nav-number {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.primary.main + "18"};
-    border: 1px solid ${(props) => props.theme.palette.primary.main + "38"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.primary.main};
+    background-color: var(--mythic-global-235);
+    border: 1px solid var(--mythic-global-358);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-027);
     display: inline-flex;
     flex: 0 0 1.45rem;
     font-size: 0.72rem;
@@ -8365,7 +8810,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-step-nav-action {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.66rem;
     font-weight: 700;
     line-height: 1.2;
@@ -8383,7 +8828,7 @@ tspan {
         flex-direction: column;
     }
     .mythic-eventing-step-nav {
-        border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+        border-bottom: 1px solid var(--mythic-global-010);
         border-right: 0;
         flex: 0 0 auto;
         max-height: 10rem;
@@ -8409,14 +8854,14 @@ tspan {
     margin-bottom: 0.35rem;
 }
 .mythic-eventing-step-shell-title {
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
     font-size: 0.72rem;
     font-weight: 900;
     line-height: 1.2;
     text-transform: none;
 }
 .mythic-eventing-step-shell-subtitle {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.88rem;
     font-weight: 850;
     line-height: 1.2;
@@ -8425,18 +8870,18 @@ tspan {
 .mythic-eventing-step-config-card,
 .mythic-eventing-wizard-review-card,
 .mythic-eventing-wizard-empty {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-262);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     overflow: hidden;
 }
 .mythic-eventing-step-config-card-modern {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
+    background-color: var(--mythic-global-318);
 }
 .mythic-eventing-step-config-summary {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.014)"};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-287);
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     gap: 0.8rem;
     justify-content: space-between;
@@ -8447,13 +8892,13 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-step-config-summary-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.92rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-step-config-summary-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8467,10 +8912,10 @@ tspan {
 }
 .mythic-eventing-step-action-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.info.main + "14"};
-    border: 1px solid ${(props) => props.theme.palette.info.main + "45"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-367);
+    border: 1px solid var(--mythic-global-368);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 800;
@@ -8480,9 +8925,9 @@ tspan {
 }
 .mythic-eventing-step-switch-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-231);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     cursor: pointer;
     display: flex;
     gap: 0.55rem;
@@ -8496,13 +8941,13 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-step-switch-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.72rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-step-switch-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.66rem;
     font-weight: 600;
     line-height: 1.25;
@@ -8515,26 +8960,26 @@ tspan {
     padding: 0.75rem;
 }
 .mythic-eventing-step-config-section {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 1px 2px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.18 : 0.06)};
+    background-color: var(--mythic-global-094);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 1px 2px var(--mythic-global-369);
     min-width: 0;
     overflow: hidden;
 }
 .mythic-eventing-step-config-section-header {
-    background-image: ${getSectionHeaderGradient};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-image: var(--mythic-global-069);
+    border-bottom: 1px solid var(--mythic-global-010);
     padding: 0.62rem 0.7rem 0.55rem;
 }
 .mythic-eventing-step-config-section-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-step-config-section-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8569,17 +9014,17 @@ tspan {
     margin-bottom: 0.35rem;
 }
 .mythic-eventing-step-field-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-step-field-required {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.warning.main + "16"};
-    border: 1px solid ${(props) => props.theme.palette.warning.main + "45"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-370);
+    border: 1px solid var(--mythic-global-371);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-038);
     display: inline-flex;
     font-size: 0.64rem;
     font-weight: 850;
@@ -8588,7 +9033,7 @@ tspan {
     padding: 0 0.35rem;
 }
 .mythic-eventing-step-field-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.7rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8612,9 +9057,9 @@ tspan {
 }
 .mythic-eventing-step-list-item {
     align-items: flex-start;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.026)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-372);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.45rem;
     min-width: 0;
@@ -8668,7 +9113,7 @@ tspan {
     align-self: center;
 }
 .mythic-eventing-step-helper-text {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 600;
     grid-column: 2 / -1;
@@ -8677,10 +9122,10 @@ tspan {
 }
 .mythic-eventing-step-empty-inline {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.action.disabledBackground};
-    border: 1px dashed ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-364);
+    border: 1px dashed var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: flex;
     font-size: 0.74rem;
     font-weight: 700;
@@ -8691,10 +9136,10 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-step-help-text {
-    background-color: ${(props) => props.theme.palette.info.main + "10"};
-    border: 1px solid ${(props) => props.theme.palette.info.main + "2f"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-373);
+    border: 1px solid var(--mythic-global-374);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.74rem;
     font-weight: 600;
     line-height: 1.4;
@@ -8702,10 +9147,10 @@ tspan {
     padding: 0.55rem 0.65rem;
 }
 .mythic-eventing-action-data-card {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
     border-left: 4px solid transparent;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     display: grid;
     gap: 0.75rem;
     grid-template-columns: minmax(13rem, 0.34fr) minmax(0, 1fr);
@@ -8722,16 +9167,16 @@ tspan {
     gap: 0.4rem;
 }
 .mythic-eventing-action-data-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 850 !important;
     line-height: 1.25;
 }
 .mythic-eventing-action-data-chip {
-    background-color: ${(props) => props.theme.palette.warning.main + "16"};
-    border: 1px solid ${(props) => props.theme.palette.warning.main + "45"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-370);
+    border: 1px solid var(--mythic-global-371);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-038);
     display: inline-flex;
     align-items: center;
     font-size: 0.64rem;
@@ -8741,7 +9186,7 @@ tspan {
     padding: 0 0.35rem;
 }
 .mythic-eventing-action-data-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.7rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8769,10 +9214,10 @@ tspan {
     justify-content: flex-start;
 }
 .mythic-eventing-task-helper-summary {
-    background-color: ${(props) => props.theme.palette.info.main + "10"};
-    border: 1px solid ${(props) => props.theme.palette.info.main + "2f"};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-373);
+    border: 1px solid var(--mythic-global-374);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 650;
     line-height: 1.4;
@@ -8788,7 +9233,7 @@ tspan {
     overflow-y: auto;
 }
 .mythic-eventing-task-helper-preview {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: -webkit-box;
     font-size: 0.74rem;
     line-height: 1.35;
@@ -8854,20 +9299,20 @@ tspan {
 	    }
 	}
 .mythic-eventing-wizard-empty {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.82rem;
     font-weight: 650;
     padding: 1.4rem;
     text-align: center;
 }
 .mythic-eventing-wizard-empty-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.92rem;
     font-weight: 850;
     margin-bottom: 0.25rem;
 }
 .mythic-eventing-wizard-empty-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 650;
 }
@@ -8879,7 +9324,7 @@ tspan {
 }
 .mythic-eventing-wizard-review-toolbar {
     align-items: center;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem;
@@ -8894,27 +9339,27 @@ tspan {
     height: 100%;
 }
 .mythic-eventing-wizard-actions {
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-010);
     gap: 0.45rem;
     margin: 0 !important;
     padding: 0.65rem 1rem !important;
 }
 .mythic-eventing-editor-dialog-title {
     align-items: flex-start;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     gap: 1rem;
     justify-content: space-between;
     padding: 0.85rem 1rem !important;
 }
 .mythic-eventing-editor-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-editor-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 600;
     line-height: 1.35;
@@ -8952,20 +9397,20 @@ tspan {
     padding: 0.5rem;
 }
 .mythic-eventing-graph-panel {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-318);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     flex: 0 0 200px;
     min-height: 200px;
     overflow: hidden;
 }
 .mythic-eventing-workflow-overview {
-    background-color: ${(props) => props.theme.surfaces?.raised || props.theme.palette.background.paper};
-    background-image: ${getSubtleAccentHorizontalGradient};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: ${(props) => props.theme.palette.mode === "dark" ? "inset 0 1px 0 rgba(255,255,255,0.055)" : "inset 0 1px 0 rgba(255,255,255,0.78)"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-094);
+    background-image: var(--mythic-global-375);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: var(--mythic-global-376);
+    color: var(--mythic-global-002);
     container-type: inline-size;
     display: grid;
     flex: 0 0 auto;
@@ -8978,7 +9423,7 @@ tspan {
 }
 .mythic-eventing-workflow-overview-header {
     align-items: flex-start;
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     gap: 0.75rem;
     grid-column: 1 / -1;
@@ -9001,7 +9446,7 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-workflow-overview-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 1rem;
     font-weight: 800;
     letter-spacing: 0;
@@ -9010,7 +9455,7 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-eventing-workflow-overview-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
     line-height: 1.35;
@@ -9041,7 +9486,7 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-workflow-overview-section + .mythic-eventing-workflow-overview-section {
-    border-left: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-left: 1px solid var(--mythic-global-010);
     padding-left: 0.75rem;
 }
 .mythic-eventing-workflow-overview-primary {
@@ -9057,14 +9502,14 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-workflow-overview-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 800;
     letter-spacing: 0;
     line-height: 1.15;
 }
 .mythic-eventing-workflow-overview-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 800;
     line-height: 1.25;
@@ -9072,7 +9517,7 @@ tspan {
     overflow-wrap: anywhere;
 }
 .mythic-eventing-workflow-overview-subvalue {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.76rem;
     font-weight: 650;
     line-height: 1.3;
@@ -9085,7 +9530,7 @@ tspan {
     gap: 0.35rem;
 }
 .mythic-eventing-workflow-overview-icon-line svg {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.95rem;
 }
@@ -9099,10 +9544,10 @@ tspan {
 }
 .mythic-eventing-workflow-keyword-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-377);
+    border: 1px solid var(--mythic-global-010);
     border-radius: 999px;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.7rem;
     font-weight: 760;
@@ -9115,7 +9560,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-workflow-keyword-more {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-eventing-workflow-overview-actions {
     gap: 0.7rem;
@@ -9137,9 +9582,9 @@ tspan {
     margin-right: 0.28rem;
 }
 .MuiButton-root.mythic-eventing-workflow-approval-button {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.035)} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-377) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
     font-size: 0.72rem;
     font-weight: 800;
@@ -9152,22 +9597,22 @@ tspan {
     margin-right: 0.28rem;
 }
 .MuiButton-root.mythic-eventing-workflow-approval-approved {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.48 : 0.32)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-045) !important;
+    border-color: var(--mythic-global-084) !important;
+    color: var(--mythic-global-035) !important;
 }
 .MuiButton-root.mythic-eventing-workflow-approval-approved:hover {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.26 : 0.16)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.66 : 0.48)} !important;
+    background-color: var(--mythic-global-378) !important;
+    border-color: var(--mythic-global-379) !important;
 }
 .MuiButton-root.mythic-eventing-workflow-approval-needs-approval {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.5 : 0.34)} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-046) !important;
+    border-color: var(--mythic-global-104) !important;
+    color: var(--mythic-global-038) !important;
 }
 .MuiButton-root.mythic-eventing-workflow-approval-needs-approval:hover {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.28 : 0.18)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.68 : 0.5)} !important;
+    background-color: var(--mythic-global-380) !important;
+    border-color: var(--mythic-global-381) !important;
 }
 @container (max-width: 58rem) {
     .mythic-eventing-workflow-overview {
@@ -9182,14 +9627,14 @@ tspan {
         justify-content: flex-start;
     }
     .mythic-eventing-workflow-overview-section + .mythic-eventing-workflow-overview-section {
-        border-left: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+        border-left: 1px solid var(--mythic-global-010);
         border-top: 0;
         padding-left: 0.75rem;
         padding-top: 0;
     }
     .mythic-eventing-workflow-overview-actions {
         border-left: 0 !important;
-        border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
+        border-top: 1px solid var(--mythic-global-010) !important;
         grid-column: 1 / -1;
         padding-left: 0 !important;
         padding-top: 0.65rem !important;
@@ -9216,7 +9661,7 @@ tspan {
     justify-content: space-between;
 }
 .mythic-eventing-instance-id {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 850;
     min-width: 0;
     overflow: hidden;
@@ -9255,16 +9700,16 @@ tspan {
     white-space: nowrap;
 }
 .mythic-eventing-instances-time-line svg {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.92rem;
 }
 .mythic-eventing-instances-time-secondary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
 }
 .mythic-eventing-flow-canvas {
-    background-color: ${(props) => props.theme.surfaces?.muted || props.theme.palette.background.default};
+    background-color: var(--mythic-global-318);
     height: 100%;
     min-height: 0;
     position: relative;
@@ -9275,11 +9720,11 @@ tspan {
 }
 .mythic-eventing-flow-badge {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 6px 18px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.22 : 0.08)};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 6px 18px var(--mythic-global-024);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 800;
@@ -9292,8 +9737,8 @@ tspan {
     z-index: 5;
 }
 .mythic-graph-controls-muted-hover .react-flow__controls-button:hover {
-    background-color: ${(props) => props.theme.tableHover};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-359);
+    color: var(--mythic-global-002);
 }
 .mythic-eventing-flow-canvas .react-flow__node-eventNode {
     background: transparent !important;
@@ -9313,11 +9758,11 @@ tspan {
     padding: 0 !important;
 }
 .mythic-eventing-flow-node {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    box-shadow: 0 8px 22px ${(props) => alpha(props.theme.palette.common.black, props.theme.palette.mode === "dark" ? 0.24 : 0.09)};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    box-shadow: 0 8px 22px var(--mythic-global-382);
+    color: var(--mythic-global-002);
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -9328,23 +9773,23 @@ tspan {
     width: 100%;
 }
 .mythic-eventing-flow-node-success {
-    border-color: ${(props) => props.theme.palette.success.main + "55"};
+    border-color: var(--mythic-global-383);
 }
 .mythic-eventing-flow-node-running {
-    border-color: ${(props) => props.theme.palette.info.main + "55"};
+    border-color: var(--mythic-global-384);
 }
 .mythic-eventing-flow-node-error {
-    border-color: ${(props) => props.theme.palette.error.main + "66"};
+    border-color: var(--mythic-global-354);
 }
 .mythic-eventing-flow-node-cancelled {
-    border-color: ${(props) => props.theme.palette.warning.main + "60"};
+    border-color: var(--mythic-global-385);
 }
 .mythic-eventing-flow-node-skipped {
-    border-color: ${(props) => alpha(props.theme.palette.text.secondary, 0.35)};
+    border-color: var(--mythic-global-386);
 }
 .mythic-eventing-flow-node-waiting,
 .mythic-eventing-flow-node-configured {
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor};
+    border-color: var(--mythic-global-007);
 }
 .mythic-eventing-flow-node-main {
     display: flex;
@@ -9355,7 +9800,7 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-flow-node-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem !important;
     font-weight: 850 !important;
     line-height: 1.18 !important;
@@ -9367,7 +9812,7 @@ tspan {
 }
 .mythic-eventing-flow-node-meta {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     flex-wrap: wrap;
     gap: 0.4rem;
@@ -9375,18 +9820,18 @@ tspan {
     margin-top: 0.42rem;
 }
 .mythic-eventing-flow-node-meta .MuiTypography-root {
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    color: var(--mythic-global-025) !important;
     float: none !important;
     font-size: 0.68rem !important;
     line-height: 1.2;
 }
 .mythic-eventing-flow-node-action {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.info.main + "16"};
-    border-color: ${(props) => props.theme.palette.info.main + "45"};
-    color: ${(props) => props.theme.palette.info.main};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-387);
+    border-color: var(--mythic-global-368);
+    color: var(--mythic-global-023);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     font-size: 0.66rem;
     font-weight: 750;
@@ -9396,10 +9841,10 @@ tspan {
 }
 .mythic-eventing-status-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.action.disabledBackground};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-364);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     display: inline-flex;
     font-size: 0.7rem;
     font-weight: 850;
@@ -9413,35 +9858,35 @@ tspan {
     margin: 0 0.28rem 0 0 !important;
 }
 .mythic-eventing-status-chip-success {
-    background-color: ${(props) => props.theme.palette.success.main + "16"};
-    border-color: ${(props) => props.theme.palette.success.main + "45"};
-    color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-388);
+    border-color: var(--mythic-global-389);
+    color: var(--mythic-global-035);
 }
 .mythic-eventing-status-chip-running {
-    background-color: ${(props) => props.theme.palette.info.main + "16"};
-    border-color: ${(props) => props.theme.palette.info.main + "45"};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-387);
+    border-color: var(--mythic-global-368);
+    color: var(--mythic-global-023);
 }
 .mythic-eventing-status-chip-error {
-    background-color: ${(props) => props.theme.palette.error.main + "16"};
-    border-color: ${(props) => props.theme.palette.error.main + "50"};
-    color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-390);
+    border-color: var(--mythic-global-391);
+    color: var(--mythic-global-048);
 }
 .mythic-eventing-status-chip-cancelled {
-    background-color: ${(props) => props.theme.palette.warning.main + "18"};
-    border-color: ${(props) => props.theme.palette.warning.main + "52"};
-    color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-392);
+    border-color: var(--mythic-global-393);
+    color: var(--mythic-global-038);
 }
 .mythic-eventing-status-chip-skipped,
 .mythic-eventing-status-chip-configured {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.045)" : "rgba(0,0,0,0.035)"};
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-355);
+    border-color: var(--mythic-global-007);
+    color: var(--mythic-global-025);
 }
 .mythic-eventing-status-chip-waiting {
-    background-color: ${(props) => props.theme.palette.action.disabledBackground};
-    border-color: ${(props) => props.theme.palette.action.disabled};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-364);
+    border-color: var(--mythic-global-362);
+    color: var(--mythic-global-025);
 }
 .mythic-eventing-detail-chip-row {
     display: flex;
@@ -9451,10 +9896,10 @@ tspan {
 }
 .mythic-eventing-detail-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.72)"};
-    border: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.22)};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-394);
+    border: 1px solid var(--mythic-global-252);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-070);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 800;
@@ -9523,7 +9968,7 @@ tspan {
     height: 100%;
 }
 .mythic-eventing-detail-dialog-content {
-    background-color: ${(props) => props.theme.palette.background.default};
+    background-color: var(--mythic-global-001);
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
@@ -9540,23 +9985,23 @@ tspan {
     flex: 0 0 auto;
 }
 .mythic-eventing-detail-dialog-actions {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-009);
+    border-top: 1px solid var(--mythic-global-010);
     gap: 0.45rem;
     margin: 0 !important;
     padding: 0.65rem 1rem !important;
 }
 .mythic-eventing-detail-section {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     overflow: hidden;
 }
 .mythic-eventing-detail-section-header {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.035)" : "rgba(0,0,0,0.018)"};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-107);
+    border-bottom: 1px solid var(--mythic-global-010);
     display: flex;
     gap: 0.75rem;
     justify-content: space-between;
@@ -9575,7 +10020,7 @@ tspan {
     align-items: center;
     background: transparent;
     border: 0;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: flex;
     flex: 1 1 auto;
@@ -9588,30 +10033,30 @@ tspan {
     text-align: left;
 }
 .mythic-eventing-detail-section-toggle:focus-visible .mythic-eventing-detail-section-title {
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
     text-decoration: underline;
     text-underline-offset: 0.18rem;
 }
 .mythic-eventing-detail-section-toggle:hover .mythic-eventing-detail-section-title {
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
 }
 .mythic-eventing-detail-section-toggle-icon {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     transition: transform 140ms ease, color 140ms ease;
 }
 .mythic-eventing-detail-section-expanded .mythic-eventing-detail-section-toggle-icon {
-    color: ${(props) => props.theme.palette.primary.main};
+    color: var(--mythic-global-027);
     transform: rotate(180deg);
 }
 .mythic-eventing-detail-section-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.86rem;
     font-weight: 850;
     line-height: 1.2;
 }
 .mythic-eventing-detail-section-subtitle {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 600;
     line-height: 1.32;
@@ -9629,14 +10074,14 @@ tspan {
     padding: 0.72rem;
 }
 .mythic-eventing-section-empty {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.018)" : "rgba(0,0,0,0.01)"};
-    border: 1px dashed ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-395);
+    border: 1px dashed var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     overflow: hidden;
 }
 .mythic-eventing-detail-count {
     align-items: center;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 850;
@@ -9647,21 +10092,21 @@ tspan {
     padding: 0 0.4rem;
 }
 .mythic-eventing-detail-count-active {
-    background-color: ${(props) => props.theme.palette.primary.main + "16"};
-    border: 1px solid ${(props) => props.theme.palette.primary.main + "45"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-239);
+    border: 1px solid var(--mythic-global-347);
+    color: var(--mythic-global-002);
 }
 .mythic-eventing-detail-count-empty {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.018)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-262);
+    border: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-025);
     font-weight: 750;
     opacity: 0.62;
 }
 .mythic-eventing-detail-accordion {
-    background-color: ${(props) => props.theme.palette.background.paper} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-009) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
     margin: 0 !important;
     overflow: hidden;
@@ -9673,18 +10118,18 @@ tspan {
     margin-top: 0.5rem !important;
 }
 .mythic-eventing-detail-accordion .MuiAccordionSummary-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.025)" : "rgba(0,0,0,0.012)"};
+    background-color: var(--mythic-global-305);
     min-height: 2.4rem !important;
     padding: 0 0.7rem !important;
 }
 .mythic-eventing-detail-accordion .MuiAccordionSummary-content {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 850;
     margin: 0.48rem 0 !important;
 }
 .mythic-eventing-detail-accordion .MuiAccordionDetails-root {
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-010);
     padding: 0.7rem !important;
 }
 .mythic-eventing-metadata-accordion .MuiAccordionDetails-root {
@@ -9703,7 +10148,7 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-metadata-pair-title {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.72rem;
     font-weight: 850;
     line-height: 1.2;
@@ -9717,24 +10162,24 @@ tspan {
     min-width: 0;
 }
 .mythic-eventing-metadata-panel {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.02)" : "rgba(0,0,0,0.012)"};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-396);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     overflow: hidden;
 }
 .mythic-eventing-metadata-panel-title {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.018)"};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary};
+    background-color: var(--mythic-global-231);
+    border-bottom: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 850;
     line-height: 1.2;
     padding: 0.45rem 0.55rem;
 }
 .mythic-eventing-code-block {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(0,0,0,0.24)" : "rgba(255,255,255,0.72)"};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-397);
+    color: var(--mythic-global-002);
     margin: 0;
     max-height: 18rem;
     min-height: 3.4rem;
@@ -9746,18 +10191,18 @@ tspan {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
 }
 .mythic-eventing-code-block .ace_gutter {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.04)" : "rgba(0,0,0,0.035)"} !important;
-    border-right: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    background-color: var(--mythic-global-398) !important;
+    border-right: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-025) !important;
 }
 .mythic-eventing-code-block .ace_scroller {
     background-color: transparent !important;
 }
 .mythic-eventing-code-block-empty {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
-    font-family: ${(props) => props.theme.typography.fontFamily};
+    font-family: var(--mythic-global-003);
     font-size: 0.74rem;
     font-weight: 700;
     padding: 0.62rem;
@@ -9776,13 +10221,13 @@ tspan {
     word-break: break-all;
 }
 .mythic-eventing-resource-secondary {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
     line-height: 1.35;
 }
 .mythic-eventing-resource-command {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 850;
 }
 @media (max-width: 900px) {
@@ -9806,7 +10251,7 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-name {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 850;
     line-height: 1.25;
     overflow-wrap: anywhere;
@@ -9829,7 +10274,7 @@ tspan {
 }
 .mythic-installed-service-metadata-label,
 .mythic-installed-service-detail-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
     line-height: 1.2;
@@ -9842,7 +10287,7 @@ tspan {
 }
 .mythic-installed-service-metadata-value,
 .mythic-installed-service-detail-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.8rem;
     font-weight: 500;
     line-height: 1.25;
@@ -9860,12 +10305,12 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-metadata-code {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.035)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-377);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-block;
-    font-family: ${(props) => props.theme.typography.fontFamilyMono || "monospace"};
+    font-family: var(--mythic-global-105);
     font-size: 0.75rem;
     line-height: 1.25;
     max-width: 100%;
@@ -9882,10 +10327,10 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-chip {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.04)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-399);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     display: inline-flex;
     font-size: 0.72rem;
     font-weight: 750;
@@ -9898,7 +10343,7 @@ tspan {
     white-space: nowrap;
 }
 .mythic-installed-service-chip-more {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-installed-service-action-chip-list {
     align-items: center;
@@ -9909,10 +10354,10 @@ tspan {
 }
 .mythic-installed-service-action-chip {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.04)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-399);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-002);
     cursor: pointer;
     display: inline-flex;
     font-size: 0.72rem;
@@ -9932,35 +10377,35 @@ tspan {
     white-space: nowrap;
 }
 .mythic-installed-service-action-chip .MuiSvgIcon-root {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     flex: 0 0 auto;
     font-size: 0.92rem;
 }
 .mythic-installed-service-action-chip:hover {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)};
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)};
-    color: ${(props) => props.theme.palette.info.main};
+    background-color: var(--mythic-global-044);
+    border-color: var(--mythic-global-151);
+    color: var(--mythic-global-023);
 }
 .mythic-installed-service-action-chip:hover .MuiSvgIcon-root {
-    color: ${(props) => props.theme.palette.info.main};
+    color: var(--mythic-global-023);
 }
 .mythic-installed-service-action-chip:disabled {
-    color: ${(props) => props.theme.palette.text.disabled};
+    color: var(--mythic-global-066);
     cursor: default;
     opacity: 0.72;
 }
 .mythic-installed-service-action-chip:disabled:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.055) : alpha(props.theme.palette.common.black, 0.04)};
-    border-color: ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.disabled};
+    background-color: var(--mythic-global-399);
+    border-color: var(--mythic-global-010);
+    color: var(--mythic-global-066);
 }
 .mythic-installed-service-empty-value {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.78rem;
     font-weight: 650;
 }
 .mythic-installed-service-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     min-width: 0;
 }
 .mythic-installed-service-description > span {
@@ -9973,7 +10418,7 @@ tspan {
 .mythic-installed-service-description > p {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: -webkit-box;
     font-size: 0.8rem;
     font-weight: 500;
@@ -9989,7 +10434,7 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-browser-author {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 500;
     line-height: 1.3;
@@ -10012,13 +10457,13 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-browser-metric > span:first-child {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.68rem;
     font-weight: 750;
     line-height: 1.2;
 }
 .mythic-installed-service-browser-metric > strong {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.78rem;
     font-weight: 500;
     line-height: 1.2;
@@ -10028,8 +10473,8 @@ tspan {
     padding: 0 !important;
 }
 .mythic-installed-service-detail-panel {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.022)};
-    border-top: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-400);
+    border-top: 1px solid var(--mythic-global-010);
     display: grid;
     gap: 0.75rem;
     grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
@@ -10037,17 +10482,17 @@ tspan {
     padding: 0.85rem 1rem 1rem;
 }
 .mythic-installed-service-detail-section {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     min-width: 0;
     overflow: hidden;
 }
 .mythic-installed-service-detail-section-header {
     align-items: center;
-    background-color: ${(props) => props.theme.pageHeader?.main || props.theme.palette.background.contrast};
-    border-bottom: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-401);
+    border-bottom: 1px solid var(--mythic-global-010);
+    color: var(--mythic-global-070);
     display: flex;
     font-size: 0.76rem;
     font-weight: 850;
@@ -10077,9 +10522,9 @@ tspan {
 }
 .mythic-installed-service-definition-row {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.035) : alpha(props.theme.palette.common.black, 0.022)};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-400);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     gap: 0.75rem;
     justify-content: space-between;
@@ -10093,7 +10538,7 @@ tspan {
     min-width: 0;
 }
 .mythic-installed-service-definition-title {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-size: 0.82rem;
     font-weight: 800;
     line-height: 1.25;
@@ -10101,7 +10546,7 @@ tspan {
 }
 .mythic-installed-service-definition-subtitle,
 .mythic-installed-service-definition-description {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     font-size: 0.75rem;
     font-weight: 650;
     line-height: 1.35;
@@ -10126,7 +10571,7 @@ tspan {
 }
 .mythic-service-status-primary {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     display: flex;
     font-size: 0.84rem;
     font-weight: 800;
@@ -10153,20 +10598,20 @@ tspan {
     width: 0.38rem;
 }
 .mythic-service-status-summary-success .mythic-service-status-dot {
-    background-color: ${(props) => props.theme.palette.success.main};
-    box-shadow: 0 0 0 3px ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.14 : 0.1)};
+    background-color: var(--mythic-global-035);
+    box-shadow: 0 0 0 3px var(--mythic-global-402);
 }
 .mythic-service-status-summary-warning .mythic-service-status-dot {
-    background-color: ${(props) => props.theme.palette.warning.main};
-    box-shadow: 0 0 0 3px ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.16 : 0.12)};
+    background-color: var(--mythic-global-038);
+    box-shadow: 0 0 0 3px var(--mythic-global-403);
 }
 .mythic-service-status-summary-error .mythic-service-status-dot {
-    background-color: ${(props) => props.theme.palette.error.main};
-    box-shadow: 0 0 0 3px ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.16 : 0.1)};
+    background-color: var(--mythic-global-048);
+    box-shadow: 0 0 0 3px var(--mythic-global-404);
 }
 .mythic-service-status-details {
     align-items: center;
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
     display: flex;
     flex-wrap: wrap;
     font-size: 0.73rem;
@@ -10182,23 +10627,23 @@ tspan {
     min-width: 0;
 }
 .mythic-service-status-detail-label {
-    color: ${(props) => props.theme.palette.text.secondary};
+    color: var(--mythic-global-025);
 }
 .mythic-service-status-detail-value {
-    color: ${(props) => props.theme.palette.text.primary};
+    color: var(--mythic-global-002);
     font-weight: 750;
 }
 .mythic-service-status-detail-neutral .mythic-service-status-mini-dot {
-    background-color: ${(props) => alpha(props.theme.palette.text.secondary, 0.55)};
+    background-color: var(--mythic-global-405);
 }
 .mythic-service-status-detail-success .mythic-service-status-mini-dot {
-    background-color: ${(props) => props.theme.palette.success.main};
+    background-color: var(--mythic-global-035);
 }
 .mythic-service-status-detail-warning .mythic-service-status-mini-dot {
-    background-color: ${(props) => props.theme.palette.warning.main};
+    background-color: var(--mythic-global-038);
 }
 .mythic-service-status-detail-error .mythic-service-status-mini-dot {
-    background-color: ${(props) => props.theme.palette.error.main};
+    background-color: var(--mythic-global-048);
 }
 .mythic-split-action-group {
     box-shadow: none !important;
@@ -10213,14 +10658,14 @@ tspan {
 }
 .mythic-split-action-group .MuiButton-root:first-of-type,
 .mythic-split-action-group .MuiIconButton-root:first-of-type {
-    border-bottom-left-radius: ${(props) => props.theme.shape.borderRadius}px !important;
-    border-top-left-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    border-bottom-left-radius: var(--mythic-global-008) !important;
+    border-top-left-radius: var(--mythic-global-008) !important;
     margin-left: 0;
 }
 .mythic-split-action-group .MuiButton-root:last-of-type,
 .mythic-split-action-group .MuiIconButton-root:last-of-type {
-    border-bottom-right-radius: ${(props) => props.theme.shape.borderRadius}px !important;
-    border-top-right-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    border-bottom-right-radius: var(--mythic-global-008) !important;
+    border-top-right-radius: var(--mythic-global-008) !important;
 }
 .mythic-split-action-group .mythic-table-row-action {
     min-width: 7.5rem;
@@ -10229,27 +10674,27 @@ tspan {
     width: 34px;
 }
 .mythic-split-action-group .mythic-table-row-icon-action-success {
-    background-color: ${(props) => props.theme.palette.success.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "66"} !important;
+    background-color: var(--mythic-global-351) !important;
+    border-color: var(--mythic-global-352) !important;
 }
 .mythic-split-action-group .mythic-table-row-icon-action-success:hover {
-    background-color: ${(props) => props.theme.palette.success.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.success.main + "88"} !important;
+    background-color: var(--mythic-global-233) !important;
+    border-color: var(--mythic-global-234) !important;
 }
 .mythic-split-action-group .mythic-table-row-icon-action-danger {
-    background-color: ${(props) => props.theme.palette.error.main + "1c"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "66"} !important;
+    background-color: var(--mythic-global-353) !important;
+    border-color: var(--mythic-global-354) !important;
 }
 .mythic-split-action-group .mythic-table-row-icon-action-danger:hover {
-    background-color: ${(props) => props.theme.palette.error.main + "2b"} !important;
-    border-color: ${(props) => props.theme.palette.error.main + "88"} !important;
+    background-color: var(--mythic-global-322) !important;
+    border-color: var(--mythic-global-323) !important;
 }
 .MuiIconButton-root.mythic-response-action-button {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.045) : alpha(props.theme.palette.common.black, 0.028)} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px !important;
+    background-color: var(--mythic-global-306) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008) !important;
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.secondary} !important;
+    color: var(--mythic-global-025) !important;
     height: 30px;
     padding: 0;
     transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
@@ -10260,16 +10705,16 @@ tspan {
     color: inherit !important;
 }
 .MuiIconButton-root.mythic-response-action-button:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? alpha(props.theme.palette.common.white, 0.085) : alpha(props.theme.palette.common.black, 0.052)} !important;
-    border-color: ${(props) => props.theme.table?.border || props.theme.borderColor} !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-406) !important;
+    border-color: var(--mythic-global-007) !important;
+    color: var(--mythic-global-002) !important;
 }
 .mythic-response-action-menu {
     padding: 0.25rem !important;
 }
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-menu-item {
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
-    color: ${(props) => props.theme.palette.text.secondary};
+    border-radius: var(--mythic-global-008);
+    color: var(--mythic-global-025);
     min-height: 34px;
 }
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-menu-item .MuiListItemIcon-root {
@@ -10283,30 +10728,30 @@ tspan {
 .MuiIconButton-root.mythic-response-action-button.mythic-response-action-hover-info:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-info:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-info.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-044) !important;
+    border-color: var(--mythic-global-151) !important;
+    color: var(--mythic-global-023) !important;
 }
 .MuiIconButton-root.mythic-response-action-button.mythic-response-action-hover-success:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-success:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-success.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.54 : 0.36)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-045) !important;
+    border-color: var(--mythic-global-148) !important;
+    color: var(--mythic-global-035) !important;
 }
 .MuiIconButton-root.mythic-response-action-button.mythic-response-action-hover-warning:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-warning:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-warning.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.58 : 0.4)} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-046) !important;
+    border-color: var(--mythic-global-407) !important;
+    color: var(--mythic-global-038) !important;
 }
 .MuiIconButton-root.mythic-response-action-button.mythic-response-action-hover-danger:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-danger:hover,
 .mythic-response-action-menu .MuiMenuItem-root.mythic-response-action-hover-danger.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    border-color: ${(props) => alpha(props.theme.palette.error.main, props.theme.palette.mode === "dark" ? 0.56 : 0.38)} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-047) !important;
+    border-color: var(--mythic-global-408) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-menu-item-hover-info .MuiSvgIcon-root,
 .mythic-menu-item-hover-success .MuiSvgIcon-root,
@@ -10316,23 +10761,23 @@ tspan {
 }
 .mythic-menu-item-hover-info:hover,
 .mythic-menu-item-hover-info.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.info.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    color: ${(props) => props.theme.palette.info.main} !important;
+    background-color: var(--mythic-global-044) !important;
+    color: var(--mythic-global-023) !important;
 }
 .mythic-menu-item-hover-success:hover,
 .mythic-menu-item-hover-success.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.success.main, props.theme.palette.mode === "dark" ? 0.18 : 0.1)} !important;
-    color: ${(props) => props.theme.palette.success.main} !important;
+    background-color: var(--mythic-global-045) !important;
+    color: var(--mythic-global-035) !important;
 }
 .mythic-menu-item-hover-warning:hover,
 .mythic-menu-item-hover-warning.Mui-focusVisible {
-    background-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.2 : 0.12)} !important;
-    color: ${(props) => props.theme.palette.warning.main} !important;
+    background-color: var(--mythic-global-046) !important;
+    color: var(--mythic-global-038) !important;
 }
 .mythic-menu-item-hover-danger:hover,
 .mythic-menu-item-hover-danger.Mui-focusVisible {
-    background-color: ${(props) => props.theme.palette.error.main + "16"} !important;
-    color: ${(props) => props.theme.palette.error.main} !important;
+    background-color: var(--mythic-global-390) !important;
+    color: var(--mythic-global-048) !important;
 }
 .mythic-status-stack {
     align-items: center;
@@ -10350,8 +10795,8 @@ tspan {
 }
 .mythic-dialog-preview {
     align-items: center;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     min-height: 38px;
     min-width: 0;
@@ -10359,9 +10804,9 @@ tspan {
 }
 .mythic-dialog-file-target {
     align-items: center;
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px dashed ${(props) => props.theme.table?.border || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px dashed var(--mythic-global-007);
+    border-radius: var(--mythic-global-008);
     display: flex;
     justify-content: center;
     min-height: 7rem;
@@ -10374,9 +10819,9 @@ tspan {
     margin-top: 0.75rem;
 }
 .mythic-transfer-list {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
+    border-radius: var(--mythic-global-008);
     display: flex;
     flex-direction: column;
     min-height: 16rem;
@@ -10385,9 +10830,9 @@ tspan {
     width: 100%;
 }
 .mythic-transfer-list-header {
-    background-color: ${(props) => props.theme.table?.header || props.theme.tableHeader};
-    border-bottom: 1px solid ${(props) => props.theme.table?.border || props.theme.borderColor};
-    color: ${(props) => props.theme.palette.text.primary};
+    background-color: var(--mythic-global-409);
+    border-bottom: 1px solid var(--mythic-global-007);
+    color: var(--mythic-global-002);
     font-size: 0.76rem;
     font-weight: 700;
     line-height: 1.25;
@@ -10414,17 +10859,17 @@ tspan {
     padding: 0 0.5rem;
 }
 .mythic-transfer-controls .MuiButton-root {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.035)"} !important;
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor} !important;
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    background-color: var(--mythic-global-029) !important;
+    border: 1px solid var(--mythic-global-010) !important;
+    border-radius: var(--mythic-global-008);
     box-shadow: none !important;
-    color: ${(props) => props.theme.palette.text.primary} !important;
+    color: var(--mythic-global-002) !important;
     min-height: 30px;
     min-width: 34px;
     padding: 0.25rem 0.45rem;
 }
 .mythic-transfer-controls .MuiButton-root:hover {
-    background-color: ${(props) => props.theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)"} !important;
+    background-color: var(--mythic-global-258) !important;
 }
 @media screen and (max-width: 700px) {
     .mythic-dialog-choice-row {
@@ -10452,7 +10897,7 @@ tspan {
   opacity: 0.3;
 }
 .mythic-search-tabs-bar.MuiPaper-root {
-    background-image: ${getSectionHeaderGradient};
+    background-image: var(--mythic-global-069);
 }
 .mythic-search-tabs.MuiTabs-root {
     min-height: 42px;
@@ -10485,19 +10930,19 @@ tspan {
     overflow: visible;
 }
 .mythic-chat-sidebar {
-    background-color: ${(props) => alpha(props.theme.palette.background.paper, props.theme.palette.mode === "dark" ? 0.72 : 0.86)};
-    border: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.18)};
+    background-color: var(--mythic-global-410);
+    border: 1px solid var(--mythic-global-411);
     display: flex;
     flex-direction: column;
     min-height: 0;
     border-radius: 8px;
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.12)};
+    box-shadow: inset 0 1px 0 var(--mythic-global-096);
     overflow: hidden;
 }
 .mythic-chat-sidebar-toolbar {
-    background-color: ${(props) => props.theme.pageHeader?.main || props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.18)};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-412);
+    border-bottom: 1px solid var(--mythic-global-411);
+    color: var(--mythic-global-070);
     min-height: 48px;
 }
 .mythic-chat-sidebar-toolbar,
@@ -10519,22 +10964,22 @@ tspan {
     font-weight: 750;
 }
 .mythic-chat-sidebar-count {
-    background-color: ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.1)} !important;
-    border: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.24)} !important;
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary} !important;
+    background-color: var(--mythic-global-340) !important;
+    border: 1px solid var(--mythic-global-097) !important;
+    color: var(--mythic-global-070) !important;
     font-size: 0.68rem !important;
     font-weight: 800 !important;
     height: 22px !important;
 }
 .mythic-chat-conversation-header {
-    background-color: ${(props) => props.theme.pageHeader?.main || props.theme.palette.background.paper};
-    border-bottom: 1px solid ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.18)};
-    box-shadow: inset 0 1px 0 ${(props) => alpha(props.theme.pageHeaderText?.main || props.theme.palette.text.primary, 0.12)};
-    color: ${(props) => props.theme.pageHeaderText?.main || props.theme.palette.text.primary};
+    background-color: var(--mythic-global-412);
+    border-bottom: 1px solid var(--mythic-global-411);
+    box-shadow: inset 0 1px 0 var(--mythic-global-096);
+    color: var(--mythic-global-070);
     min-height: 54px;
 }
 .mythic-chat-composer {
-    box-shadow: inset 0 1px 0 ${getSoftBorderColor};
+    box-shadow: inset 0 1px 0 var(--mythic-global-413);
     align-items: center;
 }
 .mythic-chat-channel-section {
@@ -10564,8 +11009,8 @@ tspan {
     transition: background-color 120ms ease, border-color 120ms ease;
 }
 .mythic-chat-channel-button:hover {
-    background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover} !important;
-    border-color: ${getSoftBorderColor} !important;
+    background-color: var(--mythic-global-013) !important;
+    border-color: var(--mythic-global-413) !important;
 }
 .mythic-chat-channel-button-selected {
     box-shadow: inset 3px 0 0 var(--mythic-chat-channel-accent);
@@ -10615,7 +11060,7 @@ tspan {
 .mythic-chat-channel-state,
 .mythic-chat-unread-badge {
     align-items: center;
-    background: ${(props) => props.theme.palette.action.selected};
+    background: var(--mythic-global-414);
     border-radius: 999px;
     display: inline-flex;
     font-size: 0.66rem;
@@ -10640,8 +11085,8 @@ tspan {
     box-shadow: inset 0 0 0 1px var(--mythic-chat-channel-error);
 }
 .mythic-chat-main {
-    background-color: ${(props) => props.theme.palette.background.paper};
-    border: 1px solid ${(props) => props.theme.table?.borderSoft || props.theme.borderColor};
+    background-color: var(--mythic-global-009);
+    border: 1px solid var(--mythic-global-010);
     display: flex;
     flex-direction: column;
     min-height: 0;
@@ -10707,8 +11152,8 @@ tspan {
     padding: 7px 10px;
 }
 .mythic-chat-message-system .mythic-chat-message-header {
-    background: ${(props) => `linear-gradient(135deg, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.34 : 0.24)} 0%, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.18 : 0.12)} 58%, ${alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.08 : 0.06)} 100%)`};
-    border-bottom-color: ${(props) => alpha(props.theme.palette.warning.main, props.theme.palette.mode === "dark" ? 0.36 : 0.28)};
+    background: var(--mythic-global-415);
+    border-bottom-color: var(--mythic-global-416);
 }
 .mythic-chat-author {
     font-weight: 750;
@@ -10872,15 +11317,15 @@ tspan {
     display: block;
 }
 .mythic-chat-system-button.MuiIconButton-root {
-    border-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-radius: var(--mythic-global-008);
     flex: 0 0 auto;
     height: 38px;
     width: 38px;
 }
 .mythic-chat-system-destination {
     align-items: center;
-    background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover};
-    border: 1px solid ${getSoftBorderColor};
+    background-color: var(--mythic-global-013);
+    border: 1px solid var(--mythic-global-413);
     border-radius: 7px;
     display: flex;
     gap: 8px;
@@ -10888,17 +11333,37 @@ tspan {
     padding: 8px 10px;
 }
 .mythic-chat-system-destination .MuiSvgIcon-root {
-    color: ${(props) => props.theme.palette.warning.main};
+    color: var(--mythic-global-038);
 }
 .mythic-chat-system-options {
-    background-color: ${(props) => props.theme.surfaces?.hover || props.theme.palette.action.hover};
-    border: 1px solid ${getSoftBorderColor};
+    background-color: var(--mythic-global-013);
+    border: 1px solid var(--mythic-global-413);
     border-radius: 7px;
     padding: 4px 10px;
 }
 .mythic-chat-dialog-content .MuiFormControl-root {
     margin-top: 4px;
 }
+.mythic-chat-search-dialog.MuiDialog-paper {
+    height: min(720px, calc(100vh - 64px));
+}
+.mythic-chat-search-content {
+    flex: 1 1 auto;
+    min-height: 0;
+}
+.mythic-chat-search-form {
+    align-items: center;
+    display: grid;
+    gap: 8px;
+    grid-template-columns: minmax(0, 1fr) auto;
+}
+.mythic-chat-search-form .MuiFormControl-root {
+    margin-top: 0;
+}
+.mythic-chat-search-form .MuiButton-root {
+    height: 40px;
+    white-space: nowrap;
+}
 .mythic-chat-empty-state {
     align-items: center;
     align-self: center;
@@ -10912,7 +11377,7 @@ tspan {
     text-align: center;
 }
 .mythic-chat-empty-list {
-    background: ${(props) => props.theme.palette.action.hover};
+    background: var(--mythic-global-417);
     border-radius: 7px;
     font-size: 0.76rem;
     opacity: 0.72;
@@ -10920,30 +11385,73 @@ tspan {
 }
 .mythic-chat-search-results {
     display: flex;
+    flex: 1 1 auto;
     flex-direction: column;
     gap: 6px;
-    max-height: 55vh;
+    min-height: 0;
     overflow-y: auto;
 }
 .mythic-chat-search-result {
     background: transparent;
-    border: 1px solid ${getSoftBorderColor};
+    border: 1px solid var(--mythic-global-413);
     border-radius: 7px;
     color: inherit;
     cursor: pointer;
     display: grid;
-    gap: 3px;
-    padding: 8px;
+    gap: 6px;
+    padding: 9px 10px;
     text-align: left;
+    transition: background-color 120ms ease, border-color 120ms ease;
 }
-.mythic-chat-search-message {
+.mythic-chat-search-result:hover {
+    background-color: var(--mythic-global-013);
+    border-color: var(--mythic-global-038);
+}
+.mythic-chat-search-result-header {
+    align-items: center;
+    display: flex;
+    gap: 12px;
+    justify-content: space-between;
+    min-width: 0;
+}
+.mythic-chat-search-channel {
+    font-weight: 750;
+    min-width: 0;
+}
+.mythic-chat-search-channel > span {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.mythic-chat-search-message {
+    display: -webkit-box;
+    line-height: 1.42;
+    overflow: hidden;
+    overflow-wrap: anywhere;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
 .mythic-chat-search-meta {
+    flex: 0 0 auto;
     font-size: 0.74rem;
     opacity: 0.72;
+    white-space: nowrap;
+}
+.mythic-chat-search-highlight {
+    background-color: var(--mythic-global-036);
+    border-radius: 3px;
+    box-shadow: inset 0 0 0 1px var(--mythic-global-037);
+    color: inherit;
+    font-weight: 800;
+    padding: 0 2px;
+}
+.mythic-chat-search-empty {
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    justify-content: center;
+    opacity: 0.7;
+    text-align: center;
 }
 @media (max-width: 900px) {
     .mythic-chat-layout {
@@ -10956,38 +11464,55 @@ tspan {
         max-width: 100%;
         min-width: 0;
     }
+    .mythic-chat-search-dialog.MuiDialog-paper {
+        height: calc(100vh - 32px);
+    }
+    .mythic-chat-search-form {
+        grid-template-columns: 1fr;
+    }
+    .mythic-chat-search-form .MuiButton-root {
+        width: 100%;
+    }
+    .mythic-chat-search-result-header {
+        align-items: flex-start;
+        flex-direction: column;
+        gap: 3px;
+    }
+    .mythic-chat-search-meta {
+        white-space: normal;
+    }
 }
 .ace_editor{
-    background-color: ${(props) => props.theme.outputBackgroundColor + "20"};
+    background-color: var(--mythic-global-418);
 }
 .ace_gutter {
     //background: transparent !important;
-    background-color: ${(props) => props.theme.outputBackgroundColor + "20"} !important;
-    color: ${(props) => props.theme.outputTextColor} !important;
+    background-color: var(--mythic-global-418) !important;
+    color: var(--mythic-global-212) !important;
 }
 .ace_editor .ace_text-layer {
-    color: ${(props) => props.theme.outputTextColor};
+    color: var(--mythic-global-212);
 }
 .rounded-tab { 
-    border-top-left-radius: ${(props) => props.theme.shape.borderRadius}px;
-    border-top-right-radius: ${(props) => props.theme.shape.borderRadius}px;
+    border-top-left-radius: var(--mythic-global-008);
+    border-top-right-radius: var(--mythic-global-008);
     padding: 2px 10px 0 10px;
-    border-top: 1px solid ${(props) => props.theme.borderColor};
-    border-left: 1px solid ${(props) => props.theme.borderColor};
-    border-right: 1px solid ${(props) => props.theme.borderColor};
-    border-bottom: 1px solid ${(props) => props.theme.borderColor};
+    border-top: 1px solid var(--mythic-global-005);
+    border-left: 1px solid var(--mythic-global-005);
+    border-right: 1px solid var(--mythic-global-005);
+    border-bottom: 1px solid var(--mythic-global-005);
     position: relative;
     top: 2px;
     word-break: break-all;
 }
 .empty-table-header {
-    border: 1px solid ${(props) => props.theme.borderColor} !important;
+    border: 1px solid var(--mythic-global-005) !important;
     height: 0px !important;
     padding: 0px !important;
     margin: 0px !important;
 }
 .code-box {
-    border: 1px solid ${(props) => props.theme.borderColor} !important;
+    border: 1px solid var(--mythic-global-005) !important;
     padding: 0px 5px 0px 5px;
     overflow: auto;
     white-space: pre;
diff --git a/mythic-docker/src/rabbitmq/send_chat_request.go b/mythic-docker/src/rabbitmq/send_chat_request.go
index eca7c235..f441cd5f 100644
--- a/mythic-docker/src/rabbitmq/send_chat_request.go
+++ b/mythic-docker/src/rabbitmq/send_chat_request.go
@@ -25,6 +25,7 @@ type ChatContainerRequestMessage struct {
 	ResponseMessageID int                           `json:"response_message_id" mapstructure:"response_message_id"`
 	Model             string                        `json:"model" mapstructure:"model"`
 	Prompt            string                        `json:"prompt" mapstructure:"prompt"`
+	Config            map[string]interface{}        `json:"config" mapstructure:"config"`
 	Context           []ChatContainerContextMessage `json:"context" mapstructure:"context"`
 	Secrets           map[string]interface{}        `json:"secrets" mapstructure:"secrets"`
 }
diff --git a/mythic-docker/src/webserver/controllers/chat_webhook.go b/mythic-docker/src/webserver/controllers/chat_webhook.go
index 0fbaa0fa..aec6871c 100644
--- a/mythic-docker/src/webserver/controllers/chat_webhook.go
+++ b/mythic-docker/src/webserver/controllers/chat_webhook.go
@@ -776,6 +776,7 @@ func createAIChatMessage(c *gin.Context, operatorOperation *databaseStructs.Oper
 		chatRespondError(c, err.Error())
 		return
 	}
+	chatConfig := getChatChannelConfig(channel)
 	contextIDs := make([]int, len(contextMessages))
 	for i := range contextMessages {
 		contextIDs[i] = contextMessages[i].ID
@@ -786,6 +787,7 @@ func createAIChatMessage(c *gin.Context, operatorOperation *databaseStructs.Oper
 		"response_message_id":   responseMessageID,
 		"retry_of_id":           retryOf,
 		"context_message_limit": chatContextMessageLimit,
+		"config":                chatConfig,
 	})
 	_, _ = database.DB.Exec(`UPDATE chat_request
 		SET context_snapshot=$3::jsonb
@@ -801,6 +803,7 @@ func createAIChatMessage(c *gin.Context, operatorOperation *databaseStructs.Oper
 		ResponseMessageID: responseMessageID,
 		Model:             channel.ChatModel,
 		Prompt:            message,
+		Config:            chatConfig,
 		Context:           contextMessages,
 		Secrets:           rabbitmq.GetSecrets(operatorOperation.CurrentOperator.ID, 0),
 	}, authContext)
@@ -961,6 +964,16 @@ func chatJSONText(input interface{}) databaseStructs.MythicJSONText {
 	return rabbitmq.GetMythicJSONTextFromStruct(input)
 }
 
+func getChatChannelConfig(channel databaseStructs.ChatChannel) map[string]interface{} {
+	metadata := channel.AIMetadata.StructValue()
+	for _, key := range []string{"config", "configuration"} {
+		if config, ok := metadata[key].(map[string]interface{}); ok {
+			return config
+		}
+	}
+	return map[string]interface{}{}
+}
+
 func getChatContainer(containerID int) (databaseStructs.ConsumingContainer, error) {
 	container := databaseStructs.ConsumingContainer{}
 	err := database.DB.Get(&container, `SELECT *